XP New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1 1 Microsoft Office FrontPage 2003 Tutorial 1 – Creating a Web Site

XP New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1 2 Learn what FrontPage is and how it works Microsoft FrontPage is a tool to help you develop, maintain, and publish your Web sites. FrontPage lets you: –Insert text and graphics –Import and export files –Add, test, and repair hyperlinks –Easily view and manage the entire Web site There are even templates included to get you started.

XP New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1 3 FrontPage creates the HTML code While HTML is the language your sites will be based on, you don't have to know it to create a great Web site. FrontPage uses a graphical interface that allows anyone with Windows experience to develop Web pages. It creates the HTML code for you and the Web browser interprets it to display your pages correctly.

XP New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1 4 FrontPage builds Web sites A Web site consists of Web pages, files, and folders as well as specific FrontPage server extension support files that all work together so Internet users can view a site correctly. Web sites can be disk-based or server-based. –Disk-based sites can be stored on floppy disks or on a hard drive –Server-based sites have your files and folders stored on a Web server. These two types of sites are created in an almost identical way.

XP New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1 5 Start and exit FrontPage To start FrontPage, click the Start button, point to All Programs, point to Microsoft Office, and select Microsoft Office FrontPage –The Getting Started task pane allows you to open a new or existing Web page or Web site To exit FrontPage, click the Close button in the upper right corner of the program window.

XP New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1 6 The FrontPage Program window

XP New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1 7 Creating a Web Site When building a new Web site, you must first create a folder in which to store the files and folders in the site.

XP New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1 8 Web Site Templates

XP New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1 9 Use FrontPage Views Once you have opened FrontPage, the View menu allows you to use the Folders view, where you can see all the files in your Web site. The View menu allows you to see your site from different perspectives. The Folders list shows all the folders and files in the site.

XP New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1 10 FrontPage Folders view

XP New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1 11 Open and explore a FrontPage Web site The options on the Views bar give you different ways of looking at the information in a site and make creating and maintaining the site easy. To open a Web site, use the list arrow on the Open button and select Open Web. You can then use the dialog box that opens to navigate to a folder that contains a Web site. Then click the Open button. Double-click on index.htm to switch to Page view for that Web site. –The Page view is where you create, edit, and format content The title bar indicates which Web page is open.

XP New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1 12 Specifying a Browser Version Double-click the Authoring Settings pane on the status bar. Select Custom from the FrontPage and SharePoint technologies list arrow. Click the Browsers list arrow, and then make your browser selection. If necessary, make your selection from the Browser versions list.

XP New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1 13 Page Options Dialog Box

XP New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1 14 Specifying the Page Size Double-click the file for which you wish to change the default page size. Click the Page Size pane to open a menu of preset sizes. Select your desired page size in the menu.

XP New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1 15 Specifying the Page Size

XP New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1 16 Inserting a File into a Web Page Position the insertion point where you wish to insert the file. Select File from the Insert menu. Locate and double-click the file you wish to insert on your Web page.

XP New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1 17 Spell Checking a Web Page Click the Spelling button on the Standard toolbar to open the Spelling dialog box. Change or ignore the potentially misspelled words that are highlighted in the Spelling dialog box. To ignore all instances of a word or to change the spelling of all instances of a misspelled word, click the Ignore All or Change All button, respectively. When the spell check feature is complete, click the OK button.

XP New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1 18 Spelling Dialog Box

XP New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1 19 Saving a Web Page Two methods: –Click the Save button on the Standard toolbar. –Click File on the menu bar, and then click Save.

XP New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1 20 Formatting a Web Page

XP New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1 21 Creating a Heading in a Web Page Click anywhere in the paragraph that you want to format as a heading. Click the Style list arrow on the Formatting toolbar to display a list of available paragraph format styles, and then click the desired heading style.

XP New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1 22 Formatting a Web Page Microsoft Office FrontPage 2003 allows you to format your Web Page similar to how you would format a word processing document in Microsoft Office Word 2003: –Align text –Use fonts –Insert special characters –Change font size and color –Format Painter

XP New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1 23 Previewing a Web Page Click the Show Preview View button at the bottom of the Contents pane.

XP New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1 24 Printing a Web Page With the page displayed in Design view, click File on the menu bar, and then click Print. Select the appropriate printer, set the printer options, number of pages, and properties, and then click the OK button.

XP New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1 25 Understanding Hypertext Markup Language The name of an HTML tag is enclosed in angle brackets (<>). Most tags are two-sided. –Opening tag tells the browser to start applying a feature. –Closing tag tells the browser to stop applying a feature. One-sided tags require only an opening tag. –The browser stops applying the formatting indicated by the one-sided tag when it finishes reading the tag/

XP New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1 26

XP New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1 27 Viewing the Web Page in Code View

XP New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1 28 Split View

XP New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1 29 Using Meta Tags A meta tag is an HTML tag that includes information about a Web page, such as the character set, name of its developer, how often the page is refreshed, and the keywords and description of the page’s contents. The Custom tab of the Page Properties dialog box allows you to insert meta tags.

XP New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1 30 Using Meta Tags

XP New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1 31 Getting Help in FrontPage Click the Microsoft Office FrontPage Help button on the Standard toolbar.

XP New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1 32 Project One Completed Good Luck H. Zamanzadeh