FRONTPAGE 98

1
FRONTPAGE 98

• Powerful suite of programs
• Develop dynamic, interactive World Web sites
• Web site collection of documents published on
  the Internet
• Frontpage Explorer
• Frontpage Editor

2
Frontpage Explorer

• Makes it easy to organize and maintain files and
  folders that make up your Web site
• Similar to Windows Explorer

3
Frontpage Editor

• Makes it easy to create and edit Web pages or Web
  documents
• Similar to an editor like Word

4
Understanding the Web

• Network connects computers all over the world
• Web clients are called browsers.
• The browser requests a Web page from a Web
  server.
• Clients and servers used HTTP to send and receive
  documents.
• Net address Use the URL address

5
Planning a New Web Site

• Write a mission statement
• Evaluate the intended audience
• Brainstorm for content
• Interview interested parties
• Design the interface for human-computer
  interaction
• Formulate the Web folder hierarchy

6
Creating a Web Page with FP Explorer

• Open up Frontpage 98
• Open the TTL Web Serverttl98.dsu.edu
• Find your Web page
• OK

7
Viewing FP Explorer

• Views bar
• Folders button
• All files button
• Navigation button
• Hyperlinks button
• Templates button

8
Understanding FP Editor

• Web documents are created using the computer
  language known as HTML.
• FP Editor is the visual interface to create and
  edit Web documents. Clicking on buttons and menu
  items inserts HTML command tags into the
  document.
• Home page is known as index.html or default.html.

9
Understanding FP Editor

• Normal View used to create your Web page
• HTML View used to view and edit HTML code
• Preview used to see what the page would look
  like on a Web browser

10
Setting Page Properties

• Used to set the home page properties
• Colors of text
• Colors of the background
• Set margins

11
Entering Text on a Web Page

• Keyboard text on FP Editor just like you would
  keyboard text for Word.
• Format Text
• Create Tables
• Use Styles
• Word Art
• Use Spell and Grammar Check

12
Using Other FP Editor Features

• Preview the HTML Code
• Preview the Web Page in a Browser
• Print Preview
• Print a Web Page
• Always Save the Web Page
• Close the Web Page

13
Inserting an Image

• Click on Insert Image button on the toolbar
• Select a file
• Double click the image you want to insert
• Remember to save

14
Editing an Image

• Click the image
• Right click and select Image Properties
• Transparent disappears or blends into the
  background
• Interlaced resolution increases (keep images
  so they load quickly)

15
Inserting a Horizontal Line

• Click Insert on menu bar
• Select horizontal line
• Right click on the line
• Select Horizontal Line properties
• Change height, color, etc.

16
Inserting a Hyperlink

• Make links descriptive and large enough to click
  on
• Connect every page to your homepage
• Drag mouse over words to link
• Click on Create or Edit Hyperlink button
• Link WWW URL, your Web page, email address, or
  new page

17
Testing your Hyperlinks

• Right click on the link
• Follow the link
• Correct your link Right click and select
  Hyperlink Properties check destination
• Or
• Go to Preview and double click on the link.

18
Creating an Image Hyperlink

• Insert an image into your Web page
• Click on the image to activate it
• Click on the Create or Edit Hyperlink button on
  toolbar
• Link to the Web, another page, a new page, or an
  email address

19
Inserting FP Components

• Examples of components
• comment
• confirmation field
• hit counter
• include page
• insert HTML
• page banner
• scheduled image
• scheduled include page
• substitution

20
Inserting FP Components

• Click on Insert FrontPage Component button
• Select component
• OK
• Be sure to preview and save

21
Importing a Powerpoint File

• Be sure to save Powerpoint File as an HTML file
  which creates a folder of files
• Go to Frontpage. Click on File, Import
• Select the Powerpoint HTML folder to import.
• You will import the folder to Frontpage.
• Link to this folder using Frontpage capabilities.

22
Creating a New Page from a Template

• Normal Page
• Confirmation Form
• Feedback Form
• Form Page Wizard
• Table of Contents
• Bibliography
• Frequently Asked Questions
• Guest Book
• Search Page
• User Registration

23
Using HTML Forms

• HTML forms are used to collect data from a user.
  Examples are
• Guest book
• Feedback
• Registration
• Search
• Order
• Custom

24
Examples of Form Fields

• Form fields are templates used for the collection
  of data.
• One-line text box
• Scrolling text box
• Check box
• Radio buttons
• Push buttons
• Drop-down menu

25
Adding Text Boxes

• Click View on menu bar
• Click Forms Toolbar
• Type identifying words such as Customer Name
• Press Tab, click One-Line Text Box button

26
Setting Form Field Properties

• Right click the text box field
• Click Form Field Properties
• Make changes in Properties dialog box

27
Using Other Form Fields

• Insert Radio Buttons
• Add Check Boxes
• Insert a Drop-Down Menu

28
Creating Hotspots

• Hotspots are areas on images that contain
  hyperlinks. Examples would be
• Menu
• Next
• Back
• Glossary
• Search

29
Inserting Hover Buttons

• Hover buttons are active elements which add more
  interest to your Web page.
• Examples are
• Hover button
• Banner Ad Manager
• Marquee
• Search Form
• Hit Counter
• Video

30
Adding a Scrolling Marquee

• Click Insert on menu bar
• Click Active Elements
• Select Marquee
• Type text in the marquee text box
• Set the background color and font size
• OK

31
Adding Animations and Page Transitions

• Click Format on menu bar
• Click Page Transition
• Click Events List arrow
• Click Page Exit
• Click Vertical blinds
• Click OK

32
Adding Background Sound

• Open Page Properties dialog box
• Select General Tab
• Enter URL for location of sound file
• You can repeat sound or run it continuously

33
Creating a Web Page with Frames

• Frames allow you to display more than one Web
  page on a single screen.
• Click on File, New, Frames tab
• Look at various types of frames
• Select the frame you want click OK
• Set frames to .htm files you want to appear
• Set up links

34
Enjoy Creating Your Web Page