Tutorials
General Web Design Tutorials
Basics
- The Process of Creating, Publishing, and Validating a Web Page
- How to Name Files and Directories
- How File Paths Work
- File Paths & Links (88-minute video)
- (X)HTML Standards: DocTypes, HTML vs. XHTML, & Strict vs. Transitional
Text
- Text Editors for HTML and Script Editing
- Character Encoding for Web Pages
- Commonly Used Special HTML Characters
Images
- Image File Formats for the Web
- How to Optimize Images for the Web Using Photoshop
- How to Create Imagemaps With MapEdit
Styling & Layout
- Cascading Style Sheets (CSS) Basics
- Using Tables for Layout: How to Build a Bulletproof Table Using Transparent Pixel Shims
Scripting
- How to Create a Web Page Template Using PHP Includes
- Common Gateway Interface (CGI) Basics
- How to Create a Menu That Indicates the Current Page, as a PHP Include
- Server Side Includes (SSI)
- CSS3 border-radius, box-shadow, Conditionals, Browsers, and Validation
- How to Put a “Check Accessibilty” Link on Your Page
Tutorials for Cabrillo Students
Basics
- Logins and Passwords for Cabrillo Courses
- TeacherJohn Help Forum Tips
- Homework Frequently Asked Questions (FAQ)
Webhawks.org server
- Our Class Web Server, webhawks.org
- Uploading (FTP)
- How to Log In to Webhawks.org With a Command Line Interface
- Line Endings for Script Files