XP Information Technology Center - KFUPM1 Microsoft Office FrontPage 2003 Creating a Web Site

XP Information Technology Center - KFUPM2 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 Information Technology Center - KFUPM3 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 Information Technology Center - KFUPM4 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 Information Technology Center - KFUPM5 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 Information Technology Center - KFUPM6 The FrontPage Program window

XP Information Technology Center - KFUPM7 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 Information Technology Center - KFUPM8 Web Site Templates

XP Information Technology Center - KFUPM9 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 Information Technology Center - KFUPM10 FrontPage Folders view

XP Information Technology Center - KFUPM11 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 can 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 Information Technology Center - KFUPM12 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 Information Technology Center - KFUPM13 Page Options Dialog Box

XP Information Technology Center - KFUPM14 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 Information Technology Center - KFUPM15 Specifying the Page Size

XP Information Technology Center - KFUPM16 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 Information Technology Center - KFUPM17 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 Information Technology Center - KFUPM18 Spelling Dialog Box

XP Information Technology Center - KFUPM19 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 Information Technology Center - KFUPM20 Formatting a Web Page

XP Information Technology Center - KFUPM21 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 Information Technology Center - KFUPM22 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 Information Technology Center - KFUPM23 Previewing a Web Page Click the Show Preview View button at the bottom of the Contents pane.

XP Information Technology Center - KFUPM24 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 Information Technology Center - KFUPM25 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 Information Technology Center - KFUPM26 Viewing the Web Page in Code View

XP Information Technology Center - KFUPM27 Split View

XP Information Technology Center - KFUPM28 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 Information Technology Center - KFUPM29 Using Meta Tags

XP Information Technology Center - KFUPM30 Getting Help in FrontPage Click the Microsoft Office FrontPage Help button on the Standard toolbar.

XP Information Technology Center - KFUPM31 How do I publish my website using FrontPage 2003 When your web is ready to be publish your files and folder on the World Wide Web you can transfer the files via FrontPage 2003 according to the instructions below: 1.Click File 2.Click Publish Site

XP Information Technology Center - KFUPM32 3. Select FrontPage or SharePoint Services 4. Enter the remote web site location (i.e. faculty.kfupm.edu.sa (OR) yourdomain.com). 5. Click Ok

XP Information Technology Center - KFUPM33 6. Enter your user name 7. Enter your password

XP Information Technology Center - KFUPM34 8. Select Local to remote 9. Click Publish Website 10. Click overwrite remote files

XP Information Technology Center - KFUPM35 Report of broken or slow links These reports identify potential problems with your Web site that can prevent visitors from wanting to return. Unlinked Files Unlinked files are files that have no hyperlinks to them from any of your pages. Files listed here may be orphaned files that you can delete from your Web site by right-clicking the file name and choosing Delete on the shortcut menu. Slow Pages This report shows all your files (pages) that take longer than 30 seconds to download at a connection speed of 56 Kbps. Broken Hyperlinks This report allows you to find pages that contain broken hyperlinks to either internal Web site pages or links to other Web sites. The first time you run this report FrontPage will ask if you would like to verify all of the hyperlinks on your site. You can also check a broken or unverified link by right- clicking it and choosing Verify Hyperlink from the shortcut menu. Once all the links have been verified, you can click broken links to edit them.