- Before start to do any html or css page, check your files on your right side panel to see if they are in your root folder. If you see desk top or some other folder, but not your root folder that contains files for this site; then you need to recreate Dreamweaver site first.
- On ramp:Café Townsend site simulation. http://www.adobe.com/devnet/dreamweaver/articles/getting_started_dreamweaver_cs3.html
- Review:table layout with colored background and rounded image corners. External style sheet will control over all page, but internal style sheet inside html page head can add extra rules.
- Create External style sheet: When in the start up page, select from create new >css.
- When in a html page File> new, select from sample>css or copy from anywhere else
- After you have a CSS file, open a html page to link to CSS file
- Then you can add new rule or edit property.
- syntax is: selector { property : value}
- The rule selector are
- 1. class : start with "." ex: .whateverNameMakeSense.
- 2. Tag, which is html tag, so in order to know what you are selecting, you need to memerize some html code while you are designing. (just look at code view when you click an object)
recognize xhtml and css code. http://www.webdeveloper.com/design/ - 3.Id selector, which usually only use for once in the same page for dynamic page which load data from data base server.
We will have more CSS tutorial practice today.
http://www.adobe.com/devnet/dreamweaver/articles/css_concepts_cs3.html
my computer> T :>webclass_wu>css>Copy 1,2,3,4,5, folder and classoutline>week4 to your H drive new folder. Follow paper tutorial 1,2,3,4,5
Publish Site tutorial : Read it first. We may have our web server latter.
http://www.adobe.com/devnet/dreamweaver/articles/first_website_pt5.html
Q: How do I control/resize the size of the pop up window so it won't cover my previous window totally?
A: Use javascript: http://www.javascript-coder.com/window-popup/javascript-window-open.phtml
