Microsoft Front Page 2003 Illustrated Complete Creating a

Microsoft Front. Page 2003 Illustrated Complete Creating a Web Site

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

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

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 Creating a Web Site Unit B 4

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

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

Creating a New Web Site (cont. ) template description 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 Customer Support Web Site Creating a Web Site Creates a Web site with sample pages that a corporation can customize Creates a Web site with sample pages for companies providing customer support, such as software companies Unit B 7

Creating a New Web Site (cont. ) template description 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 Creating a Web Site Unit B 8

Creating a New Web Site (cont. ) template description 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 Share. Point 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 Creating a Web Site Unit B 9

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

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

Setting the Web Site’s Page Options (cont. ) Internet technology description Active. X 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 Java. Script/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 Creating a Web Site Unit B 12

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) Creating a Web Site Unit B 13

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 Front. Page 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 Creating a Web Site Unit B 14

Entering and Inserting Text in a Web Page Text entered in the home page Creating a Web Site Unit B 15

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

Formatting Text Formatted text in the home page Creating a Web Site Unit B 17

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 Creating a Web Site Unit B 18

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

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 Creating a Web Site Unit B 20

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

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

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

Previewing and Printing a Web Page There are two ways to check the appearance of a Web page: – Preview – 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 Creating a Web Site Unit B 24

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

Summary Front. Page 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 Creating a Web Site Unit B 26

Summary Front. Page 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 Creating a Web Site Unit B 27

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 button on the Standard toolbar Creating a Web Site Unit B 28