L T P J C

ITA1007 Web Development

3 0 2 4 5
Pre-requisite None Syllabus version
1.0
Course Objectives:
1. Students will gain the theoretical skills and practical experience required for entry into web
design and development careers.
2. Students will be able to use a variety of the latest technologies to create responsive
websites.
3. Students will learn to develop, host and maintain a responsive website.
Expected Course Outcomes:
1. Implement an appropriate planning strategy for developing websites.
2. Describes the strengths and weaknesses of the client-server internet approaches to web
design and implementation of the same.
3. Create and manipulate web media objects using HTML5 and CSS.
4. Create a webpage and use scripting languages to transfer data and add interactive
components to other web pages.
5. Create a webpage and modify the web structure using the DOM model and utilize graphic
design to enhance web pages.
6. Develop a responsive website that works in the cross-platform environment and also a host
and maintain that website in the real-time environment.
7. Develop and implement solutions to problems encountered in all phases of the design
process.
Student Learning Outcomes (SLO) 2, 8, 13, 18
Module:1 Web Design Principles: 5 hours
Brief History of Internet – WWW – Why create a Website – Web Standards – Basic Principles
involved in developing a website – Planning Process – Five golden rules for website designing –
Design Concept
Module:2 Introduction to HTML 6 hours
Structure of an HTML document - Basic Tags –Working with Text, List, Tables and Frames -
Linking document, Image and Multimedia – Forms and Controls.
Module:3 Cascading Style Sheets: 8 hours
Introduction – Creating Style Sheet – CSS Properties – CSS Styling : Background, Text Format,
Controlling Fonts – Working with block elements and Objects – Working with Lists and Tables –
CSS Id and Class – Box Model : Border, Padding & Margin Properties – CSS Advanced:
Grouping, Dimension, Display, Positioning, Floating, Align, Pseudo Class, Navigation Bar, Image
Sprites, Attribute Sector – CSS Color – Creating Page Layout and Design
Module:4 Java Script 7 hours
Introduction to Java script - Advantage of Java script Java script Syntax – Data type - Variable -
Array - Operator and Expression - Looping Constructor - Function - Dialog box.
Module:5 Event Handling: 6 hours
Java script document object model - Introduction - Object in HTML - Event Handling - Window
Object.
Module:6 Document Object Model 6 hours
Document object - Browser Object - Form Object - Navigator object Screen object - Build in
Object - User defined object - Cookies.
Module:7 Website Design and Management 5 hours
Site Planning –Site navigation- Responsive Web Designing – Validating a Website
Module:8 Industrial Expert Talk 2 hours
Total Lecture hours: 45 hours
Text Book(s)
1. Josh Hill, HTML5 and CSS3 in Simple Steps, 2011, Pearson.
2. David Flanagan, Javascript: The definitive Guide, 2011, 6th Edition, Oreilly Media.
3. Joel Sklar, Principle of Web Design, 2014, 5th Edition, Cengage Learning.
Reference Books
1. Alexis Goldstein, Louis Lazaris, Estelle Way, HTML5 and CSS3 for the Real World, 2015,
SitePoint Pty Ltd.
2. Jon Duckett, Beginning HTML,XHTML, CSS and Javascript, 2011, Wiley India.
List of Challenging Experiments
1. Design a website for a product with the following design requirements. 10 hours
• Solid gray banner along the top of the browser window
• company logo
• product image
• A text-based navigation menu
• Links to each of the site’s web documents
• A content area
• A heading that identifies page content
• A paragraph for displaying content
• A copyright notice

2. Design a Maths Quiz Page using HTML and CSS. 9 hours

 The page will present the visitors with instructions for taking
a 10-question math quiz along with the quiz questions itself.
 Answers to each question are provided at the bottom of the
web page. The visitors can jump back and forth between
 questions and answers by clicking on individual questions
and answers.
 Specifically, every question is individually linked to its
corresponding answer at the bottom of the page and every
answer is linked back to its corresponding question.
 Improve the web page navigation by adding an extra link at
the top and bottom of the document, which when clicked
jumps the user from the top to the bottom of the web page
and vice versa.
 Expand the text that provides the user with instructions,
explaining the number of questions that must be answered in
order to pass the quiz.
 Decorate the web page by experimenting with the rules
located in its internal style sheet, assigning different font
colors, font types, and sizes.

3. Develop a word decoder challenge game using HTML, CSS and Javascript. 11 hours
Present the player with a set of scrambled word & hint and challenge him to
unscramble them. For each attempt randomly select a word ,refrsh the
browser window dynamically and display the scrambled word in red. Once
the player thinks the word has been properly decoded, he clicks on the
Check Answer button to see the results. If the answer is correct, the player is
notified via a success message displayed in a popup dialog window or
display a failure message.
Total Laboratory Hours 30 hours
Recommended by Board of Studies 12.6.2015
Approved by Academic Council No. 37th Date 16-6-2015