Posts Tagged ‘HTML’

Week 4 re-cap

Color –

Red – stimulation of blood pressure and adrenaline. Known to increase human metabolism. It’s an exciting, rich dramatic color,  the color of passion. Darker shades of red (burgundy, maroon) have a rich and indulgent feeling about them. Earthy, brownish shades of red are associated with fall and harvest. Can provoke anger.

Orange – attractive, energetic color. Promotes happiness and represents sunshine, enthusiasm and creativity. More informal, less cooperate feeling. Stimulates metabolism and appetite, great for promoting food and cooking.

Yellow – highly active and visible color. Associated with happiness and energy. Pure yellow is a visibly active color. Too much yellow can be overpowering.

Green – associated with nature. Very soothing that symbolizes growth, freshness, and hope. Easy on the eyes and less active. It’s a very versatile color.

Blue – symbolizes openness, intelligence, and faith. Calms people down, can reduce appetite. Not good for promoting food products. Sometimes viewed as bad luck and trouble. Universal appealing due to the blue sky and sea. Conveys a sense of stability, and clarity of purpose

Purple – Historically associated with power and royalty. Represents wealth and extravagance. Least commonly used color.

White – “clean”, color of perfection, light, and purity.

Black – color of power, elegance and strength.

– There is no wrong color to use for a Website.

Color Temperature –

Warm Colors – From red to yellow, including orange, pink, brown, and burgundy. Because they are associated with the sun and fire. Represents both heat and motion.

Cool Colors – from green to blue, including some shades of violet. Violet is the intermediate between blue and red. Cool colors can calm people down and reduce tension great for background and larger elements within a website because they don’t overpower your content.

HTML/XHTML –

–     – is a special character. & is the beginning ; is the end. None breaking space (nbsp). This is a standard element

– < nobr > < / nobr  >  – no break

–  < blockquote > < / blockquote >  used to indent text.

– < q > </q > – used for quotations

– <  pre  >  < /pre > – block level tag. Displays in the browser how it is in the text editor.

Bad Websites –

http://www.webpagesthatsuck.com/mysterymeatnavigation.html

http://www.webpagesthatsuck.com/worst-web-sites-of-2008-navigation.html

Week 1 Re-cap!

The Internet looks a lot like a galaxy!

This week I learned that the Internet and the World Wide Web are two DIFFERENT things

– The Internet is a series of networks or network of networks

– The World Wide Web is a system of interlinked hypertext documents

I also found out there is a World Wide Web Consortium (W3C), which is a non-profit organization. It’s sort of like a manual for the Internet. (www.w3.org)

I’ve also learned there are four things you need to see a webpage on your computer.

1) HTML Document

2) Web Browser

3) Web Server

4) Internet ISP

The eight commandments of naming

1) Use no spaces in file names

2) Use underscores of hyphens for adding spaces between words

3) Use short file names that have meaning

4) Lower case only

5) All file names must end in dor, three-letter extension (ex – gif, doc, mov)

6) Use alphanumeric characters only

7) Avoid special characters

8) Use either .html or .htm for web pages but only use one within a single site

XHTML/HTML

You should always use a text editor and not a word processor because a word processor formats text. So when you save it, it saves the formatting information, which you don’t want.

HTML – HyperText Markup Language

– Based upon SGML (Standard Generalized Markup Language)

– HTML 4 grew from need of presentation

XHTML – eXtensible HyperText Markup Language

– Not actually extensible

– HTML with stricter rules

Why favor XHTML over HTML?

– HTML is forgiving of sloppiness

– XHTML requires strict usage

– Stricter usage = better interoperability  = websites work better on more devices