Scribd
Upload
2 views7 pages

BWT Practical List

The document outlines a practical course on Basics of Web Technology for B.Tech students, covering fundamental topics such as computer networks, the internet, web servers, and HTML. It includes a comprehensive list of practical exercises for HTML, CSS, JavaScript, and Bootstrap, aimed at developing web development skills. Students are required to create various web pages and applications, culminating in the deployment of a static website with at least 20 pages.

Uploaded by

amitdangi
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
2 views7 pages

BWT Practical List

The document outlines a practical course on Basics of Web Technology for B.Tech students, covering fundamental topics such as computer networks, the internet, web servers, and HTML. It includes a comprehensive list of practical exercises for HTML, CSS, JavaScript, and Bootstrap, aimed at developing web development skills. Students are required to create various web pages and applications, culminating in the deployment of a static website with at least 20 pages.

Uploaded by

amitdangi
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 7

GANPAT UNIVERSITY

U.V. PATEL COLLEGE OF ENGINEERING

B.Tech 1st Semester CE/IT/CE-AI-2022

2ES1109: Basics of Web Technology

Practical-1

AIM: To study the basics of Web Technology.

Prepare a short summary on the following:

1. Network
a. Types of Computer network
b. Topology

2. Internet & Its Applications


3. WWW
4. Domain Name
5. HTTP
6. HTTPS
7. Webpage
8. Website
9. Web server
10. URL
11. Protocol
12. IP Address
13. Browser
14. ISP
Unit-2
HTML-Practical List
Practical-2
1. Design a page having suitable background color and text color with title “My First Web
Page” using all the attributes of the Font tag.
2. Create a HTML document giving details of your [Name, Age], [Address, Phone] and
[Register Number, Class] aligned in proper order using alignment attributes of Paragraph tag.
3. Write HTML code to design a page containing some text in a paragraph by giving suitable
heading style.
4. Create a page to show different character formatting (B, I, U, SUB, SUP) tags.
5. Write HTML code to create a Web Page that contains an Image at its centre
6. Create a web page with an appropriate image towards the left hand side of the page, when
user clicks on the image another web page should open.

7. Create web Pages using Anchor tag with its attributes for external links.
Procedure:
8. Create a web page for internal links; when the user clicks on different links on the web page it
should go to the appropriate locations/sections in the same page.
9. Write a HTML code to create a web page with pink color background and display moving
message in red color.
10. Create a web page, showing an ordered list of all first semester subjects
11. Create a web page, showing an unordered list of names of all the Engineering Programs in
our institution.

Practical -3
a)Write a HTML program to design a form which should
allow to enter your personal data

( Hint: make use of text field, password field, e-mail, lists, radio buttons,
checkboxes, submit button)

b)Write html code to generate following output.

 Coffee
 Tea
o Black Tea
o Green Tea
 Milk

c)Write a HTML code to generate following output


d) Write a HTML code to generate following output

Practical-4

a) Create a web page of your college with following specifications

Place your College name at the top of the page in large text followed by address in
smaller size Add names of courses offered each in a different color, style and
typeface Add scrolling text with a message of your choice Add college image at
the bottom.

b) Write a HTML code to generate following output

First Frame: Name and address

Second frame Third frame

Bulleted list of qualifications Links to favourite sites

Fourth frame Fifth frame Blinking Sixth frame Image


Scrolling message reminders
c) Create an html page with red background with a message “warning” in large size blinking.
Add scrolling text “read the message” below it.

Practical-5

a)Write a HTML code to generate following output

▪ Maharashtra
o Pune
I. Dighi
II. Moshi
III. Shivajinagar
o Mumbai
I. Santakruiz
II. Vikroli
III. Mumbra

b)Create an html page with 7 separate lines in different colors. State color of each line in its
text.

c)Create an html page with following specifications

Title should be about myCity Place your City name at the top of the page in
large text and in blue color Add names of landmarks in your city each in a different
color, style and typeface One of the landmark, your college name should be
blinking . Add scrolling text with a message of your choice

d) Write a HTML code to generate following output


e) Create an html page with all the different text styles (bold, italic and underlined) and its
combinations on separate lines. State style of each line in its text.

Practical-6
a)Write a HTML code to generate following output.

b)Create an html page with red background with a message “warning” in large size blinking.
Add scrolling text “read the message” below it.
Practical-7

Unit-3

CSS Practical List

1. Write a program to demonstrate the usage of inline CSS.


2. Write a program to demonstrate the usage of internal CSS.
3. Write a program to demonstrate the usage of external CSS.
4. Write a program to understand class and id.
5. Write a program to understand position, floating, padding, and margin.
6. Write a program to understand border, font, alignment text
7. Write a program to understand styling text and styling link.
8. Write a program to understand different types of CSS transition effects.
9. Write a program to understand the animation properties
10. Write a program to understand media queries.
11. Write a program to understand CSS responsive
12. Write a program to understand the CSS Grid System.
13. Make any clone website using HTML and CSS.

Practical-8

Unit-4
JavaScript Practical List
1. Write a program to display an alert message when you click on a button.
2. Write a program using JavaScript elements.
3. Write a program to respond to something when you click on a button.
4. Write a program to add extra content when you click on a button.
5. Write a program to create a simple game with random numbers.
6. Write a program to display a message username and password is required.
7. Write a program to disappearing circles.
8. Write a program to declare variables and array.
9. Write a program to understand if else statements and different types of loops
10. Write a program to understand switch Statements.
11. Write a program to understand simple validation.

Practical-9

12. Write a program to understand registration form with validation


13. Write a program to validate Name using Regular Expression.
14. Write a program to validate the name with caret symbol (^) using Regular Expression.
15. Write a program to validate the Mobile number using Regular Expression
16. Write a program to validate the email address using Regular Expression
17. Write a program to understand Get Methods.
18. Write a program to understand Set Methods.
19. Write a program for dynamic dependent drop down menu.
20. Write a program to understand Show Comments.
21. Write a program to understand Show and hide Comments.
22. Write a program to understand password strength with background color of textfied.
23. Write a program to understand password strength with text color.

Practical-10

Unit-5
Bootstrap Practical List

1. To understand Bootstrap environment setup with html code.


2. Write a program to understand Grid systems.
3. Write a program to understand Images and tables.
4. Write a program to display different types of color on button.
5. Write a program to display a registration form with different properties.
6. Write a program to understand different types of components: alerts, cards,carousel,Drop
down, modal, nav, navbar etc.
7. Write a program to understand spinners.
8. Write a program to understand use of icons.
Note:
Make any static website of at least 20 web pages using HTML, CSS, JavaScript and Bootstrap.
Also deploy this website on the internet free of cost.

You might also like