Scope Each certificate or matriculated student or those students seeking a record of attendance must create a website containing a Home page plus 4 additional pages for a total of 5 pages. Each page should have sufficient content to fully convey its subject matter. Students can choose their website's topic.
Basic HTML Coding All coding must use HTML's hierarchical rules. Text must be marked up with the appropriate block element (such as the P and Heading elements), following HTMLs semantic rules. The BR element should not be used to simulate text blocks.
List Structures Somewhere on the website there should be at least one example of a list (Ordered, Unordered, or Definition).
CSS Styling To avoid redundancies and conflicts in a website's CSS, the styling that is employed site-wide should be set in a universal external CSS style sheet. Styling particular to a specific section of a website should be included in a secondary external style sheet for that section. (Any secondary style sheet should be imported after a sites universal style sheet.) Students should avoid using embedded (page) style rules that repeat across multiple pages; embedded style rules should only be employed when a style is unique to a particular page. Inline style rules should be used minimally and only as a last resort.
Typography Cascading Style Sheets (CSS) should be used to define your site's typography such as typeface, font color, and font size.
Page Defaults Each page's margin, layout, background color, default text color, font, font size, and link colors must be defined via CSS.
Colors Must be specified with numeric values.
Web Graphics Images must all display correctly; each graphic should be saved in the format best suited for that graphic. Images should be sized to their web page's display dimensions in an image editor.
Page Layout Students must use HTML 5 semantic elements as well as CSS to layout their web pages. Laying out web pages via tables is not allowed. Although the DIV element is still included in the HTML 5 specification, the World Wide Web Consortium recommends the following: "Authors are strongly encouraged to view the DIV element as an element of last resort, when no other element is suitable". Students' HTML code will be judged as to whether they used the most appropriate HTML elements to mark up their content and lay out their pages. Students can create either a fixed or fluid elements. A responsive layout is not required. The layout type chosen must be well defined in your websites universal style sheet.
User Interface There must be a consistent graphical user interface motif throughout the website.
Site Internal Navigation Your site must be fully navigable via hyperlinking. The only option available to the end-user to navigate away from an internal web page must not be a browser's back button or history. Your websites primary navigation system should be included on every site page. Your sites primary navigation system should be placed in the same location on every site page (although your home page can display your navigation system in a different location if desired).
External Links Your site must hyperlink with two outside sites that are similar in theme.
Validation All HTML and CSS programming must be validated. Students should use the HTML and CDD W3C Validators, which are accessible from the Tools page of the class website, to validate their code. Please note that although the Validators will identify syntactical errors in programming, they will not reveal every problem with a website's HTML and CSS. For instance:
So each student should realize that even though their documents pass validation, this only means they have produced syntactically correct documents; their documents might still have other programming errors. Ultimately it is the student's responsibility to produce well-formed HTML and CSS files.
Advance Layout There must be at least one instance of any of the following: Flexbox; CSS Grid; or placing items by Relative, Absolute, and/or Fixed Positioning.
Allowed Programs Students are not allowed to use visual HTML editors, such as Dreamweaver, to write their HTML code. Students can use a text editor or an HTML editor such as: TextPad or NotePad++ for Windows; or Text Wrangler and BBEdit for the Mac; or Sublime, Atom, or Brackets for Mac/Windows.