List of Figures


Chapter 1: Introducing Microsoft Office FrontPage 2003

Figure 1-1: FrontPage 2003 provides easy access to menus , toolbars , and open resources, including the active site and any pages you are working with.
Figure 1-2: FrontPage 2003 also provides many different ways to view and work with Web sites.
Figure 1-3: You can use the Quick Tag Selector to edit tags and their contents quickly.
Figure 1-4: FrontPage 2003 gives you precise control over which server and browser technologies you can add to pagesthe goal is to ensure any page you develop is compatible with your target server and browser environments.
Figure 1-5: Create new code snippets by specifying a keyword, description and code block to use.
Figure 1-6: Code view makes it easy to edit the markup and text of a page directly.
Figure 1-7: Color -code the markup and text of the page to suit your needs.
Figure 1-8: FrontPage uses code-formatting rules when generating markup. You can change these rules at any time.

Chapter 2: Touring the Interface

Figure 2-1: Press Alt+F1 to display the Folder List pane; use it as you would the Web Site Folders view.
Figure 2-2: Use the Task Pane to help with advanced tasks , such as formatting layers .
Figure 2-3: The New tool is located in the FrontPage standard task bar.
Figure 2-4: Select the Web site template you want to use as the basis of the new site.
Figure 2-5: The Open tool appears on the standard FrontPage toolbar, but may appear as a folder with the Earth inside it. This indicates that this tool was last used to open a site.
Figure 2-6: Determine the transfer technology, then specify the location of the import files.

Chapter 3: Maximizing Template and Wizard Options

Figure 3-1: You can use bibliography pages whenever you want to create a list of references, team members or contacts.
Figure 3-2: You can create FAQ pages whenever you want a list of questions and answers, such as a Q&A list for commonly asked customer questions.
Figure 3-3: Using the starting point, you can configure the table of contents for an entire site, or a section of a site.
Figure 3-4: You can create your own global and local templates using the Save As Template option.
Figure 3-5: You can configure the discussion Web site in several ways, but most of the time youll want to have a submission form, table of contents, search form, threaded replies and a confirmation page.
Figure 3-6: You can select several different field combinations for the submission form. Choose the one that makes the most sense, based on how you think the discussion will be used.
Figure 3-7: he customer support Web site has a standard set of templates and most pages are accessible from the home page shown here.
Figure 3-8: Like the support Web site, the project Web sites main page provides the key links to other pages, and introduces the purpose of the site.
Figure 3-9: Start by selecting the kinds of pages that will be included in your corporate presence Web site.
Figure 3-10: After you customize individual pages, specify the standard elements for the top and bottom of the sites pages.

Chapter 4: Crafting Pages

Figure 4-1: Line break properties control whether the left, right or both margins are cleared after the line break.
Figure 4-2: Horizontal lines can be optimized for your pages using different width, height, alignment and color settings.
Figure 4-3: You can change the style of bullets and numbers using the List Properties dialog box.
Figure 4-4: You can add links to existing pages, a new document, and email addresses.
Figure 4-5: Set a unique name for each bookmark.
Figure 4-6: You can customize the colors used for backgrounds, text and links.
Figure 4-7: To help search engines index your pages, and help people find your site, enter an accurate description and keyword list.

Chapter 5: Enhancing Design with Themes

Figure 5-1: The Themes task pane makes it easy to preview and select the themes you want to use.
Figure 5-2: You can customize a themes colors by using predefined color schemes, the color wheel, and settings for individual page elements.
Figure 5-3: The color wheel helps you set the colors you want to use in the color scheme.
Figure 5-4: You can also customize the graphics used in themeseverything from background pictures to bullets and buttons can be changed.
Figure 5-5: The body text and headings used with themes normally have a standard font, such as Verdana, but you can change this if youd like.
Figure 5-6: Pages can have top, left, right and bottom shared borders; this page uses all but a right shared border.
Figure 5-7: Shared borders can get their background colors and pictures from the current theme, or you can specify your own background colors and pictures as shown here.
Figure 5-8: Study the navigation structure shown in this example to better understand how parent, child, and global structures are defined.
Figure 5-9: You define the navigation levels using the Link Bar Properties dialog box.
Figure 5-10: When you work with custom link bars, you define the links that are displayed on the link bar.
Figure 5-11: Page banners can be text-only or with graphics.

Chapter 6: Polishing Design with Style Sheets

Figure 6-1: Use the Style dialog box to create, modify and delete style definitions.
Figure 6-2: Define the style class; be sure to use a unique name that is easy to remember and type.
Figure 6-3: Choose the class you want to use.
Figure 6-4: Any existing style definitions for the template are listed as the text of the style sheet.

Chapter 7: Using Pictures in Web Pages

Figure 7-1: Add a text description to your pictures to help visitors to your site understand what theyre seeing.
Figure 7-2: Use the Picture Properties dialog box to specify the layout and sizing of pictures.
Figure 7-3: When you save pages with pictures that arent in GIF or JPEG format, youll see the Save Embedded Files dialog box, where you can accept or change the conversion settings.
Figure 7-4: Specify the location of the background picture, using the options of the Formatting tab.

Chapter 8: Going Beyond the Ordinary: Photo Galleries, Soundtracks, Video, and Picture Maps

Figure 8-1: Use the Photo Gallery Properties dialog box to add and organize the pictures for your photo montage, album or slide show.
Figure 8-2: Once you add pictures to the gallery, you can size thumbnails, order the pictures, and add captions and descriptions.
Figure 8-3: Select the layout you want to use; with vertical or horizontal layout, dont forget to set the number of pictures per row.
Figure 8-4: Use the Edit Picture dialog box to resize, rotate and crop the pictures in the photo gallery.
Figure 8-5: Specify the location for the soundtrack file, and configure how it plays.
Figure 8-6: Specify the location of the video clip, as well as its looping and play values.
Figure 8-7: Youll use the Pictures toolbar to add hotspots to pictures.
Figure 8-8: Use the Insert Hyperlink dialog box to specify the link for the hotspot.

Chapter 9: Working with Tables

Figure 9-1: Draw Table changes the pointer to a pencil that lets you draw tables. Click and drag to draw.
Figure 9-2: Erase changes the pointer to an eraser that can erase table cell borders. Click and drag to erase.
Figure 9-3: Use the Insert Tables dialog box to create tables with specific size, layout, borders and backgrounds.
Figure 9-4: Use the options in the Layout panel to control the alignment and flow of text and other objects around the table.
Figure 9-5: Most of the time, table borders are a pair of lines, with the area between the lines painted the same color as the page background.
Figure 9-6: Use the Preview area to help you choose a format that you like.
Figure 9-7: You can add background colors and pictures to tables; if you do, make sure the text is readable.
Figure 9-8: Use the layout options to align and size table cells .

Chapter 10: Editing HTML and XML Markup

Figure 10-1: Learn how Web page effects are achieved with Code View.
Figure 10-2: Change the color of comments or other code so that you or your coworkers can more easily find elements you need to revise .
Figure 10-3: Change font selection and size to make Web page code more readable.
Figure 10-4: Split view lets you check code changes in near-real time.
Figure 10-5: List members suggests possible code you can add to a tag or command.
Figure 10-6: You can launch Microsoft Script Editor from the Code View toolbar if you want to edit some of the current Web pages code.
Figure 10-7: Keyboard shortcuts make your code creation go more quickly.
Figure 10-8: HTML Rules lets you set up rules that you can apply all at once to code searches.
Figure 10-9: You can search for specific attributes.
Figure 10-10: Add common code snippets while you type or edit your code.
Figure 10-11: The Quick Tag Selector enables you to edit tags directly while still in Design View.
Figure 10-12: The Quick Tag Editor lets you add or edit HTML, or wrap an HTML tag within another one.

Chapter 11: Advanced Layout with Tables and Layers

Figure 11-1: You can use a template as a starting point for creating a layout table.
Figure 11-2: Choose a predetermined layout table template.
Figure 11-3: The Insert Table dialog box lets you create a table and activate layout tools.
Figure 11-4: FrontPages table drawing tools are found in the task pane or in the Tables toolbar.
Figure 11-5: You can quickly draw and resize tables or individual cells.
Figure 11-6: You can draw a layout cell within a table you have drawn.
Figure 11-7: You can change cell characteristics from the task pane or by dragging cell handles.
Figure 11-8: Autostretching keeps all of a tables contents visible, regardless of the browser window size.
Figure 11-9: Draw table cells and layers over the tracing image to duplicate the layout.
Figure 11-10: Layers give you maximum control over positioning of images and other Web page elements.
Figure 11-11: Use this dialog box to control position, size, and other features of layers.
Figure 11-12: Preview your page in different browser sizes and resolutions .

Chapter 12: Adding Interactivity with Frames

Figure 12-1: Speed up frames creation by choosing a predesigned template.
Figure 12-2: A frames template first appears with empty frames for you to fill with content.
Figure 12-3: FrontPage gives you a Frames menu and other interactive tools for adjusting frames layouts.
Figure 12-4: Framesets are divided into rows and columns .
Figure 12-5: Save As highlights the current frame, so you know which one youre saving.
Figure 12-6: You can approximate a frames layout using tables.
Figure 12-7: Change a frames size, name, and other attributes using this dialog box.
Figure 12-8: Split a frame into two columns or rows using this dialog box.
Figure 12-9: Choose the page you want to appear in the targeted frame.
Figure 12-10: Identify the frame where you want the linked file to appear.
Figure 12-11: An inline frame is embedded within a conventional Web page.

Chapter 13: Using FrontPage Components

Figure 13-1: Add interactivity by choosing special effects from this toolbar.
Figure 13-2: Add interactive content by choosing options from this dialog box.
Figure 13-3: An interactive button changes appearance, inviting viewers to click it.
Figure 13-4: Use this dialog box to create moving marquee text guaranteed to grab a visitors attention.
Figure 13-5: FrontPage makes it easy to configure the properties and search result options for this simple-looking search form.
Figure 13-6: The Office Spreadsheet Web Component makes it easy to add a spreadsheet to a Web page.
Figure 13-7: A hit counter tells visitors how much traffic your site is generating.
Figure 13-8: Top 10 Lists indicate how your Web site is being used.
Figure 13-9: Help your employees stay informed with an MSNBC component.
Figure 13-10: Add standard contents to Web pages using this component.
Figure 13-11: This dialog box leads you through the process of creating a link bar.
Figure 13-12: A link bar leads visitors to the main areas of your Web site.

Chapter 14: Working with Forms

Figure 14-1: Templates help you create interactive forms quickly.
Figure 14-2: The Form Page Wizard helps you gather many types of business information.
Figure 14-3: The wizard lets you identify specific kinds of data to collect.
Figure 14-4: This simple-looking screen lets you control some complex form processing.
Figure 14-5: The Form Page Wizard enables you to painlessly assemble a form with multiple data-entry fields such as this.
Figure 14-6: FrontPage makes it easy to design a variety of data entry form elements.
Figure 14-7: You can identify a list or document library to use for a list form.
Figure 14-8: List forms give colleagues a way to submit and share ideas.
Figure 14-9: This dialog box makes it easy to add list fields to a list form.
Figure 14-10: First, create a form so that you can add text boxes and other data-entry elements.
Figure 14-11: Insert check boxes when youd really like viewers to choose more than one option.
Figure 14-.12: Insert option buttons when you want viewers to choose only a single option.
Figure 14-13: Name your drop-down box and add contents using these options.
Figure 14-14: Advanced buttons can include graphics and formatted text.
Figure 14-15: Use this dialog box to save form results to a text file.
Figure 14-16: FrontPage gives you many options for saving form data.
Figure 14-17: Use these options to define the format of e-mailed results.
Figure 14-18: Saving additional form information can help with analysis.

Chapter 15: Crowd Pleasing Form Extras

Figure 15-1: Labels make a form more clickable and enable you to create keyboard shortcuts.
Figure 15-2: Use this dialog box to set validation rules and other properties for text boxes.
Figure 15-3: This dialog box lets you specify validation rules, so that users enter the text box data you want.
Figure 15-4: Validating drop-down boxes ensures that users will make a choice from your list of options.
Figure 15-5: Remove any default selections, then activate validation for the option buttons.
Figure 15-6: Specify how search results are presented to the viewer using this dialog box.
Figure 15-7: if you have a custom script available to process form results, use these options to specify how the script should work.
Figure 15-8: This template helps you create a confirmation page.
Figure 15-9: Hidden fields automatically submit background information that can help you process form data.
Figure 15-10: Password fields help register users to enter a restricted area of a Web site.
Figure 15-11: The User Registration template makes it easy to create a registration form.
Figure 15-12: Point the Registration Form Handler to your user registration Web.

Chapter 16: Making a Site Database-Driven

Figure 16-1: When you add a Data View, you present live content drawn from a Data Source.
Figure 16-2: The Data View menu option and Data Source Catalog task pane are available when you are working on a Windows SharePoint Services site.
Figure 16-3: You can change a Data Views visual appearance by choosing from these options.
Figure 16-4: Preview and quickly choose a layout style for a Data View from this list.
Figure 16-5: Conditional formatting can cause content to be shown, hidden, or appear in a special way.
Figure 16-6: Establish the criteria for the formatting you want to apply.
Figure 16-7: Sort and group items in a Data View, so that you and your colleagues see only the most important contents.
Figure 16-8: You can make a change in one Web Part affect the data in another Web Part.
Figure 16-9: You can use the Data Source Catalog to create a new SharePoint list or document library that you can add to a Data View.
Figure 16-10: Use this dialog box to specify connection parameters for an XML Web service that you want to add to a Data Source Catalog.

Chapter 17: Publishing Your Web Site

Figure 17-1: FrontPage makes it easy for you to open files in more than one Web browser.
Figure 17-2: Use this dialog box to add or remove browsers from FrontPages Preview In Browser list.
Figure 17-3: Click Remote Web Site Properties to set up the site where you want to publish.
Figure 17-4: Select the type of server that will hold your Web site, and enter its URL.
Figure 17-5: FrontPage displays both the local and remote versions of your Web site.
Figure 17-6: FrontPage enables you to enter the password and username required to connect to an FTP server.
Figure 17-7: FrontPage makes it easy to synchronize files located on one site with the contents of another site.
Figure 17-8: Use these settings to specify whether you want to publish all files, or only those that have changed.

Chapter 18: Working Collaboratively

Figure 18-1: Pages on a SharePoint site present team members with navigation elements that make shared documents easy to find.
Figure 18-2: Connect to the Site Settings page to change visual and organizational characteristics of your SharePoint site.
Figure 18-3: Add new users, grant permissions, and view site statistics by accessing this administration page.
Figure 18-4: You add SharePoint users, and assign access levels, using this page.
Figure 18-5: Its easy to invite SharePoint team members to participate in online meetings.
Figure 18-6: Its a good idea to change passwords periodically for added security.

Chapter 19: Administering Web Sites

Figure 19-1: Change a Webs name and other general parameters in the Site Settings dialog box.
Figure 19-2: Reports view provides workgroup members with a list of files that are currently checked out.
Figure 19-3: Click Proxy Settings to specify proxy server settings for your FrontPage Web.
Figure 19-4: Comments about a file can serve as reminders to your colleaguesor to yourself.
Figure 19-5: Summary comments provide general information about a file, rather than reminders.
Figure 19-6: Change a Web pages title, base location, and other properties, using this dialog box.
Figure 19-7: Use the Advanced tab to specify margins for your Web page.
Figure 19-8: If you want your site to be multilingual, setting these options is one essential step.
Figure 19-9: FrontPage can quickly spell-check all of the pages in a Web site.
Figure 19-10: You can view and edit HTML tags directly in Design view using Reveal Tags.
Figure 19-11: Cleaning up your HTML ensures that your pages will appear quickly and without commands visible online.
Figure 19-12: The Task List provides a workgroup with a shared set of development jobs or steps to be followed.
Figure 19-13: You can verify hyperlinks from Reports View as well as other views.
Figure 19-14: This dialog box provides suggestions on how to make your Web pages more accessible to visitors with disabilities .

Chapter 20: Customizing and Maintaining FrontPage 2003

Figure 20-1: se this dialog box to specify the features displayed when you start FrontPage.
Figure 20-2: Its easy to modify a themes built-in characteristics to match your companys identity.
Figure 20-3: FrontPage gives you a great deal of control over colors and other features of a theme.
Figure 20-4: You can easily add or remove buttons using the Toolbar Options drop-down list.
Figure 20-5: Even simple drawing toolbar objects like this rectangle use complicated VML code.
Figure 20-6: Disable VML graphics to ensure that your Web page code remains simple.
Figure 20-7: Add editors or new file types using this dialog box.
Figure 20-8: Specify an available editor and the file extension you want to associate with it.
Figure 20-9: The Microsoft Office System Detect and Repair utility can fix many problems with FrontPage.



Faster Smarter Microsoft Office FrontPage 2003
Faster Smarter Microsoft Office FrontPage 2003
ISBN: 0735619727
EAN: 2147483647
Year: 2004
Pages: 179

flylib.com © 2008-2017.
If you may any questions please contact us: flylib@qtcs.net