Topic_4_Student_Page

= Topic 4 Student Page = = Building a Traditional Website: The 4 Cs = = Containers, Content, Cascading Style Sheets (CSS), and Color =

//** Student pages are for submitting your assignments. As a member of this wiki, you have permission to edit these pages. Please feel free to post reminders or important notes that might also assist other class members. **//

4.1: HTML Elements - Basic Website Tool Exploration
From your reading about website creation you should have a basic understanding of how HTML code works. This knowledge will help you understand how web creation software works.
 * Step 1:** Try out your skills by creating a small web page file. Work through the tutorials for HTML and XHTML from the following W3C – World Wide Web Consortium websites:
 * HTML brief tutorial - []
 * XHTML brief tutorial []


 * Step 2**: Create a very basic hand-coded HTML page using a text document that incorporates the following elements:
 * Colored background
 * Text styles – bold, italic, underline, and color
 * Link insertion
 * Image insertion
 * Overall page look

//Type your names// || =====**HTML Webpage**===== ||
 * Step 3:** Post your webpage to the chart below.
 * =====**Student**=====
 * Marcia || [[file:blum_4.1htmlmainpage.html]] ||
 * Faye || [[file:Faye 4.2 603.html]] ||
 * Joe's || [[file:Joe's practice Html.html]] ||
 * Michelle || [[file:4.2EDTC603.txt]] ||
 * Curt || [[file:EDTC603_4.1.html]] ||
 * Mike || [[file:4-1.html]] ||
 * Betty || [[file:html simple site.html]][[image:DRHS_Banner.gif width="144" height="11"]] ||

4.3: Website Elements: Using Color, Typography, and Cascading Style Sheets (CSS)
Explore the philosophy behind website color choices, CSS, and typography in your reading and web sources. Apply your new knowledge by finding both low-quality examples and high-quality examples of color use, typography use, and CSS in different websites.

Step 1: Create a graphic organizer with a group of your fellow students (or individually as directed by your facilitator) to compare color and typography between exemplary and nonexemplary websites. Award-winning websites can be found at the Webby site (@http://www.webbyawards.com/), and subpar ones can found at sites like website http://www.webpagesthatsuck.com


 * Step 2:** Choose most recent worst case and best case award winners and create a chart that compares the elements of color and typography, as well as general audience appeal and communication value, for the four best and four worst sites of your choice.

Type your names. || ====**Color & Typography Elements Chart**==== ||
 * Step 3:** Post your chart below.
 * ====**Student**====
 * Marcia || [[image:Blum_4.3websiteelements.doc.jpg]] ||
 * Faye || [[file:Faye 4.3 EDTC603.docx]] ||
 * Michelle || [[file:Exemplary1.docx]] ||
 * Joe || [[file:Graphic organizer comparison of good and bad websites.pdf]] ||
 * Betty || [[image:4.3_Website_Elements_comparison_BAH_(CSS,_color,_type).jpg width="800" height="639"]] ||
 * Curt || [[file:The Best and Worst of the Web.docx]] ||
 * Mike || [[file:Good and Bad Websites.doc]] ||