You are on page 1of 3

Lovely Professional University #Homework (Session: Autumn 2012-13) Course Title: Web Programming Code: INT302 Maximum Marks:

30 NAME: AVILASH SHARMA ROLL:12 REGNO:11005416 Qus 1: What are the various technologies used to develop web based applications? Categories according to their usage. ANS: ANS-1-The various technologies used to develop web applications are HTML,& JAVA SCRIPT,FLASH,XML,AJAX,HTML5,out of this HTML & JAVA are supported by various number of web browser. They are working on the specific variant of client server architecture. According to their usage the first preference should be given to HTML5 because it provide multimedia & graphics features without the need of client side plugins.They also provide a 3d kind of environment.They are also rich in the semantics contents of documents.They are really web based rich browser applications platforms. The second preference should be given to AJAX which came in 2005,it makes applications like gmail to allow the client side more & more attractive.In this the web page script is able to contact the server for storing/retrieving data without downloading the entire web page.

The third preference should be given to FLASH,as it brought animations in the web pages. It allowed the use of a scripting language to program interactions on the client side with no need to communicate with the server. The fourth preference should be given to javascript as it is usefull for adding dynamic elements to the web pages.In this it allows input validations & hiding documents of the page.

(10)

Qus 2: Develop a web page for Online Tutorial with following features 1. Index of Tutorial- When user click on the Index topic, focus automatically navigates to corresponding topic. 2. Background Colour- RGB Values are 100,210,10 respectively 3. Horizontal Line: Height 10 pixels and Width 600 pixels.

4. Structure according to HTML 5. 5. User can directly send Email with a single click on link.

(5 )

Qus 3: What do you understand by Element, Attributes and Events? Explain with the help of example. ATTRIBUTES: Tags can also have attributes, which are extra bits of information. Attributes appear inside the opening tag and their value is always inside quotation marks. They look something like <tag attribute="value">Margarine</tag>. We will come across tags with attributes later. ELEMENT: Tags tend not to do much more than mark the beginning and end of an element. Elements are the bits that make up web pages. You would say, for example, that everything that is in-between and includes the <body> and </body> tags is the body element. As another example, whereas '<title>' and '</title>' are tags, '<title>Rumple Stiltskin</title>' is a title element.Tags tend not to do much more than mark the beginning and end of an element. Elements are the bits that make up web pages. You would say, for example, that everything that is in-between and includes the <body> and </body> tags is the body element. As another example, whereas '<title>' and '</title>' are tags, '<title>Rumple Stiltskin</title>' is a title element. ENTITY

Events are a feature of HTML documents (present in other programming languages too) that allow authors to add interactivity between the website and it's visitors, by executing client-side programs when the visitor (or other program) performs an action. For example, the author can make a paragraph change the color of its text when the user puts the mouse pointer over it.
(5) Qus 4: Create a ADVANCED TABLE by following the structure in given figure. Write down the code snippet and paste the snapshot of output.

Caption: SAMPLE TABLE SAMPLE Table Inner Table Head1 Head2 Lists can be table data Images can be table data

CORNER Head4 Head5 A Two Tall

Head3 Head6 Two Wide No border Multiple line Little item Table

Select Your Favourite Ice Cream.


Chocolate OK Cancel

Footer: This table is for reference only.

ANS: <!DOCTYPE html> <table border=5 width="50%" height="" align="center"> <tr> <td colspan=5><center><b>SAMPLE table</b></center></td> </tr> <tr> <td colspan=5><center><b>inner table</b></center></td> </tr> <td colspan=2 rowspan=2 >CORNER</td> <td colspan=3><center><b>LOVELY PROFESSIONAL UNIVERSITY</b></center><td> </tr> <tr> <td rowspan=2 ><center><b>COURSE INCLUDES<br />K3R06</b></center></td> <td colspan=2 ><b>SUBJECTS</b></td> </tr> <tr> <td ><b>HTML</b></td> <td ><b>C++</b></td> <td ><b>JAVA</b></td> <td ><b>.NET</b></td> </tr> <tr> <td height="58" >A</td> <td rowspan=3 bgcolor="yellow">Two tall</td> <td bgcolor="#006600"> <ul style="list-style-type:circle"> <li><b>WEB PROGRAMMING</b></li> <li><b>MICROPROCESSORS</b></li> </ul> </td> <td colspan=2><font face="calibri"><b>This Is Wide Corner</b></font></td> </tr> <tr> <td rowspan=2>1</td> <td></td> <td rowspan=2 >no border litttle table</td> <td rowspan=2 >multiple line item</td> </tr> <tr> <td height="132" >select your favourite option</br> </br><center><select> <option>choclate</option> <option>strawberry</option> <option>vanilla</option> </select></center> </br><button type="submit" color="red">OK</button> <button type="reset" color="red">CANCEL</button> <hr></hr></td> </tr> </table> </html>
(10)