Class - Advanced Web Development

Printer-friendly versionSend to friend

Lab Time

• Labs will run on Tues/Thurs from 10-2 with Wednesday Mayer. You can also practice in the library if you cannot make the lab

Lessons

• Divs vs Tables
• A Quick Rundown on HTML/XHTML
• Putting Together Our First Webpage
• CSS Display Methods
• Working With and Clearing Floats
• HTML and CSS Navigation
• Using an External CSS File
• Using Dreamweaver for HTML and CSS
• Generating and Linking to Multiple Pages
• HTML / CSS Forms
• Beginning Javascript
• CSS and Javascript (DHTML)
• Javascript Tab Content Menu
• Javascript Form Checking
• Installing PHP on our computer using XAMPP
• Beginning PHP
• PHP / MySQL Chatroom Part 1/5 - Setting Up Our Database Using phpMyAdmin
• PHP / MySQL Chatroom Part 2/5 - Login Form

Class Files

• Ubuntu Files
• Ubuntu Complete
• CSS Display Methods
• Mozilla Files
• MySQL Files
• MySQL Files (Complete)
• Tab Content Menu HTML/CSS

• Fading Image Slideshow - Coming Soon
• Masked Image Slideshow - Coming Soon
• Simple Character Animation - Coming Soon
• Motion Guides (Roaches)
• Motion Guides (Birds)
• Programming Basics - 01 Comments and Variables
• Advanced Scripting - Dynamically Place an Object on the Stage - Coming Soon
• Advanced Scripting - Simple Music Buttons - Coming Soon
• Advanced Scripting - Completely Scripted Buttons - Coming Soon
• Advanced Scripting - Preloaders - Coming Soon
• Advanced Scripting - Email Forms
• Advanced Scripting - Full Screen Flash - Coming Soon

Resources

Programs:

• XAMPP (Run PHP+MySQL) - http://www.apachefriends.org/en/xampp.html
• GIMP (Free Image Editor) - http://www.gimp.org
• Aptana Studio (Free Dreamweaver Alternative) - http://www.aptana.org

Some helpful books to look into:

• HTML, XHTML, and CSS
• Learning PHP, MySQL, and JavaScript

Tutorial Sites

• HTML Dog - http://www.htmldog.com
• 30 HTML Best Practices - http://net.tutsplus.com
• BestHTMLTutorials - http://www.besthtmltutorials.com/

Reference

• W3 Schools - http://www.w3schools.com
• W3C - http://www.w3.org
• Interactive CSS Box Model - http://redmelon.net
• CSS3 - http://html5demos.com
• HTML5 - http://www.css3.info/preview
• Dynamic Drive (Useful Javascript Code) - http://dynamicdrive.com

Misc. Files

Check for class images and other files down here