Class 21
Notes are in progress and are subject to change

Class 21 Outline

Discourse

Minimize Discourse

Copy 21webplan from Class to your shared folder. We will handcode a webpage first, and then we will use SeaMonkey for comparison.

Preparing your digital portfolio/final website - GUIDELINES
Purpose – this site will showcase or promote something that you want to share with others. It could be your writing, your artwork, your organization or yourself. It could also be an extension of your PowerPoint presentation on a subject you believe in. Here are some variations on themes:

Saving a webpage in TextEdit on a Mac: Video

Download SeaMonkey from http://www.seamonkey-project.org/releases/ for Mac or Windows on your own computer

Optional:

Dreamweaver is on the computers in our lab - you might want to explore that

Introduction to HTML

  Your review videos:

    HTML Part 1

    HTML Part 2

    HTML Part 3

Rt. click inside 22bones - New>text document

Save file as bones.htm inside 22bones (it is very important to change the file extension from .txt to .htm)
Open IE/Safari/Firefox and browse to file
Change, refresh, compare

Bare Bones:

<html>
<head>
<title>
Bare Bones Web Page</title>
</head>
<body text="brown" bgcolor="tan">
<center><h1>This is my Bare Bones Web Page</h1></center>
<p>
Here is my favorite website:
<p>
<a href="http://www.google.com">Google</a>
<p>
<a href="http://www.trinity.edu">Trinity University</a>
<p>Here is a picture of my cat.
<p>
<IMG src="cat.jpg">
<p>
<ol>
<li>
Cat food</li>
<li>Fake mouse</li>
<li>Catnip</li></ol>
<p>
<table border=1>
<tr><td>One Fish</td><td>Two Fish</td><tr>
<td>
Red Fish</td><td>Blue Fish</td></tr>

Hexidecimal color basics for websites



Ordered Lists
Unordered Lists

There are 16 color names that you can use: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow. If you want to use other colors, you must specify their RGB or HEX value.

HTML tags that you should know how to use:

<html>...</html>
<head>...</head>
<title>...</title>
<body>...</body>
<p>...</p>
<br>
<b>...</b>
<i>...</i>
<center>...</center>
<u>...</u>
<b>...</b>
<h1>...</h1>
<h2>...</h2>
<h3>...</h3>
<h4>...</h4>
<h5>...</h5>
<h6>...</h6>
<hr>
<img src = "cat.jpg">
<a href="http://www.trinity.edu">Trinity University</a>.
<ul>
    <li>...</li>
    <li>...</li>
    <li>...</li>
</ul>

use <ol> above in place of <ul> above

Know about table tags.


Homework for Tuesday:

Decide on the topic/theme for your Digital Portfolio/Website.Fill out the planning page in the folder 21webplan. Be prepared to describe it in Discourse on Tuesday. Here are the Website Guidelines for your upcoming final project.

<Log Off>