Transcript Document

XP
Microsoft Office FrontPage 2003
Tutorial 1 – Creating a Web Site
New Perspectives on
Microsoft Office FrontPage 2003 Tutorial 1
1
Learn what FrontPage is
and how it works
XP
• 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.
New Perspectives on
Microsoft Office FrontPage 2003 Tutorial 1
2
XP
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.
New Perspectives on
Microsoft Office FrontPage 2003 Tutorial 1
3
XP
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.
New Perspectives on
Microsoft Office FrontPage 2003 Tutorial 1
4
XP
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.
New Perspectives on
Microsoft Office FrontPage 2003 Tutorial 1
5
XP
The FrontPage Program window
New Perspectives on
Microsoft Office FrontPage 2003 Tutorial 1
6
XP
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.
New Perspectives on
Microsoft Office FrontPage 2003 Tutorial 1
7
XP
Web Site Templates
New Perspectives on
Microsoft Office FrontPage 2003 Tutorial 1
8
XP
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.
New Perspectives on
Microsoft Office FrontPage 2003 Tutorial 1
9
XP
FrontPage Folders view
New Perspectives on
Microsoft Office FrontPage 2003 Tutorial 1
10
XP
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.
New Perspectives on
Microsoft Office FrontPage 2003 Tutorial 1
11
XP
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.
New Perspectives on
Microsoft Office FrontPage 2003 Tutorial 1
12
XP
Page Options Dialog Box
New Perspectives on
Microsoft Office FrontPage 2003 Tutorial 1
13
XP
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.
New Perspectives on
Microsoft Office FrontPage 2003 Tutorial 1
14
XP
Specifying the Page Size
New Perspectives on
Microsoft Office FrontPage 2003 Tutorial 1
15
XP
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.
New Perspectives on
Microsoft Office FrontPage 2003 Tutorial 1
16
XP
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.
New Perspectives on
Microsoft Office FrontPage 2003 Tutorial 1
17
XP
Spelling Dialog Box
New Perspectives on
Microsoft Office FrontPage 2003 Tutorial 1
18
XP
Saving a Web Page
• Two methods:
– Click the Save button on the Standard toolbar.
– Click File on the menu bar, and then click Save.
New Perspectives on
Microsoft Office FrontPage 2003 Tutorial 1
19
XP
Formatting
a Web Page
New Perspectives on
Microsoft Office FrontPage 2003 Tutorial 1
20
XP
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.
New Perspectives on
Microsoft Office FrontPage 2003 Tutorial 1
21
XP
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
New Perspectives on
Microsoft Office FrontPage 2003 Tutorial 1
22
XP
Previewing a Web Page
• Click the Show Preview View button at the bottom
of the Contents pane.
New Perspectives on
Microsoft Office FrontPage 2003 Tutorial 1
23
XP
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.
New Perspectives on
Microsoft Office FrontPage 2003 Tutorial 1
24
Understanding Hypertext MarkupXP
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/
New Perspectives on
Microsoft Office FrontPage 2003 Tutorial 1
25
XP
New Perspectives on
Microsoft Office FrontPage 2003 Tutorial 1
26
XP
Viewing the Web Page in Code View
New Perspectives on
Microsoft Office FrontPage 2003 Tutorial 1
27
XP
Split View
New Perspectives on
Microsoft Office FrontPage 2003 Tutorial 1
28
XP
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.
New Perspectives on
Microsoft Office FrontPage 2003 Tutorial 1
29
XP
Using Meta Tags
New Perspectives on
Microsoft Office FrontPage 2003 Tutorial 1
30
XP
Getting Help in FrontPage
• Click the Microsoft Office FrontPage Help button
on the Standard toolbar.
New Perspectives on
Microsoft Office FrontPage 2003 Tutorial 1
31