Web+Authoring

=**Introduction**= What makes a web page? How was it written? Does a web page appear just as a word document? No. There is a languag //behind every web page, the instructions for the web page and how the text should look.// In this section, you will learn a little of that language called HTML. HTML is the foundation code for all other code. You will also find out how to view how any web page was made.

Code
W3Schools.com Interest: Why HTML 4? and HTML 5 @http://www.w3schools.com/html/tryit.asp?filename=tryhtml_hr
 * Heading:**
 * @http://www.w3schools.com/html/tryit.asp?filename=tryhtml_headers
 * @http://www.tedmontgomery.com/tutorial/headings.html
 * @http://www.w3schools.com/html/tryit.asp?filename=tryhtml_header
 * Horizontal Rule:**


 * Hyperlink**
 * @http://www.w3schools.com/html/html_links.asp
 * Hyperlink: @http://www.w3schools.com/html/tryit.asp?filename=tryhtml_imglink
 * Fun Things:**
 * Cool Text **:**@http://cooltext.com/
 * Add Photobucket slide shows : @http://photobucket.com/

Color

 * Color Codes: @http://html-color-codes.com/
 * Color Wizard: @http://www.colorsontheweb.com/colorwizard.asp
 * Complementing colors for the web:@http://colorschemedesigner.com/
 * Browser Safe Palette? - @http://www.lynda.com/resources/webpalette.aspx

Tutorials for Notepad

 * **Making a basic page**: http://www.screencast.com/t/NmI4NzNkOWE
 * **Saving: @http://www.screencast.com/t/NDYzYTRlNGM**
 * **Opening**: http://www.screencast.com/t/NzQ1YjZk

**Web Page Design Principles**
Writing for the web is different than writing for print or hard copy. Examine the ways that you need to write for the web, and include what you learned in your web page. Also, when you write the "principles" of web design principles in your project report, make sure to include them.


 * Web Style Guide**
 * Web Design Mistakes: http://www.dailyblogtips.com/43-web-design-mistakes-you-should-avoid/**
 * More Mistakes**
 * Writing for the WEB**

**Dreamweaver**®
You have created basic web pages using HTML code and Notepad. Now, you are going to use Dreamweaver®, and learn a little CSS. What is CSS? Is it a new T.V. show? No, CSS stands for "cascading style sheets". It was created to build complex websites with design.
 * Introduction **

You will re-create the website that you started, using CSS code. However, first you will go through some exercises. It will be basic, but enough to get you started.
 * Task **
 * Procedures:**

Introduction to Dreamweaver®

 * Review Chapters 1-2 in the book.
 * Defining your Site Video
 * Re-Do you HTML page in Dreamweaver® //without// CSS
 * Open up your page
 * Notice how they are displayed.
 * Modify anything that you like
 * IF you want to save your changes do
 * Read Chapter 3
 * W3C School - CSS page

Chapter 4 - Getting A Quick Start

 * With the provided CD and Files, do the activities for Chapter 4. YOU will make a web page that uses CSS
 * **Homework**: Repeat the work done in chapter 4, but with your OWN content.

Dissecting a Page
You will choose a basic page (that used in Chapter 4) and dissect the parts of the page.
 * Resources
 * Your bookW3C School - Chapters 1-4
 * W3C schools CSS page
 * Search it out: example - "What is the div tag?". Your search may bring up this!
 * Actually wikipedia has a nice explanation of the "div tag". It is actually a div element, not a tag. See: http://en.wikipedia.org/wiki/Div_tag