Web Construction with FrontPage:
General Issues,
Creating/Opening Locally
Opening "Live",
The Editing Environment/Themes,
Fonts and Text Editing,
Whole-page formatting,
Placing Images,
Tables,
Hyperlinks and Menus,
Website Structure, and Publishing your Site,
Classroom uses

Multimedia on the Web:
The Playing Field
Images
Music and Sound
Video
"Fair Use" and Copyright
Streaming on the Web
Image Sources

Multimedia and PowerPoint:
PowerPoint Animations
Sound and Music
Video

The Web Applied:

Elsewhere on this site:
General Instructional Technology
Presentation/Web
Imaging
Sound
Video,
Home

Presentation/Web FrontPage - The Editing Environment and Themes

The Environment

The most commonly used editing environment looks like the image to the right - it shows the "Views," "Folder List" and "Page View." If any are not showing, go to "View" in the menu and make sure that both "Views Bar" and "Folder List" is checked, and click on the "Page" icon in "Views." The folder list will look just like Windows Explorer, with plus signs in front of folders that have contents. The "_private" folder can be used to store things you do not want to be visible on your website. The "Image" folder, as mentioned in "General Issues." should be used to store images - this keeps the so-called "root directory" clear of anything but page files, making it easier to navigate. You then create your web page in the view window.  Note the "Normal," "HTML," and "Preview" tabs.  You will probably only need "Normal" unless you want to show your HTML prowess and edit code directly.

Saving

Take a minute now and save your first web page, which will be your home page. It doesn’t need to have anything on it, but it’s important to create its presence, and it will give us the opportunity to walk through the saving process. Choose “File/Save as…” from the menu. The dialog box will look a lot like one in Word or such . . . with one exception.
	Click the button to the right of "Page Title" called "Change." The resultant dialog box determines what shows at the top of your browser when the page is open. For your first page, you should title it "Jeffrey Jones, Mathematics Home Page" or some such - since this page will be the first to appear when someone goes to your site. Click "OK" to record your change.
Now name your file. The home page must be titled "Index.htm" or "Default.htm" since either of these page names are the ones a browser seeks and opens first. If neither of these exists, the visitor to your website will get an error message. After saving, your page will appear in the folder list.

All new pages should be saved in this way for the first time. Particular attention should be paid to "Page Title," which is a detail all too frequently missed. After the first time, a simple click of the diskette icon will do.

Previewing

The "Preview" tab and associated window attempts to show your web page as it will appear in a browser. Since web pages must be universal, it is impossible to predict the size of the viewing screen on a remote computer in advance.  But one thing is certain, it won't be as small as the "Preview" window in FrontPage!  Hence you will not get a good picture of how your web page appears there. Better to use the "Preview in Browser" option on the toolbar.  The "Preview" tab should only be used if you want a general look without saving (the "Preview in Browser" option requires saving).

File Transfer

Transferring files from your local computer to your website is as simple as transferring them from one place to another locally.  Simply find the file in Windows Explorer or My Computer, select it, right-click, and select "Copy." Then go to the "Folder List" in FrontPage,  click on the folder in which you want the file to reside, right-click and select "Paste." This is how to place single web pages into a website. Don't forget that the pictures must be brought up as well - place them in the "Images" folder and verify that they appear properly by bringing up the new page in "Normal" view.

Themes

Themes are simply lists of default settings and images which are then used automatically in each web page created within the site carrying the theme.  They are liked by some, and cursed by others, but they do give a quick and dirty method of making your website look unified, and more colorful than black-and-white text.  A theme can be applied, removed, changed to another theme, and its pre-sets modified one at a time.  They are available from the "Format" menu, and the color scheme and default images of each theme are shown there as you browse them. The website you are currently examining does not use themes.

Two example themes: