Microsoft Office FrontPage 2003

1
Microsoft Office FrontPage 2003

• Creating a Web Site

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.

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.

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.

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

6
The FrontPage Program window
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.

8
Web Site Templates
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.

10
FrontPage Folders view
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 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.

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.

13
Page Options Dialog Box
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.

15
Specifying the Page Size
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.

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.

18
Spelling Dialog Box
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.

20
Formattinga Web Page
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.

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

23
Previewing a Web Page

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

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.

25
Understanding Hypertext Markup Language

• The name of an HTML tag is enclosed in angle
  brackets (ltgt).
• 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/

26
Viewing the Web Page in Code View
27
Split View
28
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 pages contents.
• The Custom tab of the Page Properties dialog box
  allows you to insert meta tags.

29
Using Meta Tags
30
Getting Help in FrontPage

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

31
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
• Click File
• Click Publish Site

32

• 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

33

• 6. Enter your user name
• 7. Enter your password

34

• 8. Select Local to remote
• 9. Click Publish Website
• 10. Click overwrite remote files

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