How Do I...?

With Front Page Express

Insert a Graphic into My Web page?

Using The Menu

1. Click on "Insert" -- "Image"
2. Click on "Browse" and look for files ending in *.jpg or *.gif (*.png is not supported by all browsers, *.bmp files are too heavy)
3. Click "Open"

Using The Insert Image Icon

1. Click on the Insert Image icon on the Tool Bar
2. Click "From File" and "Browse" to look for it in your drive
3. Locate the file, highlight with the mouse pointer and click "Open"

Resulting HTML Code: <img src="yourpic.gif" height="" width="" alt="(12345 bytes)">
Note: In FrontPage 2.0, it is best to copy your graphic files into the same directory where you have your web pages. This way, you can upload the image together with your web page and would have a greater chance to be seen with it on a web site. Check the HTML source code of your page once the image has been inserted. If it looks like the example above, then you have inserted it well. If on the other hand it looks like this: <img src="file:///C:\\directory\yourpic.gif..." > chances are it won't be seen on the Web even if it passes the browser test on your computer.

Insert an Image as Background of a Web Page?

Create Links?

There are two kinds of links for web pages: (i) a link to an external file (relative and absolute) and (ii) a link to a point in the same web page

Creating a link to an External File: A link to one of your pages.

1. Highlight the text that you would like to be your link (The text that a surfer will click on so that he/she can go to another page)
2. Click on "Insert" -- "Hyperlink"
3. Choose "World Wide Web"
4. For your Hyper Link Type, choose "Other"
5. Type in the page you will be linking to (give the exact name: if it is called page2.htm type page2.htm.   Hyperlinks are case sensitive. This means that page2.htm is different from page2.html or Page2.htm.

Creating a link to an External File: A link to another web site.

1. Highlight the text that you would like to be your link (The text that a surfer will click on so that he/she can go to another page)
2. Click on "Insert" -- "Hyperlink"
3. Choose "World Wide Web"
4. For your Hyper Link Type, choose "http://"
5. Type in the website you will be linking to, e.g. www.agustinongpinoy.com

Creating a link to a point in the same web page. This will be a bit tricky because it will involve two types of anchors, the name anchor and the href anchor. A common example of this kind of link is this Click to go back to the top . (Note: You have to scroll back to return to this point).

The name anchor. [HTML codes: <a name="top">Front Page</a>]

In the example above, I have put the name anchor on the phrase Front Page. The anchor is invisible when this page is seen through a browser. In Front Page Express, the anchor will appear as a broken underline. The a name serves as a target for the hyperlink I have created on the phrase "Click to go back to the top." To create this in Front Page, I have done the following:

• I clicked on "View" -- "HTML". This opened up the Source Code Editor
• I located the phrase "Front Page" and typed the tags as seen above. This creates a bookmark. In Front Page 98, one needs only to click "Insert" and Choose "bookmark." This action creates the a name tag.

The href anchor: [HTML code: <a href="#top">Click to go back to the top.</a>]

The href anchor looks like your ordinary href tag except that the target is not a webpage nor a website, but a bookmark. The target has the format # sign plus the a name (in this case "top"). Again, this is case sensitive. To create the href anchor:

1. Highlight the text that you would like to be your link (The text that a surfer will click on so that he/she can go to another page)
2. Click on "Insert" -- "Hyperlink"
3. Choose "World Wide Web"
4. For your Hyper Link Type, choose "Other"
5. Type in the bookmark name: #nameof target (no spaces!)

[Home][Index][Front Page Tool bars] [Steps In Making a Web Page] [Source Coding] [How Do I?] [HTML Codes]