New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1

1
Microsoft Office FrontPage 2003

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

30
Using Meta Tags
31
Getting Help in FrontPage

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