VECTOR TECHNOLOGY INSTITUTE COURSE OUTLINE PR200 - WEB DESIGN & DEVELOPMENT COURSE NUMBER PR200 SEMESTER CREDIT

HOURS 3.0 PRE-REQUISITES COURSE NAME WEB DESIGN & DEVELOPMENT COURSE HOURS 60 DATE DECEMBER 2012 AIM
This course provides students with the necessary skills to develop websites using processes and technologies learnt in this course. It will also provide the requisite foundation for students pursuing a career path of a Web professional. Topics include; hypertext markup language, cascading style sheets, JavaScript, website publishing, and website maintenance.

RATIONALE / RELEVANCE
The Web has become a very important part of our daily activities from shopping to finding out how many centimeters are in an inch. Now more than ever before many businesses are creating a web presence due to the lowered costs as well as ease with which they can access the global market. Not only are people accessing the web via their desktops and laptops but also via their smart phones and other web-enabled devices. Taking into account the new trends and developments taking place on the web, students pursuing careers in web design will need to understand the fundamental skills to capitalize on this growing industry.

METHODS OF DELIVERY
The main methods of delivery will include: Lectures, note taking and classroom discussions PowerPoint slides and multi-media projector, internet and other library resources

COURSE OBJECTIVES 1. 2. 3. 4.
Discuss the history of the Web Apply the concepts of web design Use standard tools for designing, developing and publishing websites Create websites using web technologies such as; HTML, CSS and JAVASCRIPT

VECTOR TECHNOLOGY INSTITUTE COURSE OUTLINE PR200 - WEB DESIGN & DEVELOPMENT 5. 6. 7. 8.
Integrate web services to add dynamic content and/or functionality Explain the underlying technologies and software used to operate a website Describe the process of publishing a website to the web Outline the process of website maintenance

CONTENT
Topic 1 - The World Wide Web

History Web Technology Nature of the Web

Topic 2 - Website Development Process

Web Development Teams Types of Websites Project Charter

Topic 2 - Web Design Concepts

Color Schemes Typography Page Layout Navigation

Topic 3 - HTML and XHTML

Brief History Basic elements Table, Forms, Iframes, Frames, Lists, Paragraphs Adding JavaScript, Style sheets, metadata and video

Topic 4 - Cascading Style Sheets (CSS)

Introduction CSS Syntax and Selectors Floating elements Styling HTML elements The Box Model Positioning, Sprites and Media Queries

Topic 5 - Web Graphics

VECTOR TECHNOLOGY INSTITUTE COURSE OUTLINE PR200 - WEB DESIGN & DEVELOPMENT

Web Site Images Raster vs. Vector Graphics Graphics Applications Image File Formats Optimizing Images

Topic 6 - JavaScript

Introduction Data types Flow Control Functions, Events, Objects and Document Object Model JavaScript Libraries - jQuery

Topic 7 - Website Publishing and Maintenance

Website Testing Website Hosting Domain Name Website Publishing

METHODS OF ASSESSMENT
Quizzes Assignments Final Project

RESOURCES
SUGGESTED TEXTS:

Web Design in a Nutshell: A Desktop Quick References

Web Style Guide 3rd edition

ONLINE:

http://www.w3schools.com/ http://www.codecademy.com/ http://tutsplus.com/ http://webstyleguide.com/wsg3/index.html