Web Design Digital Classroom

external style sheets.Creating an external style sheet.What makes styles cascading.Self study.Review.Lesson 5: Graphics, Color, and Transparency.Starting up.Optimizing graphics for the web.Resizing the image.Adjusting the image size.Applying the Unsharp Mask filter to an image.Selecting the best image format.Choosing the right file format.Choosing the best file format for your image.Saving images as JPEGs.Choosing the quality of a JPEG.Previewing your image.Creating a transparency effect in a JPEG image.Saving your settings.Saving images as GIFs.Optimizing the GIF image.Using the color table.Adding a matte to a GIF.Animating a GIF.Saving as a PNG.Slicing an image.Viewing the completed file.Creating slices.Changing the attributes of the slices.Saving slices out of Photoshop.Self study.Review.Lesson 6: Formatting Text with CSS.Starting up.The importance of typography on the web.The challenges of fonts on the web.Setting a font-family.Sizing text with CSS.Pixels and points are not the best choices.Using a combination of percent and the em measurement.Using margins to modify the space between your text.Setting paragraph line-height.Transforming text with CSS.Working with HTML lists.Styling HTML lists.Self study.Review.Lesson 7: Introduction to CSS Layout.Starting up.Working with a CSS reset fileA brief history of layout techniques on the web.An overview of page layout options.Understanding divs: creating a two-column fi xed-width CSS layout.Understanding the CSS float property.Creating columns with the float property.Working with the clear property.Creating a list-based navigation using floats.Adding text styles.The eff ect of margins and padding on your fi xed-width layout.A review of using margins and padding for layout.Styling your footer with a background image.Self study.Review.Lesson 8: Advanced CSS Layout.Starting up.Building your page layout.Removing the background color.Working with CSS background images.Using hacks to solve layout problems.Enhancing your CSS navigation bar.Moving your internal styles to the external style sheet.Creating a style for the active page.Adding images to your sidebar.Working with absolute positioning.Self study.Review.Lesson 9: Browser Compatibility.Starting up.Why browser testing is important.Are web pages required to look the same in all browsers?Choose the level of browser support you want.The special case of IE6.Tools to identify browser problems.Virtualization solutions for the Mac OS.Virtualization solutions for Windows.Browser compatibility applications.Addressing browser incompatibilities with CSS fixes.Addressing Internet Explorer 6 issues with JavaScript.Browser incompatibilities in the future.Future browser compatibility issues.Self study.Review.Lesson 10: Introduction to Interactivity.Starting up.Interactivity on the web.JavaScript.Adobe Flash.JavaScript basics.JavaScript events.Placing your JavaScript into an external document.The Document Object Model.JavaScript frameworks.Hiding an element with jQuery.Adding an event to trigger the show effect.Adobe Flash overview.Generating code to add Flash movies to a page.Integrating Flash into a pre-existing design.Inserting Silverlight content into a web page.Self study.Review.Lesson 11: Mobile Design.Starting up.The need for mobile-optimized websites.How is the mobile experience of the web diff erent than the desktop?Deciding which type of mobile device to target.The trouble with style sheets.Using CSS3 media queries.Self study.Review.Lesson 12: HTML5 Essentials.Starting up.Defi ning HTML5.The motivation behind HTML5.HTML5 markup.The video, audio, and canvas elements.Embed media fi les using video and audio elements.Provide drawing and animation featuresusing the canvas element.HTML5 markup is still evolving.Grouping headings and images.Identifying figures and captions.Web forms.The rest of the HTML5 family.Geolocation.Web Workers.Web Storage.CSS3 integration with HTML5.How to begin using HTML5/CSS3.Starting with an HTML5 foundation.Words of encouragement.Self study.Review.