CS 134

Homework

Your TOY Website

Create and publish your TOY website using all the techniques you'ave learned from this course including the following:

*basic xhtml template
*incorporate the following tags - p(with the align attribute), div, h1-h6, br, hr, meta
*DON’T FORGET THE TITLE!
*include background color(hex code only!)
*include at least three different font colors(hex codes only!) and two different font styles
*include at least your name in xhtml comments
*include CSS style sheet
*create a directory on your Pitt unix account in the "public/html" directories called "cs134"
*publish the site called "hw1.html" to your "cs134" directory and email me (chang@cs.pitt.edu) the URL. Please put "CS134 HW" in subject line
*present your website in class

You should design and create your own unique TOY website. Extensively copying someone else's website, if discovered by the instructor, would result in a ZERO for the homework!

The following are the guidelines for grading your homework:

5 points: A concise and yet comprehensive description of your TOY/TOP/TOPY scenario.

10 points: A successful demo for your TOY/TOP/TOPY scenario.

10 points: Deomonstration in your scenario your knowledge on website design to incorporate as many features your have learned in class as possible.
(1 pt) website is published in cs134 directory and easily accessible (1 pt) or published on your own PC (0.5 pt) (you will receive 0 point otherwise)
(1 pt) utilize most of the basic techniques such as xhtml template, p, div, h1-h6, br, hr, meta, title, background color, at least three different font colors and two font sizes, name in xhtml comments (1 pt) or only some of the above (0.5 pt)
(1 pt) demo how to use CSS style sheets to change entire website (1 pt) or at least include style sheets (0.5 pt)
(1 pt) use table, division or frame for formatting the page with flexibility (1 pt) or without flexibility (0.5 pt)
(1 pt) include Javascript to do something creative (1 pt) or at least something useful for your website (0.5 pt) (Javascript must contribute to the functionalities of your website)
(1 pt) content is entirely original (1 pt) or based upon author's experience (0.5 pt)
(1 pt) content includes 8+ pages (1 pt) or 4+ pages (0.5 pt)
(1 pt) content is rich in media variety (1 pt) or has some media variety (0.5 pt) (use of animation, video clips, multimedia would help)
(1 pt) content is colorful, elegant and pleasing (1 pt) or somewhat colorful (0.5 pt)
(1 pt) content is mobile with 'm' version (1 pt) or somewhat mobile with responsive (relative) design (0.5 pt)

Total 10 points: (1)publish (1)basic (1) style (1)format (1)Java (1)orig (1)size (1)rich (1)color (1)mobile

Doe,John, ( )publish ( )basic ( ) style ( )format ( )Java ( )orig ( )size ( )rich ( )color ( )mobile [ ]Total

To understand how your homework is graded, notice after the homework grade there are some letters, for example: "8.5 ocm". The letters individually have the following meanings:

    p  published
    b  basic techniques
    t  style sheet
    f  format
    j  javascript
    o  originality
    s  size
    r  richness
    c  color
    m  mobile
    -  ------
    v  vision statement
    d  demo

If you see lower-case letters, it means a deduction of 0.5 point in that category. If you see upper-case letters, it means a deduction of 1 points in that category. Therefore, "8.5 ocm" means the homework earns 8.5 points, with deduction of 0.5 point each in the three categories of originality, color and mobile accessibility.

Homework

You should design and create your own unique TOY website. Extensively copying someone else's website, if discovered by the instructor, would result in a ZERO for the homework!

TOY World based upon Extreme Visual Languages (XVL)

TOY EXAMPLES

TOY MUSIC

TOY GARDEN

TOY PHARMACY

TOY PETCARE