COAP:COAP-2100/week2-2011: Difference between revisions
Jump to navigation
Jump to search
m (→Homework 1) |
m (→Homework 2) |
||
Line 62: | Line 62: | ||
Constraints: | Constraints: | ||
# Your page should be valid HTML/XHTML strict (either use the HTML validator of the editor, an online tool or the Firefox extension to validate) | # Your page should be valid HTML/XHTML strict (either use the HTML validator of the editor, an online tool or the Firefox extension to validate) | ||
# You must a include | # You must a include two screenshots | ||
Submission | Submission | ||
* Upload the html file to the worldclassroom before start of the Wednesday week 3 lesson | * Upload the html file to the worldclassroom before start of the Wednesday week 3 lesson |
Revision as of 12:40, 15 October 2010
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 2
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/ (links may be broken though, since they point to original submissions)
- Create an HTML page (either in HTML 4.01 strict or XHTML 1.x 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 HTML/XHTML strict (either use the HTML validator of the editor, an online tool or the Firefox extension to validate)
- You must a include two screenshots
Submission
- Upload the html file to the worldclassroom before start of the Wednesday week 3 lesson