Web Design Digital Classroom is like having your own personal instructor guiding you through each lesson, while you work at your own pace. This book includes 15 self-paced lessons that let you discover essential skills and explore new aspects of and possibilities in Web design. Each lesson includes step-by-step instructions, lesson files, along with video tutorials that complement the topics covered in each lesson. These accompanying files are provided on the included Web Design Digital Classroom DVD and are developed by the team of instructors and experts who created official training titles for Adobe Systems. Each tutorial is approximately five minutes long and demonstrates and explains the concepts and features covered in the lesson. This training package demonstrates how to design, develop, and maintain fully functioning Web sites. Coverage includes information on tools like Dreamweaver for editing, Flash and Silverlight for multimedia creation, Illustrator and Photoshop for image creation and manipulation, and all necessary languages and markup such as HTML and CSS. Jam-packed with information, this book takes users from the basics through intermediate level topics and helps readers find the information they need in a clear, approachable manner.
About Web Design with HTML and CSS Digital Classroom.
Understanding menus and commands.
Understanding how to read HTML and CSS code changes.
Loading lesson files.
Hosting your websites.
Lesson 1: Planning Your Website.
The goals of web design.
The diff erence between print design and web design.
The web demands user interaction.
Defi ning the user experience.
The stages of the planning process.
Defi ning goals and strategy.
Scenarios and characters.
Defining the navigation design of the SmoothieWorld site.
Rethinking site navigation.
The role of usability testing.
Wireframes, prototypes, and mockups.
The evolving fi eld of interactive prototypes.
Be creative during the planning process.
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.
Understanding how your audience
will read your web content.
Lesson 3: Web Design Tools.
Web editors versus WYSIWYG tools.
Plain text editors.
Text editors for web design.
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.
Lesson 4: Fundamentals of HTML, XHTML, and CSS.
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.
Placing images in HTML.
The role of CSS.
Styling a heading.
Understanding class styles and spans.
Three ways to use styles.
Internal versus external style sheets.
Creating an external style sheet.
What makes styles cascading.
Lesson 5: Graphics, Color, and Transparency.
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.
Changing the attributes of the slices.
Saving slices out of Photoshop.
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.
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.
Lesson 7: Introduction to CSS Layout.
Working with a CSS reset file
A 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.
Lesson 8: Advanced CSS Layout.
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.
Lesson 9: Browser Compatibility.
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.
Browser incompatibilities in the future.
Future browser compatibility issues.
Lesson 10: Introduction to Interactivity.
Interactivity on the web.
The Document Object Model.
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.
Lesson 11: Mobile Design.
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.
Lesson 12: HTML5 Essentials.
Defi ning HTML5.
The motivation behind HTML5.
The video, audio, and canvas elements.
Embed media fi les using video and audio elements.
Provide drawing and animation features
using the canvas element.
HTML5 markup is still evolving.
Grouping headings and images.
Identifying figures and captions.
The rest of the HTML5 family.
CSS3 integration with HTML5.
How to begin using HTML5/CSS3.
Starting with an HTML5 foundation.
Words of encouragement.