Course Title: Web Technologies and Applications

Course Level: UG L T P/ SW/F TOTAL

Credit Units: 3 S W CREDIT
Course Code: CSIT301 UNITS
2 - 2 - 3
Course Objectives:
 This course is aimed to provide a fundamental understanding of dynamic web site creation.
 To develop basic skills of creating web pages and explain the coding behind the designing of websites.
 To explore the requirements of designing and developing a website.

Pre-requisites: Fundamentals of IT

Course Contents/Syllabus:
Weightage (%)
Module I: Introduction to HTML programming 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.

Module II: Tables Frames 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 frames: Creation of Frame Based Pages, No frames
Element.

Module III: Introduction to Cascading Style Sheets 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.

Module IV: Java Script 15

Introduction to Java Script, data types, Variable, dialog boxes, Event handling Front level validations using JavaScript.

Module V: XML 10

Introduction to XML, XML Basics, XML Structure, Developing a DTD from XML code, Viewing XML, Viewing
XML using the XML Data Source Object, Viewing XML using Style Sheets.

Module VI: PHP programming & Working with Database

Introduction to PHP, installation and configuration, Variables, String functions, Numeric functions,Operators, 20
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 APIBuilding Database Applications.

Student Learning Outcomes:

After completion of this course, students will be able to:
 Identify the principles of coherent web coding and good visual design.
 Analyze examples of coding practice and web site design.
 Demonstrate the incorporation of of XHTML and CSS in an HTML page.
 Design web pages using HTML tags and features.
 Create web pages using PHP and database connectivity using MySQL.
 Utilize their design skills to create a professional website.

Pedagogy for Course Delivery:

The classes will be taught using theory and practical based method. Presentations 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 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 CSSfor 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 (%) End Term Examination (Total)

66.3 33.4 100

Theory Assessment (L&T):

Continuous Assessment/Internal Assessment End Term Examination

Components (Drop Attend. Mid Term Presentation/Project Assignments Total

down)
Weightage (%) 5 10 5 10
70

Lab/ Practical/ Studio Assessment:

Continuous Assessment/Internal Assessment End Term Examination

(40) (60)
Components (Drop Attend. Mid Term Lab Record Continues Viva Practical Viva Total
down Performance Evaluation
Weightage (%) 5 10 10 10 5 40 20 60

Text Book:
 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

Web References:

 http://www.allbookez.com/ivan-bayross-html-dhtml-javascript-perl/
 www.gobookee.org/internet-for-everyone-alexis-leon-tech-world