HTML & Color 2011-2012. How to Use Color  Backgrounds-  Usually a light color is best  Should have a color based on a theme or plan  Can have a dark.

Slides:



Advertisements
Similar presentations
HyperText Markup Language (HTML) – Part 2 Laboratory of Intelligent Networks KUT Youn-Hee Han from
Advertisements

WEB PAGES: CREATING AND MAINTAINING ** Frank Romanelli Instructor: Wednesday: 10:15 -11:15 Week 3.
COLORING WITH NUMBERS. NumbersNumbers NumbersNumbers
Rules: Click on the correct colour to fill in your colouring in book. Then click on the arrow to move unto the next page. Can you finish the whole book?
HTML IFRAMES, COLORS, ENTITIES, URL. HTML IFRAMES An iframe is used to display a web page within a web page. Apep Kamaludin, MT. |
© red ©
Math Further HTML and Web design Gavin Shaddick
Tutorial 3 Designing a Web Page.
Workshop: CSS-Part I Cascading Style Sheets add style to your HTML web pages.
More HTML Chapter 4. 2 Nesting Tags How do you write the following in HTML? The wrong way: This is really, REALLY fun ! Tags must be correctly nested.
AdvWeb-1/9 DePaul University SNL 262 Web Page Design Chapt 11 - Custom Background And Colors Instructor: David A. Lash.
WEB PAGES: CREATING AND MAINTAINING ** Tom Keane & Mayis SeapanInstructors: HTML Tags to format your text.
HTML BASIC
Contains 16,777,216 Colors. My Car is red My Car is red How do I add colors to my web page? Notepad Browser Works with the “Standard” colors: Red, Green,
Computer Science 101 Number Systems. Humans Decimal Numbers (base 10) Decimal Numbers (base 10) Sign-Magnitude (-324) Sign-Magnitude (-324) Decimal Fractions.
Stylin’ with CSS. 2 Topics What is CSS? Why CSS? CSS Examples.
Computer Sciences Department
Selectors thru Borders. CSS – Cascading Style Sheets – is a way to style HTML HTML is the content base of a web page CSS provides the presentation qualities.
HIGHER COMPUTING CSS. WHAT IS CSS? CSS: Cascaded Style Sheets used to separate a web site’s content(information) from its style(how it looks).
Computer Science 101 HTML. World Wide Web Invented by Tim Berners-Lee at CERN, the European Laboratory for Particle Physics in Geneva, Switzerland (roughly.
COLOURS.
Creating Web Pages with Links, Images, and Formatted Text.
HTML Colors Color is one of the most important ideas of the Principles of Design. It is used to separate and emphasis elements in a design. Insert a picture.
Copyright (c) 2004 Prentice-Hall. All rights reserved. 1 Committed to Shaping the Next Generation of IT Experts. Formatting Text and Lists Essentials for.
G053 Lecture 12 Introduction To HTML Mr C Johnston ICT Teacher
Colors By Jes Betzold Red YellowBlue Orange PurpleGreen.
_______________________________________________________________________________________________________________ PHP Bible, 2 nd Edition1  Wiley and the.
Web Colors. Web Colors: Up until now, we have been using only pre- defined color names, such as "orange" and "lightblue". As web designers, we need the.
Stylin’ with CSS Monday October 8 th and Tuesday October 9 th.
College of Micronesia- FSM Pohnpei State Campus GEORGE S. MANGONON, MBA Chair, Math/Sci Division September 15-25, 2008.
Hello, I am Vincent. I am a painter. I like to draw.
Creating Your Own Webpage COSC Cascading Stylesheets Think of: HTML: content of your webpage HTML has tags CSS: presentation and appearance of your.
Homework Assignment You are going to research any artist of your choosing from any time period or genre. You are going to complete a one page double- spaced.
College of Micronesia- FSM Pohnpei State Campus GEORGE S. MANGONON, MBA Chair, Math/Sci Division September 15-25, 2008.
If you say 8 color the ones in your picture purple. If you say 9 color the ones in your picture blue.
Cascading Style Sheets Eugenia Fernandez IUPUI. CSS Purpose CSS allow you to specify the style in which your XML elements are displayed. CSS were originally.
CSU - DCE Introduction to CSS CSS Colors - Fort Collins, CO Copyright © XTR Systems, LLC Cascading Style Sheets - Specifying Color Instructor: Joseph.
CS543: WEB APPLICATION PROGRAMMING Lab 1: HTML tags & SW installation Computer Science Department.
Spring Colors Enter our Garden to see all of the beautiful flowers that bloom in the Spring time.
Monkey, Monkey In the Tree. Monkey, monkey in the tree Throw the yellow coconut down to me!
NOTE: In order to play this game, it must be viewed in slide show (F5) Red Orange Yellow Green Blue Purple Pink White Gray Brown Black Miss Jackie—Bridgeport.
Web Design (14) CSS Formatting Text. Formatting Text In Brackets, go to your ‘externalcss’ website and find the ‘formattingtext’ page. Use the ‘main’
PART TWO Electronic Color & RGB values 1. Electronic Color Computer Monitors: Use light in 3 colors to create images on the screen Monitors use RED, GREEN,
G046 Lecture 03 Introduction To HTML Mr C Johnston ICT Teacher
CSS Cascading Style Sheets *referenced from
ColorsColors. Color Keywords/Names 140 color keywords/names are defined in the HTML and CSS color specification –17 standard colors (HTML accepts 16 of.
Font-Family, Color and Background. Basics  CSS rule: Selector (multiple separated by, ) Declaration (multiple separated by ; ) Example: p { color: red;
Basic Web Publishing M. Scott Gartner 7/15/98.
C o l o u r s Created by – Ganesh Satimeshram.
Basic HTML Tags Ryan Frazier April 30,2004 CSC113.
Chapter 13 Colors & backgrounds.
CSS Layouts CH 13.
Creating Your Own Webpage
Watch Pete the Cat here:
Colors/Color Words.
Like.
Stylin’ with CSS.
Average Number of Photons
Can I color yellow?. Can I color yellow?
Colors/Color Words.
What Color is it?.
©
C c Cc is for cat. © ©
©
Web Colors.
Stylin’ with CSS.
Cascading Style Sheets
Help Gina and Tina color the numbers
Stylin’ with CSS.
Presentation transcript:

HTML & Color

How to Use Color  Backgrounds-  Usually a light color is best  Should have a color based on a theme or plan  Can have a dark background if…  Part of your theme  Drawing attention to a certain page  Could also use frames to separate sections to show emphasis

How to Use Color (con’t)  Text-  Usually dark color  Should be part of a theme or plan  Shouldn’t change more than a few times on your entire page-No alternating  Create all titles the same, all main text a different but same color

How to Use Color (con’t)  Hyperlinks-  Can have a different color for…  “To be clicked” links  “Hover” links  “Been clicked” links  Again, do not alternate!  Make all “to be clicked” the same color on all pages

Types of Color  16 Basic Colors  Aqua, Black, Blue, Fuchsia, Gray, Green, Lime, Maroon, Navy, Olive, Purple, Silver, Teal, White & Yellow  Can be seen on browsers without issue  Hexadecimal  Specifying the RGB (red-green-blue) values in each color  6 digit value, can include letters or numbers

Problems with Colors  Not all monitors see the same amount of colors  The “16 Colors” are safe thought  Hexadecimal, might not be

Play with Color  ecimal-decimal-colors.html ecimal-decimal-colors.html  pec/color.html pec/color.html 

Go to one of the color websites and list your favorite color for… 1. Red 2. Blue 3. Green 4. Yellow 5. Pink 6. Purple 7. Gray 8. Orange 9. Brown 10. YOUR Favorite overall color