WEB Engineering Lab 1

-


Task 1:(Login Page)
<head>

<title>Untitled Document</title>
</head>
<style>
img{
                display:block;
                margin-left:auto;
                margin-right:auto;
}
p{
                text-align:center;
}
</style>
<body>
<img src="login.png" alt="login" width="150" height="150" align="texttop"/>
<p> Username: <input type="text" Name="Saad" size="30" /></p>
<p> Password: <input type="text" Password="dfd" size="30" /> <br><br>
<button> login </button>&nbsp;
<button> cancel </button><br>
<input type="checkbox"  />Remember me<br>

<a href="www.google.com" > Forgot password</a> </p>
</body>
</html>

Task 2:(Time Table)

Code:
<html>
 <head>
 <style>
 table , th, td{
 border: 2px solid black;
 border-collapse: collapse;

 }
 </head>
 </style>
 <body>
 <table style="width:100%">
 <tr>
 <th> <br><br><br> </th>
 <th> 8:30 - 09:25 <br> ...... <br> 08:00 - 08:45 </th>
 <th> 9:30 - 10:25 <br> ...... <br> 08:45 - 09:30 </th>
 <th> 10:30 - 11:25 <br> ...... <br> 09:30 - 10:15 </th>
 <th> 11:30 - 12:25 <br> ...... <br> 10:15 - 11:00 </th>
 <th> 12:30 - 01:25 <br> ...... <br> 11:00 - 11:45 </th>
 <th> 13:30 - 14:25 <br> ...... <br> 11:45 - 12:30 </th>
 <th> 14:30 - 15:25 <br> ...... <br> 12:30 - 13:15 </th>
 <th> 15:30 - 16:25 <br> ...... <br> 13:15 - 14:00 </th>
 <th> 16:30 - 17:25 <br> ...... <br> 14:00 - 14:45 </th>
 </tr>
 <tr>
 <th> <br> Monday <br><br> </th>
 <th> <br><br></th>
 <th> <br><br></th>
 <th> <br><br></th>
 <th> <br>SEL-310(T)<br>AA<br> Lab-1</th>
 <th> <br>SEL-310(T)<br>AA<br> Lab-1</th>
  <th> <br>SEL-310(T)<br>AA<br> Lab-1</th>
<th> SEN-320(P)<br>SI<br>Lab-1</th>
 <th> SEN-320(P)<br>SI<br>Lab-1</th>
 <th> SEN-320(P)<br>SI<br>Lab-1</th>
 </tr>
 <tr>
 <th> <br> Tuesday <br><br> </th>
 <th> <br><br><br> </th>
 <th> <br><br><br> </th>
 <th> CSC-315(T)<BR>RAH<BR>i-101</th>
  <th> <br><br><br> </th>
  <th> CSC-220(T)<br>AIN<br>i-103</th>
   <th> CSC-220(T)<br>AIN<br>i-103</th>
 <th> <br><br><br> </th>
 <th> <br><br><br> </th>
 <th> <br><br><br> </th>
 </tr>
 <tr>
 <th> <br> Wednesday <br><br> </th>
  <th> CSL-220(T)<br>LA<br>Lab-1</th>
 <th> CSL-220(T)<br>LA<br>Lab-1</th>
 <th> CSL-220(T)<br>LA<br>Lab-1</th>
 <th> CEN-321(P)<br>BMI<br>i-101</th>
 <th> CEN-321(P)<br>BMI<br>i-101</th>
 <th> <br><br><br> </th>
 <th> CSC-220(T)<BR>AIN<BR>i-202</th>
 <th> CSC-210(T)<BR>TLT<BR>i-203</th>
 <th> <br><br><br> </th>
 </tr>
 <tr>
 <th> <br> Thrusday <br><br></th>
 <th> <br><br><br> </th>
 <<th> SEN-3200(T)<br>TA<br>i-202</th>
 <th> SEN-320(T)<br>TA<br>i-202</th>
 <th> <br><br><br> </th>
 <th> CSC-315(T)<BR>RAH<BR>i-101</th>
 <th> CSC-315(T)<BR>RAH<BR>i-101</th>
 <th> CSC-210(T)<BR>TLT<BR>i-203</th>
 <th> CSC-210(T)<BR>TLT<BR>i-203</th>
 <th> <br><br><br> </th>
 </tr>
 <tr>
 <th> <br> Friday <br><br></th>
 <th> CEN-321(P)<br>MP-LE<br>MP LAB</th>
 <th> CEN-321(P)<br>MP-LE<br>MP LAB</th>
 <th> CEN-321(P)<br>MP-LE<br>MP LAB</th>

 <th> SEN-310(T)<br>NB<br>i-103</th>
 <th> SEN-310(T)<br>NB<br>i-103</th>
 <th> <br><br><br> </th>
 <th> <br><br><br> </th>
 <th> <br><br><br> </th>
 <th> <br><br><br> </th>

 </tr>
 </body>
 </html>

Task 3:(Website outline)

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>List</title>
</head>

<body>
<center>
<h1> web suite online </h1>
</center>
<ul>
<ol type="1"ol>
<li> Home page </li>
<li> Linkpage



          <ol type="I">
          <li> Link to search engine </li>
          <li> Lin to information site
         
         
             <ul>
             <ol type="A">
             <li> new site
         
         
         
                 <ul>
                  <ol type="i">
                  <li> &nbsp;&nbsp;Tv based </li>
                  </ol>
                 
                 
                 
                  <ul>
                  <ol type="a">
                  <li>CNN</li>
                  <li>Headline</li>
                  </ul>
                 
                 
                  </ul>
                 
                 
                 
                  </li>
                  <li> Stock Site</li>
                  </ol>
                  </ul>
                 
                 
                  </li>
                  <li>Links to fun site</li>
                  </ol>
                 
                 
                 
                  </li>
                  <li>contact page</li>
                  </ol>
                 
                 
                  </ul>
                 
                 
                 
</body>
</html>

Task 4:(web page apply online form)

<html>
<head>
</head>

<body background="bg.jpg">
<center>
<h1> Apply ONline </h1>
<label> First NAme <input style="text" name="NAme" size="15px" </label><br>
<label> LAst NAme <input style="text" lname="lNAme" size="15px" </label><br>
<label> Send Email to Quicknoon@rocketmail.com </label><br>
<label> Email <input style="text" email="Email" size="20px" </label><br>
<label> Comment <input style="text" Comment="c" size="30px" </label><br>
<button>             send </button><br>
<button>             reset </button><br>
<input type ="Checkbox" ><label> Male</label><br>
<input type ="Checkbox" ><label> Female</label><br>
<label> Select your feild of interest </label><br>
<select> <option value ="MAths">maths</option>
<option value ="eng">englis</option></select><br>
<label> Select your Major </label><br>
<select> <option value ="MAths">Science</option>
<option value ="eng">Medical</option></select><br>
<label> Type some text <br> <input style="text" Comment="c" size="50px" </label><br>
<label> please specify a file or ste of file </label><br>
<button>             choose file </button>
<label> No file choosen </label><br>
<button>             Send</button>



</center>
</body>

</html>




Comments

  1. MOIZ BIN ATA20 February 2019 at 21:54

    for all lab of dbms and other courses .contact through gmail

    ReplyDelete
  2. Rizwan Khan21 August 2019 at 08:15

    task 1 ,2 ,3 all me error hy janii kesa parhta hy ary thu

    ReplyDelete
  3. intelicle19 September 2019 at 04:07

    This comment has been removed by the author.

    ReplyDelete
  4. Indus Design Works17 June 2020 at 19:42

    Thanks for sharing such a beautiful Information with us.
    Online CAD freelance

    ReplyDelete

Post a Comment

Popular posts from this blog

Computer Programming Lab 5

-
Lab 04: Loops Exercise 1: Write a C++ program to print the following pattern on the screen. Ask user to enter a integer value from 1 to 10. Use while loop. Source Code: #include <iostream> using namespace std; int main() {             int i,j,n;             cout<<"enter a integer value from 1 to 10: ";             cin>>n;             i=0;             while(n>=i)             {                         j=n;                ...
Read more

Computer Programming lab 11

-
Lab 11: Strings and Structures Exercise 2                                                                                                                                               Write a C++ program that maintain record of students. Student contains following details: ID  ...
Read more

Computer Programming Lab 4

-
          Lab 03: Decision Statements Exercise 1: Write a C++ Program that read a float (amount) and an int (num) input from user. Add both (amount and num) numbers and store them in two different int (a) and float (b) variables. Display the outputs of a and b variables. Also if outputs are greater than 16 print “value of a & b > 16” else print “value of a & b < 16”. Source Code: #include <iostream> using namespace std; int main() {             float amount,b;             int num,a;                         cout<<"amount= ";             cin>>amount;             cout<<"num= "; ...
Read more