eXtropia: the open web technology company
Technology | Support | Tutorials | Development | About Us | Users | Contact Us
Resources
 ::   Tutorials
 ::   Presentations
Perl & CGI tutorials
 ::   Intro to Perl/CGI and HTML Forms
 ::   Intro to Windows Perl
 ::   Intro to Perl 5
 ::   Intro to Perl
 ::   Intro to Perl Taint mode
 ::   Sherlock Holmes and the Case of the Broken CGI Script
 ::   Writing COM Components in Perl

Java tutorials
 ::   Intro to Java
 ::   Cross Browser Java

Misc technical tutorials
 ::   Intro to The Web Application Development Environment
 ::   Introduction to XML
 ::   Intro to Web Design
 ::   Intro to Web Security
 ::   Databases for Web Developers
 ::   UNIX for Web Developers
 ::   Intro to Adobe Photoshop
 ::   Web Programming 101
 ::   Introduction to Microsoft DNA

Misc non-technical tutorials
 ::   Misc Technopreneurship Docs
 ::   What is a Webmaster?
 ::   What is the open source business model?
 ::   Technical writing
 ::   Small and mid-sized businesses on the Web

Offsite tutorials
 ::   ISAPI Perl Primer
 ::   Serving up web server basics
 ::   Introduction to Java (Parts 1 and 2) in Slovak

 
introduction to web design

Table of Contents
Day One
  • The History of the Web
  • The Nuts and Bolts of the Web
  • The Basics of HTTP
  • HTML the Language of the Web
  • Basic HTML Tags
  • Basic HTML Body Tags
  • Coding Style
  • Exercise One
  • Serving Your Web Page
  • Exercise Two
  • Modifying Text
  • Sizing Text
  • Positioning Text
  • Text Styles
  • Exercise Three
  • Unordered Lists
  • Ordered Lists
  • Definition Lists
  • Exercise Four
  • Special Characters
    •  
    Day Two
  • All About Links
  • What is a URL?
  • Linking to Another Document
  • Internal Links
  • Email Links
  • Relative and Absolute Links
  • Exercise Five
  • Images
  • Referencing Images
  • Exercise Six
  • Clickable Images
  • Image Placement and Alignment
  • Image Size
  • Image Margins
  • Using Images on Your Page
  • Creating Images
  • Image Formats
  • Limiting Image Size
  • Image Maps
  • Defining an Image Map
    •  
    Day Three
  • A Quick Note
  • Advanced Use of the <BODY> tag
  • Using BODY Attributes
  • Exercise Seven
  • Coloring Body Content
  • Body Tag Attributes
  • Defining Colors
  • Browser Safe Colors
  • Exercise Eight
  • Basic Tables
  • Table Attributes
  • Table Cell Attributes
  • Table Row Attributes
  • Exercise Nine
  • Tables Inside of Tables
  • Invisible Spacers
  • Exercise Ten
  • Frame-Based Pages
  • Creating Windows
  • Single Window Frames
  • Creating Column Frames
  • Creating Row Frames
  • Creating Complex Frames
  • Excersise 11
    •