<?xml version="1.0" encoding="UTF-8"?>
<?altova_sps ClassInfo.sps?>
<?xml-stylesheet type="text/xsl" href="classOutlineTemplate.xsl"?>

<courses xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="classInfo_Final.xsd">
	<class>
		<classInfo>
			<classTitle>Introduction to Cascading Style Sheets Introduction</classTitle>
			<softwareUsed>
				<software icon="../../images/softwareIcons/webLanguages/cssICON.gif">Any Text Editor</software><software url="http://www.adobe.com/products/dreamweaver/" icon="../images/softwareIcons/dreamweaverICON.gif">Any HTML Editor (i.e. Dreamweaver)</software>
			</softwareUsed>
			<swVersions/>
			<levels>
				<level>3</level>
			</levels>
			<duration>
				<hours>6</hours>
				<days>2</days>
			</duration>
			<courseCode partner="ax">css1</courseCode>
			<courseCode>css1</courseCode>
			<courseDescription>With the advent of modern web browsers the promise of Cascading Stylesheets has become a reality. Our Introduction to Cascading Style Sheets class is designed to introduce the student to the power of web design through the use of the Cascading Stylesheet language. The goal is to have the student leave the class with a thorough understanding of the inner workings of this powerful language. Students will learn how to control typography, color and placement of object such as images, logos, backgrounds and text including best practices. Other topics include the use of alternative and print stylesheets. Students also receive a brief introduction to Dynamic HTML.</courseDescription>
		</classInfo>
		<hwRequirements>
			<requirement>A Pentium- class machine with a minimum processor speed of 233 MHz </requirement>
			<requirement>At least 32 MB RAM ( 64 MB recommended)</requirement>
			<requirement>An 800 x 600 or higher resolution monitor set to High Color (16-bit) or higher. A resolution of 1024 x 768 is strongly recommended (a higher resolution will provide more screen space to work)</requirement>
			<requirement>A working connection to the Internet (recommended)</requirement>
			<requirement>A networked or stadalone printer</requirement>
			<requirement>A PowerPC, G3, or G4 with a minimumprocessor speed of 266 MHz</requirement>
			<requirement>At least 32 MB RAM (64 MB recommended).</requirement>
			<requirement>An 800 x 600 or higher resolution monitor set to High Color (a higher resolution will provide more screen space to work)</requirement>
			<requirement>A working connection to the internet (recommended)</requirement>
			<requirement>A networked or standalone printer</requirement>
		</hwRequirements>
		<swRequirements>
			<platformRequirements>
				<requirement>Macintosh OS X or higher</requirement>
				<requirement>Microsoft Windows XP with Service Pack 2 or higher</requirement>
			</platformRequirements>
			<requirement>Web Browser 6.0 or higher</requirement>
		</swRequirements>
		<preRequisites>
			<preReqClass>
				<preReq url="introHTML4.xml">Introduction to the HyperText Markup Language (HTML)</preReq>
			</preReqClass>
			<preReq>Basic Operating System and file management</preReq>
			<preReq>Ability to author HTML files</preReq>
			<preReq>Basic understanding of web authoring</preReq>
		</preRequisites>
		<performanceObjectives>
			<objective>Create effective web design through the use of CSS</objective>
			<objective>Test different design ideas</objective>
			<objective>Compare and contrast different CSS techniques</objective>
			<objective>Solve common design problems</objective>
			<objective>Control color and typography</objective>
			<objective>Create style sheets that cascade according to established guidelines </objective>
			<objective>Design content sections using box properties</objective>
			<objective>Control your page layouts with CSS positioning</objective>
			<objective>Enhance an existing design</objective>
			<objective>Create alternate style sheets and link your pages to them to enhance the accessibility and functionality of your website</objective>
			<objective>Understand the limitations of the most common web browsers</objective>
			<objective>Resolve common cross-browser problems associated with the use of CSS</objective>
		</performanceObjectives>
		<supplementalMaterials>
			<book>Visual Quickstart Guide to HTML and CSS</book>
			<website>http://www.w3schools.com</website>
		</supplementalMaterials>
		<courseContent>
			<lesson number="1">
				<lessonTitle>Controlling color and typography </lessonTitle>
				<topic>Create an embedded Stylesheet </topic>
				<topic>Apply color</topic>
				<topic>Comment your code </topic>
				<topic>Modify text styles </topic>
				<topic>Modify font styles</topic>
				<topic>Create a linked stylesheet</topic>
				<lessonTime>1:30</lessonTime>
			</lesson>
			<lesson number="2">
				<lessonTitle>Designing with the Cascade</lessonTitle>
				<topic time="">Create class styles </topic>
				<topic time="">Creat ID styles</topic>
				<topic time="">Create contextual styles</topic>
				<topic time="">Target styles to elements with specific attributes</topic>
				<topic time="">Create stylesheets that cascade</topic>
				<topic time="">Import stylesheets</topic>
				<topic time="">Create inline styles</topic>
				<lessonTime>1:30</lessonTime>
			</lesson>
			<lesson number="3">
				<lessonTitle>Designing content sections</lessonTitle>
				<topic time="">Control margins and padding</topic>
				<topic time="">Creat borders</topic>
				<topic time="">Control element dimensions</topic>
				<topic time="">Creat floating elements</topic>
				<topic time="">Control content overflow</topic>
				<lessonTime>1:30</lessonTime>
			</lesson>
			<lesson number="4">
				<lessonTitle>Controlling Layout with Positioning</lessonTitle>
				<topic time="">Control Layout with absolute positioning</topic>
				<topic time="">Create a fixed multi-column layout</topic>
				<topic time="">Create a fluid multi-column layout</topic>
				<topic time="">Control layout with relative positioning </topic>
				<topic time="">Control the display of layered Elements Apply fixed positioning</topic>
				<lessonTime>1:30</lessonTime>
			</lesson>
			<lesson number="5">
				<lessonTitle>Enhancing an Existing Design </lessonTitle>
				<topic time="">Customize Cursors </topic>
				<topic time="">Customize Link Styles </topic>
				<topic time="">Customize Forms </topic>
				<topic time="">Work with Background Images Customize List</topic>
				<topic time="">Create generated content</topic>
				<lessonTime/>
			</lesson>
			<lesson number="6">
				<lessonTitle>Creating alternate Stylesheets</lessonTitle>
				<topic time="">Create accessible Stylesheets</topic>
				<topic time="">Apply user-defined system fonts and colors</topic>
				<topic time="">Create a print stylesheet</topic>
				<lessonTime>1:30</lessonTime>
			</lesson>
			<nextClass url="intro_JS.xml">Introduction to JavaScript</nextClass>
		</courseContent>
		<courseware>
			<bookTitle>Cascading Style Sheets (Third Edition)</bookTitle>
			<publisher>Elementk</publisher>
			<bookNumber>085568</bookNumber>
			<notes/>
			<author/>
		</courseware>
	</class>
</courses>
