IT145 HTML and CSS — Fall 2013

Homepage

 

Class Lectures and Assignments

Aug  19   26 

Sept  2   9   16   23   30 

Oct  7   14   21   28 

Nov   4   11   18   25 

Dec   2   9 

Index by Topic

Resources >

Syllabus (PDF)

Instructor: T. Beach
tbeach@unm.edu

UNM-LA

IT145 Resources

Textbook Examples

• Textbook Site (with code examples and quick references)

Browsers

• Firefox: http://www.mozilla.com/
• Safari: http://www.apple.com/safari/download/
• Opera: http://www.opera.com/
• Chrome: http://www.google.com/chrome/

Extensions for Firefox

• From the Firefox Extensions site https://addons.mozilla.org/extensions/:
  • Web Developer
  • CSSviewer
  • Firebug
  • DOM Inspector
• Web Developer extension is also available from http://chrispederick.com/work/web-developer/

Editors

• Komodo Edit (http://www.activestate.com/Products/komodo_edit/) (free) (available for Windows, MacOS, Linux)
• BBedit (http://barebones.com/) (MacOS)
• Ultraedit (http://www.ultraedit.com/) (Windows)
• TextWrangler (http://barebones.com/) (free) (MacOS)
• Dreamweaver (http://www.adobe.com/products/dreamweaver/) (Windows, MacOS)
• Homesite (http://www.adobe.com/products/homesite/)
• SeaMonkey:http://www.seamonkey-project.org/
• Xemacs (http://www.xemacs.org/)(free)
• Nvu (http://www.nvu.com/index.php/) (free) (Windows, MacOS, Linux)
• Visual Web Developer Express (http://www.microsoft.com/express/webdevelopment/Default.aspx) (free) (Windows)

Validators

• W3C Validators
• The local validator in the Web Developer extension for the Firefox browser is also recommended because it's very handy.

Other Web Tools

• SSH/SFTP tools
  • SSH - a free secure terminal connection/telnet program for Windows.
  • CoreFTP (Windows)
  • PuTTY (sftp/ssh)(Windows,Unix)
• Web Site Grabbers
  • WGET GNU software
  • WGET for Windows
  • WGET for Windows
  • DeepVacuum: WGET for Mac OS

HTML/XHTML Templates

• HTML 5
• XHTML 1.0 Transitional
• XHTML 1.0 Strict
• HTML 4.01 Transitional
• HTML 4.01 Strict

CSS and Other Resources

• CSS Reference
• Specificity Calculator
• CSS Specificity Wars
• CSS Edge
• CSS Zengarden/
• CSS Color Schemes
• W3 Validators

Tutorials

There are a number of on-line tutorial and reference sites. Several of these are from the W3C. There a numerous tutorials on a wide variety of web technologies, including HTML, XHTML, CSS, XML, Javascript, DHTML, AJAX, PHP, and many more. These can be found at:

• http://www.w3schools.com/ - web technology tutorials
• http://us2.php.net/tut.php - PHP tutorial
• http://www.w3schools.com/js/default.asp - JavaScript tutorial
• http://www.lynda.com/ - a number of tutorials/how-tos
• http://www.ee.surrey.ac.uk/Teaching/Unix/index.html - a simple Unix beginner tutorial

Google Guidelines

• Google Technology Overview
• Google Webmaster Guidelines
• Making a Google Friendly Site
• What is a Sitemap file and why should I have one?

Advanced References:

There are a number of other open-source technologies that are used to build dynamic web sites. These include:

• PHP: http://www.php.net/
• MySQL: http://www.mysql.com/
• PostgreSQL: http://www.postgresql.org/
• Perl: http://www.perl.com/

     Apache, MySQL, PHP (*AMP)

• WAMP - Windows, Apache, PHP, MySQL
  • http://www.wampserver.com/en/
• MAMP - Macintosh, Apache, PHP, MySQL
  • Apache - comes installed with Mac OS X
  • MySQL - http://dev.mysql.com/downloads/mysql/5.0.html
  • PHP - http://www.entropy.ch/software/macosx/php/
• LAMP - Linux, Apache, PHP, MySQL
  • Apache - Most Linux systems have a bundle for Apache
  • MySQL - Most Linux systems have a bundle for MySQL
  • PHP - Most Linux systems have a bundle for PHP