Website Design & Dreamweaver

1. List and provide links to 5 FAVORITE/Great websites:
- for each state in detail WHAT (at least 10 things/criteria)
you love about the website... think about what makes a great website....
2. List and provide links to 5 least favorite/terrible websites:
- 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.

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

Thursday, April 19, 2012

Find a introductory video to get started with Dreamweaver.
Post the video (embed video widget) in this wikipage.
Below the video summarize in point form what to do to get started in Dreamweaver.
- 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

<!DOCTYPE html PUBLIC "-W3CDTD XHTML 1.0 Transitional//EN" "
<html xmlns="
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<table cellspacing="0" cellpadding="0">
<img id="bgimage" src="
put ur image link here
" />

body, html { margin:0; padding="0"; height:100%; width:100%; }
#bgimage { position:fixed; left:0; top:0; z-index:1; height:100%; width:100%; }.