Microsoft FrontPage 2003 Illustrated Complete Creating a Web Site

2Creating a Web SiteUnit B  Create a new Web site  Set the Web site’s page options  Enter and insert text in a Web page  Format text Objectives

3Creating a Web SiteUnit B Objectives  Apply paragraph styles  Import pages into a Web site  Check the spelling in a Web site  Preview and print a Web page

4Creating a Web SiteUnit B Creating a New Web Site  You use a Web site template,which contains one or more sample pages and other structural information, to create the initial content and folder structure of the Web site  After you create the Web site’s structure, you can begin editing the pages created by the template and adding new pages

5Creating a Web SiteUnit B Creating a New Web Site (cont.)  FrontPage includes 10 templates  Some templates are wizards, which create the Web site’s structure and sample pages

6Creating a Web SiteUnit B Creating a New Web Site (cont.)  Web Site Templates dialog box

7Creating a Web SiteUnit B Creating a New Web Site (cont.) templatedescription One Page Web Site Creates a Web site that contains one blank page, index.htm, which becomes the site’s home page Corporate Presence Wizard Creates a Web site with sample pages that a corporation can customize Customer Support Web Site Creates a Web site with sample pages for companies providing customer support, such as software companies

8Creating a Web SiteUnit B Creating a New Web Site (cont.) templatedescription Database Interface Wizard Creates a Web site that you can connect to a database so that you can add, view, update, and delete records. Discussion Web Site Wizard Creates a Web site that contains a table of contents, full-text searching capability, and threads organized around a specific discussion topic Empty Web Site Creates a Web site with sample pages for companies providing customer support, such as software companies

9Creating a Web SiteUnit B Creating a New Web Site (cont.) templatedescription Import Web Site Wizard Creates a Web site that contains pages you import from another location, such as another Web site or a file location Personal Web Site Creates a Web site with sample pages that an individual can personalize to promote his or her interests and favorite Web sites Project Web Site Creates a Web site with sample pages for a list of members, a schedule, a status, and a discussion archive related to a specific project SharePoint Team Site Creates a Web site with tools that group members can use to collaborate on a project, including a calendar, a library for storing shared documents, a tasks list, and a contacts list

10Creating a Web SiteUnit B Setting the Web Site’s Page Options  Design your Web site for your target audience  You can enable or disable Internet technologies in FrontPage

11Creating a Web SiteUnit B Setting the Web Site’s Page Options  Authoring tab of the Page Options dialog box

12Creating a Web SiteUnit B Setting the Web Site’s Page Options (cont.) Internet technology description ActiveX controls Applications that create animation, interactive objects, and other multimedia effects in a Web page VBScript A scripting language used to embed interactive elements in Web pages JavaScript/Jscript A scripting language used to create dynamic content in Web pages Java applets Programs written in the Java programming language and run by a browser that add multimedia effects, interactivity, and other effects to Web pages

13Creating a Web SiteUnit B Setting the Web Site’s Page Options (cont.) Internet technology description Frames Web pages that display multiple Web pages simultaneously in separate, scrollable windows Active Server Pages Dynamic Web pages containing scripts that process active content in a Web page CSS 1.0 (formatting) An HTML specification that lets you apply text attributes, such as color and font size, to text in one or more Web pages CSS 2.0 (positioning) An HTML specification that lets you precisely position objects in a Web page PNG graphics Graphic files saved in the PNG file format (some browsers cannot display.png files)

14Creating a Web SiteUnit B Entering and Inserting Text in a Web Page  You can add text to a Web page by: –Typing it –Inserting the contents of a file –Pasting the contents of the Clipboard  FrontPage creates or converts necessary HTML  When you insert a file, all of the content appears exactly as it does in the original file, with the exception of styles not supported by HTML

15Creating a Web SiteUnit B Entering and Inserting Text in a Web Page  Text entered in the home page

16Creating a Web SiteUnit B Formatting Text  Use the Formatting Toolbar to change: –Font –Font size –Font style –Alignment –Text color  See Table B-3 for Formatting toolbar buttons and descriptions

17Creating a Web SiteUnit B Formatting Text  Formatted text in the home page

18Creating a Web SiteUnit B Applying Paragraph Styles  You can apply formatting to an entire paragraph by applying a paragraph style  The styles and formatting that you can apply must be supported by HTML

19Creating a Web SiteUnit B Applying Paragraph Styles (cont.)  Changing the text style

20Creating a Web SiteUnit B Importing Pages into a Web Site  You can use other programs, such as Word and Excel, to create Web pages by saving files with the.htm filename extension  You can import entire files into a Web site

21Creating a Web SiteUnit B Importing Pages into a Web Site (cont.)  Files selected to import

22Creating a Web SiteUnit B Checking the Spelling in a Web Site  You can check the spelling in a single Web page or in every Web page  FrontPage highlights words it doesn’t recognize  FrontPage does not search files in the Web site that do not have valid filename extensions for Web pages

23Creating a Web SiteUnit B Checking the Spelling in a Web Site (cont.)  Spelling dialog box

24Creating a Web SiteUnit B Previewing and Printing a Web Page  There are two ways to check the appearance of a Web page: –Preview view –Click the Preview button on the Standard toolbar to open the page in your default browser or click the Preview button list arrow to select a browser or multiple browsers with which to display the page

25Creating a Web SiteUnit B Previewing and Printing a Web Page (cont.)  Preview button list

26Creating a Web SiteUnit B Summary  FrontPage includes 10 templates for creating a new Web site  Some templates are wizards  Set the Web Site’s page options to customize it for your target audience  You can add text to Web pages by typing it, inserting the contents of a file, or pasting the contents of the Clipboard

27Creating a Web SiteUnit B Summary  FrontPage creates HTML or converts inserted text to HTML  Use the Formatting toolbar to modify text  Format entire paragraphs by applying paragraph styles  You can import pages into a Web site

28Creating a Web SiteUnit B Summary  You can check the spelling in a single Web page or in the entire Web site  There are two ways to preview a Web site: –Preview view –Preview button on the Standard toolbar