2.1 9 Web Sites in total are required from 9 different domains as listed below.
- Web Sites – Similar sites to your site, re: similar business nature
Natural British Columbia: This website describes the camping
activities available in BC, the webpage has a professional interface looking.
Camp Is Cool:
This site has a nature feel to it, however, they have no downloadable
Alberta Parks: Professional looking and great
css style done.
- Web Sites – Downloadable Content For Use in the Project
Vandelay Deisgn: This Website provides many
social media icons for users and developers.
Creative Commons: This site provides a search tool for creative
commons images, that are for use; royalty free.
Sandy Point Campground: The previous Website
for the buisness, where we have been able to download pictures
- Web Sites – 3 Technical information sites
Included HTML/CSS information and tutorials.
Evernote lets you quickly create a searchable database of all your interests.
Provide help from coders if needed to.
2.3 Web Site Design
List of links to HTML requirements
Implement HTML5 structural elements
including header groups to group html headers.
Use of an achor tag
Links to appropriate resources,
additional info pertaining to the nature of the business.
Use of hotspots, image maps orbookmarks 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.
Insert inline images and
Mark page headings,
paragraphs, block quotes,
Create appropriate ordered,
Insert special characters
from extended character sets.
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.(Use Inspect Element to See)
Your home page must have a
footer when the website was last updated or modified
List of links to CSS3 requirements
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.
Style your home page using
embedded style sheet.
For the remaining pages create styles using
external CSS file(s).
Use CSS3 to format the appearance of
Use the following CSS3 contextual selectors (
e1, e2, e3;
e > f;
e + f)
in your web pages.
Use of CSS3 styles for color (RGBA & HSLA)
and show one instance of progressive enhancement for colors.
Use of CSS3 styles to format the appearance of web pages text including
at least the following
font-variant the following:
Use of the following pseudo-classes to highlight hyperlinks states of link,
pseudo-classes and one appropriate
Use of CSS3 background styles background size,
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.
Define document content with the class
and id properties and create styles for them.
Mark document content with the < div > tags and create styles for
them. (See embeded css for the slider)
Use cascading styles to control page layout by
using float attribute and positioning.
Use of a web font
Use of CSS3 text and box shadows.
Use of CSS3 transform rotate feature.
Use of CSS3 opacity applied to two images
to appear semi-transparent.
List of Links to Web Form Requirements
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.
Apply inline form validation by using
the focus pseudo-class to appropriate form elements.
List of Links to Multimedia Requirements
Use of object tag to enhance a web page with sound.
Use of variables , arithmetic, comparison and logical operators,
subroutines, functions, arrays, conditional statements, conditional
operators, running time commands with system clock.
Display system date on the home page of the web site.