WyzGuys Computer Tutors

 Computer Instruction. Web Design Instruction,  and Web Hosting 

 

Day Two
Computer Instruction Computer Support Web Design Web Hosting

 

Course Navigation

Introduction
Student Designs
Resources
Day One
Day Two
Day Three
Day Four
Extra Information
Web Design FAQs

Day Two

  • Adding and Deleting Pages

    • Add a new Page

    • Create a new page in the Folder View

    • FILE > New > Page or Web

    • Select New Blank Page

    • Use File > Save As command to name the new page.

    • Switch to Navigation View

    • Add it to the Navigation View using drag and drop.  Drag the new page from the Folder List into the Navigation Pane, and use the automatic connecting lines to attach it to the right place in the web hierarchy.

    • Name the page in the Navigation View – the name you give it here is the name that will automatically appear in the Page Banner on your web site.

    • Deleting a page –

    • From Folder View – just highlight the page and delete.

    • From Navigation View – just highlight the page and delete.

    • From Existing Published Web - When you are working with a published Web site on an Internet/intranet server, Microsoft FrontPage 2002 does not automatically delete pages from the server that you have already deleted on your development (local) computer when re-publishing your site. Using the new enhanced Publishing dialog box, there are two ways you can sync deletes between your published and local sites. 

    • To use enhanced publishing to delete files or folders on the published site, open a new or existing Web in FrontPage 2002 and do the following:

    • On the File menu, click Publish Web.

    • In the Publish dialog box, click Options and select the Publish tab.

    • Under Publish:, select the Changed pages only option and click OK.

    • Click Publish and FrontPage will ask if you want to delete the pages and files that are present on the server, but not in your current Web.

    • Click Yes to delete the specified file in the prompt or Yes to All to delete all of the files that you deleted from the current Web..

    • To delete by hand a file or folder on the published site using the enhanced Publishing dialog box, do the following:

    • On the File menu, click Publish Web.

    • In the Publish Web dialog, click the Show>> button to show the contents of the server you're publishing to.

    • In the right pane (which displays the files that have been published), select the file you want to delete by clicking it.

    • Click the X icon above the right pane.

    • More information - For more information about publishing Webs, see Microsoft FrontPage 2002 Help.

  • Adding Text

    • Typing into a Web Page

    • Inserting Existing Text by using copy/paste functions in existing text files.

    • Word or other text files – simply highlight the desired test in MS Word, Copy, then change screens to the FrontPage screen, position the cursor where you want to insert the text, and click Paste.

    • Excel Spreadsheets – if you have inventory lists or price lists in Excel, they can be added to a web site the same way as Word documents.

    • Other web sites – again select the desired text, copy and paste.

    • Formatting Text – simply highlight the text you want to change and change it as you would in Word.

    • From the Format Menu

    • From the text formatting tool bar

    • Creating a Hyperlink in the text body

    • From the Insert Menu

    • From the Hyperlink Icon on the tool bar.

    • By right clicking on the desired place and selecting Hyperlink from the context menu.

  • Changing Your Theme

    • Selecting and Applying a Theme - You can change the look quickly and easily on all pages in your Web site or just one page in your site using themes in Microsoft FrontPageฎ 2002. Themes apply consistent fonts and other formatting across a single page or all pages in your site. There are many new themes and the rest have been updated. Each has its own look and feel, including coordinated bullets, buttons, background, page banner, horizontal line, and font styles.

    • Modifying or Customizing a Theme - In addition, you can apply a virtually limitless variety of formatting options to these 67 themes because they are all customizable.  To customize a Theme, open a new or existing web in FrontPage 2002, and do the following:

    • On the Format menu, select Themes.

    • In the list box on the left, select a Theme and a preview of it will appear in the Sample of Theme: window.

    • To customize your theme, select the Modify button.

    • Under What would you like to modify?, select:

    • the Colors button to change the color scheme of a theme

    • the Graphics button to change the graphics used in a theme

    • the Text button to change the text styles used in a theme

    • Click OK to return to the Themes dialog box.

    • Under Apply Theme to: choose whether to apply the changes to All pages in your web or only Selected page(s).

    • Click Save As, enter a name for your modified Theme and click OK.

    • Now, click OK to apply the theme.  Tip   When you modify a preset theme, you must save your changes to a new theme; you cannot overwrite a preset theme.

  • Shared Borders

    • Shared Borders allows you to define borders at the top, bottom, left, and or right of your page that will be exactly the same from one page to the next.  This way you can put company logo, navigation links, ads, page banners, and other elements in your site without having to add them manually to every page.

    • Go to Format > Shared Borders.

    • The Shared Borders dialog box opens. 

    • Select a radio button to apply the shared border to the current page only, or all pages

    • Select the check boxes for the borders you wish to create.  If you check the Include Navigation Buttons box, FrontPage will automatically insert Link Bars based on your web site design (see below).

    • Clicking on the Border Properties button opens another dialog box that will allow you to apply different colors or graphics to you border areas.

  • Page Banners

    • A page banner is a title box usually found at the top of your web page.  If included in a Shared Border area, the Banner will display consistently on all your pages, but will display a different title of your choice for each page.

    • Go to Insert > Page Banner

    • The Page banner dialog box opens, and you can choose to show only text, or a picture based on your theme.  You can enter or edit the text displaded inside the Page Banner in the provided box.

    • A quick way to get back to the page banner box is by Right Clicking on the Page banner, and selecting Page Banner Properties from the Context Menu.

  • Creating Navigation Structure for your Web Site

    • When you design your Web site, one of the most important considerations is providing a logical navigation structure, allowing site visitors to find the content they want quickly and easily. You want to ensure that site visitors always know where they are in the site, and provide them with the proper context for the content they are reading.  There is a good article on navigation structure at WebReference.com.  http://www.webreference.com/graphics/column42/index.html.  Microsoft FrontPage includes the following methods to help you add a navigation structure to your Web site:

    • Link Bars - A link bar is a set of hyperlinks that enable site visitors to navigate to the pages in your Web site. You place link bars in a prominent and consistent location on each page, and they act as a map to the pages you designate. You can create link bars with either graphic or text hyperlinks. 

    • When you create your Web site, you can either create link bars that you specify the links for, or add a link bar that is based on the navigation structure of your site. FrontPage maintains the link bars you create; if you move or add a page, FrontPage updates the link bar accordingly.  You can format your link bars in the following ways:

    • You can place link bars horizontally or vertically on a page.

    • You can add more than one link bar to each page, for example to navigate to different page levels.

    • You can change the style of a link bar that uses buttons instead of text.

    • The types of link bars that you can add to your Web site include the following:

  • Creating Link Bars based on Web Site Structure for your Web Site

    • After you have designed your Web site and determined a hierarchical and logical flow for the content, you can add a link bar based on that navigation structure. The structure determines which hyperlinks you will assign to the link bar, and the node labels determine the labels for those hyperlinks.  The following example shows the structure of a Web site in Navigation view and an explanation of the relationships among the pages in the site:

    • Home page   The first page that is added to a navigation structure is typically named Default.htm or Index.htm, and is indicated by the home page icon. In the preceding example, Home is the home page.

    • Global level pages   These pages are at the same level as — but do not include — the home page. In the preceding example, the global level page is Contacts.

    • Parent level pages   These pages are located directly above another page or pages, including pages that are directly connected to the parent level page on the same level (with the exception of the Home page). In the preceding example, the parent level page for What's New is Home.

    • Child level pages   One or more pages that are located directly below a parent level page. In the preceding example, Home has three child level pages (What's New, Products, and Services), Contacts has one child level page (Jobs), and Products has two child level pages (Search and Ordering).

    • Same level pages   Pages that are on the same level in the hierarchical structure and share the same parent level page. In the preceding example, What's New, Products, and Services are same level pages; Search and Ordering are also same level pages.

    • Back and next pages   In the preceding example, if you add a link bar that includes back and next links to the Products page, the next link directs the site visitor to Services and the back link directs the site visitor to What's New.

    • When you add a link bar that includes back and next links, FrontPage relies on the navigation structure of the Web site to automatically set up those links. You can add hyperlinks to the home page and to the parent level page of the active page by using the link bar properties dialog box. Additionally, in Navigation view, you can create links to external Web pages.

  • Creating Custom Link Bars for your Web Site

    • When you add a custom link bar, you can link to any of the pages within your Web site, as well as to external pages. You can set the link bar up in any way that you want, you can add back and next links, and you can add and remove pages from it at any time.

  • Table of Contents

    • You can configure FrontPage to automatically generate a table of contents based on the categories (category: A classification for labeling and grouping Web pages and files by common criteria such as page contents, file types, or a similar distinction.) that you assign to your pages. For users of FrontPage client software that connect to servers running FrontPage Server Extensions, you can configure FrontPage to automatically generate a table of contents based on the navigation structure of your Web site. While the actual links do not display in FrontPage, they do in the Web browser.

    • You can format your table of contents — for example, change the heading font size — and you can also set it so that FrontPage automatically recalculates the table of contents whenever you edit a page in your Web site.

  • Site Map 

    • When you create a site map, you select the categories that you want and create a Table of Contents, and this makes up the list of all the pages belonging to those categories

    • For a personal or small Web site, you can create a site map with a list of hyperlinks to all the Web site's pages, by using the Table of Contents Web component.

    • For a corporate presence or large Web site, a site map typically contains lists of hyperlinks to pages in different subsites, categories, or other groups organized under logical headings. For example, if you sell appliances, your site map might have columns of hyperlinks for Large Appliances, Small Appliances, and Customer Service. You can create this kind of site map by using categories.

  • Your Own Hyperlinks

    • Linking to Other Pages on your Web

    • Linking to Other Websites

    • Linking to Existing Places on the page using Bookmarks

Instructor Sites

Instructor 1
instructor 2
Instructor 3

Student Sites

Site 00
Site 01
Site 02
Site 03
Site 04
Site 05
Site 06
Site 07
Site 08
Site 09
Site 10
Site 11
Site 12
Site 13
Site 14
Site 15
Site 16
Site 17
Site 18
Site 19
Site 20
Site 21
Site 22
Site 23
Site 24
Site 25
Site 26
Site 27
Site 28
Site 29

 

Hosted by WyzHost.com

contact support@wyzhost.com