Scribd Logo
Încărcați

Bine ați venit la Scribd!

  • Webdevelopment

    Încărcat de

    Wave Education
    75 vizualizări17 pagini
    Webdevelopment Project

    Drepturi de autor

    © © All Rights Reserved

    Formate disponibile

    DOCX, PDF, TXT sau citiți online pe Scribd

    Vi se pare util acest document?

    Este necorespunzător acest conținut?

    Raportați acest document
    Webdevelopment Project

    Drepturi de autor:

    © All Rights Reserved
    Descărcați ca DOCX, PDF, TXT sau citiți online pe Scribd
    Indicator pentru conținut neadecvat
    75 vizualizări17 pagini

    Webdevelopment

    Încărcat de

    Wave Education
    Webdevelopment Project

    Drepturi de autor:

    © All Rights Reserved
    Descărcați ca DOCX, PDF, TXT sau citiți online pe Scribd
    Indicator pentru conținut neadecvat
    din 17

    JAIPUR ENGINEERING COLLEGE

    AND
    RESEARCH CENTRE

    WEB DEVELOPMENT LAB

    BRANCH: Computer Science and Engineering

    Submitted By- Submitted To-


    Name Neeraj Bansal Name- Ms. Sarita Mehla
    (CS Department)

    Roll No.-14EJCCS093
    Year/Semester-IV Year/VII Semester
    Batch- B/B1
    INDEX

    S.NO. ASSIGNMENT DATE SIGNATURE


    NAME
    ASSIGNMENT 01

    OBJECTIVE: Write an HTML code to create a login form. On submitting the form, the user should get navigated to a
    profile page.

    <html>
    <body>
    <form>
    <table width="20%" bgcolor="0099CC" align="center">

    <tr>
    <td colspan=2><center><font size=4><b>HTML Login Page</b></font></center></td>
    </tr>

    <tr>
    <td>Username</td>
    <td><input type="text" size=25 name="userid"></td>
    </tr>

    <tr>
    <td>Password:</td>
    <td><input type="Password" size=25 name="pwd"></td>
    </tr>

    <tr>
    <td ><input type="Reset"></td>
    <td><input type="submit" onclick="check(this.form)" value="Login"></td>
    </tr>

    </table>
    </form>
    <script language="javascript">
    function check(form)
    {

    if(form.userid.value =DIVYA" && form.pwd.value == "DIV11YA")


    {
    window.open('target.html')
    }
    else
    {
    alert("Error Password or Username")
    }
    }
    </script>

    </body>
    </html>
    OUTPUT
    ASSIGNMENT 02

    OBJECTIVE: Write an HTML code to demonstrate usage of inline CSS.

    <html>
    <head>
    <style type="text/css">
    p{
    color:purple;
    margin-left:20px;
    }
    div{
    color:purple;
    font-size:16px;
    background-color:#FF6633;
    }
    </style>
    </head>
    <body>
    <p>This is a paragraph line.</p>
    <div>This is a paragraph Second line.</div>
    </body>
    <html>

    OUTPUT

    ASSIGNMENT 03
    OBJECTIVE: Write a java script to prompt for users name and display it on the screen.

    <!DOCTYPE html>
    <html>
    <head>
    <script>
    var customerName = prompt("Please enter your name", "");
    if (customerName!= null) {
    document.getElementById("welcome").innerHTML =
    "Hello " + customerName + "! How are you today?";
    }

    </script>
    </head>
    <body>
    <div id="welcome">My First JavaScript code.</div>
    </body>
    </html>
    ASSIGNMENT 04

    OBJECTIVE: Write a program using java script for web page to display browsers information.

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-


    transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml" >


    <head runat="server">
    <title>Google map using Java script</title>

    <script language=javascript>
    function show()
    {

    document.write("Name "+navigator.appName+"<br>");
    document.write("Version "+navigator.appVersion +"<br>");
    document.write("Codename " +navigator.appCodeName +"<br>");
    document.write("Cookie enable"+navigator.cookieEnabled +"<br>");
    document.write("Java Enable"+navigator.javaEnabled +"<br>");
    document.write("Mime type"+navigator.mimeTypes +"<br>");
    document.write("Platform"+navigator.platform +"<br>");
    document.write("Plug ins"+navigator.plugins +"<br>");
    document.write("System Language"+navigator.systemLanguage +"<br>");
    document.write("User language"+navigator.userAgent +"<br>");
    document.write("User Agent"+navigator.userAgent +"<br>");

    </script>

    </head>
    <body>
    <form id="form1">
    <div>
    <input id="Button1" type="button" value="Click me" onclick="show()" />

    </div>
    </form>
    </body>
    </html>
    ASSIGNMENT 05
    OBJECTIVE: Write a program in XML and create a style sheet in CSS and display the document in internet explorer.

    <?xml version="1.0" encoding="UTF-8"?>


    <?xml-stylesheet type="text/css" href="products.css"?>
    <products>
    <product id="p1" class="special">
    <name>Delta</name>
    <price>800</price>
    <stock>4</stock>
    <country>Denmark</country>
    </product>
    <product id="p2">
    <name>Golf</name>
    <price>1000</price>
    <stock>5</stock>
    <country>Germany</country>
    </product>
    <product id="p3">
    <name>Alpfa</name>
    <price>1200</price>
    <stock>19</stock>
    <country>Germany</country>
    </product>
    <product id="p4">
    <name>Foxtrot</name>
    <price>1500</price>
    <stock>5</stock>
    <country>Australia</country>
    </product>
    <product id="p5" class="special">
    <name>Tango</name>
    <price>1225</price>
    <stock>3</stock>
    <country>Japan</country>
    </product>
    </products>
    ASSIGNMENT 06
    OBJECTIVE: Write an HTML code to illustrate the use of following things:
    Ordered List
    Unordered List
    Definition List
    <html>
    <head>
    <title>My First Page</title>
    </head>
    <body>
    <h2>This is UNORDERED LIST</h2>
    <ul>
    <li>Chocolate Cake</li>
    <li>Black Forest Cake</li>
    <li>Pineapple Cake</li>
    </ul>
    <br>
    <h2> This is ORDERED LIST</h2>
    <ol>
    <li>Mix ingredients</li>
    <li>Bake in oven for an hour</li>
    <li>Allow to stand for ten minutes</li>
    </ol>
    <br>
    <h2> This is DEFINITION LIST</h2>
    <dl>
    <dt>Bread</dt>
    <dd>A baked food made of flour.</dd>
    <dt>Coffee</dt>
    <dd>A drink made from roasted coffee beans.</dd>
    </dl>
    </body>
    </html>
    ASSIGNMENT 07

    OBJECTIVE: Write an HTML code to create a frameset having header, navigation and content sections.

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">


    <html>
    <head>
    <title>Database access</title>
    </head>
    <frameset rows="100,*">
    <frame src="header.html" frameborder="0" noresize>
    <frameset cols="100,*">
    <frame src="nav.html" name="navigation" frameborder="0">
    <frame src="main.html" name="mainpage" frameborder="0">
    </frameset>
    <noframes>
    <h1>The Database</h1>
    <p>This gives access to the database contents.</p>
    <ul>
    <li><a href="header.html">Database summary</a></li>
    <li><a href="nav.html">Database sections</a></li>
    <li><a href="main.html">Database overview</a></li>
    </ul>
    </noframes>
    </frameset>
    </html>
    ASSIGNMENT 08

    OBJECTIVE: Write an HTML code to demonstrate the usage of internal CSS.

    <!DOCTYPE html>
    <html>
    <head>
    <style>
    body {background-color: powderblue;}
    h1 {color: blue;}
    p {color: red;}
    </style>
    </head>
    <body>

    <h1>The Practical file of Web Development.</h1>


    <p>Illustration of Internal CSS.</p>

    </body>
    </html>
    ASSIGNMENT 09

    OBJECTIVE: Write a program using PHP and html to create a form and display the details entered by the user.

    <!DOCTYPE html>
    <html>
    <head>
    <title>Add Employee</title>
    </head>
    <body>
    <h1>Add Employee</h1>
    <form method="post" action="process.php">
    <label>First Name:</label>
    <input type="text" name="first_name"/><br/>
    <label>Last Name:</label>
    <input type="text" name="last_name"/><br/>
    <label>Department:</label>
    <input type="text" name="department"/><br/>
    <label>Email:</label>
    <input type="email" name="email"/><br/>
    <input type="submit" value="Add Employee"/>
    </form
    </body>
    </html>

    S-ar putea să vă placă și