Choose Text Styles Sparingly for Emphasis with or without COLOR Bold Italic Underline Combination.

Slides:



Advertisements
Similar presentations
HTML popo.
Advertisements

INTRODUCTION TO HYPERTEXT MARKUP LANGUAGE 1. Outline  Introduction  Markup Languages  Editing HTML  Common Tags  Headers  Text Styling  Linking.
Introduction to CSS.
Part 3 Introduction to CSS. CSS Text Text Styles h1 {color: green} // rgb(0,255,0), #00ff00 h2{letter-spacing: 0.5cm} // 2px h3 {text-align: right} //
ECA 228 Internet Design color. rods & cones electromagnetic radiation.
Law Enforcement Best Practice Manual For Fighting Against Trafficking of Human Beings The *.ppt file presentation.
Tutorial 2: Formatting Text. Objectives Session 2.1 – Learn the functions of the Common toolbar – Change the size of text – Discern which fonts to use.
Introduction to Multimedia
Color Theory Using Color in Multimedia. Color Theory Color theory encompasses a multitude of definitions, concepts and design applications. All the information.
Bit Depth and Spatial Resolution SIMG-201 Survey of Imaging Science © 2002 CIS/RIT.
Chapter Concepts Discuss Fonts Understand Fonts
HTML: PART ONE. Creating an HTML Document  It is a good idea to plan out a web page before you start coding  Draw a planning sketch or create a sample.
Begin on page 259 and take notes on the terms below. Be sure to leave space between terms in order to add to your notes when we review. 1. Warm colors.
7 Selecting Design and Color Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2.
Color Selection in Web Design
Unit 1: Designing & Planning a Website Topic B: Color Theory Lesson 2. Selecting a Color Scheme.
Color Selection in Web Design Web Design – Sec 4-4 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development.
Color Theory. Color: Enhances a message Enlivens a presentation Gives an object visual weight and emphasis Adds richness and depth to screen design.
Elements of Design: Color
 Understand the problem  Brainstorm solutions  Introduce the constraints  Choose the solution  Paper design  Actual design  Evaluate  Revise.
Color Management. How does the color work?  Spectrum Spectrum is a contiguous band of wavelengths, which is emitted, reflected or transmitted by different.
The Internet Writer’s Handbook 2/e Web Page Design Writing for the Web.
The colour wheel or colour circle is the basic tool for combining colours. The first circular colour diagram was designed by Sir Isaac Newton in 1666.
Lesson 13 – Color and Typography. 2 Objectives Discuss basic color theory. Understand the color wheel. Understand how color is presented on a computer.
INTRODUCTION TO HTML5 Styling Text. Change the Font Size  You can use the font-size property to change the font size for a document’s text.  Instead.
1 Perception, Illusion and VR HNRS 299, Spring 2008 Lecture 14 Introduction to Computer Graphics.
Reference: tigercolor.com Color Schemes Color Schemes EQ: How can an artist use a valid color scheme to create an aesthetic purpose in his work? “With.
McGraw-Hill/Irwin Copyright © 2013 by The McGraw-Hill Companies, Inc. All rights reserved. Extended Learning Module F Building a Web Page with HTML.
F-1 Management Information Systems for the Information Age Copyright 2004 The McGraw-Hill Companies, Inc. All rights reserved Extended Learning Module.
All you ever needed to know…and more!. H.T.M.L. HyperText Mark-up Language Web’s programming language All web browsers Set of instructions Written with.
The monochromatic color scheme uses variations in lightness and saturation of a single color. This scheme looks clean and elegant. Monochromatic colors.
Most of the attributes of the body element specify colors for the Web page. Note: The background attribute won’t be useful till we learn about graphics.
Number Systems CIT Network Math
HTML Basic IST2101. Keep In Mind Programming can be time consuming. Plan ahead!
Don’t have to be a designer to know when something just ain’t right…
HTML GUIDE Press F5 and then Click on the links on the left to get to the section you want Section 1: Getting Started Section 2: Moving Banner Section.
1 MULTIMEDIA TECHNOLOGY SMM 3001 MEDIA - TEXT. 2 What is Text? the basic element of most multimedia the basic element of most multimedia consisting of.
Color schemes (color harmony) Monochromatic Analogous Complementary
ColourColour. The Colour Wheel The colour wheel is a colour circle, based on red, yellow and blue, is traditional in the field of art.
» Color is the element of art that is derived from reflective light. You see color because light waves are reflected from objects to your eyes.
Digital & Interactive Media
Spiderman ©Marvel Comics Creating Web Pages (part 1)
Color Aesthetics Weinman, chapter 2 Terms, color themes and relationships, type, layout Aesthetics a guiding principle in matters of artistic beauty and.
Lesson 13 – Color and Typography. 2 Objectives Understand basic color theory. Understand the color wheel. Understand how color is presented on a computer.
COLOR THEORY Basic color schemes Introduction to Color Theory Basic color schemes Introduction to Color Theory.
Color Theory. Primary Colors Colors that cannot be created by mixing others.
Web Design Principles. Designing a Website Choice of a site color scheme. Choice of text font and size. Placeholder text. Use of white space. Location.
Colors for You Chapter 10 – Clothing and Your Appearance Objectives:  Define basic color terms  Describe the relationship of colors in the color wheel.
Color Basics.
Color Selection in Web Design
COLOR IS IMPORTANT AND POWERFUL
COLOR THEORY.
Color Schemes Housing I Objective 3.03.
A Brief Review on Color Theory
Color Selection in Web Design
Page Design.
Web Design Principles.
Color Theory.
Color Harmonies.
Introduction to CSS.
Color Theory.
Color, Depth, and Space.
Making Presentations That Audiences Will Love
COLOR SCHEMES.
Color Theory.
Web Design Principles.
Color Theory.
Web Design Principles.
What’s your favorite color?
Color Theory, Working with Photography & Illustrations, and Pre-Press & Production Basics 08/25/2016 Design for Advertising Miriam Ahmed.
Presentation transcript:

Choose Text Styles Sparingly for Emphasis with or without COLOR Bold Italic Underline Combination

Choose Text Fonts According to use of Heading, Readability or to set a Mood Ariel Times new Roman Algerian Script Old English Broadway Mixed case, high contrast is easiest to read. Avoid all caps. Browsers can only interpret a limited number of fonts Use Photoshop for other fonts or. These fonts are actually images and used for a few word titles rather than paragraphs. OR – next slide --

Text is measured in Points – 1 point = 1/72 inch, so 72 points = 1 inch 10 Point is usually the smallest that can be easily read Do not put a large amount of text on a web page. Instead, originate the text in MSWord save in pdf format and link to it to same as you link to another web page. ( MS Word allows you to save as a pdf format and use a variety of fonts) You can also save Power Point presentations and pdf and link to them. Most browsers can display pdf format.

Images are made of picture elements or pixels The more pixels per inch of display the greater the resolution and the clearer the image. More pixels and more bits/pixel means larger files. Each pixel could be black or white (1 bit/pixel) Or Up to 4 billion colors (32 bits/pixel)

Out of 256 possible for each RGB ==> 16,777,216 colors

Plan Your Color Scheme

Additive Colors

The monochromatic color scheme uses variations in lightness and saturation of a single color. This scheme looks clean and elegant. Monochromatic colors go well together, producing a soothing effect. The monochromatic scheme is very easy on the eyes, especially with blue or green hues. You can use it to establish an overall mood. Monochromatic Color Scheme

A color scheme based on analogous Colors The analogous color scheme uses colors that are adjacent to each other on the color wheel. One color is used as a dominant color while others are used to enrich the scheme.

A color scheme based on complementary colors Two colors on opposite sides of the color wheel, which when placed next to each other make both appear brighter.

A color scheme based on nature

Color Context How color behaves in relation to other colors and shapes is a complex area of color theory. Compare the contrast effects of different color backgrounds for the same red square.

Choosing Background and Text Colors Examples

Downloading a “seamless” background Right-click, “Save image as” in Home “Hex” color codes

Text Hex color code Cell background Hex color code May specify text and Background for entire page Using page properties

Use the eyedropper to match an exact color Insert exact color from upper left cell to lower right cell. Use the color picker – eye dropper

KB -> kilo byte; byte -> 8 bits ; bit -> binary digit