VTU Developer

Your comprehensive resource for Web Technology Lab - BCSL504

Web Technology Lab

Complete Lab Programs & Resources

BCSL504
Subject Code
01
Credits
50
CIE Marks
50
SEE Marks
100
Total Marks
02
Exam Hours

Program 1

Basic HTML Tags

Develop the HTML page named as "Myfirstwebpage.html". Set the title as "My First Web Page" and use various HTML tags including moving text, heading tags (h1 to h6), paragraph, horizontal line, line break, block quote, pre tag, and different logical styles.

HTML Fundamentals

Program 2

HTML Table - Time Table

Develop the HTML page named as "Table.html" to display your class time table. Provide the title as Time Table with table header and footer, row-span and col-span. Use various color options for cells and highlight lab hours and elective hours with different colors.

HTML Tables

Program 3

External CSS Stylesheet

Develop an external style sheet named as "style.css" and provide different styles for h2, h3, hr, p, div, span, time, img & a tags. Apply different CSS selectors for tags and demonstrate the significance of each selector.

CSS Styling

Program 4

Registration Form

Develop HTML page named as "registration.html" having variety of HTML input elements with background colors, table for alignment & provide font colors & size using CSS styles.

HTML Forms & CSS

Program 5

HTML5 Semantic Elements

Develop HTML page named as "newspaper.html" having variety of HTML semantic elements with background colors, text-colors & size for figure, table, aside, section, article, header, footer elements.

HTML5 Semantics

Program 6

JavaScript Calculator

Apply HTML, CSS and JavaScript to design a simple calculator to perform the following operations: sum, product, difference, remainder, quotient, power, square-root and square.

JavaScript Programming

Program 7

JSON & Crypto Operations

Develop JavaScript program for: Converting JSON text to JavaScript Object, Convert JSON results into a date, Converting From JSON To CSV and CSV to JSON, Create hash from string using crypto.createHash() method.

JSON & Cryptography

Program 8

PHP Programming

Develop a PHP program to keep track of the number of visitors visiting the web page and to display this count of visitors. Also develop a PHP program to sort the student records which are stored in the database using selection sort.

PHP & Database

Program 9

jQuery Programming

Develop jQuery script for: Appends the content at the end of the existing paragraph and list. Change the state of the element with CSS style using animate() method. Change the color of any div that is animated.

jQuery Library

Program 10

AJAX Programming

Develop a JavaScript program with Ajax for: Use ajax() method (without jQuery) to add text content from text file. Use ajax() method (with jQuery) to add text content. Illustrate the use of getJSON() and parseJSON() methods.

AJAX & Asynchronous Programming
Comments

Replay !

0 Comments

Share Your Thoughts

Please enter your name
Please enter a valid email
Password must be at least 6 characters
Please enter your comment
0/500 characters
Email Verification Required
We've sent a 6-digit verification code to . Please enter the code below to verify your email address.
Email Verified Successfully!
Your email has been verified. Would you like to proceed with posting your comment?

Type "YES" to confirm and post your comment, or click Cancel to skip posting.