HTML II
This is the second class on HTML. It is not required that you have taken the first class, but if you have not taken the first class, you should already have a solid knowledge of the fundamentals of HTML.
In this second class, we'll begin studying some of the functional aspects of HTML, as well as aspects controlling display.
The emphasis will be on creating effective forms for web pages, because it is forms that provide most of the opportunities for interactivity of a meaningful kind, and it is mastery of forms that provides the basis for advanced scripting techniques in database-driven web sites such as Linkup.
This second class by no means is intended to provide a comprehensive mastery of HTML. There is much more to know, and much more to master.
Instead, the class is intended to:
- Give you a solid basis in working with a few essential techniques in HTML
- Help you build good habits in writing HTML
- Give you the confidence to move forward in your own learning of whatever aspects of HTML will be important to you in your own work, or your own personal projects
|
Class Outline:
- Quick review of previous class
- "HTML & XHTML: The Definitive Guide"
- HTML page setup
- Doctype, DTD, HTML or XHTML, language
- <html> attributes
- XHTML namespaces
- Meta-tags: content-type, character encoding, description, keywords, RSS, icon
- Cascading Style Sheets
- Color system in HTML
- JavaScript
- Conflicts between approaches: CSS vs. outmoded methods (body bgcolor vs. CSS, centering depending on HTML version or XHTML)
- tag, and JavaScript
- HTML special characters: HTML entity, character code
- HTML forms: Intro
- <form> attributes: action, method
- POST and GET
- <input> tag types: text, submit, reset, hidden, password, file, button
- First working form: text, submit, reset
- Change "text" to "password" and see what happens
- Radio buttons
- Checkboxes
- Hidden fields
- Textarea
- Pulldown menus: single & multiple
- <button> tag
- Forms & CSS
- Forms & JavaScript
Class Materials:
PDF of entire class
PowerPoint presentation
examples in .zip file
examples folder
|