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.
XHTML Basics ~ Lists ~ Tables ~ Links ~ Logos and Text Generators ~ Image Editing: Photofiltre
XHTML Editors ~ CSS ~ Forms
- Creating a Generic Template, Part I
- Creating a Generic Template, Part II
- Creating a Site specific Template from a Generic Template
- Text Formatting and Special Characters
- Using Text Generators to Create Logos
- Determing the Path to an Image and Adding Image Coding to a Page
- 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
CSS Layouts: More!
- Layout Examples
- CSS Web Design Process
- Creating the Template for Bookworm Bookshop
- Adding to the Template for Bookworm Bookshop
- Creating Pages from the Template for Bookworm Bookshop
- Canyon Creek: Starting the site, writing on the map, locating hotspot coordinates for future image map.
- Canyon Creek: Creating the template and creating the image map.
- Canyon Creek: Completing the template and creating a page from the template.
- Jazzy Jewels, Part I
- Jazzy Jewels, Part I
- JavaScript Examples