Website+Design+&+Dreamweaver

**Website Design & Dreamweaver** ..
 * Research:**

. - for each state in detail **WHAT (at least 10 things/criteria)** you love about the website... think about what makes a great website.... . - for each state in detail **WHAT (at least 10 things/criteria)** you DISLIKE about the website... think about what ISN'T WORKING well in the website & its design.... . Do this work on your personal page.... scroll to the bottom of your page... add a dividing line... and do the work in class today or for homework tonight so that it's done **before next class**.
 * 1. List and provide links to 5 FAVORITE/Great websites:**
 * 2. List and provide links to 5 least favorite/terrible websites:**

Comic related to terrible web design: @http://theoatmeal.com/comics/design_hell [] - "Learn Good Web Design by Looking at Bad Web Design"

Thursday, April 19, 2012

Below the video **summarize in point form** what to do to get started in Dreamweaver. . . . media type="youtube" key="0jw8yxd1Pbs" height="315" width="420". - multiple ways to start using Dreamweaver, don't sweat it if your method is a little different compared to others Create new HTML document - the screen is split in to two parts: the top part has the HTML code, the bottom part is what the page will look like - in the top left corner, there are buttons to switch from code view to split view or design view - when your first starting off, it's better to stay in split screen mode because when you type into the design area, the HTML area will code what you typed - at the bottom of the screen is the Properties, where you can set properties for the text in the design area - ..
 * Find** a introductory video to get started with Dreamweaver.
 * Post** the video (embed video widget) in this wikipage.

--

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " @http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "> @http://www.w3.org/1999/xhtml ">    Untitled Document     

 <span style="background-color: #ffffff; color: #333333; display: block; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif; font-size: 11px; text-align: left;">body, html { margin:0; padding="0"; height:100%; width:100%; } <span style="background-color: #ffffff; color: #333333; display: block; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif; font-size: 11px; text-align: left;">#bgimage { position:fixed; left:0; top:0; z-index:1; height:100%; width:100%; }. <span style="background-color: #ffffff; color: #333333; display: block; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif; font-size: 11px; text-align: left;"> <span style="background-color: #ffffff; color: #333333; display: block; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif; font-size: 11px; text-align: left;"> <span style="background-color: #ffffff; color: #333333; display: block; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif; font-size: 11px; text-align: left;">