Introduction to Web Design & Development
Course Outline
Week Overview of Web Design & Development
One o Terms used in wed design & Development
o History of web Development
o Advantage of web-based system over other systems
o Career opportunities for web developers
Two Introduction to principles of web design
o Concepts
o Architecture
o Design
o Execution
o Testing
Navigation Design
Introduction o Tabs
o Cross-navigation o Breadcrumb trail
o Color-coding o Process Steps
Three HTML –Lesson 1
o Origins of HTML
o Basic syntax and text formatting
o Images, links and lists
o Tables and frames
Four HTML –Lesson 2
Forms
o Introduction
o Structure of a form
o Input elements o Menus
o Text Fields o Text Areas
o Password Fields o Submit Buttons
o Checkboxes o Image Buttons
o Radio Buttons o File Input
Five Cascading Stylesheets (CSS)
o Introduction
o Specifying a style
o Style rule
o Ways of defining a style
o Style classes
o Font properties
o Margins
o Span
o Div
1
Six CGI Programming
o Introduction
o Common Gateway Interface (CGI)
o Some Alternatives to CGI Scripting
o Sending Form Data
o Environment Variables
o Output of a CGI Script
More on CGI to be done in Internet Application Programming II
Seven Writing Scripts
Java Script –Lesson 1
o Embedding a script to a web page
o Declaring variables
o Working with window objects
o Alert
o Prompt
o Confirm
Eight Java Script –Lesson 2
o Decision making statements
o Working with loops
Nine Java Script –Lesson 3
o Defining functions and JavaScript objects
o Using Inbuilt objects
Ten Working with Java Applets
o Creating an applet
o Using the applet tag to invoke the class file
Eleven Revision
Twelve
Thirteen End of semester Exams
Fourteen
Assessment Three Cats Total marks 20%
Two Assignments Total Marks 10%
End of semester Exams marks 70%
References http://www.scs.carleton.ca Internet Application Programming Notes
Concepts discussed in this unit may also be found in the following books:
HTML complete course by Seybold
JavaScript Bible by Danny Goodman