COAP:COAP-2100/week2-2011: Difference between revisions
Jump to navigation
Jump to search
mNo edit summary |
m (→Homework) |
||
Line 54: | Line 54: | ||
# Go http://www.csszengarden.com/ (Zen Garden) | # Go http://www.csszengarden.com/ (Zen Garden) | ||
# Pick two designs that you like and one that you dislike | # Pick two designs that you like and one that you dislike | ||
#* http://www.mezzoblue.com/zengarden/alldesigns/ will list all submitted design that made it into the CSS ZenGarden. | |||
#* (New) You also can pick rejected designs from: http://www.mezzoblue.com/zengarden/alldesigns/others/ | |||
# Create an HTML page (either in '''HTML 4.01 strict''' or '''XHTML stict''') and write down your (short) analysis | # Create an HTML page (either in '''HTML 4.01 strict''' or '''XHTML stict''') and write down your (short) analysis | ||
# Keep to simple tags (e.g. h1,h2,p,ul,ol,a,p) and don't try to make it look good | # Keep to simple tags (e.g. h1,h2,p,ul,ol,a,p) and don't try to make it look good |
Revision as of 10:58, 4 September 2009
Week 2
Topics Covered
- What do we mean by the Internet ?
- Web markup, HTTP and web applications
- Your development environment (Web browser and text editor)
- Introduction to XHTML
- Validation services (if time left)
Teaching materials
- What do we mean by the Internet ?
- Slides used: internet-intro.pdf
- Internet tutorial (first part of the slides above spelled out ...)
- Configuring your Web browser with extensions
- Text and HTML editors
- Text editor (definition and pointers to recommended editors)
- Web authoring systems (a list of web editing tools)
- At Webster, the "official" text editor is NoteTab light: http://www.notetab.com/
See also XML editors, an alternative for XHTML editing
- HTML and XHTML
- HTML and XHTML elements and attributes
- World Wide Web, HTML and XHTML (for background information)
You also may either consult the Reference book (Deitel) or do an online tutorial. Recommended:
- http://en.wikibooks.org/wiki/HyperText_Markup_Language
- http://www.w3schools.com/html (part 1) followed by /http://www.w3schools.com/xhtml/ (W3C Schools tutorial)
- HTML links includes pointers for other online tutorials
- HTML elements reference
Classroom activities
- Monday
- Q/R HomeWork 1
- Lecture: What do we mean by Internet and the World-Wide Web
- Browser configuration
- Wednesday
- Introduction to XHTML
- Coding with NoteTab light
- Validation
- Adding/editing HTML fragments to/in on-line services with through the web editors
Homework
Task: Create a little HTML page that evaluates a web design at CSS Zen Garden
- Go http://www.csszengarden.com/ (Zen Garden)
- Pick two designs that you like and one that you dislike
- http://www.mezzoblue.com/zengarden/alldesigns/ will list all submitted design that made it into the CSS ZenGarden.
- (New) You also can pick rejected designs from: http://www.mezzoblue.com/zengarden/alldesigns/others/
- Create an HTML page (either in HTML 4.01 strict or XHTML stict) and write down your (short) analysis
- Keep to simple tags (e.g. h1,h2,p,ul,ol,a,p) and don't try to make it look good
Constraints:
- Your page should be valid (either use the HTML validator of the editor, an online tool or the Firefox extension to validate)
- You must a include a link for each of three pages
Submission
- Upload the html file to the worldclassroom before start of the Wednesday week 3 lesson