Web+Activity

Web Activity 1 Web Activity 2

Description
I chose to focus my site on an informational page for my students in my class. The first thing I did was create a new site. I created new pages by using the blank page, HTML type with a layout of 2 columns with left sidebar, header, and footer. For pages other than the index, I did not use a header and footer. I used the sidebar as my site menu throughout all of the pages. I decided to change all background colors and fonts on all pages. I kept most of the headings on the pages. I added hyperlinks and anchors where necessary. It took me a long time to figure out how to embed the videos but I finally got them on there by adding the code on the actual code page. As I worked I continuously viewed the page in the browser to decided if I liked the way it was turning out. The hardest part for me was figuring out how to get my page actually hosted on a website.

Design Choices
1. __Typeface__- When choosing a typeface for my site I wanted to use something simple. I used Georgia for my main header, and Verdana for all other text. The **[|Web Style Guide]** mentioned that if you were going to combine serif and sans serif faces, not to use more than two typefaces on a page .

2. __Scan Column__- I included a scan column along the left side of each page to help the view navigate through the site. The **[|Web Style Guide]** mentioned that the scan column is most commonly located on the left side of the page, so I took that advice.

3. __Jump-to-top Links__- I included jump-to-top links on my long pages so viewers would not have to scroll all the way back up. They can simply click on top and it will connect them to the anchor at the very top of the page. This will help with ease of use and navigation.

4. __Consistency__- The **[|Web Style Guide]** talked about the consistency of page design throughout the site. Creating consistant headings, font, and grids throughout the site will help develop rhythm and adapt quickly to the site itself. Based on this idea, I chose to keep the backgrounds, text fonts and colors, and navigation buttons the same throughout the site.

5. __Simplicity__- I stuck with a simple design layout because the style guide talked about how people with cognitive difficulties or learning disabilities it is difficult to navigate through complex sites. Because my site is intended for students and their parents, I wanted to make sure it was easy to use.

Level One-

 * Create a site (Dreamweaver)
 * Create a new page
 * Enter and format text
 * Insert an image
 * Create a hyperlink
 * Create an email link
 * Set the title
 * Create an ordered or unordered list
 * Preview page in a browser

Level Two

 * Insert/Embed Media
 * Insert anchors where appropriate
 * Modify page properties

Level Three

 * Upload to a domain

Top