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
- 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 #5: Text Formatting & Special Characters
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
- 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 #15: CSS Layouts, Part III