WyzGuys Computer Tutors

 Computer Instruction. Web Design Instruction,  and Web Hosting 

 

Web Site Structure

 

Site Navigation

Home
Student Registration
Class Resources

Day One

Introduction
Student Sites
Web Structure
Computer Settings
Site & Pages
Explore FrontPage
Web Site Wizard
Shared Borders
Web Page Themes
Page Header
Adding Text
Homework 1
Web Hosting 101
Web Site Design
Home Page Design

Day Two

Introduction
Your Home Page
Adding Pages
About Us Content
Add More Pages
Deleting Pages
Navigation
Link Bars
Custom Link Bars
Hyperlinks
Adding Hyperlinks
Hyperlink Exercise
Publishing
Copy Your Site
Homework 2

Day Three

Introduction
Bullet List
Numbered List
Tables
Table Uses
Create Tables
Graphics Intro
Image Sizing
Photo Editing
Adding Graphics
Photogalleries
Gallery Tool
Saving Images
Adding Music

Day Four

Form Wizard
Custom Form
Form Exercise
Form Properties
Web Components
Add a Map
Add Search Box
Marquee
Buttons
Hit Counter
Split & Code View
On-Line Sales
PayPal Buttons
Building Traffic
Meta Tags
Search Engines
Appendix & FAQs
Adv Techniques
Interactive Web
Conclusion
Evaluation

We use and recommend

for your on-line transactions

 The Logical Structure of Your Web Site

Your web site will be stored in a folder with a special icon that looks like the world.  This sets web folders apart from other folders in your My Documents folder.  When FrontPage is installed it will create a sub folder in My Documents called My Web Sites.  Each web site will be created inside its own folder in the My Web Sites folder.

Important It is critically important that all your related web files and sub folders stay within the main folder for that web site.  It is imperative that when you move or copy your web that you copy the entire folder, not just the files in the folder.  Otherwise your web may “break” when published.

Using Windows Explorer

Windows Explorer, shown in the above illustration, is the comprehensive organization and management tool for Windows files and folders. Using this tool, you can view all the files and folders on a selected drive (such as your hard drive, your floppy disk drive, or a network computer), open the file or folder, move and copy them, rename them, delete, print, and use files on other locations on the network.

You may want to display the Windows Explorer icon on your office toolbar or your desktop for easy access to this tool, which you will probably use often. However, you can also access Windows Explorer by clicking Start, pointing to Programs, and clicking Windows Explorer. My favorite way is to right click on START, and then select Explore form the context menu.  The following illustration shows the Explorer window.

With Windows Explorer it is fast and easy to open, move, create and organize your files and folders.

FrontPage File Naming Conventions

Examine the file structure of an existing web site.  A web site is nothing more than a collection of files and folders written in a special language called HTML or Hypertext Markup Language.  The folders contain designing information about page formatting. 

  • When opening or closing your web, use the OPEN SITE and CLOSE SITE commands.  Using the OPEN and CLOSE commands can introduce errors into your web site structure by creating and saving items outside of the folder structure of the web site.

  • The Home page must be named “index.htm,” ”home.htm,” or “default.htm” for the web site to work properly.  This is an Internet protocol that cannot be violated,  if your home page is named anything else, your site will not  publish to the internet.  FrontPage will automatically create a home page named index.htm.  Other pages can be named anything you like.

  • Even though Windows allows it, it is better to name your files without capitals or spaces in the file name.  Instead of Pictures of the Shop.htm it would be better to name the file pictures_of_the_shop.htm (using underscores for spaces) or picturesoftheshop.htm (using no spaces).

  • Your we site will be created with a folder named images.  When you start adding graphics to your web site, it will make working with your site easier if you keep all the graphics files inside the images folder.

Naming Your Pages

You will be giving each web page a filename and a Page Title.  They do not have to be the same, but it might make sense if they were similar.

  • Filename - The file name should always look like filename.htm.  It will be easier to open the right page when working on your site if the filenames are obviously related to the page content.  In other words, the page about your products would be products.htm, and the page about your locations would be locations.htm.

  • Page Title - The Page Title will appear at the top of your web page in the Page Banner.  The Page Title is similar to the chapter titles in a book, or the titles of articles in a magazine.  They also will appear in the Internet Explorer application buttons on your visitor's toolbar.


Back To Exercise Next

 

Curriculum developed by WyzGuys Computer Tutors

All Rights Reserved - updated 12/07/2006

Hosted by WyzHost.com

contact support@wyzhost.com