Bad Tags (HTML Intermediate Tutorial)

Some tags have become “bad tags” because they are easily mistaken for other things. Most tags can be used in CSS which will make it more easy to make Some example would be u, this code underlines things which can be easily mistaken for a link. Another bad tag would have to be big, this tag makes text larger but using h1, h2, h3, etc. or the font attribute would be more plausible.

CRAP – 3 Principles

netflix.com

1. netflix.com uses proximity by placing login links at the top right.
2. It also uses repetition with the fonts used in the main text and the menu font.
3.In addition, specific things are aligned in certain areas to make them easier to find.

google.com

1. google uses contrast to distinguish the logo and the search bar.
2. they also use proximity and alignment by placing the search types (web, image, etc.) in the top left corner.

wolfpack.guhsd.net

1.The west hills website uses contrast to distinguish the menus from the main text by using different sized fonts but still use repetition by using the same fonts.
2. In addition, they also use alignment to place all the objects in different areas.

CRAP – Proximity

Proximity is the technique of placing similar things in the same general area. This helps finding things easier.

Wikipedia.com uses proximity by placing all the major languages in one similar section.

CRAP – Alignment

Alignment keeps the page’s appeal and is very important.

yahoo.com aligns the menu on the left and the news section in the middle. This keeps the page from being hard to find things and keep the page’s appealing look.

CRAP – Repetition

Repetition is the use or repeating things in a site to give a feeling of uniformity.

apple.com use repetition in the theme of their site with similar menus and fonts.

CRAP – Contrast

To avoid similarities amongst things.

This blog uses contrast to distinguish the title of the blog.

Lession 1-2-2: Selecting a Color Scheme

If i made a website, i would keep the color of my text black and use a simple font like arial. I would change the size of the text to fit accordingly (headers, sub, etc.).

I would most likely have an edge background with a white center, to make it easy to read.

For the banner i would use a light color but nothing eye catching. I would use cool colors like green, blues, or grays.

I would keep the navigation bellow the header, similar to this blog and on the west hills website.

Lession 1-2-1: Color Theory in Web Design

1. With eight bit of memory are dedicated to each pixel, you can have 256 colors.

2. The three basic colors of the monitor are blue, green, and red.

3. There are 256 colors are in a browser safe pallet.

4. Reserve 40 colors for the display.

5. A very low amount of people, who are colorblind, cant see any color at all. Most of the colorblind people cant only see blue, green, or red.

6. People that visit a site may be colorblind and can’t see the colors as well or even at all.

Good/Bad Websites

Good
A good website will have a comfortable color scheme and will be appealing to look at. They will have easy to navigate menus and will be easy to find what you are looking for.

Bad
A bad website will generally have a bad color scheme and will be hard to navigate. These type of websites will generally no be pleasant to have to navigate through.

Absent: 8/31, 9/4, 9/5