|
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, 5, 6, 15 |
| |
| [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: |
Chapter 5 |
| |
| [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 16 |
| |
| [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 7, 8, 9 |
| |
| [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 10, 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: |
None (web research) |
| |
| [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 17 |
| |
| [Week 9] |
9 |
Introduction to JavaScript
Adding JavaScript to your X/HTML
Triggering a script with a button
Loading images into Cache
Creating image rollover effect
Opening additional popup windows
Introduction to DHTML
|
|
| Reading: |
Chapters 19, 20 |
| |
| [Week 10] |
10 |
Final Exam
Project Presentations
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: |