Lab Manual: WEB TECHNOLOGY
Department of Information Technology
DEPARTMENT OF INFORMATION TECHNOLOGY
LAB MANUAL
Subject Name: Web Technology Course Code: IT-604 Course: B.E. Session:
Submitted By: NAME: Roll No.:
Submitted To:-
0
Lab Manual: WEB TECHNOLOGY
Department of Information Technology
List of Programs Experi ment No.
Aim
2.
Program to show HTML Page Structure. Program to show the Impact of HTML Headings.
3.
Program to show the id attribute in HTM page.
4.
Program to show The HTML <style> Element
1.
5. 6. 7. 8. 9. 10. 11. 12.
13.
14.
Date of Submission
Signature & Remark
Create The IT Department website home page for various tags. Program to Make a hyperlink of an image IN HTML. Program to implement table in HTML. Program for HTML Document, which provides a form that collects names and phone numbers. JavaScript program to show factorial of a number. Design a Home Page for IT Department OIST using various HTML Tags. Write a program to display a form for student details. Write a program to create a form that takes marks and displays the total and result. Write a program to create a webpage having two vertical frames. The leftmost frame should be ¼ of the screen and should contain hyperlink of a Numbered list and definition list on clicking respective links display the list in the next frame. Create a webpage. The list should have least 10 countries name where 2nd and 4th and 10th country should be selected by default.
1
Lab Manual: WEB TECHNOLOGY
Department of Information Technology
Experiment - One
AIM: Write a program to show the basic structure of HTML page. ALGORITHM STEP 1 Declare the document type. STEP 2 Declare the first html tag. STEP 3 Declare body tag. STEP 4 END (STEP 3) STEP 5 END (STEP 2)
2
Lab Manual: WEB TECHNOLOGY
Department of Information Technology
Experiment – Two
AIM: Program to show the Impact of HTML Headings. Concept-Headings are defined with the
to tags. defines the most important heading. defines the least important heading. ALGORITHM STEP 1 Declare the document type. STEP 2 Declare the first html tag. STEP 3 Declare body tag. STEP 4 Declare heading tag. STEP 4 END heading tag. STEP 5 END (STEP 3). STEP 6 END (STEP 2).
3
Lab Manual: WEB TECHNOLOGY
Department of Information Technology
Experiment – Three
AIM: - Program to show ID Attribute in html page. Concept: The id attribute can be used to create a bookmark inside an HTML document. Bookmarks are not displayed in any special way. They are invisible to the reader.
ALGORITHM STEP 1 Declare the document type. STEP 2 Declare the first html tag. STEP 3 Declare body tag. STEP 4 Declare id attributes. STEP 5 Declare heading tag. STEP 6 END heading tag. STEP 7 END (STEP 3). STEP 8 END (STEP 2).
4
Lab Manual: WEB TECHNOLOGY
Department of Information Technology
Experiment - Four
AIM: Program to show The HTML <style> Element Concept: The <style> tag is used to define style information for an HTML document. Inside the <style> element you specify how HTML elements should render in a browser: ALGORITHM STEP 1 Declare the document type. STEP 2 Declare the first html tag. STEP 3 Declare body tag. STEP 4 Declare id attributes. STEPS 5 Declare heading tag. STEP 6 Declare style type tag. STEP 7 END the style STEP 8 END heading tag. STEP 9 END (STEP 3). STEP 10 END (STEP 2).
5
Lab Manual: WEB TECHNOLOGY
Department of Information Technology
Experiment – Five Objective: - Create the IT Department website home page for various tags. ALGORITHM STEP 1 Declare the document type. STEP 2 Declare the first html tag. STEP 3 Declare heading tag. STEP 4 Declare title tag. STEP 5 End the title. STEP 6 Declare style type tag. STEP 7 End the style tags STEP 8 END (STEP 3). STEP 9 Declare body STEP 10 END body tag STEP 11 END (STEP 2).
6
Lab Manual: WEB TECHNOLOGY
Department of Information Technology
Experiment - Six AIM: Write a program to create a hyperlink of an image in HTML Concept: When the user Click on the sun or on one of the planets to watch it closer:
ALGORITHM STEP 1 Declare the document type. STEP 2 Declare the first html tag. STEP 3 Declare body STEP 4 Enter the planet name and image in body. STEP 5 END body tag STEP 6 END (STEP 2).
7
Lab Manual: WEB TECHNOLOGY
Department of Information Technology
Experiments – Seven
AIM: write a program to implement TABLE in HTML. ALGORITHM STEP 1 Declare The document type. STEP 2 Declare the first html tag. STEP 3 Declare BODY tag. STEP 4 Declare TR & TD tags to insert the no. of row and column. STEP 5 END BODY tag STEP 6 END (STEP 2).
8
Lab Manual: WEB TECHNOLOGY
Department of Information Technology
Experiment – Eight
AIM: Write a Program for the HTML Document form, which collects the names and phone numbers.
ALGORITHM STEP 1 Declare the document type. STEP 2 Declare the first html tag. STEP 3 Declare body STEP 4 Declare form tag STEP 5 Use the label and text box to make the form STEP 6 END form tag STEP 7 END body tag STEP 8 ENDS (STEP2).
9
Lab Manual: WEB TECHNOLOGY
Department of Information Technology
Experiment- Nine Aim: JavaScript program to show factorial of a number. ALGORITHM STEP 1 Declare the document type. STEP 2 Declare the first html tag. STEP 3 Declare script Language STEP 4 Using the loop code the function STEP 5 END body tag STEP 6 END (STEP 2).
10
Lab Manual: WEB TECHNOLOGY
Department of Information Technology
Experiment – Ten AIM: Design a Home Page for IT Department OIST using various HTML Tags. ALGORITHM STEP 1 Declare the document type. STEP 2 Declare the first html tag. STEP 3 Declare heading tag. STEP 4 Declare title tag. STEP 5 END the title. STEP 6 Declare style type tag. STEP 7 END the style tags STEP 9 END (STEP 3). STEP 10 Declare body STEP 11 Use different various html tag to link hyperlink etc. STEP 11 END body tag STEP 12 END (STEP 2).
11
Lab Manual: WEB TECHNOLOGY
Department of Information Technology
Experiment - Eleven AIM: Write a program to display a form for student details. ALGORITHM STEP 1 Declare The Document type. STEP 2 Declare The First Html Tag. STEP 3 Declare Heading Tag. STEP 4 Declare Title Tag. STEP 5 END (STEP4). STEP 6 END (STEP3). STEP 7 Declare Body STEP 8 Declare Form Tag STEP 9 Declare Table Tag STEP 10 Use different various html tag like tr and td give the name of various field like fname, lname, pwd, gender, etc. STEP 11 END (STEP 9). STEP 12 END (STEP 8). STEP 13 END (STEP 7). STEP 14 END (STEP 2).
12
Lab Manual: WEB TECHNOLOGY
Department of Information Technology
Experiment - Twelve AIM: Write a program to create a form that takes marks and displays the total and result. ALGORITHM STEP 1 Declare the DOCUMENT type. STEP 2 Declare the first HTML tag. STEP 3 Declare HEADING tag. STEP 4 Declare title tag. STEP 5 END (STEP4). STEP 6 END (STEP3). STEP 7 Declare BODY STEP 8 Declare TABLE tag STEP 9 Use different various html tag like tr and td give the name of various field like name, roll. no., subject, etc. STEP 10 END (STEP 8). STEP 11 END (STEP 7). STEP 12 END (STEP 2).
13
Lab Manual: WEB TECHNOLOGY
Department of Information Technology
Experiment - Thirteen AIM: Write a program to create a webpage having two vertical frames. The leftmost frame should be ¼ of the screen and should contain hyperlink of a Numbered list and definition list on clicking respective links display the list in the next frame. ALGORITHM STEP 1
Declare The Document
STEP 2
Divide Page Into Frames. STEP 2.1 Declare HTML Tag. STEP 2.2 Declare HEADING Tag. STEP 2.3 Declare TITLE Tag. STEP 2.4 END (STEP 2.3.) STEP 2.5 END (STEP 2.2.) STEP 2.6 Declare Frameset Tag. STEP 2.7 END (STEP 2.6.). STEP 2.8 END (STEP 2.1).
STEP 3 Design Page 1 STEP 3.1 Declare HTML Tag. STEP 3.2 Declare HEADING Tag. STEP 3.3 Declare TITLE Tag. STEP 3.4 END (STEP 2.3.). STEP 3.5 END (STEP 2.2.). STEP 3.6
Declare BODY Tag.
STEP 3.7
Provide the numbers list, definition list link using attributes.
STEP 4
Design Numbered page using various tag.
STEP 5
Design Definition page using various tag. 14
Lab Manual: WEB TECHNOLOGY
Department of Information Technology
Experiment - Fourteen AIM: Create a webpage. The list should have least 10 countries name where 2 nd and 4th and 10th country should be selected by default. ALGORITHM:STEP 1 Declare the DOCUMENT type. STEP 2 Declare the first HTML tag. STEP 3 Declare HEADING tag. STEP 4 Declare TITLE tag. STEP 5 END (STEP 4). STEP 6 END (STEP 3). STEP 7 Declare BODY tag STEP 8 Declare TABLE tag STEP 9 Use different various html tag like tr and td give the name of various field like name, roll. no., subject, etc. STEP 10 END (STEP 8). STEP 11 END (STEP 7). STEP 12 END (STEP 2).
15
Lab Manual: WEB TECHNOLOGY
Department of Information Technology
EXPECTED VIVA VOICE QUESTIONS
1. What is Web application? Ans:- A web application is any application that uses a web browser as a client. The application can be as simple as a message board or a guest sign-in book on a website, or as complex as a word processor or a spreadsheet. 2. What is Web browser? Ans:- Web browser (commonly referred to as a browser) is a software application for retrieving, presenting and traversing information resources on theWorld Wide Web. An information resource is identified by a Uniform Resource Identifier (URI/URL) and may be a web page, image, video or other piece of content. Hyperlinks present in resources enable users easily to navigate their browsers to related resources. 3. What is website? Ans:-Basically website is an information provider; it provides information globally using internet protocols. 4. What is WWW? Ans:-The term WWW refers to the World Wide Web or simply the Web. The World Wide Web consists of all the public Web sites connected to the Internet worldwide, including the client devices (such as computers and cell phones) that access Web content. The WWW is just one of many applications of the Internet and computer networks. 5. What is Web portal? Ans:-Web portal is a business gateway, It organizes business operations. Ex: Online shopping portals, Job portals etc. 6. What is Web server? Ans:-Web server handles Clint side and server side validations and helps to deliver Web content that can be accessed through the Internet protocols. Examples: Microsoft IIS (Internet Information Service) Apache Web server from Apache Java Web server Pramathi web server etc. 7. What is database server? Ans:-Database server is used to refer to the back-end system of a database application using client/server architecture. The back-end, sometimes called a database server, performs tasks such as data design, storage, data manipulations, archiving, and other non-user specific tasks. Examples: Oracle, MS SQL Server, MySQL. 8. What is HTML? 16
Lab Manual: WEB TECHNOLOGY
Department of Information Technology
Ans:-HTML stands for Hyper Text Markup Language, it is for displaying web pages and other information. Basically it is data presenter in the web. 9. What is HTTP? Ans:-Hyper Text Transfer Protocol, the data transfer protocol used on the World Wide Web. 10. What is HTTPS? Ans:-HTTPS stands for Hypertext Transfer Protocol Secure is a widely-used communications protocol for secure communication over a computer network. 11. What is purpose of Java Script in the Web? Ans:-It is for performing client side validations 12. Which are the HTTP Response Objects? Ans:-Some of the HTTP Response Objects are write, flush, tell, etc. The subclasses of HTTP Response are HttpResponseRedirect, HttpResponsePermanentRedirect, HttpResponseBadRequest, HttpResponseNotFound, etc. 13. What is a proxy server? Ans:-A proxy server is a server, which behaves like an intermediary between the client and the main server. Therefore, the requests onto the main server are first sent to the proxy server from the client system, which are then forwarded to the main server. The response from the main server is sent to the client through the proxy server itself. 14. How are the static websites different than the dynamic websites? Ans:- Static websites only give out information to the user and the user does not have any sort of interaction with the website. On the other hand, dynamic websites are the ones, where the user communicates with the system and is asked for information. 15. What is the purpose of VbScript in the Web? Ans:-It can be used for client side validations as well as Server side validations. 16. What is Web Services? Ans:- Web services are application components, communicate using open protocols and these can be used by other applications. 17. What the latest web technologies do you know? Ans:-Latest web technologies are: The main three web tracks: 1. Microsoft ASP.Net Track + SQL Server database engine (IDE: Expression Web, Visual Studio). 2. Oracle Java Track + Oracle database engine (IDE: NetBeans, Eclipse). 18. What types HTTP Response Codes do you know? 2xx-success. 3xx-redirection 4xx- client error. 5xx- server error.
17
Lab Manual: WEB TECHNOLOGY
Department of Information Technology
18