With alex conger president of webmajik com
1 / 41

WithAlex Conger - PowerPoint PPT Presentation

  • Uploaded on

FrontPage 2002 Level I (Intro & Training). With Alex Conger – President of Webmajik.com. FrontPage Topics Covered FrontPage 2002/Introduction to FrontPage 2002 What is FrontPage 2002? Creating new Pages Page Properties The FrontPage 2002 Interface FrontPage 2002 workspace Changing Windows

I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
Download Presentation

PowerPoint Slideshow about 'WithAlex Conger ' - medwin

An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.

- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
With alex conger president of webmajik com l.jpg

FrontPage 2002

Level I (Intro & Training)


Alex Conger – President of Webmajik.com

Slide2 l.jpg

FrontPage Topics Covered

FrontPage 2002/Introduction to FrontPage 2002What is FrontPage 2002?Creating new PagesPage Properties

The FrontPage 2002 InterfaceFrontPage 2002 workspaceChanging Windows

Creating new PagesPage Properties

ToolbarsThe Standard ToolbarAdding textEditing text

Slide3 l.jpg

Creating Bulleted lists

ImagesWorking with imagesAdding imagesUsing Jpg filesUsing Gif files

LinksUsing HyperlinksUsing Email Links

Tables and CellsWorking with TablesWorking with Cells

ProductivityWorking With Web PagesUsing text and GraphicsLinking Pages

PublishingPublishing a Site 

Part one how frontpage works l.jpg

Part One:How FrontPage Works

Graphics are saved in the images folder the index htm file is the home page l.jpg
Graphics are saved in the images folder.The index.htm file is the home page.

When you create a new Web in FrontPage, it makes folders/directories and starts the structure for your Web site.

Slide6 l.jpg

  • Selecting a View

  • You can look at a FrontPage Web site in several different views.

  • Page: Edit a web page

  • Folders: organize files and folders

  • Reports: analyze your web and manage its contents

  • Navigation: design the web site’s structure

  • Hyperlinks: view hyperlinks to and from any page

  • Task: create and manage tasks

Slide7 l.jpg

  • Double click the index.htm file in a Web to view a home page.

  • You are now in Page View.

  • Click on the HTML tab at the bottom of the screen to view the HTML source code that creates the web page.

  • Click on Preview tab. This option allows you to view your web pages as if they were displayed in web browser.

  • Click the Normal tab to return to Normal Mode which allows you to edit the web page.



<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">

<meta http-equiv="Content-Language" content="en-us">

<title>Home Page</title>

<meta name="GENERATOR" content="Microsoft FrontPage 4.0">

<meta name="ProgId" content="FrontPage.Editor.Document">





Slide8 l.jpg

Title bar

Menu bar

Standard bar

Formatting bar

Front Page Toolbars

  • FrontPage is a Microsoft product with Toolbars that look similar to Microsoft Word and other Microsoft programs.

Part two setting up a simple page l.jpg

Part Two: Setting Up a Simple Page

It is easy, as long as you follow a few basic steps.

Slide10 l.jpg

Create a FrontPage Web

  • Choose File > New >

  • Page or Web.

  • Open FrontPage

  • Select Empty Web from the window that appears on the right of the screen.

Slide11 l.jpg

  • Click in the Specify the location of the new web box and type the name of the folder for your page:

  • C:My Documents\MyWebs\yournameweb

  • Note: You can save your Web folders anywhere you want by clicking Browse and selecting the new location.

  • Click OKand FrontPage will create a new empty web site.

Slide12 l.jpg

You can see the folders created for your web.

  • The images folder is where FrontPage can save the graphics for your pages.

  • The index.htm file is your first page.

The index.html page is the home page for your Web site. It will open first when your Web folder is on a Web server and people go to the Web address (URL).

  • Double click on index.htm to open the blank page.

Give your page a title l.jpg
Give Your Page a Title

Set Page Properties

  • Go to File > Properties

  • Select the General tab

  • Type the title of your page in the title box.

The title will become the bookmark title and will show at the top of the browser page.

Set colors background l.jpg
Set Colors & Background

  • Select the Background tab

  • Select an image for background or pick a color.

  • Pick colors for text

  • Pick colors for hyperlinks.

  • Use a background from another page.

You can select all the colors and the background separately.


Select a theme l.jpg
Select a Theme

Click Format > Theme to select from themes like the example below.

  • Apply the Theme to:

  • All pages or

  • Selected page(s)

This is a quick way to start a Web page with coordinated colors and background.

Save the page l.jpg
Save the Page

After setting up page properties:

  • Click the Savebutton on the Standard toolbar.

Remember to save your page frequently as you work.

To quickly access Page Properties to make changes:

  • Right click on the page and select Page Properties

Part three creating the content l.jpg

Part Three: Creating the Content

What do you want to show and tell?

Create text l.jpg
Create Text

You can type directly into Front Page.


Use any Word processor or text editor to create content:

  • Microsoft Word

  • Notepad

  • Save the document, and in FrontPage select Insert > Fileand open your document.


  • Use CTRL + C to copyand CTRL + V to paste the text into FrontPage Editor.

  • Format text l.jpg
    Format Text

    Font types


    & Paragraph styles

    Bold & Italics


    Font color

    Font size



    Numbered Lists

    The safest fonts to use for Web pages are Arial and Times New Roman.

    Toolbar features l.jpg
    Toolbar Features

    Insert a component

    Save the file & click on Preview to see how the page will look on the Web.

    Create a table

    Check spelling

    Insert an image

    Copy & paste a format style


    Create a hyperlink to another Web site or a specific Web page

    Insert images l.jpg
    Insert Images

    • Place the cursor where you want the image

    • On the menu, click Insert > Picture > From File.

    • Find the image file and click Insert.

    • To insert Clip Art in your page, click on Insert > Picture > Clip Art

    Adjusting images l.jpg
    Adjusting Images

    • Click on the picture in your Web page to select it.

      • Black boxes appear at the edges.

    • You can reposition or resize the picture right on the page

    • Right click on a picture & choose Picture Properties to open the Picture Properties window for more options for adjusting images.

    Picture properties general l.jpg
    Picture Properties - General

    • FrontPage accepts many different types of graphic files but Web browsers can use 2 types:gif &jpeg

    • FrontPage converts image file types automatically for you when the page is saved.

    • Here you can manually select the type you prefer for a picture.

    Picture properties appearance l.jpg
    Picture Properties - Appearance

    Click on the Appearance tab for the following:

    • Set Text Wrapping & Alignment

    • Put a border around an image

    • Change the size of an image.

    When you adjust picture size manually in the Web page, these numbers will automatically change.

    Saving your page w images l.jpg

    Rotate & Flip

    Contrast & Brightness



    Make transparent

    Saving Your Page w/ Images

    When you select a picture by clicking on it in your page, an expandedPicture Toolbarappears.

    After adjusting an image, it is very important toResamplethe image. FrontPage reduces the file size and resaves your image. (If you choose not to , you will have a small image that could be 2 megs)

    Embedding images part 1 l.jpg
    Embedding Images Part 1

    When you save a page for the first time after adjusting and resampling images, the Save Embedded Files window appears.

    • Click on Change Folder

    • Select the images folder

    Embedding images part 2 l.jpg
    Embedding Images Part 2

    FrontPage should remember to save all your page’s embedded images in the images folder from now on when you work on this Web page

    How to save images from the web l.jpg
    How to save images from the web

    • Find the image that you like.

    • Right click on the image.

    • Click on Save Image As..

    • Navigate to a folder on your computer.

    • Rename the image if needed and Save.

    Insert a horizontal line l.jpg
    Insert a horizontal line

    • Place the cursor where you want the line.

    • Go to Insert > Horizontal Line.

    • The horizontal line is a nice way to separate parts of your web page.

    Slide30 l.jpg

    3 Ways to select a background graphic

    Find a graphic saved on your hard drive.or

    Look for a graphic on the Web. Type the URL (Web address) here:or

    Search for a background graphic in Clip Art.

    Click on OK

    Part four creating links l.jpg

    Part Four: Creating Links

    Make connections to target areas on your pages, other Web sites, and email addresses.

    Make web links l.jpg
    Make Web Links

    • Create a Text Link

    • Type the text to identify what the link is and highlight it.

    • Click on the Link icon on the Toolbar.

    • Select Existing File or Web Page

    • Locate the path to the file or copy the URL of your link.

    • Click OK.

    Save the file and click on Preview to test the link.

    Create email links l.jpg
    Create Email Links

    • Type the name of the person or the email address in the Web page and selectit (highlight).

    • Click on the Link icon on the Toolbar.

    • Select Email Address and type the email address.

    • FrontPage adds the mailto: part of the address automatically.

    • Click OK

    When the link is clicked on the Web page, an email message box will pop up.

    Set internal links targets l.jpg
    Set Internal Links - Targets

    • Create a Target/Bookmark

    • Place your cursor where you want the link to go to.

    • On the Insert menu, Click Bookmark.

    • Give the bookmark a name.

    • Click OK.

    • Create an Internal Link

    • Go to the text for your link and highlight it.

    • Click on the Link icon.

    • Select Place in This Document

    • Click on the drop down menu for Bookmarks and select in the list.

    • Click OK.

    Part five inserting tables l.jpg

    Part Five: Inserting Tables

    Tables can help control the alignment of images and text on a Web page.

    Set up a table l.jpg
    Set up a Table

    Place the cursor where you want the table and click on Table on the toolbar.

    • Select the number of rows and columns.

    • Right click inside the table and select Table Properties.

    • Select Layout Alignment.

    • Set Cell spacing & padding

    • Choose a border width or 0 for no border.

    • Set table width (how much of the page it will cover).

    • Select a color or image for Table background if desired.


    Change cell properties l.jpg
    Change Cell Properties

    You can change the settings for all the Table, a Row, or an individual Cell.

    • Put the cursor inside the Table, Cell, or Row you want to change and right click.

    • Select Table properties.

    • Click on the correct tab – Table, Row, Cell and make the changes

    You can select a background color for individual cells.

    Part six special features l.jpg

    Part Six: Special Features

    FrontPage has many additional features to help make creating Web pages easier

    Templates l.jpg

    When you click on File > New > Page or Web, you can select from a variety of FrontPage Page Templates or Web Site Templates

    Components l.jpg

    Click on Insert > Component to see a list of advanced items to add to your pages.

    Slide41 l.jpg

    In Conclusion…I think you will agree that although FrontPage is not the only editing tool available, it is a fast and easy way to add and manage web content. Alex Conger For Phone Support: (208) 870-4332Toll Free: 1-866-441-8018