Amber's Adventures

This is a work in progress. Page was started 2.13.2008.
(There is some paraphrasing, at my risk, of the final project requirements.)

At least 4 pages, including a home page and contact page (with form).

This site’s home page contains the links to the qualifying pages.

The contact form must contain at least 5 fields including a dropdown menu, bullet or check box field, a text area, submit and clear buttons.

The contact form contains the above.

The site must be hand coded, and a graphic template may be used.

The site was hand coded initially with WordPad and is currently being coded with Notepad++. This site’s page templates originated from the template at http://www.w3.org/QA/2002/04/valid-dtd-list.html.

The site must be posted to a live hosting service. There must be a link to it on the main page of the student’s coursework site.

This site has been hosted at GoDaddy.com since the website inception. The coursework home page is at CSIS137.com and contains a link to this site.

Tables and divs must be used for site layout.

Divs are used for the main page structure and tables are used in the header and footer divs. Divs and tables were used at website inception.

The site must be aesthetically pleasing to the eye and easy to read. Be creative and explore past the text book. Follow copyright and legal rules.

“Beauty is in the eye of the beholder.” This site meets the required standard, as I understand it.

Please see this site’s copyright page for copyright and legal issues.

Have enough content to make it interesting but not overwhelming so that people become bored or frustrated with the site.

A “beauty is in the eye of the beholder” issue.

Include at least one image per page.

The header design includes an image but more will be added. One image per page was at website inception. There are also images loaded into Amber’s blog.

Use inline, embedded CSS styles and external CSS style sheet.

Embedded and inline styles are used on about.html.

The external CSS style sheet has been used since site inception.

Use a table and nested table to display some type of information.

Nested table is used for email addresses on index.html footer.

Have hyperlinks that work to navigate to each page, as well as to pages outside the site.

Such links were located on the site’s sidebar at website inception.

Use comments in pages and CSS files. Comment everything to show what is trying to be accomplished, what each set of code does, and when the task was completed.

Comments are included.

Div must be given a class or ID for CSS formatting use.

The standard page layout for the site uses div with IDs and was used at website inception.

Appropriate data and coding within the title tags, heading tags and meta data.

Appropriate data and coding have been included in title tags, heading tags and meta data of the home page since website inception. Meta data was added ~3/15/08.

Create an ordered and unordered list, using some type of graphic for bullet points.

Unordered list and graphic for bullet is on playgrounds.html.

Ordered list is on links.html.

Demonstrate fixed positioning, absolute positioning and negative positioning.

Fixed positioning is demonstrated on index.html; absolute positioning is demonstrated on about.html; negative positioning is demonstrated on playgrounds.html.

Demonstrate three items not from the text book, referencing the resource. (e.g. blog, JavaScript, advanced CSS formatting)

1) This blog, Amber’s Adventures, is a WordPress blog that was installed at AmberSalzer.com on February 7, 2008. It was obtained from WordPress.org.

2) Favicon, the icon in the browser’s address bar to the left of the address was used at website inception. I don’t remember where I first learned of it. However, information on favicon is available in Wikipedia at http://en.wikipedia.org/wiki/Favicon.

3) JavaScript is used on the playgrounds.html page to select for the header a random image from a set of images. A good source for me to learn JavaScript is http://www.w3schools.com/js.

4) CAPTCHA (http://en.wikipedia.org/wiki/Captcha) is on contact page, contact.html, implemented with reCAPTCHA (http://recaptcha.net).

Use and indentification of the location of specified tags and attributes.

The list of the required tags and attributes is at http://ambersalzer.com/tags_attributes.pdf.