SYLLABUS -- WEB PAGE DEVELOPMENT WITH XHTML & CSS


DATE SESSION TOPIC[s] COVERED
[Week 1] 1
  • What is the Internet?
  • What is the Web?
  • Web hosting
  • Domain Name System
  • URL - Uniform Resource Locator
  • Relative vs. Absolute URLs
  • What is HTTP - Hypertext Transfer Protocol?
  • What is HTML? XHTML?
  • XHTML coding requirements
  • Using File Transfer Protocol FTP, SFTP
  • Web directory structure
  • Posting your first page on the internet

  • Reading:   Introduction, Chapters 1, 2
     
    [Week 2] 2
  • X/HTML web page structure
  • The anatomy of X/HTML element
  • The HEAD section
  • the BODY section
  • X/HTML tags versus attributes
  • Basic X/HTML tags
  • Additional X/HTML tags
  • Formatting text
  • Adding list elements
  • Creating links to other pages
  • Internal anchors vs. external links

  • Reading: Chapters 3, 4, 7
     
    [Week 3] 3
  • Using X/HTML -- beyond basic tags
  • Adding color to the web page
  • Specifying color
  • The RGB hexadecimal color scheme
  • Adding images to the web page
  • Turning an image into a hyperlink
  • Turning an image into an image map
  • The image formats, GIF, JPEG, PNG
  • Which format should I use?
  • Adding multimedia to the web page
  • Character entities
  • The <meta> tag
  • Refresh and redirect web pages

  • Reading: Chapters 5, 6
     
    [Week 4] 4
  • Using X/HTML tables
  • The X/HTML Table structure
  • Using tables to display rows and columns
  • Using tables to layout your page
  • The <table>, <tr> and <td> tags
  • Spanning multiple rows and columns
  • Creating column groups
  • The <thead>, <tbody> and <tfoot> tags
  • Nesting tables
  • Wrapping text around tables

  • Reading: Chapters 14
     
    [Week 5] 5
  • CSS - Cascading Style Sheets
  • Why CSS? The history of CSS
  • Structure of a CSS rule
  • Advantages of using CSS
  • Inline, embedded and external CSS
  • Creating style sheets
  • Applying styles to your X/HTML
  • Inline vs. block-level tags
  • The <div> and <span> tags
  • CSS selectors
  • Class and Id selectors
  • Contextual selectors
  • Cascading and Inheritance rules

  • Reading: Chapters 9, 10
     
    [Week 6] 6
  • Midterm Exam

  • CSS Properties and Values
  • Test related properties
  • Font related properties
  • The element box model
  • Box related properties
  • Background related properties
  • Display and visibility properties
  • Positioning related properties
  • Relative vs. absolute vs. fixed positioning
  • Positioning elements in 3D using z-index
  • Specifying length units
  • Other media specific styles
  • Printing and controlling page-breaks

  • Reading: Chapters 8, 11, 12
     
    [Week 7] 7
  • X/HTML frames
  • What is a frameset?
  • What is a frame?
  • Controlling frame re-sizing and scroll bars
  • Nesting framesets
  • Targeting frames
  • Special targeting (_blank, _parent, _top, etc...)
  • Targeting to a new browser window
  • Creating inline frames

  • Reading: Chapters 15
     
    [Week 8] 8
  • X/HTML forms
  • Creating input fields
  • Creating radio and checkboxes
  • Creating selection and dropdown lists
  • Submitting a form. Where does it go?
  • About server scripts and programming
  • Saving and mailing your form content
  • The "Get" and the "Post" methods
  • Using hidden fields
  • Uploading files to a server

  • Reading: Chapters 16
     
    [Week 9] 9
  • Introduction to XML - eXtensible Markup Language
  • XML for data centric files
  • Displaying XML on the web
  • Displaying XML with CSS
  • XSLT - eXtensible Style Sheet Language
  • Displaying XML with XSLT

  • Reading:
     
    [Week 10] 10
  • Final Exam
  • Project Presentations

  • Introduction to JavaScript
  • Adding JavaScript to your HTML
  • Triggering a script with a button
  • Loading images into Cache
  • Creating image rollover effect
  • Opening additional popup windows
  • Introduction to DHTML

  • Reading: Chapters 18, 19



    All contents © 2005 Sam Sultan.
    For more information, send e-mail to: sam.sultan@nyu.edu