Older Final Specs Example

Created Friday 25 September 2020

IMPORTANT: THIS IS NOT THE OFFICIAL SPECIFICATIONS FOR LIS-5362, FALL 2021 — This is last semesters' provided for your benefit. It is not likely to change much, but my advice is to follow the official set of specs in time with the instructor.

To recieve a 50% grade, you must:

Have a self-created main page, available via http://torch.cci.fsu.edu through clicking a URL. It must display some text.

It should be available exactly at the following URL (substituting your FSUID for "FSUID", of course)

https://torch.cci.fsu.edu/~FSUID/lis5362/index.html

*Note: this should also make it available at simply
https://torch.cci.fsu.edu/~FSUID/lis5362

To recieve a 60% grade, you must do the above, plus:

Your webpage must conform to a standard html format. (It need not "validate" perfectly, but it must follow the basic structure of an HTML Document)

It must include

A unique title
A headline
Content in the "body"
A header

See e.g. https://tutorialehtml.com/en/html-tutorial-elements-body-head-title

To recieve a 70%, you must do the above, plus your site..

Must have at least one more page, with the pages linked to one another

Must contain both an article and another division (or "div") with its own unique id attribute.
Must make use of paragraphs
Must contain one or more (absolute, for reasons you ought to understand) links to an *external* website
Must contain one or more (relative, also for reasons you ought to understand) links to another internal page.
Must contain one or more inline images. It may either be absolute or relative. Note that relative will require that you upload your own image, while absolute will require you possibly being a rude webmaker (though many sites are cool with this, do your research)

https://www.w3schools.com/htmL/html_links.asp
https://www.w3schools.com/htmL/html_images.asp

To recieve an 80%, you must do the above, plus your site..

Some CSS styling, as follows:
* At least one example of styling utilizing an EXTERNAL style sheet (i.e. a linked file). Call this file "style.css" and ensure it is in your main folder

At least one example of EMBEDDED or IN-LINE styling (i.e., somewhere in the actual HTML itself.)
At least one "english" color, one RGB color, and one HSL color

https://www.w3schools.com/Css/css_howto.asp

https://www.arclab.com/en/kb/htmlcss/html-css-color-names-rgb-rgba-hex-hsl-hsla.html

To recieve a 90%, you must do the above, plus your site must have

At least one instance of "non-default" CSS box model styling
At least one instance of "non-default" CSS positioning

https://www.w3schools.com/Css/css_boxmodel.asp

https://www.w3schools.com/Css/css_positioning.asp
https://alistapart.com/article/css-positioning-101/

To recieve 100%, you must do the above plus

Your site must be be "responsive" (i.e. present differently based on the device or screen in which it is viewed) by being "dynamic" (i.e. through media queries and differing CSS based on the device.)

https://www.w3schools.com/css/css_rwd_mediaqueries.asp

Note, missing small parts of the above does not automatically disqualify you from the higher grades; partial credit will be given for partially completed stages.