CREATE A WEBPAGE WITH FRONTPAGE
|FRONTPAGE EXPRESS||INSERT AN IMAGE||INSERT AN ACTIVE LINK||UPLOAD BY FTP|
|9. Insert an image||13. Insert a link||17. Use the FTP program|
|7. Create a new file||9b. Download images from the Web||13b. A different way of inserting links||19. Upload files|
|8. Test your files||14. Turn any word into a link||20. Upload images|
|15. Turn any image into a link|
|16. Linking two or more of your pages|
|16b. Create a link that opens into a new browser window.|
|"Webpages" in technical parlance are called "html files". Everytime you create a new page with Frontpage, you create a new html file. HTML means "hypertext mark-up language".|
|1.||Open FRONTPAGE EXPRESS. Here
is what the navigation bar looks like
|2.||Click FILE. A scroll-down menu will open up. Click "Save As..."|
|3.||In the dialogue box that opens up, "Page Title" refers to the TITLE of your page, NOT THE FILE NAME.|
|In the text box Page Title you can type anything
you want (I would suggest a descriptive title of the page
|4.||Click the button "As File..."|
|5.||In the following dialogue box, you finally name your file. THE FIRST FILE OF A WEBSITE MUST BE CALLED <index>|
|If you typed <index>, the FULL filename will be <index.htm> because FRONTPAGE EXPRESS automatically adds the .htm extension to any file created with it (the three or four letters after <filename.> are called EXTENSION) .|
|If you typed <index.html> the filename will be <index.html>. Either one is OK.|
|The important thing is that in your website you only have one index file, either with the extension .htm or .html but NEVER both.|
|6.||Use FrontPage Express the way you would use Word or any other word processing program. Type in anything you want.|
Experiment with font color and size.
|After you finish, click FILE > SAVE (no need to do SAVE AS, since it already has a name).|
|7.||DO YOU WANT TO
CREATE A NEW WEBPAGE (html file)?
In Frontpage Express, in the navigation bar click the NEW PAGE icon
Click FILE > SAVE AS and
repeat as in n. 1
|8.||TEST YOUR HTML FILES (see what they look like).|
|Your new creation at this point resides only on your diskette. You can take a look to see what it WILL look like after you upload it to the Web and it has therefore become a real WEBPAGE.|
|a)||Start the browser (Internet Explorer), go to FILE > OPEN > BROWSE and OPEN the file you were working on.|
|b)|| If you want to make changes,
work on the file in Frontpage Express.
Click FILE > SAVE.
|c)||Go back to the browser (Internet
Explorer) and click the "Refresh" button to
load the new version of your html file.
|9.|| INSERTING IMAGES
Assuming you have a set of images, if you want to insert them in your webpage, first you have to place them in the same location where the html files are. If you saved your files on your diskette, the images must also reside there. If you created a folder on your diskette and place the html files in it, you must put the images in the same folder.
|.||Start Frontpage Express
and open the file in which you want to insert an image.
|11.||In the dialogue box that
opens up click "Browse"
|12.||In the next dialogue box,
highlight the image you want to insert, then click OPEN.
The image will appear in your webpage.
|13||INSERTING AN ACTIVE LINK IN YOUR HOMEPAGE|
|Let's assume you
want to place a link to the Website of CNN in your
If you go to the CNN site you will see that the full URL is <http://www.cnn.com>.
Copy the entire URL from the "Address" linebox (highlight the URL, right click, click "Copy").
Paste it into the Frontpage document (place the cursor anywhere on the blank screen, right click, click "Paste"). Click "ENTER". It should activate itself automatically (it turns blue with an underline).
If you can't copy and paste, type the entire string, <http://www.cnn.com>. Click "ENTER". It should activate automatically (it turns blue with an underline).
THE LINK WILL LOOK LIKE THIS
|13b||A different way of INSERTING AN ACTIVE LINK IN YOUR HOMEPAGE|
|In Frontpage Express, in the
navigation bar, click INSERT > HYPERLINK
In the dialogue box, type the URL of the site you want to link to and click OK
THE LINK WILL STILL
LOOK LIKE THIS
Click FILE > SAVE and test in your browser.
|14||TURN ANY WORD INTO AN ACTIVE LINK|
|You can turn any word or string of
words into an active link (aka hyperlink)
Type any word in Frontpage Express.
Highlight it by double-clicking on it
On the navigation bar click INSERT > HYPERLINK (see 13b)
See the dialogue box above and repeat.
THE LINK WILL LOOK
Click FILE > SAVE and test in your browser
|15||TURN ANY IMAGE INTO AN ACTIVE LINK|
|In Frontpage Express, insert an image
(see n. 9)
Place the cursor on the image you just inserted and RIGHT CLICK.
Click "Image Properties"
|This dialogue box will open up
Click OK then FILE > SAVE
|16||LINKING TWO OR MORE OF YOUR WEBPAGES THROUGH HYPERLINKS|
|Your first webpage MUST be called <index.htm>
Let's assume you have created another page (see n. 7) and called it <pagetwo>. The full name of the file is <pagetwo.htm>.
In Frontpage open the <index.> file.
Anywhere in the page, type any word you want (Link, Page 2, Next, Forward etc.)
Transform this WORD or string of words into an active link (see n. 14)
In the dialogue box, for URL simply type <pagetwo.htm> (DO NOT TYPE THE BRACKETS < >)
Test the link in your browser.
Frontpage Express open <pagetwo.htm>.
|16b||ONE LAST TRICK: HOW TO CREATE AN
ACTIVE LINK THAT OPENS INTO A NEW BROWSER WINDOW.
Place the cursor on any active link. RIGHT CLICK.
At the bottom of the dialogue box that opens up, for Target Frame, type in EXACTLY <_blank> (there must be an underscore before the word blank).
CLICK OK, FILE > SAVE.
Test in your browser.
UPLOAD YOUR FILES TO THE WEB WITH FTP.
Start the FTP program
Follow the directions below.
|19||THIS OPERATION UPLOADS YOUR FILES FROM YOUR
COMPUTER TO THE WEBSITE .
Repeat the operation with every single file you want to upload.
|20||VERY IMPORTANT: YOU
MUST UPLOAD ALL THE HTML FILES AND ALL THE IMAGES
YOU MUST UPLOAD EVERY HTML FILE AND EVERY IMAGE YOU USE IN YOUR WEBPAGES.
To do so, repeat the process in n.19 for each file.