HTML and Dreamweaver

In December, after learning about the Internet and how it works, we started working with HTML (Hyper Text Markup Language). We were presented 11 lessons and used this knowledge to complete an eight step assignment. Our task was to create a website for Santa Clause - fitting considering it was Christmas. We worked with text, colour, links, images and tabels.

Here are our Lessons:

Lesson 1:

Different browsers, computers and screen sizes

Plugins, script languages, VRML, DHTML and CGI

Lesson 2:

Tags and Attributes

Lesson 3:

Ways to work with HTML

How to Code HTML Directly

Lesson 4:

Basic HTML

Lesson 5:

Ordered and Unordered Lists

Lesson 6:

Text - Font, Colour and Size

Lesson 7:

Colour

Lesson 8:

Links

Lesson 9:

Images

Lesson 10:

Images # 2

Lesson 11:

Tables

Examples of HTML:

<html> marks start of the HTML code
</html> marks the end of HTML code

<head> marks the start of the heading area
</head> marks the end of the heading area

<title> marks start of the title to go in title bar - must be in the heading area
</title> marks the end of the title

<body> marks the start of the body (the web page)
</body> marks the end of the body

<body bgcolor="#rrggbb" text="#rrggbb" link="#rrggbb" vlink="#rrggbb">
specifies background color, text color, link color, visited link color

<b> starts bold
</b> ends bold

<i> starts italics
</i> ends italics

<h1>

starts h1 size heading

</h1> ends h1 heading
<h2> <h3> <h4> <h5> smaller headings

<p> starts a paragraph - starts a new line - leaves blank line - double spacing
</p> end paragraph

break - starts a new line - single spacing

<center> starts center of text, graphics
</center> stop center

Ordered List:

<ol>
<li>Dallas Stars</li>
<li>Ottawa Senators</li>
<li>Buffalo Sabres</li>
</ol>

Unordered List:

<ul>
<li>Monday</li>
<li>Tuesday</li>
<li>Wedenesday</li>
<li>Thursday</li>
<li>Friday</li>
</ul>

< font face="Times New Roman"> Makes the text look like this.
< font face="Courier"> Makes the text look like this.
< font face="Arial" > Make the text look like this.

< font color="#FFFF00"> This turns the text red.
< font color="#0000FF"> This turns the text blue.

< font size=1 > This makes the text small.
< font size=4 > This makes the text large.

Linking to a web page on another web site:
HTML: <A HREF="http://www.canoe.ca">Canoe Web Site</a>
Result: Canoe Web Site

The src attribute specifies the filename of the image.
Tag: <img src="PICTURE">
Result: PICTURE

<table> and </table> - mark the start and end of the table
<tr> and </tr> - mark the start and end of each row of the table
<td> and </td> - mark the start and end of each table data element across the row

All Steps	Access
Excel	Finding Partners
Blackboard	Email
Curriculum	Handling Data
Web Design	Distributing and Receiving
HTML and Dreamweaver

Created by the students of Athens District High School.
Contact Stephen Mackinnon

Credits:
Text by Tabitha R.