Dreamweaver Basics

Today we are getting to know the insert and properties windows on Dreamweaver.  We are using them to re-create our summer site, without having to hand code anything.

your First CSS page/site

http://www.w3.org/Style/Examples/011/firstcss

Save ALL photoshop docs for WEB & DEVICES

This will allow you to save a small copy of your banner, perfect for the web.

Save this to your web site folder.  Then you can link to it using:

img src = "the name of your pic.gif"

make a banner!!!

• Make a new document
• Add some text
• use the blending options
• Add some fun background using the paint brushes
• Have fun!

tables

http://www.mountaindragon.com/html/tables2.htm

requirements

• 3+ pages
• linking nav table
• 1+ image per page
• 1+ paragraph of info written by you per page
• colors
• text/fonts
• fun!

Summer Web Site

what did you do this summer?

some basic html tags...

CSS Topic

What are you doing this summer.

Please add a hair of content to 3 or 4 CSS styled pages (all using one css stylesheet) regarding your summer content.

to place an image on your background use this in your CSS

background-image: url(http://something.jpg);

Quick final project

http://www.w3.org/Style/Examples/011/firstcss

please do not just copy and paste, but add your own info/ideas etc.

be sure to pay attention to which code you are to be adding, css or html... pay close attention when the tutorial has you copy and paste your CSS into a NEW DOCUMENT and then refer to it in your html document, this steps catches a lot of students off guard. make sure you read through the entire tutorial following each step, in sequence.