Wednesday, February 4, 2009
Colors on the Web Activity
http://www.colorsontheweb.com/ is a great web site that discusses color theory for web pages. Browse through the site. The more time you spend on the site, the better your web pages will be. When you have finished browsing, click on "color tools" on the navigation bar. Then click on "color wheel." Spend some time using the color wheel. Come up with several color combinations that you like. Post some of these combinations to your own blog so you remember them when you start working with color on your own web pages.
Wednesday, December 10, 2008
Web Design Layout Principles
Here is a link to a great tutorial discussing Web Design Layout principles. Please review and be familiar with:
- Proximity
- Visual Hierarchy
- Symmetry/Asymmetry
- Repetition
- Unity
- Contrast
- Dynamics
- Emphasis
http://www.swinburne.edu.au/design/tutorials/design/design/#
Thursday, September 18, 2008
Vocabulary List Week 6
The following vocabulary words are for week 6. The quiz will be given on Friday, February 27th.
alt tag:
An HTML tag that allows you to specify text to display. This text appears when you put your mouse over an image and leave it there. This text is useful for the visually impaired.
anchor:
In HTML, anchors mark the start and end of hypertext links.
gradient:
A gradient consists of two or more colors that blend into each other. Gradients are used to fill the color of an object.
interactive:
Allows a user to manipulate the outcome of certain events (for instance, by filling out a form, requesting a new Web page, or taking an online survey) within a two-way communications system that supports direct and continual responses
logo:
A word, phrase, symbol, or graphic that identifies an organization, company, or brand.
storyboard:
A visual representation of a Web site and its pages. It consists of a series of panels that plot the key scenes and illustrate the flow of animation.
target:
Lets the user link to a specific place within a web page instead of just linking to the top of the document.
template:
A reusable pattern that helps you place information quickly and efficiently on a Web page by providing placeholders for basic elements.
thumbnail:
A graphic or image purposely made smaller.
title bar:
The colored bar at the top of each window that displays the program and file names.
alt tag:
An HTML tag that allows you to specify text to display. This text appears when you put your mouse over an image and leave it there. This text is useful for the visually impaired.
anchor:
In HTML, anchors mark the start and end of hypertext links.
gradient:
A gradient consists of two or more colors that blend into each other. Gradients are used to fill the color of an object.
interactive:
Allows a user to manipulate the outcome of certain events (for instance, by filling out a form, requesting a new Web page, or taking an online survey) within a two-way communications system that supports direct and continual responses
logo:
A word, phrase, symbol, or graphic that identifies an organization, company, or brand.
storyboard:
A visual representation of a Web site and its pages. It consists of a series of panels that plot the key scenes and illustrate the flow of animation.
target:
Lets the user link to a specific place within a web page instead of just linking to the top of the document.
template:
A reusable pattern that helps you place information quickly and efficiently on a Web page by providing placeholders for basic elements.
thumbnail:
A graphic or image purposely made smaller.
title bar:
The colored bar at the top of each window that displays the program and file names.
Monday, September 8, 2008
Week 5 Vocabulary
The week five vocabulary quiz will be given on Thursday, February 19th.
Bandwidth:
The range of transmission frequencies that a network can use. The greater the bandwidth the faster information can travel.
address:
(email address, internet address, web address) A code or series of letters, numbers and/or symbols. Each address is unique.
domain name:
The address or url of a particular web site. This is how you describe the name that is at the right of the @ sign in the internet address.
host:
Any computer that can function as the beginning and end point of data transfers.
client:
A remote computer connected to a host or server. Client also refers to the software that makes this connection possible.
server:
A host computer on a network.
ISP:
Internet Service Provider. A service company that provides a user with an account on a host-computer having access to the internet.
Packets:
How information travels over a network.
download:
To transfer a file from another computer to your computer.
IP address:
Internet Protocol Address. A uniquely assigned numeric address for each computer connected to the Internet.
Bandwidth:
The range of transmission frequencies that a network can use. The greater the bandwidth the faster information can travel.
address:
(email address, internet address, web address) A code or series of letters, numbers and/or symbols. Each address is unique.
domain name:
The address or url of a particular web site. This is how you describe the name that is at the right of the @ sign in the internet address.
host:
Any computer that can function as the beginning and end point of data transfers.
client:
A remote computer connected to a host or server. Client also refers to the software that makes this connection possible.
server:
A host computer on a network.
ISP:
Internet Service Provider. A service company that provides a user with an account on a host-computer having access to the internet.
Packets:
How information travels over a network.
download:
To transfer a file from another computer to your computer.
IP address:
Internet Protocol Address. A uniquely assigned numeric address for each computer connected to the Internet.
Friday, August 29, 2008
Week 4 Vocabulary
The quiz for week 4 vocabulary will be given on Thursday, February 12th.
Freeware:
Software that is distributed at no cost to the user. The author maintains the copyright.
Groupware:
Software that enables electronic collaboration between users.
link:
The text or graphic used in an HTML document to jump from one document to another.
hyperlink:
Elements on a web page allowing the user to open related web pages by clicking on the mouse.
Navigation bar:
A set of buttons or hyperlinks that when clicked on take you to other sections of the site. Navigation bars should guide users through the web site. The names on navigation bars are usually descriptive.
button:
A graphic that a user can click on to do something, like download a program or go to another web site.
hot spot:
A clickable area on a graphic called an image map. My clicking on the hotspot, the user links to a related page or area of the website. Ex: clicking on the state of Utah on a map of the United States and being directed to a page on Utah.
broken link:
A hyperlink which no longer words when it is clicked on.
copyright:
The exclusive legal rights to reproduce, publish, or sell something.
crop:
Using a tool to remove part of an image.
Freeware:
Software that is distributed at no cost to the user. The author maintains the copyright.
Groupware:
Software that enables electronic collaboration between users.
link:
The text or graphic used in an HTML document to jump from one document to another.
hyperlink:
Elements on a web page allowing the user to open related web pages by clicking on the mouse.
Navigation bar:
A set of buttons or hyperlinks that when clicked on take you to other sections of the site. Navigation bars should guide users through the web site. The names on navigation bars are usually descriptive.
button:
A graphic that a user can click on to do something, like download a program or go to another web site.
hot spot:
A clickable area on a graphic called an image map. My clicking on the hotspot, the user links to a related page or area of the website. Ex: clicking on the state of Utah on a map of the United States and being directed to a page on Utah.
broken link:
A hyperlink which no longer words when it is clicked on.
copyright:
The exclusive legal rights to reproduce, publish, or sell something.
crop:
Using a tool to remove part of an image.
Monday, August 25, 2008
Week 3 Vocabulary
The vocabulary quiz will be given on Friday, February 6th.
multimedia
The presentation of information using animation, sound, graphics and text.
.exe
A file extension that indicates that the file is a program file.
.txt.
A file extension for text only files
.gif
A file extension for pictures, usually clipart
.jpg (.jpeg)
A file extension for pictures, usually photos
.zip
A file extension for (zip)compressed file
Compression
The process of making computer data smaller so the information takes up less file space and may be transmitted in less time.
Bitmap
Any picture you see on a web page. A bitmap is a map of dots or “pixels”.
banner
An image that appears at the top of every page on a web site. It is also called a title graphic or a page header.
Folder
A menu item containing further information.
multimedia
The presentation of information using animation, sound, graphics and text.
.exe
A file extension that indicates that the file is a program file.
.txt.
A file extension for text only files
.gif
A file extension for pictures, usually clipart
.jpg (.jpeg)
A file extension for pictures, usually photos
.zip
A file extension for (zip)compressed file
Compression
The process of making computer data smaller so the information takes up less file space and may be transmitted in less time.
Bitmap
Any picture you see on a web page. A bitmap is a map of dots or “pixels”.
banner
An image that appears at the top of every page on a web site. It is also called a title graphic or a page header.
Folder
A menu item containing further information.
Friday, August 1, 2008
Hexadecimal Color Charts
Here are some links you can use to find hex color charts online.
This list is not all inclusive as there are several charts available online. You can find a chart by entering the keywords "Hexadecimal Color Chart" in your search engine.
Subscribe to:
Posts (Atom)