CSS & XHTML for Web Development

CSS & XHTML for Web Development

$39.99

Total Run Time: 8 hrs

With Total Training for CSS & XHTML Web Development you'll learn the process of building a structure for your web pages and then styling those web pages so that they look polished and professional, in the style and design you format.

Highlights

  1. Learn to build up an HTML structure to organize content on a web page
  2. Easily apply formatting to your HTML structure using CSS
  3. Discover how to override inherited formatting using CSS
  4. Change your web pages layout without changing your HTML
  5. Manage your website file structure and preview your work using Dreamweaver

This title is available in the
Total Training All-Access library.

Subscribe Now

SKU: tt_TSXWDV Categories: , , ,

Description

In this CSS & XHTML for Web Development training series, you’ll learn that Cascading Style Sheets (CSS) is a versatile scripting language that allows designers great flexibility in terms of the visual appearance for a site they wish to create and affords them the means to change that appearance without having to recode web pages. This flexibility and the best practices you’ll learn during the design process can turn an average web designer into a top notch designer, which will help you build your portfolio and client list.

Sample clip

Course Outline

Chapter 1: INTRODUCTION TO BUILDING A WEB PAGE (56 min)

  1. What is HTML?
  2. Setting Up the Text Editor to Create XHTML
  3. Creating Your First HTML File
  4. Adding Formatting Tags & Previewing in a Browser
  5. Getting Started with Cascading Style Sheets
  6. How Pages are Served Up
  7. Choosing an Editor
  8. Project Management
Chapter 2: CREATING HTML DOCUMENTS (63 min)

  1. Understanding Tags, Elements & Attributes
  2. Defining the Basic Structure with HTML, HEAD & BODY
  3. Assigning a Title & Using Paragraphs
  4. Using Heading Tags & Whitespace
  5. Creating Unordered & Ordered Lists
  6. Fine-tuning Tags with Attributes
  7. Adding Bold & Italics
  8. Understanding How a Browser Reads HTML
  9. Doc Types & Browsers
Chapter 3: INTRODUCTION TO CSS (72 min)

  1. What is CSS?
  2. Internal Style Sheets, Selectors, Properties & Values
  3. Building & Applying Class Selectors
  4. Grouping Selectors
  5. Creating Comments in Your Code
  6. Using Div Tags & IDs to Format Layout
  7. Understanding the Cascade & Avoiding Conflicts
Chapter 4: ADDING IMAGES (43 min)

  1. Image Formats & Production Considerations
  2. Optimizing Images for the Web
  3. Introducing the IMG Tag
  4. Relative vs. Absolute URLs
  5. Fine-Tuning with Alt, Width & Height Attributes
Chapter 5: ANCHORS & HYPERLINKS (50 min)

  1. Creating Hyperlinks to Outside Websites
  2. Creating Hyperlinks Between Documents
  3. Linking to Email Addresses
  4. Linking to a Specific Part of a Webpage
  5. Linking Images
Chapter 6: MORE CSS TECHNIQUES (35 min)

  1. Managing CSS with External Style Sheets
  2. Setting Hyperlinks with Pseudo-Classes
  3. The CSS Box Model: Padding, Borders & Margins
  4. Styling Unordered & Ordered Lists with CSS
  5. Overriding the Inheritance of Attributes
Chapter 7: ORGANIZING INFORMATION WITH TABLES & DEFINITION LISTS (46 min)

  1. Creating Tables & Table Attributes
  2. Adding & Formatting Rows & Columns
  3. Spanning Rows & Columns
  4. Increasing Table Accessibility
  5. Using Definition Lists to Organize Definition-Based Data
  6. Using HTML Comments
Chapter 8: CREATING LAYOUTS (61 min)

  1. Adding a Side Content Div to Your Layout
  2. Applying Absolute Positioning
  3. Applying Relative Positioning
  4. Using the Float & Clear Properties
  5. Understanding Overflow
  6. Creating Auto-Centering Content
  7. Using Fixed Positioning
Chapter 9: INTRODUCTION TO ADOBE� DREAMWEAVER� (39 min)

  1. Getting Started with Dreamweaver & Setting Preferences
  2. Creating a Local Site & Importing Files
  3. Working in the Code, Design, & Split Views
  4. Configuring FTP Options & Publishing Through Synchronization
  5. Validating Your Code
Chapter 10: WORKING WITH DREAMWEAVER (21 min)

  1. Editing Style Sheets in the CSS Panel
  2. Creating Description & Keyword Meta Tags
  3. Using Dreamweaver to Preview in a Web Browser
  4. Credits

Presenter Info

Ed BurkeEd Burke is a Boston-based designer and an Adobe Certified Expert. Ed has been designing and developing websites and print collateral for 14 years and has a BA in Information Systems and an Advanced Certificate in Human Computer Interaction; combined with his graphic design skills and foundation in painting, Ed bridges the gap between design and technology. Ed’s skills include Photoshop, Illustrator, Dreamweaver, Fireworks, BBEdit, HTML/XHTML, CSS, Flash and InDesign. Ed has a background in graphic design, website design and development, direct marketing, software instruction, and runs his own design business, Very Groovy, Inc.