- HTML5 Features
- Implement HTML5 structural elements, including header groups to group html headers.
- Use of anchor references.
- Links to appropriate resources, additional info ... pertaining
to the nature of the business.
- Link to Wikipedia Private Investigator
- Use of hotspots, image maps or bookmarks to skip to a location on a given page, as well as to another page on your site and to an external related web site(s).
- Insert inline images and line breaks.
- Inline image The question mark
- Line break In the signature
- Mark page headings, paragraphs, block quotes and addresses appropriately.
- Headings Text overlay on banner
- Paragraphs paragraphs
- Block Quotes Letter from owner
- Addresses In footer
- Create appropriate ordered, unordered and description lists.
- Ordered This cross reference list
- Unordered This cross reference list
- description list the entire faq
- Insert special characters from extended character sets.
- Dots in footer
- Implement HTML5 meta character set, meta name as author and
content with the business name, meta name as description and
content describing the nature of the business in one short
simple sentence, meta name as keywords and content with at least
five keywords that would describe the nature of the business in
words.
- meta tags in home page source code
- Your home page must have a footer when the web site was last
updated or modified.
- Footer with last updated date
- CSS Features
- Create one example on your home page that would show that you
know how to style a single element using an inline style for
your first h1 heading on your home page.
- H1 heading with inline style
- Style your home page using embedded style sheet.
- Home page source code with embedded style
- For the remaining pages create styles using external CSS
file(s).
- FAQ Page with external css style
- Use CSS3 to format the appearance of paragraphs, lists,
headers, background images, tables, forms. Use the following
CSS3 contextual selectors (e1, e2, e3; e f; e > f; e
- main.css file: various locations
- Use of CSS3 styles for color (RGBA and HSLA) and show one
instance of progressive enhancement for colors.
- main.css line 244
- Use of CSS3 styles to format the appearance of web pages text,
including at least the following: font-family, font-size,
kerning, tracking, leading, text-indent, font-weight,
font-style, text-decoration, text-transform and font-variant.
- main.css file: various locations
- Use of the following pseudo-classes to highlight hyperlinks
states of link, visited, active, hover; focus pseudo-classes and
one appropriate structural pseudo-class.
- main.css lines 50-55
- Use of CSS3 background styles (background size, background-clip, background-origin, padding, margins, borders, use of an appropriate border style, use of rounded corners and the use of an outline style.
- Your home page should have a drop cap created with CSS3.
- Drop cap first letter of letter from owner
- Define document content with the class and id properties and create styles for them.
- Mark document content with the div and span tags and create styles for them.
- Use cascading styles to control page layout by using float attribute and positioning.
- Use of a Web Font.
- All fonts are a web font
- Use of CSS3 text and box shadows.
- Header text and background
- Use of CSS3 transform rotate feature.
- Use of CSS3 opacity applied to two images to appear semi-transparent.
- Question mark inline image
- "page" icon inline image
- Create one example on your home page that would show that you
know how to style a single element using an inline style for
your first h1 heading on your home page.
- Web Form Features
- Use of appropriate form elements including some of the new HTML5 form elements.
- Apply appropriate styles to Web Forms.
- Validate form data using the required attribute.
- Contact Us form message is required
- Apply inline form validation by using the focus pseudo-class to appropriate form elements.
- Multimedia Features
- Use of object tag to enhance a web page with sound and video.
- Youtube Video A day in the life of a PI
- Use of object tag to enhance a web page with sound and video.
- Creating a Well-Formed, Valid Document
- Your home page should be well formed, valid web page under either transitional, strict XHTML DTD or HTML5.
- W3 HTML5 validator Document is HTML5 valid EXCEPT for hgroup tags (now obsolete but required by assignment)
- Your home page should be well formed, valid web page under either transitional, strict XHTML DTD or HTML5.
- JavaScript Features
- Use of variables, arithmetic, comparison and logical operators, subroutines, functions, array, conditional statements, conditional operators, running time commands.
- Clock JS JavaScript features
- Display system date on the home page of the web site.
- Validating form input by using appropriate JavaScript functions.
- Use of JavaScript alerts for validation purposes.
- Use of variables, arithmetic, comparison and logical operators, subroutines, functions, array, conditional statements, conditional operators, running time commands.