ColorsColors. Color Keywords/Names 140 color keywords/names are defined in the HTML and CSS color specification –17 standard colors (HTML accepts 16 of.

Slides:

Advertisements

Similar presentations

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

Advertisements

MA10126 Further HTML and Web design Gavin Shaddick

WEB PAGES: CREATING AND MAINTAINING ** Frank Romanelli Instructor: Wednesday: 10:15 -11:15 Week 3.

CSS Títol pàgina. CSS Títol "estil.css" );

Cascading Style Sheets. Next Level Cascading Style Sheets (CSS) - control the look and feel of your HTML documents in an organized and efficient manner.

Stylin’ with CSS. 2 Topics What is CSS? Why CSS? CSS Examples.

COLORING WITH NUMBERS. NumbersNumbers NumbersNumbers

Workshop: CSS-Part I Cascading Style Sheets add style to your HTML web pages.

RGB color model Skills: none IT concepts: combining red, green and blue light to generate colors This work is licensed under a Creative Commons Attribution-Noncommercial-

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.

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,

Stylin’ with CSS. 2 Topics What is CSS? Why CSS? CSS Examples.

2.1.4 BINARY ASCII CHARACTER SETS A451: COMPUTER SYSTEMS AND PROGRAMMING.

Computer Sciences Department

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).

CompSci Today’s topics Networks & the Internet Basic HTML ä The basis for web pages ä “Almost” programming Upcoming ä Connections ä Algorithms.

Creating Web Pages with Links, Images, and Formatted Text.

CompSci Today’s topics Networks & the Internet Basic HTML ä The basis for web pages ä “Almost” programming Data Representation Upcoming ä Connections.

CMYK vs. RGB Design. Primary colors The colors that make up the base for every other color created. Depending on whether you are looking at it from science,

COLORS & BACKGROUNDS CHAPTER 13. SPECIFYING COLORS Three common places where you specify color 1.Text color.box { color: blue; } 2.Background color.box.

Copyright (c) 2004 Prentice-Hall. All rights reserved. 1 Committed to Shaping the Next Generation of IT Experts. Formatting Text and Lists Essentials for.

Introduction To CSS.. HTML Review What is HTML used for? Give some examples of formatting tags in HTML? HTML is the most widely used language on the Web.

_______________________________________________________________________________________________________________ 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.

Hexadecimal Codes 1. RGB Color Wheel 2 Before we begin Hexadecimal is a number system Based on using 0 – F to represent 0 – 15 Hex is used to represent.

Stylin’ with CSS Monday October 8 th and Tuesday October 9 th.

CompSci Today’s topics Networks & the Internet Basic HTML ä The basis for web pages ä CSS Data Representation Upcoming ä Connections ä Algorithms.

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.

HTML5&CSS3. Webpage Editors Notepad++ TextWrangler (Mac Users) Dreamweaver Editplus plus.sourceforge.net/uk/site.htm

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.

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.

CS543: WEB APPLICATION PROGRAMMING Lab 1: HTML tags & SW installation Computer Science Department.

Announcements Chapter 8 for today. 2 More Digitization Light, Sound, Magic: Representing Multimedia Digitally © Lawrence Snyder, 2008.

Monkey, Monkey In the Tree. Monkey, monkey in the tree Throw the yellow coconut down to me!

Web Design (14) CSS Formatting Text. Formatting Text In Brackets, go to your ‘externalcss’ website and find the ‘formattingtext’ page. Use the ‘main’

HSB to RGB to HEX.

CSS Cascading Style Sheets *referenced from

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.

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:

Cascading Style Sheets

Colors/Color Words.

Stylin’ with CSS.

Hexadecimal Binary Made Easier.

Average Number of Photons

Can I color yellow?. Can I color yellow?

Colors/Color Words.

What Color is it?.

Stylin’ with CSS.

Cascading Style Sheets

Stylin’ with CSS.

Let’s Learn the Basic Colors

Presentation transcript:

ColorsColors

Color Keywords/Names 140 color keywords/names are defined in the HTML and CSS color specification –17 standard colors (HTML accepts 16 of 17 – excluding “orange”) –123 additional colors (CSS only) – US/docs/Web/CSS/color_valuehttps://developer.mozilla.org/en- US/docs/Web/CSS/color_value

17 Standard Color Keywords Aqua - #00FFFF Black - # Blue - #0000FF Fuchsia - #FF00FF Gray - # Green - # Lime - #00FF00 Maroon - # Navy - # Olive - # Orange - #FFA500 Purple - # Red - #FF0000 Silver - #C0C0C0 Teal - # White - #FFFFFF Yellow - #FFFF00

17 Standard Color Keywords

Color Property Format (RGB) RGB = Red Green Blue h1 { color: #f00 } /* #rgb */ h1 { color: #ff0000 } /* #rrggbb */ h1 { color: rgb(255,0,0) } h1 { color: rgb(100%, 0%, 0%) } rgb(255,255,255) = #FFF rgb(100%,100%,100%) = #FFF

Color Property Format (RGBA) RGBA = Red Green Blue Alpha(opacity) –Alpha values spans from 0.0 to 1.0 –0.0 = Fully Transparent –1.0 = Fully Opaque rgba(255,0,0,0.0) rgba(123,45,67,1.0) rgba(89,255,31,0.5)