Exploring FrontPage

WyzGuys Computer Tutors

Computer Instruction. Web Design Instruction, and Web Hosting

Exploring FrontPage

Site Navigation

Day One

Day Two

Day Three

Day Four

We use and recommend

for your on-line transactions

Introducing Microsoft FrontPage

Title Bar - The title bar at the top will display the name of the web site you are working on. Notice that the default location is in your My Documents folder, in a sub- folder called My Web Sites.
Standard Toolbar - Like other Microsoft Office programs you are familiar with, FrontPage has a standard toolbar that allows you to quickly launch a new page or web site, save and search for files, and print to paper, copy, cut and paste text and images, and more.
Formatting Toolbar - The formatting toolbar allows you to format and modify the text in your web site.
Other Toolbars - FrontPage has many other toolbars you can open, and you can see them by selecting View, Toolbars.
Menus - All FrontPage command options can be found in the menus. Take a moment now to click on each one and see what is in each menu.
- The File menu - There are some commands that are unique to FrontPage that are extremely important to know and use correctly.
  - Open Site - In most Windows programs, you would use the Open command to open a document for editing. this is not the case in FrontPage. Because a web site is a collection of linked documents, when working on any page in your web site, you need to open the entire web site using the Open Site command.
  - Close Site - Similarly, using the Close command will only close the particular page your are working on. to close the entire web site you need to Close Site.
  - Save All - While Word and Excel have an AutoSave feature that periodically and automatically saves changes to the document you are editing, FrontPage does not share this feature. Because FrontPage is a complex design environment, you may have an occasion when you attempt to make some sort of a change to your site, and what happens next is that FrontPage hangs or crashes, and your unsaved changes to the site are lost. I have had this happen to me after putting in 4 to 5 hours on a site without saving, and lost a whole days production. Use the Save All command frequently to protect your work.
  - Publish Site - You will design your site on your own computer, known as the local site. Your will need a way to move your completed site to the web server, known as the remote site. Most web design software does the publishing process using File Transfer Protocol (FTP), an Internet protocol that uses port 20 and 21. FrontPage publishes using port 80, which is the same port used for web browsing. In a secured network, there are sometimes advantages to this arrangement. For the most part, you won't care about this. We will be covering publishing in some detail on Day 2, just be aware that this is how you get your web site out to the web server and on the Internet.

Main Window Views - these views are controlled by the small tool bar on the lower left corner of the main window

Design View – this is the view you will use to create and edit your web pages.
Split View - creates a split window that allows you to see the HTML code above the WYSIWYG display. Both windows are editable (BE CAREFUL!)
Code View – this view is used to insert or edit the actual HTML code that creates the web site. Very occasionally you may need to access this view, but be careful; changes made here incorrectly will break your page. You are better off using the Normal view
Preview View – this view allows you to see how the web page will appear in a browser. All hyperlinks and link bars will work as they will once you publish the page to your web host.

Tabs - the entire web site and the open web pages are displayed across the top in a tabular formation.

Other Views - these views are controlled from the View menu, or by clicking on the "Web Site" tab at the top of the main page, and then the bottom tool bar changes

Folders View - Looks like the Folder list at the left.
Remote Web Site View - Used when publishing your site to the web server
Reports View - Will give you statistical information about the number of files, pictures, hyperlinks, and so forth.
Navigation View - As shown bel, gives you a graphical picture of the organizational structure of your site, and allows you to rearrange pages easily.
Hyperlinks View - Shows you the number and accuracy of w hyperlinks.
Tasks View - Basically, a task list for your web site. This facility allows you to leave yourself notes, ideas, and instructions for your web design.

Folder List / Navigation Pane – This column on the left side of the window can be enabled or disabled from the Views menu or the Folder List toggle button.

Web Site Logical Structure – As you create a Web site, you typically create many pages — a home page, other theme pages, a page of links, maybe a photo gallery. In Microsoft FrontPage 2003, the Folder List view and the Navigation Pane view allows you to quickly see the structure of your site without leaving Page view.

Changing the structure - The Navigation Pane is a vertical map of the structure of your Web site. You can toggle between this pane — which is located next to the page you're editing in Page view — and the folder list.

The Navigation Pane makes it easy for you to see where you want your page to fit into the navigation structure of your site without having to go into Navigation view. When you add a page to your site, you can drag and drop it into any Web folder or subdirectory that you want. You can also add new or existing pages directly into folders or subdirectories:

Right-click the folder or subdirectory into which you want to add a page.

To add a new page, point to New, and then click Page, or click Add Existing Page.

Back

To Exercise

Next

Curriculum developed by WyzGuys Computer Tutors

Hosted by WyzHost.com

contact support@wyzhost.com