web design logo

  • Design
    • Introduction
    • Visual Design
    • Web Writing
    • Accessibility
  • XHTML/CSS
    • Introduction
    • Coding Basics
    • Color
    • CSS
    • Forms
    • Images
    • Image Maps
    • Javascript
    • Links
    • Lists
    • Tables
    • XHTML Videos
  • Dreamweaver
    • Introduction
    • Videos
  • Fireworks
    • Introduction
    • Image Effects
    • Logos
    • Buttons
    • Animation
    • Videos
  • Photoshop
    • Introduction
    • Backgrounds
    • Image Effects
    • Logos
    • Buttons
    • Videos
  • Links
  • About Me
  • Home
 

Comprehensive Listing for XHTML/CSS

Through these tutorials and sample webpages, I will be putting together a fictional website.  Several of the locations and the historical web information are based in fact - however, the content of the Dallas locale pages is fictional and has been developed for educational purposes only.  So.... please do not drive down the shoreline of White Rock Lake looking for the ArborCafe or Canyon Creek Shopping Center:-)

I hope the following examples and videos will encourage, energize, and help you in creating your own websites!

NOTE:  These videos coordinate with a class I teach at El Centro College, which is why you'll see topic numbers:-) The videos (with audio) will walk you through the different techniques we cover in class.

Basics of eCampus ~ Web Design Basics ~ Site Maps ~ XHTML Basics ~ FTP

Text Formatting & Special Characters ~ Lists ~ Tables ~ Links

Logos and Text Generators ~ Image Editing: Photofiltre

XHTML Editors ~ CSS ~ CSS-P ~ Forms

Topic #1: Basics of eCampus

  • Getting Started with and Using eCampus

Topic #2: Web Design Basics

  • Introduction to Web Design: Visual Design
  • Introduction to Web Design: Text

Topic #3: Site Map

  • Creating a Site Map

Topic #4: XHTML Basics

  • Creating a Generic Template, Part I
  • Creating a Generic Template, Part II
  • Includes information on how to create a page from the template and how to validate pages.
  • Creating a Site specific Template from a Generic Template

Topic #4: FTP

  • FTP: Uploading with WS-FTP LE

Topic #5: Text Formatting & Special Characters

  • Text Formatting and Special Characters

Topic #6: Lists

  • Lists: Examples & Basic Coding
  • Lists: More Coding

Topic #7: Tables

  • Tables: Examples
  • Tables: Coding

Topic #8: Links

  • Relative, Absolute, Internal and Mailto Links: Examples
  • Links: Determining the Path
  • Links: Coding

Topic #9, Part I: Logos and Text Generators

  • Using Text Generators to Create Logos
  • Determing the Path to an Image and Adding Image Coding to a Page

Topic #9, Part II: Image Editing: PhotoFiltre

  • PhotoFiltre: Resizing Images
  • PhotoFiltre: Crop, Select, Adjust and Save
  • PhotoFiltre: Special Effects with Filters
  • PhotoFiltre: Blur, Magic Wand, and Clone Tools
  • PhotoFiltre: Adding Text to an Image and Duplicating Images
  • PhotoFiltre: Creating Logos and Backgrounds

Topic #10: XHTML Editors

  • HTMLKit: Introduction
  • Adding Images to Web Pages Using HTMLKit

Topic #11: CSS

  • CSS Examples, Tips & Tricks!
  • Creating CSS in TopStyle, Part I
  • Creating CSS in TopStyle, Part II
  • Adding and Attaching CSS in HTMLKit to the Template
  • Adding and Attaching CSS in HTMLKit to the Opening Index
  • Adding and Attaching CSS in HTMLKit to Arbor Cafe
  • Editing CSS Using HTMLKit and TopStyle Together

Topic #12: CSS Layouts, Part I

  • CSS Layout Examples
  • CSS-P: The CSS Web Design Process
  • CSS-P: Creating the Template for Bookworm Bookshop
  • CSS-P: Adding to the Template for Bookworm Bookshop
  • CSS-P: Creating Pages from the Template for Bookworm Bookshop

Topic #13: CSS Layouts, Part II

  • CSS-P: Canyon Creek
    Starting the site, writing on the map, locating hotspot coordinates for future image map.
  • CSS-P: Canyon Creek
    Creating the template and creating the image map.
  • CSS-P: Canyon Creek
    Completing the template and creating a page from the template.

Topic #14: Forms

  • Examples of Forms
  • Creating a Form for Canyon Creek Using HTMLKit

Topic #15: CSS Layouts, Part III

  • CSS-P: Jazzy Jewels, Part I
  • CSS-P: Jazzy Jewels, Part I
  • JavaScript Examples

Return to the Top

©2001, Linda Baker ~ Last Updated: January 28, 2009