WEB ENGINEERING Mannual PDF
WEB ENGINEERING Mannual PDF
WEB ENGINEERING Mannual PDF
INDEX
S.No 1 2 3 4 5 6 7 8 Name of Algorithm To Study Web servers and web Browsers Write the introduction of ASP, PHP and XML Create a web page purely in HTML code Create a web page to show application of CSS file Study of JavaScript and applying java script to validate form Create a web page using HTML, java script, CSS file Create a web page to show application of form controls a) Write a code in ASP to format the text with HTML tags. b) Write a code to reverse the string. c) Write a code to check is user is connected or not Create an XML document template to describe the result of student in an examination. a. Write the code in PHP by using Loop statements any 2 b.Write the code in PHP using Mathematical operations, String functions (any one). Date Sign Remark
9 10
Lab manual
Total number of Experiments: 10 S.No 1 2 Name of Algorithm To Study Web servers and web Browsers Write the introduction of ASP What are the strengths of XML technology Write short note on conditional statement and Iterations in PHP. What is the file extension of PERL, write the code using FOR and WHILE loop. e) What CGI scripts are? Create a web page purely in HTML code Create a web page to show application of CSS file Study of JavaScript and applying java script to validate form Create a web page using HTML, java script, CSS file Create a web page to show application of form controls a) Write a code in ASP to format the text with HTML tags. b) Write a code to reverse the string. c) Write a code to check is user is connected or not Create an XML document template to describe the result of student in an examination. 1) Write the code in PHP by using Loop statements any 2 2) Write the code in PHP using Mathematical operations, String functions (any one). a) b) c) d) Days needed to complete
3 4 5 6 7 8
9 10
Distribution of lab hours: Explanation of experiment: Performance of experiment: File checking: Attendance:
PROGRAM NO: - 1
Unit/Topic: Web Server and Browser
PROBLEM DEFINITION:
Study of web server and web Browser.
OBJECTIVE:
To understand working of web server and browser.
Role of Web Server: Web servers - the computer or the program - have a vital role on the Internet. The Server machine hosts the web site while the server program helps deliver the web pages and their associated files like images and flash movies. The process of loading a web site/page in a web browser starts with the user either entering the URL in the address bar or clicking on a link. You should know that each web page has a unique address (or URL) on the internet; which means the same page cannot exist in two places. The browser now needs to send out a request for the web page. Behind the scenes, the URL of the requested web page is resolved into an I.P. address, which in English means, converted to an I.P. addresses - something that computers understand. The I.P. address points to the location of the web site host and the request is forwarded to Server computer and passed on to the server software. The server software now takes up and hunts for the requested web page on the hard disk. On finding the file, it sends back a response and the web page file to the browser which then starts displaying the page. A typical web page not only has text but also embedded multimedia elements like images and Flash animation. These "extra" files are separate from the actual web page and need to be sent one by one for the browser to display the web page correctly. ONLY the web browser determines how a web page is displayed; the web server has no control over this. The job of a web server ends once it processes the request from a browser and sends the required information.
Web Browser:
A Web browser is a software application for retrieving, presenting, and traversing information resources on the World Wide Web. An information resource is identified by a Uniform Resource Identifier (URI) and may be a web page, image, video, or other piece of content. Hyperlinks present in resources enable users to easily navigate their browsers to related resources.
are cleared when the browser is closed, and persistent cookies will remain on the computer until the specified expiration date is reached. JavaScript: JavaScript is a scripting language that is used to make web sites more interactive. There are specifications in the JavaScript standard that restrict certain features such as accessing local files.
Write the introduction of ASP What are the strengths of XML technology Write short note on conditional statement and Iterations in PHP. What is the file extension of PERL, write the code using FOR and WHILE loop. What CGI scripts are?
OBJECTIVE:
To understand basics technologies for Web Applications
INPUT SET:
OUTPUT SET:
NOTES:
Unit/Topic: HTML
OBJECTIVE:
To understand basic and use of HTML tags.
INPUT SET:
OUTPUT SET:
NOTES:
OBJECTIVE:
To understand concept of CSS (Cascading style sheet)
INPUT SET:
Unit/Topic: JavaScript
OBJECTIVE:
Study of java script and validation.
THEORY:
What is JavaScript?
JavaScript gives HTML designers a programming tool - HTML authors are normally not programmers, but JavaScript is a scripting language with a very simple syntax! Almost anyone can put small "snippets" of code into their HTML pages JavaScript can put dynamic text into an HTML page - A JavaScript statement like this: document.write("<h1>" + name + "</h1>") can write a variable text into an HTML page JavaScript can react to events - A JavaScript can be set to execute when something happens, like when a page has finished loading or when a user clicks on an HTML element JavaScript can read and write HTML elements - A JavaScript can read and change the content of an HTML element JavaScript can be used to validate data - A JavaScript can be used to validate form data before it is submitted to a server. This saves the server from extra processing JavaScript can be used to detect the visitor's browser - A JavaScript can be used to detect the visitor's browser, and - depending on the browser - load another page specifically designed for that browser JavaScript can be used to create cookies - A JavaScript can be used to store and retrieve information on the visitor's computer Interpreted language -JavaScript is an interpreted language (means that scripts execute without preliminary compilation)
To insert a JavaScript into an HTML page, we use the <script> tag. Inside the <script> tag we use the type attribute to define the scripting language.So, the <script type="text/javascript"> and </script> tells where the JavaScript starts and ends: <html><body> <script type="text/javascript"> . </script> </body> </html>
JavaScript Functions To keep the browser from executing a script when the page loads, you can put your script into a function. A function contains code that will be executed by an event or by a call to the function. You may call a function from anywhere within a page (or even from other pages if the function is embedded in an external .js file). Functions can be defined both in the <head> and in the <body> section of a document. However, to assure that a function is read/loaded by the browser before it is called, it could be wise to put functions in the <head> section. <script type="text/javascript"> function displaymessage() { alert("Hello World!"); } </script>
Events
By using JavaScript, we have the ability to create dynamic web pages. Events are actions that can be detected by JavaScript. Every element on a web page has certain events which can trigger a JavaScript. For example, we can use the onClick event of a button element to indicate that a function will run when a user clicks on the button. We define the events in the HTML tags The <form> tag supports the following event attributes: Attribute onclick ondblclick onmousedown onmousemove onmouseout onmouseover onmouseup onkeydown onkeypress onkeyup onreset onsubmit Description Script to be run on a mouse click Script to be run on a mouse double-click Script to be run when mouse button is pressed Script to be run when mouse pointer moves Script to be run when mouse pointer moves out of an element Script to be run when mouse pointer moves over an element Script to be run when mouse button is released Script to be run when a key is pressed Script to be run when a key is pressed and released Script to be run when a key is released Script to be run when a form is reset Script to be run when a form is submitted
JavaScript Form Validation JavaScript can be used to validate data in HTML forms before sending off the content to a server. Form data that typically are checked by a JavaScript could be:
has the user left required fields empty? has the user entered a valid e-mail address? has the user entered a valid date? has the user entered text in a numeric field?
Browser Detection Almost everything in this tutorial works on all JavaScript-enabled browsers. However, there are some things that just don't work on certain browsers - especially on older browsers. So, sometimes it can be very useful to detect the visitor's browser, and then serve up the appropriate information. The best way to do this is to make your web pages smart enough to look one way to some browsers and another way to other browsers. The Navigator object contains information about the visitor's browser name, version, and more.The Navigator object contains all information about the visitor's browser. We are going to look at two properties of the Navigator object:
appName - holds the name of the browser appVersion - holds, among other things, the version of the browser
<script type="text/javascript"> var browser=navigator.appName; var b_version=navigator.appVersion; var version=parseFloat(b_version); document.write("Browser name: "+ browser); document.write("<br />"); document.write("Browser version: "+ version); </script>
INPUT SET:
OUTPUT SET:
NOTES:
OBJECTIVE:
Implementation of web page using HTML, java script and CSS
OBJECTIVE:
Implementation form controls in HTML page.
Unit/Topic: ASP
OBJECTIVE:
To understand the code of ASP by using format code, get and post method.
Unit/Topic: XML
Unit/Topic: PHP
2) Write the code in PHP using Mathematical operations, String functions (any one).
OBJECTIVE:
Understanding concept of PHP.