|
Related pages: |
 |
|
|
Related pages: |
|
|
When you launch the program the window will appear, probably with several sections. In addition to the title bar and standard toolbar across the top, you may see a views section at the left and a task section on the right. If you want to display or hide these sections, access the View menu to select or hide (turn on or off as a toggle switch) various views and toolbars. You may need to expand the View menu by clicking the small down arrows at the bottom to see all the options. You may also select these views by clicking the icon in the Views bar on the left. Most often you'll work in Page view.
Notice the menu terms and the toolbar buttons are like those in MS Word and have similar functions. Use the File menu to open, save, or preview a page. Use Edit to copy and paste, find, and delete. The Help menu (also accessed by using the F1 key at the top of most keyboards) provides detailed instructions through the Answer Wizard.
Faculty who registered an account on the QCC server,
skip this section and see
Accessing Your QCC web site for editing.
HUM 142
students see Uploading Files.
1. Under File menu select "Open site" and the open dialog box appears.
2. Now find and select the either the folder you created for your web site (containing your "index.html" file). From the "Look in" box, you may need to click the small triangle to navigate contents of your computer.
3. Once you select your home page folder, you will see a dialog box that says:
Front Page needs to add information to your folder in order to manage your Hyperlinks and other site content.
Do you want to add FrontPage information to "C:\Documents
and Settings\Desktop\web"? (terms following C:\ may differ).
4. Click the yes button at the bottom of this box.
5. In case you do not see your "index.html" and other files after step 4, go to the View menu and select "Folders." FrontPage should then display 3 frames, the right frame showing the folder contents. You may double-click the file you wish to work on; the program will then display that file in page view for editing.
If you have not yet created a file, first use the File menu to open a new blank page. You may enter text as you would in a word processor. If you don't use the enter key, the text will wrap to the next line. When you use the enter key, the program will insert a paragraph break and a space between lines. If you want a single line break, hold the shift key as you hit the enter key. To better understand this, type a few lines and then select Reveal tags under the View menu. To hide the tags just select the command again. You may use the formatting toolbar to align, color, indent text and to select different fonts. Remember not all browsers have every font installed and a web page will not display exactly the same in different browsers and screens. (Use the View menu > Toolbars to access the formatting toolbar if it does not display.)
For a header style, use the style box under the file menu. Click the down arrow next to the box for the pull down menu displaying Heading 1 - 6; here you may also create a bulleted or numbered list.
For links to Local and Remote web pages:
1. You may type the words you want the audience to see and highlight (select) them OR just place your cursor where you want the link to appear..
2. Go to the Insert menu and select Hyperlink. The dialog box opens.
3. In the dialog box you may type the words that describe the link after "text to display" (unless you've done this (1 above.).
4. Now choose either a local file (one that you have created for your web) or copy and paste (or type) the URL of a remote site. -->For more detail, see dialog box below.
5. After you've selected or entered the URL, click OK.
6. Save the page.
7. Remember to test the link in the browser (under the File menu, select "Preview in Browser."
To make an image a link, insert the file (see below), click on it to select it, then continue with the second step in this list.
If the file you want to link to is shown in your folder, simply click the name and the program lists the name of the local file in the address box (as "index.html" in the graphic).
If the URL is remote, you may copy and paste the address in the box, or click the down triangle arrow to select a recent site you have visited.
The four icons to the left of the URL box are additional commands to simplify linking. "Place in this Document" is for an anchor or bookmark link to another place in the same document. See bookmark links for directions. "Create New Document" is used to create a link to a file you have not yet written. "Email Address" allows you to create a "mailto" link, which will only work if the user's browser has been configured with the correct email settings.
Place in document (also called bookmark or anchor links):
In addition to linking to files within your site and pages on other web servers, you may create links from one place in your page to another place. This involves two procedures, creating the anchor or bookmark and creating the link.
1. Place the cursor at the spot you want the link to jump to and under the Insert menu select bookmark.
2. In the dialog box type the name of the bookmark, such as "top" and then click OK.
3. Now move the cursor to the place where you will type the words which you want to link to this bookmark. Type the words, such as "Top of page" and highlight them.
4. Under the Insert menu select Hyperlink.
5. The bookmark dialog box may appear immediately. If not, at the left of the link dialog box select "Place in Document." The bookmark dialog box appears and you must select the new bookmark you created. Next click the OK button at the bottom of the dialog box. Now back in the link dialog box, the link will display (preceded by #) in the address box. Click OK again.
6. Save the page and check your link in the browser.
Mailto Link
1. First type your email address: username@server.edu
2. Highlight and copy the address--you may use the keyboard shortcut, Ctrl + C.
3. Leaving the address highlighted, access the Insert menu and select Hyperlink.
4. In the dialog box, select "Email address" under Link to and make sure the text to display and the email address box show the correct address. The software may automatically fill these in. If not, paste the address you copied using the keyboard shortcut, Ctrl + V.
5. Click OK, save the change to your file, and check the link in the browser.
Note: Email links do not always work for users. The computer has to be configured to the user's email account and this is not the case on public machines.
First see Images for Downloading to save images for use on your site.
1. Place the cursor where you want the image to appear.
2. Go to the Insert menu and select Insert Picture> From file. The picture dialog box appears.
3. You have several choices in the dialog box. At the top you should see the name of the folder your web page is in. Once you locate and select the image click OK at the bottom of the screen. (Note: FrontPage suggests you keep images in a subfolder of your web folder called "images." If you do this, remember to have this same folder structure on your server.)
4. The program will display the graphic in the page window. (Be careful about resizing...see information about graphics and photos.)
5. Save the page and then preview it in the browser. (File...Preview in Browser).
Access the Page Properties dialog box (pictured below) in one of
3 ways:
1) right-click the mouse button on the page you're working on and then select Page Properties in the popup menu
2) use the File menu and select Properties...
3) access the Format menu and select Background (if this option does not
appear, click the down arrows at the bottom of this pull down menu).
This section of the software provides several means of changing your page.
To change your page title, open Page Properties and click the "General" tab. Type the title in title box, click OK, then save the page.
To use a background image:
First save a background graphic (GIF or JPG image file) to your folder. (See Sample Backgrounds.)
Select Background under the Insert menu (or select Formatting tab under File menu> Properties).
In the dialog box, use the mouse to check background picture under Formatting.
Click Browse to open the dialog box for selecting your background file.
In the "select background picture" box, find your web page folder (if necessary click the down arrow to the right of the Look in text box), select the file (generally placed in the images folder), then click OK.
Save and preview your page.
If you are not working on the server, upload both the changed page and the background graphic file to the server.
Notice you may also change the color of the page background and of hyperlinks, active links, and visited links in the Formatting section of Page Properties. However, to avoid confusion for the user, keep links a brighter color and visited links a dull or muted color. Also maintain appropriate contrast between background and text color. If your background image or background color is very dark, make the text and hyperlink color light enough to be clear.
While tables are usually intended to display figures or lists, web authors often use them to create pleasing layouts for text and images. You may display navigation links in a table cell on one side of a page with an image or text in other cells. (See the table at the top of this page.) Below is a table aligned left with one row, two columns and a width of 40 per cent.
|
Legal |
|
To insert a table, access the dialog box by selecting the Table menu, Insert table. Until you understand pixel measurements, use percentages for size. When setting up a table remember rows are set or inserted above or below (vertically) and columns are set right or left (horizontally). The graphic below shows the specifications for the table above. Notice it is centered and has no border.
Use the search feature or access the Table of Contents for site maintenance, working with graphics and special features. Your server must have FrontPage extensions installed for some features to work. (Avoid using hover buttons.)
Introduction to FrontPage