Web Technology Laboratory- 20CS68L

List of Programs

1. Design a web page for the department timetable containing a suitable header, footer, description of the course codes and titles, faculty name and initials, etc., use href, list tags and add University logo as a background. Using table tag and additional features like spanning rows, columns and table borders. [Refer your class timetable]

2. a) Create a form to collect Student feedback. (Use textbox, text area, checkbox, radio button, select box etc.). b) Create a web page using frame. Divide the page into two parts with Navigation links on left-hand side of page (width=20%) and content page on right-hand side of page (width = 80%). On clicking the navigation Links corresponding content must be shown on the right-hand side.

3. a) Create a web page using frame. Divide the page into two parts with Navigation links on left-hand side of page (width=20%) and content page on right-hand side of page (width = 80%). On clicking the navigation Links corresponding content must be shown on the right-hand side. b) Write HTML code to develop a webpage having two frames that divide the webpage into two equal rows and then divide the row into equal columns. Fill each frame with a different background color.

4. Create your resume using HTML tags. Also, experiment with colors, text (bold, italic, and different headings), image, link, size, and other related tags.

5. Design a web page using CSS with suitable design for the following: i. Demonstrate different font styles. ii. Control the repetition of an image with the background-repeat property. iii. Define style for links as a: link, a: active, a: hover, a: visited. iv. Demonstrate Element visibility.

6. a) Design a web page of your institute (week-1) with an attractive background color, text color, an image, font, etc. (use internal CSS). Use External CSS to format the class timetable. b) Use External, Internal, and Inline CSS to format the resume that you created in Week 4.

7. a) Develop a simple calculator for Addition, Subtraction, Multiplication, and Division operations using JavaScript. b) Create an HTML Page that contains a form with fields Name, Email, Mobile No, Gender, Favorite Color, and a button. Write a JavaScript code to validate all the fields when the button is clicked, later combine and display the information in a textbox.

8. Write an XHTML document that displays a form containing text elements to input register number, sub-code, marks in three tests, and a button element. Also, write JavaScript to compute the average of the two best tests on click of the button and print average marks using an alert. Validate all the fields using JavaScript.

9. Develop an XHTML document and JavaScript to validate the following fields in a registration page: i. User ID (must be of length 5 to 12). ii. Name (only alphabets and the length should not be less than 15 characters). iii. Password (must be eight characters including one uppercase letter, one special character, and alphanumeric characters). iv. E-mail (should not contain invalid addresses).

10. a) Write a PHP script to display today’s date in dd-mm-yyyy format. b) Write a PHP script to check whether the number is prime or not when the user inputs a valid number from the client side.

11. Create an HTML page that contains textbox, submit/reset button. Write a PHP script to display this information and also store it in a text file.

12. Write a PHP script for login authentication. Design an HTML form which takes Username and Password from the user and validates against stored Username and Password in a file.