Annexure ‘CD – 01’

FORMAT FOR COURSE CURRICULUM L T P/ SW/ TOTAL No of

S FW CREDIT PSDA
UNITS

2 - 2 2 4 4
Course Title: Web Technologies and Applications
Credit Units: 4

Course Level:UG Course Code: CSIT301

Course Objectives:
This course is aimed to provide a fundamental understanding of dynamic web site creation.

 To present the basic web technology concepts that are required for developing web applications.
 To develop basic skills of creating web pages and how to host own web site on internet.
 To explore the requirements of designing and developing a website.
.

Pre-requisites:
Fundamentals of IT

Course Learning Outcomes:

After completion of this course, students will be able to:

 Understand the principles of coherent web coding and how to use a digital product.
 Apply the incorporation of valid standards-conformant HTML document involving a variety of element types
 Design web pages using CSS to implement a variety of presentation effects in HTML and XML documents, including explicit positioning of elements
 Demonstrate the use of both a debugger and a DOM inspector in order to understand the execution of a client-side program
 Create a reasonably sophisticated web application using PHP and database connectivity using MySQL.
 Evaluate the skills and project-based experience needed for entry into web application and development careers
Course Contents/Syllabus:
Weightage (%)
Module I: Introduction to HTML Programming and Overview of UX 20%
Introduction to HTML5.0: History of HTML, Structure of HTML, Adding Comments, Formatting Text, Creating List,
Creating Definition List, Creating Hyper Text Links, Creating Link Lists, Inserting Inline Images, Creating Image Links,
Horizontal Rules, Address Tag, Working with Text, Changing font Sizes and Colors, Using Background Image, Marquee
Tag, Overview of User Experience Design, Fundamentals of Design, Overview of WordPress and WIX
Module II: Table IFrames and Forms 20%
Creating Tables, Table Element, Adding Border, Adding Column Headings, Adding Spacing and Padding, Adding a Caption,
Setting the table Width and Height, Add Row Headings, Aligning Cell contents, Setting Column Width, Centering a Table,
Inserting and Image, Spanning Columns, Spanning Rows Assigning Background Colors. Introduction to Forms and Forms
Elements. Introduction to iframes
Module III : Introduction to Cascading Style Sheets and W3.CSS 15%
What are Cascading style sheets? Different ways to use style sheets, Selectors DIV and SPAN Elements, Adding style to a
Document, Use id Classes and Ids, Style Sheet Properties,W3.CSS classes
Module IV : Java Script 15%
Introduction to Java Script, data types, Variable, dialog boxes, Event handling-Click, dblclick, focus, blur
Mouseover, mouseout, mousemove,Keyup, keypress, change, onload -Front level validations using JavaScript , Overview of
AJAX ,JQuery,JSON
Module V: XML 10%
Introduction of XML- Some current applications of XML, Features of XML, Anatomy of XML document, The XML
Declaration, Element Tags- Nesting and structure, XML text and text formatting element, Table element, Mark-up
Element and Attributes, Document Type Definition (DTD), types. Developing a DTD from XML code, Viewing XML,
Viewing XML using the XML Data Source Object, Viewing XML using Style Sheets, Overview of YMAIL
Module VI: PHP Programming & Working With Database 20%

Descriptors/Topics
Introduction to PHP, installation and configuration, Variables, String functions, Numeric functions, Operators, Conditions,
Loops, Array, Multidimensional Array, Associative array.
Classes, Regular Expression, Working with Date and time, code re-use, require (), include(), and the include_path, filesystem
functions, and file input and output, file uploads, error handling and logging, sending mail.
Introduction to MySQL, database design concepts, the Structured Query, Language (SQL), communicating with a MySQL
backend via the PHP, MySQL API Building Database Applications.
Pedagogy for Course Delivery:

The classes will be taught using theory and practical in blended/flipped mode based method. Activities will be given to the students to describe designing and coding
of a website. Working Example of most popular websites will be given to the students to enhance their designing and development skills.

List of Professional Skill Development Activities (PSDA):

Q1 Create a web page that will have separate links to show map of India and World. When user will open a map of India, create links to display the information of
each state i.e. highlighted in the map in a separate window/document. (The information should be brief i.e. not more than 3-4 sentences.) When user will open a world
map, show the list of countries on clicking the image in a new window.

Q2 Write an HTML page to display information of three products. The name of three products should be displayed at the top. The hyperlink should be provided to
move to the details of the product like its features, size, price etc. along with its image. The link should be internal link.

Q3 Design and develop any suitable web application using HTML, CSS and XML

Q4 Develop web-based application using suitable client side and server side web technologies.

List of Experiments:
1.Design a web page to develop a student Registration Form using HTML.
2. Design a web page to show the scrolling text using Marquee Element using HTML.
3. Design a web page to display time table of current semester.
4. Design a web page to demonstrate Image Mapping.
5. Design a web script to show the functionality of FORWARD and BACK button of History class using JavaScript.
6. Write a program to show front level validation in a Registration Form.
7. Create a HTML form with the use of Cascading Style Sheets.
8. Create a DHTML form for the dynamic use of records in a web form.
9. Create a catalog for shop which sells computer peripherals using html tables.
10. Design a web page of your home town with an attractive background color, text color, an image, font face etc. (Use inline CSS for formatting)
11. Write a program:
A) To add a button on a form.
B) To add ordered list in page.
12. Create a XML document of 10 student of SEM VI IT. Add their Enrollment No., marks obtained in 5 subject, total marks and percentage save this XML document
at the server. Write a program that accepts students enrollment No. As an input and returns the student marks, total and percentage by taking the students information
for the XML document.
13. Design a web page for Login form and perform validation using Java Script.
14. Design a web page for Quiz and calculate the result using Java script.
15. Write a program to create frames using percentage.
16. Write a Php Script to implement following MYSQL commands:
a) DELETE
b) ORDER BY
c) UPDATE
17. Write a Php Script to add new record in CUSTOMER database.
18. Write a Php Script to implement function include( ) and require( ).

Note: Design of Website including features of HTML, CSS, JAVA Script, PHP and MYSQL.

Assessment/ Examination Scheme:

Theory L/T Lab/Practical/Studio (%) (Total)

(%)
7 25 100
5

Theory Assessment (L&T):

Continuous Assessment/Internal Assessment End Term Examination

Components (Drop down) Attend. Mid Term Self Work/PSDA VIVA Total
Weightage (%) 5 10 20 5 60

Lab/ Practical/ Studio Assessment:

Continuous Assessment/Internal Assessment End Term Examination

(60)

Components Attend. Mid Term Lab Record Continues Viva Practical Viva Total
(Drop down Performance Evaluation
Weightage (%) 5 10 10 10 5 40 20 60
Mapping Continuous Evaluation components/PSDA with CLOs

Bloom’s Level Understanding Analyzing Creating Creating Evaluating Applying

CLO1 CLO2 CLO3 CLO4 CLO5 CLO6

Quiz X

MCQ X

VIVA X

PSDA1 X X

PSDA2 X X

PSDA3 X X X

PSDA4 X

Text Reading:
 Ivan Bayross , “HTML, DHTML, JavaScript, Perl, CGI” , BPB Publication, Third Edition, 2013.
 Thomas Powell, “The Complete Reference HTML & XML” , BPB Publication, Fourth Edition, 2002.
 Alexis Leon and Mathew Leon, Leon Tech world, “Internet for everyone”, Vikas Publishing House,2012.
 Sarah Horton & Whitney Quesenbery, “A Web for Everyone”, Anticipated publication, 2012.
 Michael K. Glass, Yann Le Scouarnec, Elizabeth Naramore, Gary Mailer, Jeremy Stolz, Jason Gerne “Beginning PHP, Apache, MySQL Web Development” ,
ISBN: 978-0-7645-5744-6
 http://www.allbookez.com/ivan-bayross-html-dhtml-javascript-perl/
 www.gobookee.org/internet-for-everyone-alexis-leon-tech-world