Course Outline    
  Topics Covered Readings
Week 1  

Web Dev Readings

  • Chapter 1 - Intro to WWW
  Linux
    Connecting
    logging on
    Files
    Path/directories
    Linux and the web

Readings on Linux

 

Understanding the Internet
    Protocols
    IP address
    Internet Searching
    History


Readings on the Internet

  Standards
   Understanding copyright laws
   WWW Standards
   WWW Accessibility & Usability
   EUP Policies

Readings on Copyright Laws


Readings on Web Standards


Readings & Videos on Accessibility


Readings & Videos on Usability

 

Email
    Server
    Client
    Attachments

Readings about Email

Week 2 HTML
    XML, XHTML, HTML
    Authoring tools
    XHTML Tags
    DOCTYPE
    simple web page


Publishing a webpage
    publishing using FileZilla
    troubleshooting

Lab 1 - HTML

Web Dev Readings

  • Chapter 2 - HTML Basics
  • Video Notes "Your First Web Page"


Readings on HTML

 
week 3

Cascading Style Sheets
    Adv and  Disadv
    What are they
    How to create a style

 

Lab 2 - CSS

Web Dev Readings

  • Chapter 3 - CSS (color & text)
  • Video Notes "CSS"


Readings on CSS

  Type and Color on the WWW
    Type on the web
    Typeface
    Color

Type and Color

week 4 Digital Image Basics:
    Image formats
    Image map
    Roll-overs

Web Dev Readings

  • Chapter 4 - Visual Elements and Graphics
  • Video Notes "Rounded Corners with CSS"


Readings on Web Graphics

week 5 Web Site Design
    Design issues
    Design Document
    Design Principles
    Examples of poor design 

 

 


Web Dev Readings

  • Chapter 5 - Web Design
  • Video Notes "Principles of Visual Design"


Readings on Web Design


week 6

Cascading Style Sheets
    reset CSS
    box model
    positioning CSS

 

Create a Site using Dreamweaver
Lab 3 - HTML
Lab 3 - CSS

Support files:

 

Web Dev Readings

  • Chapter 6 - Page Layout
  • Video Notes "Interactivity with Pseudo-class"


CSS Inspiration


The "box" model


CSS Tutorials


CSS Resources

 

week 7

Mobile websites
    considerations
    optimization
    testing
    best practices

Create a mobile view
Lab 4 - mobile

Our finished website:

Web Dev Readings

  • Chapter 7 - More on links, layouts,& mobile
  • Video Notes "Linking to Named Fragments"


Layout


Designing for Mobile display


Testing for Mobile display


CSS Sprites


CSS3 & HTML5

week 8

Tables
    Creating a table
    Assessibility issues

   

Web Dev Readings

  • Chapter 8 -Tables
  • Video Notes "Configure a Table"
week 9  Forms
    Creating a form
    Form elements

PHP
    Basic Syntax
    Writing a script
    Processing a form

MySQL
    Connecting
    Creating a table
    Loading a table
    Selecting from a table
    Joining table

 

Web Dev Readings

  • Chapter 9 -Forms
  • Video Notes "Connect a form..."


Readings on Web Forms:


Readings on CGI:


Readings on MySQL:

 

week 10

Putting it all together
    PHP code to connect to MySQL
    Processing queries
    Processing a form that uses db

Putting it all together lab
Lab 5 - Forms, PHP, MySQL

Our finished item:
     Faculty_input_form.php

PHP/MYsql/JavsScript Readings

  • Chapter 1 - Intro to Dynamic content
  • Chapter 3 -7 - Skim PHP syntax
  • Chapter 8 - Intro to MySQL
week 11

Security
    HTTP Authentication
    PHP Authentication

Session Control
  session id
  session variable

Cookies

PHP/MYsql/JavsScript Readings

  • Chapter 10 - Accessing MySQL
  • Chapter 11 - Form Handling
  • Chapter 13 - Authentication

Readings on Security

Readings on Session Control

Readings on Cookies

 
week 12 Javascript
    Basic syntax
    Writing a script
    automatic vs triggered script
    DOM
    Form validation 

PHP/MYsql/JavsScript Readings

  • Chapter 14 -16 - Skim JavaScript
  • Chapter 17 - Form Validation

Readings on JavaScript:

week 13

Web 2.0  and Ajax 

PHP/MYsql/JavsScript Readings

  • Chapter 18 - Using Ajax
  • Chapter 19 - Using YUI

Readings on Web 2.0 and Ajax

week 14 Presentations

 

finals
week
Presentations  
     
Web page
updated
Nov 7, 2012