0% found this document useful (0 votes)
519 views3 pages

Web Design and Programming Lab Manual

This document outlines a set of practical assignments for a Web Design and Programming course. It includes 10 assignments in Part A focused on building basic HTML pages, CSS stylesheets, JavaScript programs, and banner advertisements. Part B includes 5 PHP assignments involving string functions, arrays, date/time functions, form processing, and a shopping cart script connected to a MySQL database. The overall summary is to gain practical experience with frontend and backend web development skills using HTML, CSS, JavaScript, PHP, and MySQL.

Uploaded by

RAMESHKUMAR B
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
519 views3 pages

Web Design and Programming Lab Manual

This document outlines a set of practical assignments for a Web Design and Programming course. It includes 10 assignments in Part A focused on building basic HTML pages, CSS stylesheets, JavaScript programs, and banner advertisements. Part B includes 5 PHP assignments involving string functions, arrays, date/time functions, form processing, and a shopping cart script connected to a MySQL database. The overall summary is to gain practical experience with frontend and backend web development skills using HTML, CSS, JavaScript, PHP, and MySQL.

Uploaded by

RAMESHKUMAR B
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
  • Part A
  • Part B

DIPLOMA IN COMPUTER ENGINEERING

CENTRALIZED QUESTION BANK

4052450 - Web Design and


Programming Practical

DIRECTORATE OF TECHNICAL
EDUCATIONGOVERNMENT OF
TAMILNADU
DIPLOMA END SEMESTER / YEAR EXAMINATION – 2022

Course: Diploma In Computer Engineering


Subject : Web Design and Programming Practical QP Code : 4052450
Time : 3 Hours Date : Session: Max Marks:100

PART - A

1. Design a HTML page describing your profile in one paragraph. Design in such a
way that it has a heading, a horizontal rule, three links and your photo. Also,
write three HTML documents for the links. Include facilities for forward,
backward and HOME.

2. Design a HTML page about computer languages. List the language. Each
Language’s name is a link. Prepare separate HTML documents for each
language and call them in the appropriate link.

3. Design a single page website for your polytechnic containing a description of the
courses offered. It should also contain some general information about the
college such as its history, the campus, and its unique features and so on. The
site should be colored and each section should have a different color.

4. Develop a web page using CSS to create a time table for the class using different
border style.

5. Write a Java script code that converts the entered text toupper case.

6.
Write a Java script code to validate the username and password. The username
and password are stored invariables.

7. Write a Java Script code using frames and Events (When a cursor moves
over an object it should display the specification of the object in another
frame).

8. Create a site containing banner advertisement at the top of the page. The ads
are changed every 10 or 15seconds
.
9. Write Query Program for Count the number of milliseconds between the two
click events on a paragraph.

10. Write Query Program for Disable/enable the form submit button & Blink the text.
PART - B

1.
Write a PHP program to implement at least 05 string functions with description

2.
Create a PHP script which display the capital and country name from the
given array. Sort the list by the name of the country.

3. Write a PHP program to implement Date and Time Functions.

4.
Write a PHP script to display table with implementing Form Processing Controls
of Insert and Delete data from database.

5. Create a simple shopping - cart script using PHP and MySQL

Common questions

Powered by AI

JavaScript events allow developers to create interactive web pages by responding to user actions such as clicks, mouse movements, or form submissions. When combined with frames, events can be used to dynamically change content in separate frames based on actions in another frame, enabling content richness without reloading the entire page. For instance, placing a specification in one frame that updates when a cursor hovers over an object in another frame can enhance the user experience by immediately providing additional information .

PHP provides various string functions to manipulate and analyze string data, such as strlen() for determining the length of a string, substr() for extracting a portion of a string, and str_replace() for replacing parts of a string. Additionally, functions like strstr() can be used to find the first occurrence of a substring in a string, and strcmp() to compare two strings. These functions are critical for processing text data, enabling developers to handle complex string operations with ease .

HTML links are fundamental in web design for connecting different pages, enabling users to navigate seamlessly between various sections of a website or related documents. Links, when appropriately used, enhance user experience by providing easy access to additional resources, supporting forward and backward navigation, and establishing a logical flow within a website, contributing to better user engagement and site ranking in search engines .

PHP excels in form processing due to its robust server-side capabilities, which allow secure handling of user input, validation, and data manipulation. Advantages include the ability to dynamically generate responses based on user data, store and retrieve information from databases, and process form submissions asynchronously. These features contribute to efficient data management and user interactivity in web applications .

A simple advertisement banner system can be created using JavaScript by defining a collection of ads and updating the banner content at regular intervals using the setInterval() function. Initially, ads are stored in an array, and a function cycles through this array, changing the displayed ad at intervals of 10 or 15 seconds. This dynamic change can be handled by updating the inner HTML or setting attributes of a DOM element designated as the advertisement banner .

PHP and MySQL can together manage a shopping cart system by allowing dynamic interaction with a database to store information about available products, user details, and cart contents. Using PHP, developers can create scripts to handle database queries for adding or removing items from the cart, while MySQL serves as the backend database storing persistent data. PHP scripts interface with the MySQL database to update cart contents and present these changes on a user's screen, thereby facilitating online transactions .

HTML can be used to structure the content of a time table, using tables or div elements to organize information in rows and columns. CSS enhances the visual appeal by applying different styles, such as border styles, background colors, and font properties, to distinguish between different sections or days in the timetable. For example, using CSS border property, one can create distinct border styles for table cells or headers, making the time table more readable and appealing .

JavaScript improves login forms by ensuring that the username and password fields meet certain criteria before submission. Validation scripts can check for common requirements, such as minimum length or the presence of certain characters, thereby reducing errors and improving security. By storing validation rules in JavaScript, feedback can be given to users immediately, without needing a server round-trip, enhancing user experience and reducing server load .

Frames allow the division of a web page into multiple sections that can load independent HTML documents. Benefits include structural organization and the ability to keep navigation continuously visible. However, they also present challenges such as increased complexity in design, potential navigation issues, and SEO implications, as search engines may struggle to index framed content effectively and consistently .

CSS allows developers to separate content from presentation, offering the key advantage of consistent styling across multiple pages. It simplifies maintaining large websites by centralizing style definitions. For example, developers can use CSS to uniformly apply colors, font styles, and layouts across various sections of a website, significantly enhancing the visual coherence and user experience without altering the HTML structure .

You might also like