Check
Project (Use these links to see project details.)
Due date
File names/comments
Completed
Background on HTML and XHTML . Read from as many sources on HTML and XHTML as you have time for, that you can get access to, and that add to your understanding of XHTML requirements. Be able to explain the problems with HTML that necessitated XHTML and how XHTML and CSS enable a separation of content and presentation of content.
mmddyy
When you've done enough reading on these topics, go to the next unit.
Web-site setup . Find yourself a free web-hosting service (or use your current ISP) and post your HTML tutorials and projects there.
mmddyy
Send the URL for your website to your Brooklyn College.
XHTML practice—part 1 . The following activities have you create essential elements using HTML and XHTML tags. Tutorials are not included—it's your job to use your resources to learn how to do the tasks requested (or contact your instructor if you get stuck).
Simple web-page practice
Hypertext-links practice
HTML-spacing practice
Headings practice
HTML fonts & colors practice
Web graphics practice
mmddyy
At the end of each of these exercises, send the URL for the exercise by e-mail to your instructor.
Project 1: Webpage-modeling project . Reformat plain text to create a web page to look exactly like model page provided by your instructor.
mmddyy
Post this project to your website and send e-mail to your instructor with the URL.
Page design: review . Review page design for the standard design guidelines for headings, lists, notices, tables, figures, cross-references, and highlighting. (This is a quick review of material covered in depth in TW101: Technical Writing: Fundamentals . You can still access all the same study materials.)
mmddyy
Take the quiz at the end of this unit; be sure and select Brooklyn College as instructor.
XHTML practice—part 2 . The following activities have you create essential elements using HTML and XHTML tags. Tutorials are not included—it's your job to use your resources to learn how to do the tasks requested (or contact your instructor if you get stuck).
Tables practice
Frames practice
Web-editing tools practice
Web-forms practice
mmddyy
At the end of each of these exercises, send the URL for the exercise by e-mail to your instructor.
Project 2: XHTML: Revising legacy HTML . Revise a several-page HTML document that breaks all the XHTML rules. Nuff said.
mmddyy
Post this project to your website and send e-mail to your instructor with the URL.
CSS: An overview of concepts and terminology . Do introductory readings from as many of the sources listed in the resource page as you have time for or can get your hands on. Be able to explain essential CSS terms such as the "cascading" idea of style sheets, style sheets, selector, classes, ID selectors, pseudo-classes, elements, pseudo-elements, inheritance, block elements, inline elements, floated elements, CSS1, and CSS2.
mmddyy
When you've done enough reading on these topics, go to the next unit.
CSS practice . The following activities have you create essential elements using CSS tags. Tutorials are not included—it's your job to use your resources to learn how to do the tasks requested (or contact your instructor if you get stuck).
Font family, color, face, and size
Margins, alignment, and spacing
Lists
Tables
Borders and positioning
mmddyy
At the end of each of these exercises, send the URL for the exercise by e-mail to your instructor.
Project 3: CSS modeling . Take what you know so far about CSS and, using a PDF model, recreate the original web page on which the PDF is based using XHTML and CSS tags.
mmddyy
Post this project to your website and send e-mail to your instructor with the URL.
Project 4: Website formatting project . Use what you've learned about creating web pages with XHTML and CSS so far to create a several-page website. Format several pages of plain text by adding XHTML tags and including graphics.
mmddyy
Post this project to your website and send e-mail to your instructor with the URL.
SVG introduction and Project 5. Use the resource page to get an introduction to SVG . Learn simple SVG drawing techniques and then use the project page for the simple SVG project to create simple shapes with SVG.
mmddyy
Post this project to your website and send e-mail to your instructor with the URL.
Project 6: Final project . For the final project in this course, you can do one of the following:Design a set of web pages using XHTML and CSS and based on a PDF model of the final results. Redesign and enhance an existing set of legacy HTML pages. Create a set of web pages all on your own using XHTML and CSS.
mmddyy
Post this project to your website and send e-mail to your instructor with the URL.
There are no required texts for this course. Enough material is available on the Web that you might be able to get by without making any book purchases at all. XHTML resources provides some suggestions.
Contact your instructor concerning credit for projects you have completed but are still not approved by the time the course is over.