Palettes

Starting your first document

Modifying Text

Inserting an Image

Inserting a Table

Inserting a Horizontal Line

Saving your File

Setting up your Site

FTPing Files

Linking

Linking to another document in your site

Linking from one place to another in the same document

Creating an Email Link

Modifying the Colors of your Links and Page

Importing Word® Documents

Image Maps

Converting Layers to a Table

Part II--Creating your Site

Adding more pages to your site

Adding your Resume in .pdf format

III. Creating your Course Page

Putting your PowerPoint Presentaiton on your Website

 

Creating Your Course Page

There are two routes you can take here. Which route you take depends on how many courses you would like to make websites for. Route 1 is for multiple courses, Route 2 is for just one course.

Route 1 might look something like this:

It looks more complicated than it is. You've already done all the pages except for courses.html. What you need to do now is to create a new folder and give it the name of your course.

Then create an index page in this new folder. Every folder should have an index page.

Suppose my course has many different units. I would want to create separate folders for each unit so that I can keep my materials straight. Again, every folder should have an index page, so I would create one for each unit I want to make.

Route 2 is a little easier.

The point here is that file structure can get a bit complicated. Just remember, the key to a good site is organization. Everything related should be kept together in a folder away from non-related material.

For now, we are going to work on only one course, so the link on our "index.html" page that says, "courses" is going to lead us to one particular course instead of a page that lists two or three courses.

The first thing we need to do is go to Windows Explorer and add a new folder under your website.

1. Click "File" then "New" then "Folder"

2. Name the folder--use the designation of your class. For example, ctd261 or cs205. Remember, one word, no spaces.

1. Begin a new file.

2. Immediately save this file in your new course folder. Call it "index.html"

3. Draw a new layer.

4. Type in the Title of your course.

5. Manipulate the text to make it look how you want it.

6. Draw a new layer

7. Include the following elements on your page:

  • syllabus
  • announcements
  • powerpoint presentation
  • review questions
  • self-test
  • Lecture 1 notes
  • Lecture 2 notes
  • Lecture 3 notes

8. You may modify this list to suit your needs if you wish.

9. Arrange the elements to suit your tastes. You can modify the font face, size, color, position, etc.

10. You may need to put each individual element on its own layer in order to place it exactly where you want it. Or, you can insert a table and use the table to place the elements.

11. Insert an image if you wish.

12. Work on your page until you are happy with it. You may wish to include a graphic, and you may need to go back to ImageReady® to make the graphic.