CD3611 Web Designs and Development Laboratory Syllabus:
CD3611 Web Designs and Development Laboratory Syllabus – Anna University Regulation 2021
COURSE OBJECTIVES:
To apply HTML tags in creating Web pages
To Integrate CSS in HTML pages
To use Javascript for form validation and messages
To write PHP program with classical PHP coding to design web applications
To design web application using MVC framework
LIST OF EXPERIMENTS:
1. Install the following on the local machine: Apache Web Server, Tomcat Application Server locally, Install MySQL and install PHP and configure it to work with Apache web server and MySQL.
2. Create a webpage with HTML describing your department details. Use Tables, paragraph and list tags
a. Apply in-line CSS to change colors of certain text portion, bold, underline and italics certain words in your HTML web page. Also change the background color of each paragraph using inline CSS.
b. Write all the above styling in CSS in different file (.css) and link it to your webpage such that changes made in CSS file are immediately reflected on the page.
c. Group paragraphs into a single class and add styling information to the class in CSS.
3. Create a responsive Html page with following tasks:
. Menu Bar with Dropdown
a. Apply cascading Style Sheet
b. Embed google font style for web content
c. Use Content Delivery Network links(CDN) to embed fonts and styles
d. Embed Image and Videos related to the web page content.
4. Write a Java script to prompt for user’s name and display it on the screen
5. Create a form for the student registration with 10 attributes. The attributes may be collected through different input tags and Put validation checks on values entered by the user using JavaScript
6. Write a JavaScript program to run the following function . Print the contents of the current window
a. Determine whether a given year is a leap year or not a leap year
b. Check the email id is mapping with a regular Expression
7. Develop and demonstrate JavaScript with POP-UP boxes and functions for the following
problems: . Input: Click on Display Date button using onclick( ) function Output: Display date in the textbox
a. Input: A number n obtained using prompt Output: Factorial of n number using alert
b. Input: A number n obtained using prompt Output: A multiplication table of numbers from 1 to 10 of n using alert
c. Input: A number n obtained using prompt and add another number using confirm Output: Sum of the entire n numbers using alert
8. Create a web page using XML.
9. Fetch the XML data using XPath / XQuery
10. Programs using DOM and SAX parsers.
11. Write a PHP program for the below mentioned task . Write a program using PHP and HTML to create a form and display the details entered by the user
a. Write a program to store the username in a cookie and check whether the user has successfully logged in or not.
b. Write a PHP Program to display current Date, Time and Day
12. Create a Website for an organization with Menus and Sub Menus with detailed content
13. Create a web portal for Employee registration, Update and prepare report of the employee using PDF
14. Create a Login Page with Captcha code using AJAX and integrate session and cookies
15. Write a program to send HTML form data to email using PHP
16. Complete the following tasks using laravel or codeigniter framework
17. Create a model for Employee registration for creating tables and establish connectivity between the application to Database. (MVC Architecture
18. Create a admin panel with CRUD operation
List of Equipments:(30 Students per Batch)
1: Computer Systems with i5 configuration
2: Software : Web server, PHP
COURSE OUTCOMES:
CO1: To write HTML program to design responsive web pages
CO2: To apply CSS for design the web pages to improve the appealing of the content
CO3: To integrate Javascript to validate the form input in web application
CO4: To design a web application for different context and deploy
CO5: To use MVC framework for designing the web application.