Class 22

Class 22 Notes are in progress and are subject to change

Class 22 Outline

Discourse

Minimize Discourse

Pics That Lie project due - TA please check blogs for entries and then put the JPEG pic in a PPT photo album. Thanks

Excellent example

http://www.cs.trinity.edu/~rshephe1/

http://www.cs.trinity.edu/~elittman/

First ten minutes of class- go to the class blog and look through the Picture That Lie entries - comment on at least two of them, addressing the technical effectiveness and the creativity of the alterations.

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

Introduction to constructing a web page using HTML
Viewing page in browser
operating basic hand-coded tags
inserting images
the importance of the web file folder
hexadecimal colors and web safe colors

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:

An expansion of the subject you presented in your PPT with more links, videos and information
A personal website with a professional approach that could be used as an online resume
A website for your organization or group (or a family business)
A showcase site for photography, poetry, music or artwork
A site about a favorite subject – sushi, sloths, altered photography, horse training
A How-To site – Ultimate, cooking, using Photoshop elements, play or design online games

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

If you use Windows, you can download Expression Web from the Microsoft folder in the S Drive (S:\Microsoft\Expression Web)

Introduction to HTML: review videos

HTML Part 1

HTML Part 2

HTML Part 3

Rt. click inside 22webplan - New>text document
Open IE/Safari/Firefox and browse to file
Change, refresh, compare

Red Fish</td><td>Blue Fish</td></tr>

Hexidecimal color basics for websites

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.

Know about table tags.

Homework: Decide on the the topic/theme for your Digital Portfolio/Website. Be prepared to describe it in a discourse question on Tuesday. Website Guidelines for your upcoming project.