Recommandé
Contenu connexe
Tendances
Tendances (20)
Similaire à HTML and CSS Fundamentals for Web Design
Plus de techmonkey4u
Dernier
Dernier (20)
HTML and CSS Fundamentals for Web Design
- 1. Fundamental HTML and CSS Corey A. Spitzer SKAR Advertising July, 2009
- 2. A web page, broken down Content/Data UI Logic Styling Rules Web Browser Website
- 3. A web page, broken down HTML Javascript CSS Web Browser Website
- 4. HTML HyperText = text that can link to other text via hyperlinks Markup = semantic structure and metadata describing the content Language = language
- 5. HTML Tag Structure <textarearows="4" cols="30"> blah blah blah </textarea> Tag (aka Element) name Attribute name Attribute value Tag contents
- 6. HTML Document Structure (doctype) <html> <head> (head info) </head> <body> (main content) </body> </html>
- 7. HTML Doctypes <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd"> More info at http://www.w3.org/QA/Tips/Doctype http://htmlhelp.com/tools/validator/doctype.html
- 8. HTML Examples Demo (html_examples.html)
- 9. More HTML Info More comprehensive HTML tutorials and examples at http://www.w3schools.com/Html/
- 10. Questions? CSS coming up...
- 11. CSS Cascading = styling rules "cascade" from parent tags to child tags; rules can override others Style = style Sheet = file
- 12. Basic CSS Structure (tag name/class/id) { (rule); (rule); ... }
- 13. A Quick Digression More CSS info, but first...
- 15. Hexadecimal Colors Decimal (base 10) Digit values: 0,1,2,3,4,5,6,7,8,9 Hexidecimal (base 16) Digit values: 0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F
- 16. Hexadecimal Colors R G B #000000 00 = 0 FF = 255
- 17. Hexadecimal Colors R G B #000000 16^6 = 16,777,216 possible colors
- 18. CSS Examples Demo (css_examples.html)
- 19. More CSS Info More comprehensive CSS tutorials and examples at http://www.w3schools.com/Css/
- 20. The End? Questions? Requests? Comments? Criticisms?
Notes de l'éditeur
- What is the content? What does it look like? How does it function?