Home > Courses Certifications > Web Design > XHTML and CSS synopsis

Integrated XHTML and CSS

Prerequisites: HTML Levels 1, 2 and 3

Duration : 4 days

Chapter 1: How to Write XHTML and CSS

• Anatomy of a Website
• What Is CSS?
• Getting Started with XHTML Syntax
• Getting Started with CSS Syntax
• Real-World Scenario
• The Bottom Line

Chapter 2: Location, Location: Where to Put a Style

• The Cascade
• Inheritance
• Specificity
• Do the Math
• Now Add Inline Styles to the Math
• What about Multiple Classes?
• Using @import
• Real-World Scenario
• The bottom line

Chapter 3: Page Basics: DOCTYPE, Head, Body, and Body Styles

• XHTML: What Every Page Requires
• DOCTYPEs
• The XML Declaration
• Let’s Get Started
• The Head
• Saving
• The Body
• Take a Look in a Browser
• CSS: A Stylish Body
• Attached Background Images
• Assign a Class or ID to the Body Element
• Real-World Scenario
• CSS Properties for the body Element
• The Bottom Line

Chapter 4: Headings and Heading Styles

• XHTML: The Heading Tags
• CSS: Style a Heading
• A Class Alternative
• Image Replacement for Headings
• The CSS Box Model
• Real-World Scenario
• CSS Properties for Headings
• The Bottom Line

Chapter 5: Page Divisions: div for Structure Layout

• Learn the XHTML
• Organizing Content Structurally
• When to Use div
• Learn the CSS
• Real-World Scenario
• CSS Properties
• The Bottom Line

Chapter 6: Paragraph and Text Styles

• XHTML: Formatting Text
• CSS: Stylish Text
• Let’s Go into Print
• Real-World Scenario
• CSS Properties
• The Bottom Line

Chapter 7: Links and Link Styles

• Organizing a Site
• XHTML: The Anchor Element
• CSS: Pizzazz for Anchors
• An id-Based Current Page Indicator
• CSS Pop-ups
• Real-World Scenario
• CSS Properties
• The Bottom Line

Chapter 8: Multimedia, Images, and Image Styles

• Creating and Editing Images
• XHTML: Add Images to a Page
• The longdesc Attribute
• The title Attribute
• The Image Stockpile
• Build Some Basic Button Nav Bars
• Tie Background Images to Hyperlink Pseudo States
• Designing a Simple Photo Gallery
• Adding a Banner
• Adding Other Headings
• Inserting a Photo in Your Gallery
• Transparent GIFs
• A Complete Site
• CSS: Dress It Up
• Size Matters
• Linking Directly to Images
• Adding Multimedia to Your Page
• Real-World Scenario
• CSS Properties
• The Bottom Line

Chapter 9: Lists and List Styles

• XHTML: List Basics
• CSS: Presentation Is Powerful
• A Vertical Nav bar with Pure CSS Pop-ups
• Horizontal Lists
• Real-World Scenario
• CSS Properties for Lists
• The Bottom Line

Chapter 10: Tables and Table Styles

• A Tangled Table Tale
• XHTML: Creating the Rows and Columns
• Learn More XHTML: thead, tbody, tfoot
• Real-World Scenario
• CSS Properties
• The Bottom Line

Chapter 11: Forms and Form Styles

• Script Matters
• Learn the XHTML
• Add CSS to Your Form
• Real-World Scenario
• The Bottom Line

Chapter 12: Publishing and Testing Your Pages

• The Big Picture
• Finding Free Server Space
• Your Own Domain
• Using FTP Software
• Testing and Validating the Site
• Telling the Search Engines You Are There
• Understanding Your Audience
• Real-World Scenario
• The Bottom Line

Chapter 13: CSS for Weblogs

• Advantages of Blogging
• Where to Sign Up for a Blog
• What to Look for in Blog Software
• Getting Started with Blogger
• Configuring a BlogSpot Blog
• Publishing to Your Blogger Blog
• Customizing the Blogger Template
• Customize the Blogger CSS
• WordPress Hosted Free
• Real-World Scenario
• The Bottom Line

Chapter 14: Design Basics

• Wireframes
• Layout
• Visual Hierarchy
• Consistency and Repetition
• Alignment
• Resources
• Real-World Scenario
• CSS Properties
• The Bottom Line

Chapter 15: XHTML and CSS for Handhelds

• Inherent Obstacles to Web Authoring for Handhelds
• A Solid Foundation
• CSS: Keep it Simple
• Developer Resources for Handhelds
• CSS Properties
• Real-World Scenario
• The Bottom Line

Chapter 16: Writing CSS with Dreamweaver 8

• Add Structure with Dreamweaver’s Insert Div Tool
• The CSS Styles Panel
• Tag Selectors
• More Advanced Selectors
• Editing Styles in Dreamweaver
• Classes and the Property Inspector
• The Style Rendering Toolbar
• CSS Properties
• Real-World Scenario
• The Bottom Line