Scribd Logo
Încărcați

Bine ați venit la Scribd!

  • Web Technology Lab (TCS-751) Lab File: SESSION 2010-11

    Încărcat de

    deepakgi99
    37 vizualizări15 pagini
    This document contains a lab file submitted by Abhinav Mittal to his professor Mr. SK Upadhyay. It includes an index listing 10 programs completed as part of a Web Technology Lab course. The programs cover topics like implementing functions for image processing tasks and using HTML, CSS, and JavaScript.

    Descriere originală:

    Titlu original

    Dip Ka Index

    Drepturi de autor

    © Attribution Non-Commercial (BY-NC)

    Formate disponibile

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

    Vi se pare util acest document?

    Este necorespunzător acest conținut?

    Raportați acest document
    This document contains a lab file submitted by Abhinav Mittal to his professor Mr. SK Upadhyay. It includes an index listing 10 programs completed as part of a Web Technology Lab course. The programs cover topics like implementing functions for image processing tasks and using HTML, CSS, and JavaScript.

    Drepturi de autor:

    Attribution Non-Commercial (BY-NC)
    Descărcați ca DOC, PDF, TXT sau citiți online pe Scribd
    Indicator pentru conținut neadecvat
    37 vizualizări15 pagini

    Web Technology Lab (TCS-751) Lab File: SESSION 2010-11

    Încărcat de

    deepakgi99
    This document contains a lab file submitted by Abhinav Mittal to his professor Mr. SK Upadhyay. It includes an index listing 10 programs completed as part of a Web Technology Lab course. The programs cover topics like implementing functions for image processing tasks and using HTML, CSS, and JavaScript.

    Drepturi de autor:

    Attribution Non-Commercial (BY-NC)
    Descărcați ca DOC, PDF, TXT sau citiți online pe Scribd
    Indicator pentru conținut neadecvat
    din 15

    WEB TECHNOLOGY LAB

    (TCS-751)
    Lab File

    Submitted to Submitted By
    Mr. SK Upadhyay Name: Abhinav Mittal
    Dept.CSE Roll: 0709710003
    Year/Sec : 4th/’A’

    SESSION 2010-11

    Galgotias College of Engineering & Technology


    1, Knowledge Park-2
    Greater Noida, UP-201306
    INDEX
    SL.NO NAME OF THE PROGRAM DATE REMARKS

    1. Wap to implement function of average filter

    2. Wap to implement function ben

    3. Wap to implement function of contrast

    4. Wap to implement function contrast


    stretching

    5. Wap to implement the function filter

    6. Wap to implement the function of average


    Filter

    7. Wap to implement the function of grey level


    Slicing

    8. Wap to implement the function of grey


    Scaling

    9. Wap to implement the function of histogram

    10. Wap to implement the function of


    thresholding
    PROGRAM # 1

    Write your CV in HTML

    <html>
    <body>

    <h2>CURRICULUM VITAE</h2>
    <HR/>
    <H3>Abhinav Mittal</H3>
    123,xyz
    <br/>
    Greater Noida-201308
    <br/>
    Mob-09953155227
    <br/>
    EMAIL- arm.departdsoul@gmail.com
    <hr/>
    <h4><u>OBJECTIVE:</u></h4>
    <p>Seeking a position to utilize my skills and abilities in the Information
    Technology Industry that offers Professional growth while being resourceful,
    innovative and flexible.</p>

    <h3><u>IT EXPOSURE</u></h3>
    <h4>EDUCATION</h4>

    GCET,Gr.Noida<br/>
    B Tech(Comp. Sci.)<br/>
    Percentage Scored:71 %<br/>
    <br/><br/>
    DPS,MEERUT<br/>
    12th<br/>
    Percentage Scored: 80%<br/>
    <br/><br/>
    DPS,MEERUT<br/>
    10th<br/>
    Percentage Scored:82 %<br/>
    <br/><br/>
    <h4><u>TECHNICAL EXPERIENCE</u></h4>
    <ul>
    <li><font face="Arial" size="2">Languages: C, C#.NET , CORE JAVA,
    ASP.NET, HTML</font></li>

    <li><font face="Arial" size="2">Platforms: Windows xp/7,NT,


    </font></li>

    <li><font face="Arial" size="2">Concepts: dbms, networking ,operating


    systems</font></li>

    </ul>

    <hr/>
    <h4>Certifications</h4>

    <hr/>
    <h4>Project Experience</h4>
    <hr/>

    <pre>
    <p></p>
    <p></p>
    <p></p>
    </pre>
    <hr/>

    </body>
    </html>
    PROGRAM # 2

    Design any 5-static-HTML pages and link them.

    FIRST HTML PAGE :

    <html>
    <h2>This is the first static HTML page</h4>
    <body>

    <a href="http://www.w3schools.com" target="_blank">Visit W3Schools.com!</a>

    <p>If you set the target attribute to "_blank", the link will open in a new browser
    window.</p>

    <table border="1">
    <thead>
    <tr>
    <th>aa</th>
    <th>bb</th>
    <th>cc</th>
    </tr>
    </thead>
    <tbody>
    <tr>
    <td>cc</td>
    <td>dd</td>
    <td>ee</td>
    </tr>
    <tr>
    <td>ee</td>
    <td>ff</td>
    <td>gg</td>
    </tr>
    <tr>
    <td>gg</td>
    <td>hh</td>
    <td>ii</td>
    </tr>
    <tr>
    <td>ii</td>
    <td>jj</td>
    <td>kk</td>
    </tr>
    <tr>
    <td>kk</td>
    <td>ll</td>
    <td>mm</td>
    </tr>
    </tbody>
    </table>
    <a href="second_html.htm">click to visit 2nd html page</a>

    </body>
    </html>

    SECOND HTML PAGE

    <ol type="i">
    <li>apple</li>
    <li>banana</li>
    <li>mango</li>
    <li>grapes</li>
    </ol>

    <h2>This is the 2nd ststic HTML page</h2>


    <h3>Send e-mail to someone@example.com:</h3>

    <form action="MAILTO:someone@example.com" method="post"


    enctype="text/plain">
    Name:<br />
    <input type="text" name="name" value="your name" /><br />
    E-mail:<br />
    <input type="text" name="mail" value="your email" /><br />
    Comment:<br />
    <input type="text" name="comment" value="your comment" size="50" />
    <br /><br />
    <input type="submit" value="Send">
    <input type="reset" value="Reset">

    </form>

    <a href="third_html.htm">click to visit 3rd html page</a>

    THIRD HTML PAGE

    <html>
    <body bgcolor='cyan'>
    <head>
    <h2>This is the 3rd static HTML page</h2>
    </title>
    <h1><center><b><big><u>curriculum vitae <b></u></big></center></h1>
    <b><big><u><h2><center>PERSONAL DETAILS </h2></b></big></center>
    <p><b>NAME:SAZID AHAMAD </br>
    AGE:21 </br>
    BATCH:2007-11 </br>
    COLLEGE:GALGOTIA COLLEGE OF ENG.&TECH.</br>
    CONTACT NUMBER:9458495749 </br>
    E-MAIL ID:AAMIN.SAZID@gmail.com </br>
    <hr></hr>

    QUALIFICATION:
    10th (upboard):70% </br>
    12th (upboard):72% </br>
    <a href="fourth_html.htm">CLICK TO VISIT THE FOURTH PAGE</a>

    FOURTH HTML PAGE

    <html>
    <body>
    <h2>This is the Fourth HTML page</h2>

    <form action="">
    First name: <input type="text" name="firstname" /><br />
    Last name: <input type="text" name="lastname" />
    </form>

    <p><b>Note:</b> The form itself is not visible. Also note that the default width of
    a text field is 20 characters.</p>

    <form name="input" action="html_form_action.asp" method="get">


    Username: <input type="text" name="user" />
    <input type="submit" value="Submit" />
    </form>
    <head>

    </head>

    <p>This is some text in a paragraph.</p>


    <p>This is another paragraph.</p>
    <hr />

    <h2>personal details</h2>
    <table border="1" width="100%">
    <tr>
    <th align="left">Name</th>
    <th align="left">E-mail</th>
    <th align="left">Phone</th>
    </tr>
    <tr>
    <td width="25%">Mayank</td>
    <td width="25%">mayank.jeetu@gmail.com</td>
    <td width="25%">09278486757</td>
    </tr>
    <tr>
    <td width="25%">Sanjay</td>
    <td width="25%">sanjay.kumar@yahoo.com</td>
    <td width="25%">0999077714</td>
    </tr>
    </table>
    <br />
    <hr />

    <h3>Heading 3</h3>
    <p>Visit our <a href="second_page.htm">Click to view Second Page</a>

    Fifth Page contains my CV.


    <a href="fifth_html.htm">Click to view Fifth page</a>
    </body>
    </html>

    FIFTH HTML PAGE

    <html>
    <body>

    <h2>CURRICULUM VITAE</h2>
    <HR/>
    <H3>Mayank Raj Chauhan</H3>
    123,xyz
    <br/>
    Greater Noida-201308
    <br/>
    Mob-09998887771
    <br/>
    EMAIL-mayank.jeetu@gmail.com
    <hr/>
    <h4><u>OBJECTIVE:</u></h4>
    <p>Seeking a position to utilize my skills and abilities in the Information
    Technology Industry that offers Professional growth while being resourceful,
    innovative and flexible.</p>
    <h3><u>IT EXPOSURE</u></h3>
    <h4>EDUCATION</h4>

    GCET,Gr.Noida<br/>
    B Tech(Comp. Sci.)<br/>
    Percentage Scored:71 %<br/>
    <br/><br/>
    KV,Nsd,Ajmer<br/>
    12th<br/>
    Percentage Scored: 68%<br/>
    <br/><br/>
    KV,Nsd,Ajmer<br/>
    10th<br/>
    Percentage Scored:76 %<br/>
    <br/><br/>
    <h4><u>TECHNICAL EXPERIENCE</u></h4>
    <ul>
    <li><font face="Arial" size="2">Languages: C, C#.NET , CORE JAVA,
    ASP.NET, HTML</font></li>

    <li><font face="Arial" size="2">Platforms: Windows xp/7,NT,


    </font></li>

    <li><font face="Arial" size="2">Concepts: dbms, networking ,operating


    systems</font></li>

    </ul>

    <hr/>
    <h4>Certifications</h4>

    <hr/>
    <h4>Project Experience</h4>
    <hr/>

    <pre>
    <p></p>
    <p></p>
    <p></p>
    </pre>
    <hr/>

    </body>
    </html>

    PROGRAM # 3

    Design an HTML Page using CSS

    <html>
    <link rel="stylesheet" type="text/css" href="style2.css">
    <head>

    </head>

    <body>
    <h1>Static HTML Page using CSS</h1>
    <p>This is some text in a paragraph.</p>
    <p>This is another paragraph.</p>
    <hr />

    <h2>personal details</h2>
    <table border="1" width="100%">
    <tr>
    <th align="left">Name</th>
    <th align="left">E-mail</th>
    <th align="left">Phone</th>
    </tr>
    <tr>
    <td width="25%">Mayank</td>
    <td width="25%">mayank.jeetu@gmail.com</td>
    <td width="25%">09278486757</td>
    </tr>
    <tr>
    <td width="25%">Sanjay</td>
    <td width="25%">sanjay.kumar@yahoo.com</td>
    <td width="25%">0999077714</td>
    </tr>
    </table>
    <br />
    <hr />

    <h3>Heading 3</h3>
    <p>Visit our <a href="second_page.htm">Click to view Second Page</a>

    </body>
    </html>

    CSS FILE (style2.css)

    body
    {
    font-size:75%;
    font-family:"lucida calligraphy",arial,'sans serif';
    background-color:#DCDCDC;
    color:#8A2BE2;
    margin:10px;
    }

    h1 {font-size:200%;}
    h2 {font-size:140%;}
    h3 {font-size:110%;}

    th {background-color:#D3D3D3;}
    td {background-color:#FFFAF0;}

    a:link {color:#8A2BE2;text-decoration:none;}
    a:hover {color:red;font-weight:bold;text-decoration:none;}
    a:visited {text-decoration:none;}
    PROGRAM # 4

    Write the complete HTML code and use java script to implement a function.

    <html>
    <head>
    <script type="text/javascript">
    function displaymessage()
    {
    alert("Hello World!");
    }
    </script>
    </head>

    <body>
    <form>
    <input type="button" value="Click me!" onclick="displaymessage()" />
    </form>

    <p>By pressing the button above, a function will be called. The function will alert
    a message.</p>

    </body>
    </html>
    PROGRAM # 5

    Write the complete HTML tags and use java script codes to display specific
    message based on the day of week using switch statement.

    <html>
    <body>
    <script type="text/javascript">
    var d = new Date();
    theDay=d.getDay();
    switch (theDay)
    {case 1:
    document.write("<b>Working Monday</b>");
    break;
    case 2:
    document.write("<b>Powerful Tuesday</b>");
    break;
    case 3:
    document.write("<b>Today is Wednesday </b>");
    break;
    case 4:
    document.write("<b>Now its Thursday</b>");
    break;
    case 5:
    document.write("<b>Finally Friday</b>");
    break;
    case 6:
    document.write("<b>Super Saturday</b>");
    break;
    case 0:
    document.write("<b>Sleepy Sunday</b>");
    break;
    default:
    document.write("<b>I'm really looking forward to this weekend!</b>");
    }
    </script>
    <p>This JavaScript will generate a different greeting based on what day it is. Note
    that Sunday=0, Monday=1, Tuesday=2, etc.</p>
    </body>
    </html>

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