Embed Size (px)
Citation preview
New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1
1
XP
Microsoft Office FrontPage 2003
Tutorial 1 – Creating a Web Site
New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1
2
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.
New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1
3
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.
New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1
4
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.
New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1
5
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.
New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1
6
XPThe FrontPage Program window
New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1
7
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.
New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1
8
XPWeb Site Templates
New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1
9
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.
New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1
10
XPFrontPage Folders view
New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1
11
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 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
12
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.
New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1
13
XPPage Options Dialog Box
New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1
14
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.
New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1
15
XPSpecifying the Page Size
New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1
16
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.
New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1
17
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.
New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1
18
XPSpelling Dialog Box
New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1
19
XPSaving 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
20
XP
Formattinga Web Page
New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1
21
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.
New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1
22
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
New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1
23
XPPreviewing 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
24
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.
New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1
25
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/
New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1
26
XP
New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1
27
XPViewing the Web Page in Code View
New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1
28
XPSplit View
New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1
29
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.
New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1
30
XPUsing Meta Tags
New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1
31
XPGetting Help in FrontPage
• Click the Microsoft Office FrontPage Help button on the Standard toolbar.
New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1
32
XPProject One Completed
Good Luck
H. Zamanzadeh
