8th Grade Web Design

Check out your sites here

What is html anyway?

We'll look at the source code of a few websites. Then you'll build a simple site on your own using Notepad so you understand what a webpage really looks like.

Here's a basic page for you to use when building your simple site.

Use the follow tags to modify the basic page:
<font color=red>text here</font>
<b> text here </b>
<font size ="+3"> text here </font>

Other resources:
Color Site
HTML Cheat sheet
Basic HTML Tutorial
Another HTML Tutorial

 

Dreamweaver

I'm going to teach you how to use Dreamweaver, a web editing tool made by a company called Macromedia. It takes a while to launch, but then it works pretty well. The cool thing about Dreamweaver is that you can work in code view or design view. If you like to see all of the HTML tags, you can write them yourself, but you don't have to.

First you'll have to define your site. In Dreamweaver, you have to tell the program where you're going to store all of your web page files. I'll walk you through this part.

Hopefully, we'll be able to create some backgrounds and I can show you how the fonts work.

Here are some clipart sites for you to use:
netTrekker
Badgerlink Searchasaurus
Absolute Web Graphics
Animated Alphabets
Free School Clipart
Clip Art Gallery
Classroom Clipart

Your site

When you design a website, the most important thing to remember is that you need to have something important to say. You need to have a clear message.

You've spent several weeks gathering information about a travel destination. Use Inspiration to brainstorm the types of information you have about your travel destination.

Your site needs to have an index page (that's the home page), and at least 4 other pages. Here are the requirements.

Flash

If you're interested in Flash animations, check out these sites for inspiration:

Macromedia Flash Tutorial
Flash Basics
css Zen Garden
George and Ira Gershwin

 

Back to Whitehorse Home

This page last updated: November 21, 2007
Author: Tina Krouth, kkrouth@madison.k12.wi.us
Publisher: Tina Krouth, kkrouth@madison.k12.wi.us
Webmaster: webmaster@madison.k12.wi.us