CD3611: Web Designs Development Laboratory syllabus for CSD 2021 regulation

Web Designs Development Laboratory detailed syllabus for Computer Science & Design (CSD) for 2021 regulation curriculum has been taken from the Anna University official website and presented for the CSD students. For course code, course name, number of credits for a course and other scheme related information, do visit full semester subjects post given below.

For Computer Science & Design 6th Sem scheme and its subjects, do visit CSD 6th Sem 2021 regulation scheme. The detailed syllabus of web designs development laboratory is as follows.

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
• 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.
• 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.
• 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
• Apply cascading Style Sheet
• Embed google font style for web content
• Use Content Delivery Network links(CDN) to embed fonts and styles
• 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
• Determine whether a given year is a leap year or not a leap year
• 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
• Input: A number n obtained using prompt Output: Factorial of n number using alert
• Input: A number n obtained using prompt Output: A multiplication table of numbers from 1 to 10 of n using alert
• 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
• Write a program to store the username in a cookie and check whether the user has successfully logged in or not.
• 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:

1. Computer Systems with i5 configuration
2. Software : Web server, PHP

Course Outcomes:

1. To write HTML program to design responsive web pages
2. To apply CSS for design the web pages to improve the appealing of the content
3. To integrate Javascript to validate the form input in web application
4. To design a web application for different context and deploy
5. To use MVC framework for designing the web application.

For detailed syllabus of all other subjects of Computer Science & Design, 2021 regulation curriculum do visit CSD 6th Sem subject syllabuses for 2021 regulation.

For all Computer Science & Design results, visit Anna University CSD all semester results direct link.