OV 3 - 1 Copyright © 2008 Element K Content LLC. All rights reserved. Working with Web Pages  An Introduction to Cascading Style Sheets  Format a Web.

Slides:

Advertisements

Similar presentations

© 2010 Delmar, Cengage Learning Chapter 5 Positioning Objects with CSS and Tables.

Advertisements

Cascading Style Sheets

Chapter 6 Web Typography

Beginning Web Site Creation: Dreamweaver CS4. XHTMLCSS  Describes the structure  Content  Collection of styles  Formatting body { background-color:

Lecture Cascading Style Sheets (CSS) Internal Style Sheets Classes.

Creating Tables in a Web Site Using an External Style Sheet HTML5 & CSS 7 th Edition.

W EB S ITE L ECTURE C ASCADING S TYLE S HEETS. Cascading Style Sheets (CSS) Introduction CSS Objectives – Provide more control over web site content presentation.

Chapter 19 – Macromedia Dreamweaver MX 2004

CSS (Cascading Style Sheets): How the web is styled Create Rules that specify how the content of an HTML Element should appear. CSS controls how your web.

Creating Tables in a Web Site Using an External Style Sheet

© 2012 Adobe Systems Incorporated. All Rights Reserved. LEARNING THE LANGUAGE OF THE WEB INTRODUCTION TO HTML AND CSS.

Tutorial 6 Creating Tables and CSS Layouts. Objectives Session 6.1 – Create a data table to display and organize data – Modify table properties and layout.

Dreamweaver CS4 Concepts and Techniques Chapter 5 Templates and Style Sheets.

Web Design Dreamweaver Semester 2 ATBs. ATB #1 What is a web site?

Principles of Web Design 6 th Edition Chapter 4 – Cascading Style Sheets.

HTML - Quiz #2 Attendance CODE:

Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.

The Characteristics of CSS

Cascading Style Sheets CSS.  Standard defined by the W3C  CSS1 (released 1996) 50 properties  CSS2 (released 1998) 150 properties (positioning)  CSS3.

Today’s objectives  Complete web page  Using xhtml & CSS  Adding CSS to documents Embed url(File);  CSS.

Chapter 6 Web Typography. 2 Principles of Web Design Chapter 5 Objectives Understand principles for type design on a Web site Use the element Understand.

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 Macromedia Dreamweaver Outline Introduction Macromedia Dreamweaver Text Styles Images and Links Symbols and Lines Tables Forms Scripting in Dreamweaver.

Website Development with Dreamweaver

HTML, Third Edition--Illustrated Introductory 1 HTML, Third Edition Illustrated Introductory Unit E Formatting with Cascading Style Sheets.

CSS My favourite ICT lesson By Federico Boschi Cascading Style Sheets.

Adobe Dreamweaver CS3 Revealed CHAPTER FIVE: USING HTML TABLES TO LAY OUT A PAGE.

Cascading Style Sheets Tom Osman. Keep the content of a webpage separate from the formatting of the page. Structure (of content)  Headings  Sub headings.

XHTML/CSS Week 3. This Week  Quiz to revise last week (XHTML and DW)  CSS - Part 2  Using HTML Tables.

CO1552 – Web Application Development Cascading Style Sheets.

Working with Text and Cascading Style Sheets. Unit Objectives Create a new page Import text Set text properties Create an unordered list Understand Cascading.

The Web Wizard’s Guide To DHTML and CSS Chapter 1 A Review of CSS1.

ALBERT WAVERING BOBBY SENG. Week 2: HTML + CSS  Quiz  Announcements/questions/etc  Some functional HTML elements.

Introduction to Programming the WWW I CMSC Winter 2003 Lecture 7.

Adobe Dreamweaver CS5 - Illustrated Unit D: Working with Text and Cascading Style Sheets.

HTML - Quiz #2 Attendance CODE:

Macromedia Dreamweaver 8-- Illustrated Introductory 1 Macromedia Dreamweaver 8 Unit G Working with Tables and Layers.

Ch 10 HTML and CSS Web Standards Solutions A Web Standardistas’ Approach.

Cascading Style Sheets Robin Burke ECT 270. Outline Midterm The Layout Debate CSS properties Fonts Alignment Color CSS selection selectors pseudo-classes.

CIS234A Lecture 8 Instructor Greg D’Andrea. Review Text Table contains only text, evenly spaced on the Web page in rows and columns uses only standard.

Cascading Style Sheets

Cascading Style Sheets CSS.  Standard defined by the W3C  CSS1 (released 1996) 50 properties  CSS2 (released 1998) 150 properties (positioning)  CSS3.

Cascading Style Sheets (CSS). A style sheet is a document which describes the presentation semantics of a document written in a mark-up language such.

Macromedia Dreamweaver 8 Revealed AND GRAPHICS WORKING WITH TEXT.

OV Copyright © 2008 Element K Content LLC. All rights reserved.  Format Text  Format Lists  Format Images  Modify Page Background Applying Styles.

Microsoft Expression Web-Illustrated Unit F: Enhancing a Design with CSS.

Web Design (12) CSS Introduction. Cascading Style Sheets - Defined CSS is the W3C standard for defining the presentation of documents written in HTML.

Cascading Style Sheets Primary readings Presentations Explain & review projects with class mates.

Web Technologies Beginning Cascading Style Sheets (CSS) 1Copyright © Texas Education Agency, All rights reserved.

Positioning Objects with CSS and Tables

Style Sheets. Coding Style Sheets  Style sheets use RULES to create the style  A selector (a tag or user-defined style name)  and then declarations.

CIS67 Foundations for Creating Web Pages Professor Al Fichera Rev. September 22, 2010—All HTML code brought to XHTML standards. Reference for CIS127 and.

Copyright © 2012 Certification Partners, LLC -- All Rights Reserved Lesson 5: HTML Tables.

Web and Multimedia Development Copyright © Genetic Computer School 2007WM LESSON OVERVIEW  Use of Tables  Creating Tables  Try It – 1  Creating.

Creating Layouts with CSS. Span tag Here is some underlined text. Here is some blinking text. Here's some bold text.

Understanding CSS Cascading Style Sheets control the presentation of content in HTML pages Style Sheets separate formatting from the content –Styles defined.

>> CSS Layouts. Recall Properties of Box – Border (style, width, color) – Padding – Margin – Display – Background – Dimension Welcome Padding Area Border.

Microsoft Expression Web-Illustrated Unit G: Designing Site Navigation.

Cascading Style Sheets Using HTML. What are they? A set of style rules that tell the web browser how to present a web page or document. In earlier versions.

CSS Introductions. Objectives To take control of the appearance of a Web site by creating style sheets. To use a style sheet to give all the pages of.

CONFIGURING COLOR AND TEXT WITH CSS Chapter 3. Cascading Style Sheets (CSS) Used to configure text, color, and page layout. Launched in 1996 Developed.

Create and edit web pages 4

>> Introduction to CSS

Positioning Objects with CSS and Tables

ASP.NET Web Controls.

Exercise 9 Skills You create and use styles to create formatting rules that can easily by applied to other pages in the Web site. You can create internal.

Lesson 5: HTML Tables.

CIS 205—Web Site Design and Development

Positioning Objects with CSS and Tables

Presentation transcript:

OV Copyright © 2008 Element K Content LLC. All rights reserved. Working with Web Pages  An Introduction to Cascading Style Sheets  Format a Web Page  Insert Images  Insert Tables  Import Data from Other Applications  Organize Files and Folders

OV Copyright © 2008 Element K Content LLC. All rights reserved. h1 { font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #999; margin-top:15px; } Selector Property Value Declaration Block Declaration Block CSS Rules

OV Copyright © 2008 Element K Content LLC. All rights reserved. Tag Styles Tag style applied to an element Tag style applied to an element CSS properties of the tag Tag Style

OV Copyright © 2008 Element K Content LLC. All rights reserved. Class Styles.thead {background-color: #B6D9EF; text-align: center; height: 20px; font-weight: bolder; font-size: 14px; } Location Class name begins with a period Class name begins with a period Class style applied to an element Class style applied to an element

OV Copyright © 2008 Element K Content LLC. All rights reserved. The CSS STYLES Panel CSS rules applied to elements on the current page CSS rules applied to elements on the current page Options to create, edit, and delete CSS rules Options to create, edit, and delete CSS rules

OV Copyright © 2008 Element K Content LLC. All rights reserved. Code Navigator

OV Copyright © 2008 Element K Content LLC. All rights reserved. The div and span Tags Welcome Global Company Inc. provides consulting services for organizations willing to tackle the change agents operating in their business arena. Change management is all about managing people, who respond to the changing environment.

OV Copyright © 2008 Element K Content LLC. All rights reserved. The INSERT Panel

OV Copyright © 2008 Element K Content LLC. All rights reserved. Image Properties Border Vertical and Horizontal Space Vertical and Horizontal Space Alignment Alternate Text Image Source Width and Height

OV Copyright © 2008 Element K Content LLC. All rights reserved. Tables Row Column

OV Copyright © 2008 Element K Content LLC. All rights reserved. The Table Dialog Box

OV Copyright © 2008 Element K Content LLC. All rights reserved. Reflective Questions 1. Which image format will you use for your web pages? Why? 2. What are the various CSS rules that you will create to enhance the appearance of your web pages? Why?