COAP:COAP-2100/week2-2011: Difference between revisions
Jump to navigation
Jump to search
m (→Homework) |
mNo edit summary |
||
Line 27: | Line 27: | ||
; HTML and XHTML | ; HTML and XHTML | ||
* [[HTML and XHTML elements and attributes]] | * [[HTML and XHTML elements and attributes]] | ||
* [[HTML]] and [[XHTML]] (for background information) | * [[World-Wide Web]], [[HTML]] and [[XHTML]] (for background information) | ||
You also may either consult the Reference book (Deitel) or do an online tutorial. Recommended: | You also may either consult the Reference book (Deitel) or do an online tutorial. Recommended: | ||
* http://en.wikibooks.org/wiki/HyperText_Markup_Language | * http://en.wikibooks.org/wiki/HyperText_Markup_Language |
Revision as of 20:15, 3 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 designs)
- 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