Contents
Table of Contents XV
- Starting up Lesson 2: Fundamentals of the Web
- How web pages work.
- The Internet and World Wide Web domain names
- Domain names and hosting.
- The language of the web
- The evolution of the web and web standards
- Separating structure, style, and interactivity
- Designing for the web
- Know your audience
- Know that your site’s viewers are impatient
- Designing for the screen
- will read your web content. Understanding how your audience
- Self study
- Review
- Starting up Lesson 3: Web Design Tools
- Web editors versus WYSIWYG tools
- Plain text editors
- Text editors for web design
- WYSIWYG editors
- Defi ning sites in Dreamweaver or Expression Web
- Obtaining Expression Web or Dreamweaver.
- Creating a new site in Dreamweaver
- Importing an existing site into Dreamweaver CS5
- Creating a new site in Expression Web
- Review
- Starting up Lesson 4: Fundamentals of HTML, XHTML, and CSS
- Web languages
- Web page structure is based on HTML
- The details of XHTML syntax
- Doctype lets the web browser know what to expect
- The W3C and page validation
- HTML structure
- Placing images in HTML
- The role of CSS
- Styling a heading
- Understanding class styles and s.
- Three ways to use styles
- Internal versus external style sheets
- Creating an external style sheet
- What makes styles cascading
- Self study
- Review
- Starting up Lesson 5: Graphics, Color, and Transparency
- Optimizing graphics for the web
- Resizing the image
- Adjusting the image size.
- Applying the Unsharp Mask fi lter to an image
- Selecting the best image format
- Choosing the right fi le format
- Choosing the best fi le format for your image
- Saving images as JPEGs.
- Choosing the quality of a JPEG
- Previewing your image
- Creating a transparency eff ect 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 Web Design with HTML and CSS Digital Classroom
- Animating a GIF
- Saving as a PNG
- Slicing an image
- Viewing the completed fi le
- Creating slices
- Changing the attributes of the slices.
- Saving slices out of Photoshop
- Self study
- Review
- Starting up Lesson 6: Formatting Text with CSS
- 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
- and the em measurement Using a combination of percent
- space between your text Using margins to modify the
- Setting paragraph line-height
- Transforming text with CSS
- Working with HTML lists
- Styling HTML lists
- Self study
- Review
- Starting up Lesson 9: Browser Compatibility
- Why browser testing is important
- the same in all browsers? Are web pages required to look
- 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 fi xes
- Addressing Internet Explorer
- issues with JavaScript
- Browser incompatibilities in the future
- Future browser compatibility issues
- Self study
- Review
- Starting up Lesson 10: Introduction to Interactivity
- 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 eff ect
- 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
- Starting up Lesson 11: Mobile Design
- The need for mobile-optimized websites
- diff erent than the desktop? How is the mobile experience of the web
- Deciding which type of mobile device to target
- The trouble with style sheets.
- Using CSS3 media queries
- Self study
- Review
- Starting up Lesson 12: HTML5 Essentials
- Defi ning HTML5.
- The motivation behind HTML5
- HTML5 markup
- and
- and
- using the
- HTML5 markup is still evolving
- Grouping headings and images
- Identifying fi gures 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