Oit_content_122347 - University Technology Training Center Dreamweaver CS3 CSS for Presentation 11.4.08 UNI VER SI TY T EC HNOL OG Y TR AI NI NG CE

Info iconThis preview shows pages 1–8. Sign up to view the full content.

View Full Document Right Arrow Icon

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
This is the end of the preview. Sign up to access the rest of the document.

Unformatted text preview: University Technology Training Center Dreamweaver CS3 CSS for Presentation 11.4 .08 UNI VER SI TY T EC HNOL OG Y TR AI NI NG CE NTE R Dreamweaver CS3 CSS for Presentation © 2008 Regents of the University of Minnesota University Technology Training Center All Rights Reserved http://uttc.umn.edu The University of Minnesota is committed to the policy that all persons shall have equal access to its programs, facilities, and employment without regard to race, color, creed, religion, national origin, sex, age, marital status, disability, public assistance status, veteran status, or sexual orientation. This publication/material can be made available in alternative formats for people with disabilities. Direct requests to: University Technology Training Center 190 Shepherd Labs 100 Union Street Southeast Minneapolis, MN 55455 612.625.1300 [email protected] UNIVERSITY TECHNOLOGY TRAINING CENTER i Table of Contents LESSON 1 1 CASCADING STYLE SHEET BASICS 1 Advantages of style sheets 1 Disadvantages of style sheets 2 Methods of implementing styles within a document 2 The concept of cascading 3 Style sheet examples 3 Style syntax 4 Selector types 5 CSS comments 5 LESSON 2 7 CREATE A NEW STYLE SHEET 7 Assess the HTML structure of a page 7 Use the CSS panel 8 Define style rules for HTML elements 9 Practice: Create an external style sheet 14 LESSON 3 19 CREATE CLASS STYLES 19 How a CSS class rule works 19 Create and apply a CSS style rule 22 Using <span> and <div> to apply class styles 24 LESSON 4 29 CREATE CSS STYLE RULES FOR HYPERLINKS 29 Define the un-visited state of a hyperlink 29 Define the visited state of a hyperlink 30 Define the hover state of a hyperlink 31 Create CSS style rules a sub-set of hyperlinks 32 Practice: Continue working on the external style sheet 35 LESSON 5 43 ADDING STYLE SHEET TO ADDITIONAL PAGES 43 Link an external style sheet 43 Apply class styles to the page 44 LESSON 6 47 USE CSS TO CONTROL BACKGROUND IMAGES (OPTIONAL) 47 The basics of background images 47 Add a background image to the body style rule 48 Practice: Add a background image to a table 49 UNIVERSITY TECHNOLOGY TRAINING CENTER ii LESSON 7 55 ADD CSS TO A SITE THAT PREVIOUSLY USED HTML FORMATTING (OPTIONAL) 55 Identify the Structure and Formatting of a Page 55 Remove HTML Formatting 56 Clean up HTML Command 56 Build Good Page Structure 58 APPENDIX A 61 CSS PROPERTIES 61 Font Properties 61 Color and Background Properties 62 Text Properties 62 Box Properties 63 List Properties 65 Other 66 APPENDIX B 69 GLOSSARY 69 UNIVERSITY TECHNOLOGY TRAINING CENTER 1 Cascading Style Sheet Basics Hypertext markup language (HTML) defines the structure and function of elements on a web page. It was created with the intention of keeping structure separate from presentation; it was never intended to control the form or appearance of web pages. Cascading Style Sheets (CSS) build on HTML adding a powerful formatting capability. CSS is about presentation — it gives web designers the ability to define the formatting and appearance of...
View Full Document

This note was uploaded on 02/04/2012 for the course INFORMATIO Download C taught by Professor Office during the Spring '11 term at Minnesota.

Page1 / 79

Oit_content_122347 - University Technology Training Center Dreamweaver CS3 CSS for Presentation 11.4.08 UNI VER SI TY T EC HNOL OG Y TR AI NI NG CE

This preview shows document pages 1 - 8. Sign up to view the full document.

View Full Document Right Arrow Icon
Ask a homework question - tutors are online