Class 1-4

Review

What is the difference between HTML and CSS

	HTML	CSS
Usage / Purpose	For content and meaning; the words and images on your site	For style; the colors and placement and spacing and look of your site
Tag / Selector	<tag>......</tag>	tag {} or . {} etc
Attribute / Property	href=	width:
Setting Values	"value"	10px;
filename	.htm or .html or .shtml	.css

 

How do I modify my html with css?

• See Applying CSS to your HTML file

Class vs ID

• how do I know which to use? (a particular ID can only be used once - so use it for unique sections such as #header or #footer. A class can be used over and over, so use it for a characteristic like .sidebar or .right-shifted or .warning
• what is the CSS selector for id? (= #) for class? (= .)

Float and Clear

What if I use float on my content area, but I want my footer back down where it belongs - what do I do? (clear:left; or clear:right; or clear:both;)

The Browser address

• How do you tell if you're debugging from the server or your local copy? What's the difference?
• If I'm trying to change something in a large site, how do tell what folder it's on on the server? Where would I find the page above?

Tag Order in HTML

Which of these is correct:

• <p>My dog is <em>veryactive.</em> </p>
• <p>My dog is <em>very active.</p></em>

CSS Selectors

• What are the three major types of selectors and what's different about them?
• what's the difference between these:
  • .special {}
  • p.special{}

If I'm having problems debugging my page, what should I do first?

FIRST - make sure you're testing them on the web, not in file mode. Check the URL in your browser - if it says file:// YOU'RE NOT TESTING A WEB PAGE YOU'RE TESTING A FILE. Many aspects of the web will NOT work under these conditions. Change the URL to read http://.....

SECOND

Validate your files! Lots of errors are due to confusing the browser. Use the tools at the top of your Dreamweaver tool bar:

1. Validate HTML - Select Validate tool (marked in green at right) then Current Document and look for errors in the bottom panel of Dreamweaver (beneath Properties)
2. Validate CSS - Select Check Page tool (marked in yellow at right), then Check Browser Compatibility and look for errors in the bottom panel of Dreamweaver (beneath Properties)

Editors

• (Dreamweaver trial edition)

Questions from the class

---

Access to our site

URL: http://www.nas.com/~webclass/marie only PLEASE substitute your first name or project name for mine!!

FTP Host: www.nas.com

Sign-in: user - webclass - password - get in class taxis_loft

Dreamweaver or FTP access: set Host Directory to htdocs/your_own_folder

Valid folders:

barbara | beth | cari | cassie | celeste | gabrielle | jean | jennifer | kathleen | kelsey | lori | olivia

fishnclips | atmosphere | maude | sizzle | woolgatherings

 

---

How to Hand in Your Project