Section 1 - Introduction

• Changing screen resolution

Section 2 - Web Site Basics

• What is a web site?
• Files, pages, text, graphics, audio, video
• Hard drive space
• Download time
• Definition of HTML
• HTML's role in FrontPage
• Creating a web site plan
• Basic concepts
• Intro to web design and home page structure
• Hyperlinks
• Definition of URL - Universal Resource Locator

Section 3 - The FrontPage Environment

• Opening FrontPage
• Making FrontPage the default editor
• Title bar
• Control menu
• Minimize/Restore/Maximize/Close buttons
• Resetting FrontPage's default settings
• Deleting the record of previous commands
• Always show full menus command
• Introduction to:
• Menu bar
• Standard toolbar
• Icon name and function view
• Formatting toolbar
• Workspace
• Opening FrontPage Web
• Shortcut:(Ctrl+F1) to open Task pane
• Task pane and options
• Web site templates
• Placeholders
• Wizards
• Modifying a template
• Creating and storing a new Web
• My Web Sites folder list
• Expanding the Folder List window
• .htm = HTML file
• Index page
  
• The sample Web's home page (template)
• Home page banner
• Hand holding paper cursor icon
• Hyperlinks
• Text and formats
• Navigation bar with links
• Status bar
• Modems: 56k, Cable, DSL
• Selecting connection speed
• Intro to View buttons:
• Design
• Split
• Code
• Preview
• Normal
• Folders list
• Navigation
• Navigation pane
• Toggle Pane icon
• About Me page

Section 4 - FrontPage Views

• Views:
• Page
• Design
• Editing marks
• Comment text and placeholders
• Intro to: Page Banner Properties dialog box, indicator cursor, and making changes
• Navigation bar for template
• About Me tab
• Web Site tab
• Folders view
• Folder List bar
• File names, titles, size, type, etc.
• Up One Level tool icon
• Directory structure
• Workspace
• Path names
• Reports View
• Site summary
• Reports toolbar
• Definition of kilobyte, megabyte, ISP
• Intro to: .txt, .gif, and .jpg files
• Navigation View
• Site's construction
• Pages & Relationships
• Adding new pages
• Removing pages from:
• The navigation structure
• The web site
• Renaming pages
• Hyperlinks View
• Intro to http:// external links
• Broken links
• Internal links
• Navigational links
• Plus sign links indicator
• Tasks view
• Manually or automatically created
• General purpose task
• Task associated with a file
• Setting up a task

Section 5 - Working with Templates

• Working with a personal design template
• Changing heading title from Page Banner properties
• Selecting and replacing text
• From the Formatting toolbar, change font and size
• Blocking and replacing text with existing file from My Computer
• Shortcuts - Ctrl+C and Ctrl+V
• Highlight header and delete
• Creating and editing e-mail links
• Aligning links in links column
• Modifying links column width
• Copy and paste links within different tabs from the workspace
• Selecting and deleting cells from the table drop-down menu
• Intro to tables and drop-down menu
• Adding a page to the navigation structure to display links
• Click and drag child to parent in Navigation view

Section 6 - Saving in FrontPage

• Saving web site vs. saving individual web pages
• File/Save As
• Change title button
• Page titles, File names, and Save as type
• Index.htm
• Unsaved changes asterisk indicator on page tabs
• Save icon on toolbar
• File/Save All
• Close page without saving
• Save warning boxes
• Importance of saving often
• Closing FrontPage

Section 1 - Introduction

• Open and maximize FrontPage

Section 2 - FrontPage Themes

• Learning to be consistent
• Exploring themes from Design Page view
• Theme task pane
• Installing and downloading additional themes
• Check boxes:
• Vivid colors
• Active graphics
• Background picture
• Personalizing themes
• Theme drop-down menu
• Customize Theme buttons:
• 1. Colors
• Color Schemes tab - Normal vs. Vivid
• Color Wheel tab - Difficult to undo changes
• Custom tab - Item and Color drop-down menus
• New and current color preview area
• Select color palette tool
• Value
• 2. Graphics
• Caution about changing backgrounds
• Picture tab
• Font tab - Family of fonts
• Alignment
• Active graphics
• 3. Text - Commonly used fonts
• 4. Save As
• Creating, saving, and activating personalized themes
• Permanently replacing format warning message
• Applying a default theme
• Using the Save All command

Section 3 - Working with Tables

• Four ways of placing tables on a page
• Table/Insert/Table
• Table/Draw Table/Pencil icon
• Insert Table icon
• View/Task Pane/Layout Tables and Cells
• Web Table structures
• Cell Formatting pane
• Cell header and footer
• Cell corners and shadows
• Layout cell properties
• Borders
• Margins
• Layout tables and cells
• New tables and cells
• Insert layout table
• Insert layout cell
• Show layout tool
• Table properties
• Width
• Height
• Alignment
• Set page margins
• Table layout
• Predefined table options
• Inserting a table from Table / Insert / Table
• Layout Tools
• Size
• Rows
• Columns
• Layout
• Alignment
• Specify width in pixels or in percent
• Viewer's screen resolution results
• Specify height in pixels or in percent
• Float feature
• Cell padding
• Cell spacing
• Borders
• Background
• Set as default for new tables check box
• Style button
• Opening and moving Tables toolbar
• Selecting a table and a cell
• Intro to Tables tool icons
• Merging cells
• Clicking and dragging text into a cell
• Importing a Word file as a table
• Convert table to text command
• Shortcut menu to table properties
• Modifying a table's width, border size, and collapse table border
• Changing table's font size and style and distributing columns and rows evenly

Section 4 - Working with Images

• Choosing images should:
• Be easy to load
• Translate well
• Image compression formats - .jpg and .gif
• Different types of photos and graphic images
• Inserting image files with toolbar icon
• Shortcut: (Ctrl) to select multiple files
• Clicking an dragging images within cells
• Shortcut menu to Cell Properties dialog box
• Centering cell contents using the Format toolbar
• Picture Properties dialog box
• Appearance tab
• Wrapping style
• Layout
• Resizing and keeping aspect ratio
• General tab
• Picture source
• Picture File Type button
• Select file type
• Alternative representations - loading and placeholders
• Default hyperlink
• Target frame
• Save embedded files
• Rename, Change Folder, Set Action, and Picture File Type buttons
• Adding comments under images
• Previewing changes
• Photo Gallery Properties dialog box
• Pictures tab
• Add
• Edit
• Remove
• Move up or move down
• Thumbnail size
• Format text for captions
• Layout tab
• Preset styles
• Preview area and features
• Shortcut: (Shift) to select all files from list
• Adding pictures to the gallery
• Creating image captions
• Introduction to using thumbnails
• Editing images
• Size
• Rotate
• Crop

Section 5 - Working with Thumbnails

• Auto-thumbnail feature
• Download time, visual appeal, and web site functionality
• Creating an auto-thumbnail
• Shortcut menu from images
• Beveled edges
• Using text wrap selection from image to modify layout
• Mouse pointer box - Move mode indicator
• Anchoring images with text
• Shortcut menu from table to insert row
• Centering images within a table column
• Shortcut of copying and pasting text format

Section 6 - Bookmarks and Hyperlinks

• Definition of hyperlinks
• Web page address translations
• Creating an internal hyperlink
• Shortcut menu to Hyperlink properties
• Link to:
• Text to display:
• ScreenTip button
• Look in:
• Current folder
• Browsed pages
• Recent files
• Bookmark button
• Target Frame button
• Parameters button
• Style button
• Remove Link button
• Caution on linked documents not imported to web site
• Importing files to a web page
• Insert table using the table icon
• Adding images with auto-thumbnails
• Assigning bookmarks to images
• Opening Hyperlink dialog box from Insert menu
• There are no bookmarks in this document warning box
• # sign bookmark indicator
• Hyperlink toolbar icon
• Shortcut menu to Hyperlink box
• Inserting external hyperlinks by:
• Manually typing address
• Copying and pasting address
• Selecting address from browsed pages
• Creating and editing e-mail links with a customized subject line

Section 1 - Introduction

Section 2 - Borders and Graphic Effects

• Frames OR shared borders
• Renaming and creating shared borders files
• Turning on Shared Borders option from Format menu
• Opening Shared Borders dialog box from Format drop-down menu
• Apply to: All pages or Current page
• Select area of page
• Border Properties button
• Entering customized border text
• Open Insert Web Component box by:
• Clicking the Web Component toolbar icon or
• Using the insert drop-down menu/Web Component
• Component types
• Choose an effect
• Marquee Properties dialog box
• Placing navigation buttons as link bars based on navigation structure
• Selecting a border style, orientation, and hyperlink page level
• Displaying Links bar by adding page to Navigation View page
• Don't Publish option
• Adding Save All icon to toolbar

Section 3 - Working with Frames

• Creating a frames page from Page Templates box
• Frames terminology
• Set Initial Page or New Page options
• Formatting text
• Changing theme background
• Shortcut menu to Page Properties box
• General tab - Title
• Custom tab - Remove user variable
• Formatting tab - Background
• Definition of watermark in web site construction
• Save All/Save As frame pages - Preview area
• Creating a new page as part of a frames page
• Inserting and formatting interactive buttons
• Resizing frames to accommodate button widths
• Checking Target Frame setting in preview area
• Adding the frames placeholder page to navigation tree

Section 4 - Custom Forms

• Types of forms
• Form fields
• Text boxes
• Check mark boxes
• Option buttons
• Submit button
• Reset button
• Steps in creating forms
• Design layout and add form fields
• Set data entry rules
• Collecting and viewing data
• Intro to creating a template confirmation page
• Creating a form page from scratch
• Inserting a blank form to a page
• Modifying form buttons
• Shortcut menu to Form Field properties
• Assigning unique page button names to submit and reset buttons
• Importance of keeping a list to track forms' field names
• Inserting:
• Text boxes
• Form labels
• Check boxes
• Option buttons
• Group boxes - Adding tables within
• Shortcut to Table Properties dialog box
• Testing option buttons
• Form handlers
• Warning of ISPs not supporting FrontPage server extension files
• Testing forms only after publishing site

Section 5 - Form Functionality

• Entering field parameters from Text Box properties
• Name
• Initial value
• Width in characters
• Tab order
• Password field
• Validate button
• Text box validation
• Display name
• Data type
• Text format
• Numeric format
• Data length
• Data value
• Setting check box and push button properties
• Storing and collecting form data results
• Shortcut menu to Form properties
• Send to:
• File name
• E-mail address
• Database
• Other
• Form name

Section 6 - The Form Page Wizard

• Creating a form using the Forms Wizard
• Opening the Form Page Wizard dialog box
• Type of input to collect options list
• Description
• Editing question prompts
• Data to collect
• List presentation
• Saving results to a text file
• Moving and saving to another web page
• Shortcut menu to cut and paste
• Modifying page's font style by highlighting whole page
• Renaming field labels
• Editing default author information
• Inserting drop-down boxes from properties dialog box
• Adding choices
• Setting defaults
• Text strings
• Modify, Remove, Move Up, and Move Down buttons
• Allowing multiple sections
• Adding and editing pictures in place of buttons
• Creating confirmation pages
• Web component hover indicator
• Opening Confirmation Field properties
• Renaming fields using original form's field names list
• Inserting additional confirmation fields
• Modifying the text on a confirmation form
• Shortcut: (Ctrl+K) to insert a hyperlink

Section 7 - Testing a Web Site

• Opening the Tasks list window
• Shortcut menu to New Task dialog box
• Adding high priority tasks
• Spell-checks and final visual reviews
• Changing task status
• Using the Spell-check function from:
• Tools drop-down menu
• Spell-check toolbar icon
• Spell-check errors on tasks list
• Shortcut menu to Task options
• Edit
• Start
• Mark complete
• Delete
• Saving spelling corrections and deleting tasks
• Testing hyperlinks from the Hyperlinks view
• Expanding the diagram
• Broken links
• Reports/Site summary
• Unverified and broken links check
• Broken Hyperlinks list
• Editing and replacing links
• Recalculating Hyperlinks
• Testing the web site with different browsers and settings
• Disabling: run scripts, Java applets, "Active X" controls
• Adjusting color depth settings, screen resolution, tables, and layout for testing

Section 8 - Publishing a Web Site

• ISP and Web Host services
• Reviewing the web site before publishing
• Making a complete and accurate copy of web site
• Remote Web Site properties
• Remote Web Site tab
• Optimize HTML tab
• Publishing tab
• Caution - Publish Web from File drop-down menu vs. Publish Web icon tool work differently
• Publishing FrontPage Components warning messages
• Viewing your publish log file and remote web site