How to make a website on the edweb server using FrontPage

Main Objective:

Staff members will be able to make a website using Microsoft FrontPage on the edweb server so that they can improve their teaching, counseling, or department.

 

By the end of this lesson, you will be able to:

·       Create a new web

·       Save a page

·       Add text to a page

·       Create a bulleted list

·       Format text

·       Apply a theme

·       Add clip art or your own photos

·       Create hyperlinks

·       Resize clip art or your own graphics

·       Copy and paste WordArt from Microsoft Word to Frontpage

·       Add a table, add color to the table, and add color to individual cells.

·       Add a page title to the web page.

·       Preview in a browser

·       Upload documents

·       Make links to documents (in a new window)

·       Identify at least 2 web components

·       Upload to the edweb server

·       Visit other websites that will offer help in Frontpage.

Introduction

First, go to the start menu, select All Programs, and click on Microsoft FrontPage. Then go to the File menu, select New, and then choose Web. Under the New dialog box, click the Empty Web icon.

Click the Specify the location of the new web field. Select the last word in the web name. You will change it to the title of your website - let's call it "teacherwebsite"

Click the OK button. FrontPage will create a new web named teacherwebsite

Edit the First Web Page

The first website will start off blank.

Save it as:

index.htm

 

Adding Text

Now you will see a blinking cursor on the first page. Add your name or subject at the top of the page. You can center the text by clicking on the “center” icon (or right or left justify text if you’d prefer).

 

 

Changing Fonts

 

Highlight the text you want to change and select the fonts

 

To change the size, click on the drop down menu and select the size.

 

To change the color click on the A with the line under it and it will bring up this drop down menu.

 

 

If these colors aren’t enough, you’ll find more under More Colors. Select the color with the Select tools and click on OK.

 

 

To highlight text, go to the drop down menu go the highlight tool next to the font color tool. Again you can choose other colors under the More Colors menu.

 

If you’d like to apply a theme, you can customize a lot of elements including the font and page background. Go to Format and select Theme. Choose a theme you would like to be applied to all of your web pages.

 

 

You will get a message (see below). Click YES.

Then you’ll see the theme as it’s applied to the page.

 

To add clip art, you can go to

 

 

To add your own photos or graphics, go to Insert -> Picture -> From File

and browse until you find the picture you want. Select it and click ok.

 

 

To resize clip art or a photo that is too large or small, click on it so you see the black anchor points

 

Click on the picture and pull inward or outward, depending on how big or small you want the picture.

 

 

Save the web page. Go to File – Save.

A dialogue box will appear. Click OK.

 

 

Click on change folder. Select Images.

Click on OK – then you will be back to the Save Embedded Files dialog. Click OK.

 

This will help you keep all of your images organized as you add more files this will make a great deal of sense to you later.

 

Create a table.  You may want to make a table for your class website.

Here’s how:

Go to Table -> Insert -> Table. There you can decide how many cells you need.

Then click OK.

 

To center the information inside the table, highlight it and then click on center icon. If you have a difficult time centering the table, go to Table – select and then center.

If you want to color the borders or cells, right click on the table.

 

You can change the color of the background and borders here.

If you want individual cells colored, just right click on the cell you want colored and go to cell properties, select the color and click OK.

 

Add a Link. Highlight the text you’d like to link. Then go to Insert -> Hyperlink. (Notice the Ctrl + K next to it – that’s a shortcut and it’s really useful!).

 

 

 

Highlight the http:// and replace it with the title of the new web page. In this instance, I’ve highlighted the word Reading. This will be the title of the new web page. Do not capitalize any web URL. Do not add the ending (.htm or .html).

 

 

Make a new page. You can either go to File -> New. Or click on the white new page icon.

 

If you notice the new page does not have the same theme, go to Format -> Theme. And click on ALL PAGES.

 

 

Adding Word Art from Microsoft Word

You can work with the Microsoft FrontPage and Word open at the same time. You can copy and paste between the two programs. You will find that you can use clip art and word art. In Microsoft Word, open a new document.

Go to Insert -> Picture -> Word Art.

 

There, you can make some fun text to include in your website. This is the WordArt Gallery where you can select the style you like. Select an option and click OK.

 

 

Once the style is selected, you can type in the word and select a font, style, and size. Then click OK.

 

 

You can stretch and pull the WordArt to the right size. Notice the WordArt menu that opens – you can further edit text there. It appears when you click on the word, otherwise it is hidden.

 

Now simply hold down Ctrl + C (or edit – copy) to copy it and then paste it in FrontPage using Ctrl + V (or edit – paste).

 

Once it is pasted into FrontPage, you can center it by clicking on it and then on the center icon.

 

 

Save. Save it as reading.htm in this case.

 

 

Click OK for the Save Embedded Files box.

 

To preview a web page

Open your index page and make sure your link works.

 

Decide in which browser you’d like to preview the website. If your browser choice is not there, go to add and browse until you find the browser shortcut icon you want to use.

 

Note: you can also hold down Ctrl and Click to see if the links work while still in the design mode.

 

 

To upload files to the website

Go to file -> Import. Then Add File. Browse until you find the document you want. It could be a PDF, Word document, etc.

 

 

In this case, I want to upload Lesson 6 Apprenticeships. Click on Open

 

The lesson is highlighted and click on OK.

 

Notice it now appears in the folder list.

 

Make a new folder for documents to organize your files.

 

Right click in the Folder List

                                                             

Title the folder - in this case it is titled documents.

Click and pull the document into the folder.

 

Now you want people to be able to open your document. I’ve added a section titled Links to Documents.

 

Under this title, I created Lesson 6 Apprenticeships. Highlight the words you want to become a link. Then use Ctrl + K to link it, browse to the Documents folder and select the file (Lesson 6 in this case).

 

Then click OK.

 

If you want the document to be brought up in a whole new page, go to Target Frame and select New Window. Click OK and OK on the create hyperlink dialogue box.

 

Web Components

I recommend you spend some time exploring the web components. You can add a hit counter to see how many people have seen your website, a marquee to make announcements, and much more!

 

Add a Page Title

 

To add a page title to the document, right click anywhere on the page and go to Page Properties.

 

 

 

Then Type in the title you want to appear on the web browser when users access the page. Click OK. Save.

 

Upload your website to the edweb server

There are easy ways to do the upload.

1. Contact Donna Goble at donna.goble@tusd1.org to reserve space on the edweb server if you haven’t already. She will provide a login and password for you.

2. Open Microsoft FrontPage to start your site.

--> If you already have space reserved on edweb

Go to Internet Explorer. Type in your website: http://edweb.tusd.k12.az.us/yourusername

Select File --> Edit with FrontPage. It will then prompt you for a login and password.

You can edit live or you can design offline.

This lesson shows you how to edit a website offline, so now you will learn how to load your finished website.

Connecting to the server

FTP

You will have to get permission to use the FTP address – email the edweb technician, Donna Goble, to permit you access. It will prompt you for the user name and password. Then you can simply drag and drop the web folder into the website (or copy and paste it).

ftp://edweb.tusd.k12.az.us/username

You can use the Publish Web option. Go to File -> Publish web.

Type in the web address (the edweb web address plus your username)

Type in your username and password

Once you type in your username and password, you will get a message like the one you see below.

 

The website will eventually load and be published to the server.

 

Additional Resources for help in FrontPage

Calendars: http://www.timeanddate.com

Teacher-created calendars to manage classes and assignments: http://assignaday.4teachers.org