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

Information Technology Center - KFUPM 1

XP

Microsoft Office FrontPage 2003

Creating a Web Site


XPLearn 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.


XPFrontPage 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.


XPFrontPage 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.


XPStart and exit FrontPage

• To start FrontPage, click the Start button, point to All Programs, point to Microsoft Office, and select Microsoft Office FrontPage 2003.– 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.


XPThe FrontPage Program window


XPCreating 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.


XPWeb Site Templates


XPUse 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.


XPFrontPage Folders view


XPOpen 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.


XPSpecifying 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.


XPPage Options Dialog Box


XPSpecifying 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.


XPSpecifying the Page Size


XPInserting 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.


XPSpell 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.


XPSpelling Dialog Box


XPSaving a Web Page

• Two methods:– Click the Save button on the Standard toolbar.

– Click File on the menu bar, and then click Save.


XP

Formattinga Web Page


XPCreating 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.


XPFormatting 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


XPPreviewing a Web Page

• Click the Show Preview View button at the bottom of the Contents pane.


XPPrinting 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.


XPUnderstanding 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/


XPViewing the Web Page in Code View


XPSplit View


XPUsing 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.


XPUsing Meta Tags


XPGetting Help in FrontPage

• Click the Microsoft Office FrontPage Help button on the Standard toolbar.


XPHow 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

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

6. Enter your user name

7. Enter your password


XP

8. Select Local to remote

9. Click Publish Website

10. Click overwrite remote files


XPReport 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.

Documents

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