Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Scribd Logo
Upload

Welcome to Scribd!

  • 12 views

    Project Gautam Sir

    Uploaded by

    Real Ghost
    The document is a practical file submission for the subject BCA-307 (Web Designing Lab). It contains 6 practical assignments on different HTML topics: 1) Creating a resume webpage using basic HTML tags 2) Creating sections using <div> tags and applying CSS styles 3) Using nested lists in HTML 4) Adding links to play audio/video and download files 5) Creating a menu to load different webpages 6) Displaying the student's country, state and village using links For each practical, it provides the aim, procedure and output of the HTML code implemented.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd

    Project Gautam Sir

    Uploaded by

    Real Ghost
    12 views14 pages
    The document is a practical file submission for the subject BCA-307 (Web Designing Lab). It contains 6 practical assignments on different HTML topics: 1) Creating a resume webpage using basic HTML tags 2) Creating sections using <div> tags and applying CSS styles 3) Using nested lists in HTML 4) Adding links to play audio/video and download files 5) Creating a menu to load different webpages 6) Displaying the student's country, state and village using links For each practical, it provides the aim, procedure and output of the HTML code implemented.

    Original Description:

    Tum agar manoge to Mann jaunga.. Mai tere bulane par laut aaunga

    Original Title

    project gautam sir (2)

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    The document is a practical file submission for the subject BCA-307 (Web Designing Lab). It contains 6 practical assignments on different HTML topics: 1) Creating a resume webpage using basic HTML tags 2) Creating sections using <div> tags and applying CSS styles 3) Using nested lists in HTML 4) Adding links to play audio/video and download files 5) Creating a menu to load different webpages 6) Displaying the student's country, state and village using links For each practical, it provides the aim, procedure and output of the HTML code implemented.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Download as pdf or txt
    12 views14 pages

    Project Gautam Sir

    Uploaded by

    Real Ghost
    The document is a practical file submission for the subject BCA-307 (Web Designing Lab). It contains 6 practical assignments on different HTML topics: 1) Creating a resume webpage using basic HTML tags 2) Creating sections using <div> tags and applying CSS styles 3) Using nested lists in HTML 4) Adding links to play audio/video and download files 5) Creating a menu to load different webpages 6) Displaying the student's country, state and village using links For each practical, it provides the aim, procedure and output of the HTML code implemented.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Download as pdf or txt
    of 14

    BCA-307(Web Designing lab) 1322310

    Practical File
    WEB DESIGNING
    (BCA-307)
    Session 2022-2025

    Submitted to: Submitted by:

    Mr. Gautam sir Mayank kumar


    1322310 (D)

    M.M. INSTITUTE OF COMPUTER TECHNOLOGY & BUSINESS


    MANAGEMENT
    MAHARISHI MARKANDESHWAR (DEEMED TO BE UNIVERSITY)
    MULLANA–AMBALA, HARYANA (INDIA) - 133207
    (Established under Section 3 of the UGC Act, 1956
    (Accredited by NAAC with Grade A++)

    1
    BCA-307(Web Designing lab) 1322310

    Practical 01
    Aim: Create a Webpage depicting your own Resume using basic HTML tags and
    list tags.

    Procedure:
    <!DOCTYPE html>

    <html lang="en">

    <head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>RESUME</title>

    </head>

    <body>

    <h1 align="centre">RESUME</h1>

    <img src="C:\Users\user\OneDrive\Desktop\mayank.jpg" width="100px" align="right" alt="my


    photo" >

    <h3>Personal Details</h3>

    <hr width="80%" align="left" size="5px" noshade="1px">

    <PRE><P Style="font-size: 20px ;">

    <b>Name :< /b>MAYANK KUMAR<br>

    <b>Email :< /b>kumarmayank06554@gmail.com

    <b>phone No. :< /b>7644997614<br>

    <b>Address :< /b>MMU Hostel No.14<br>

    <b>DOB :< /b>mar, 01 2004<br>

    <b>Gender :< /b>M<br>

    <b>Nationality :< /b>INDIAN

    </P></PRE>

    </ul>

    <h1 >SKILLS</h1>

    <hr align="left" size="5px" noshade="1px">

    <UL style="list-style-type: circle">

    <LI>Leadership</LI>

    2
    BCA-307(Web Designing lab) 1322310

    <li>Quick Learner</li>

    <li>C language</li>

    <li>C++ language</li>

    <li>front-end development</li>

    </UL>

    <h1>EDUCATION QUALIFICATION</h1>

    <hr align="left" size="5px" noshade="1px">

    <table width="100%">

    <tr align="left">

    <th>Degree</th>

    <th>Percentage</th>

    <th>Board</th>

    </tr>

    <tr align="left">

    <Td><strong> Matriculation-2019</strong><br>

    G.D.S. ACADEMY (10+2) <br>Raxaul<br>

    </td><td>79.9 %< /td><td>CBSE</td>

    <TR align="left">

    <Td><strong>I. Sc(Intermediate in Science)-2021</strong><br> R.R.Sah (Raxaul)

    </td>

    <TD>65 %< /TD> <td>BSEB</td>

    </tr>

    <TR align="left">

    <td>BCA (Bachlore Of Computer Application)-Pursuing<br>

    Maharishi Markendeshwar University<br>Ambala, Haryana<td>IN CGPA<br>sem1 &nbsp;


    6.9<br>sem2 &nbsp; 9.18</td> </TR>

    </table>

    <h1>HOBBIES</h1>

    <hr align="left” width="40%" size="5px" noshade="1px">

    <UL style="list-style-type: circle">

    <LI>online data entry</LI>

    3
    BCA-307(Web Designing lab) 1322310

    <li>coding and studying</li>

    <li>watching news and movies</li>

    </UL>

    <h2>Experience</h2><hr width="40%" align="left" size="5px" noshade="1px">

    <li>fresher</li>

    <h2>Strength</h2>

    <hr width="40%" align="left" size="5px" noshade="1px">

    <li>Punctuality</li>

    <li>Hard Working</li>

    <li>Ability to learn new things</li>

    <li>Belive in god and my luck</li>

    <h2>Declaration</h2>

    <hr width="40%" align="left" size="5px" noshade="1px">


    <p>I Mayank, declare that the above information is true to the best of my knowledge and if it is
    found

    false then I am totally responsible for further action which is accountable regarding this </p>

    <h3 align="right">Mayank Kumar </h3>

    <img src="C:\Users\user\OneDrive\Desktop\IMG_20230927_002757.jpg" align="right"


    width="80px" alt="my signature">

    </body>

    </html>

    4
    BCA-307(Web Designing lab) 1322310

    OUTPUT

    5
    BCA-307(Web Designing lab) 1322310

    Practical 02

    Aim: Create a format divided into 3 sections using division tag and add CSS to
    differentiate them from each other

    Procedure:
    <!DOCTYPE html>

    <html lang="en">

    <head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>formet creation using div tag</title>

    <link rel="stylesheet" href="css.css">

    </head>

    <body>

    <div class="a">div1</div>

    <div class="b">div2</div>

    <div class="c">div3</div>

    </body>

    </html>

    .a{

    border: 2px solid black;

    height: 100px;

    Width: 800px;

    Background-color:orange;

    Margin: 2px;

    border-radius: 10px;

    Padding-left:20px;

    6
    BCA-307(Web Designing lab) 1322310

    .b{

    border: 2px solid black;

    height: 100px;

    width: 800px;

    background-color: white;

    Margin: 2px;

    border-radius: 10px;

    padding-left:20px;

    .c{

    border: 2px solid black;

    height: 100px;

    width: 800px;

    background-color:green;

    margin:2px;

    border-radius: 10px;

    padding-left:20px;

    Output

    7
    BCA-307(Web Designing lab) 1322310

    Practical 03

    Aim: Write HTML code using Nested list.


    Procedure:
    <!DOCTYPE html>

    <html lang="en">

    <head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>html code using nested list </title>

    </head>

    <body>

    <p><h1>CONTENTS OF SOME LANGUAGE</P></h1>

    <OL>Web technologies

    <li>HTML</li>

    <li>CSS</li>

    <li>java script

    </li>

    </ol>

    <ul>DSA

    <li><ol>array<li>single array</li><li>multidimensional array</li></ol>

    </li><li>linked list</li><li>stack</li><li>Queue</li>

    </ul>

    </body>

    </html>

    8
    BCA-307(Web Designing lab) 1322310

    OUTPUT

    9
    BCA-307(Web Designing lab) 1322310

    Practical 04

    Aim: Add the links in the webpage for


    Play an Audio file

    Play a Video file

    Download an Audio file

    Procedure:
    <!DOCTYPE html>

    <html lang="en">

    <head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

    </head><body>

    <p>A natural disaster is the highly harmful impact on a society or community following a natural
    hazard event. Some examples of natural

    hazard events include: flooding, drought, earthquake, tropical cyclone, lightning, tsunami,
    volcanic activity, wildfire.

    A natural disaster can cause loss of life or damage property, and typically leaves economic
    damage in its wake. </p>

    <a href="https://youtu.be/AUMdM33j8tw?si=XyC7v-Sz7kF9Zd2A">click here to play


    video</a><br>

    <a href="https://music.apple.com/au/album/storms-natural-disasters-sound-
    effects/544091487">click here to play audio</a><br>

    <a href="https://g.co/kgs/xke2A3">click to download</a>

    </body></html>

    OUTPUT

    10
    BCA-307(Web Designing lab) 1322310

    Practical 05

    Aim: Create a Menu or Table of Content webpage. Each menu item should
    load a different webpage.

    Procedure:
    <!DOCTYPE html>

    <html lang="en">

    <head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

    </head>

    <body>

    <table width="250px" border="2px solid black”>

    <tr align="left">

    <th>google</th>

    <th><a href="https://www.google.com">click here</a></th>

    </tr>

    <tr align="left">

    <th>facebook</th>

    <th><a href="https://www.facebook.com">click here</a></th>

    </tr>

    <tr align="left">

    <th>yahoo</th>

    <th><a href="https://www.yahoo.com">click here</a></th>

    </tr>

    <tr align="left">

    <th>flipcart</th>

    <th><a href="https://www.flipcart.com">click here</a></th>

    11
    BCA-307(Web Designing lab) 1322310

    </tr>

    </body>

    </html>

    OUTPUT

    12
    BCA-307(Web Designing lab) 1322310

    Practical 06

    Aim: Create a webpage which displays your country, city and state link.
    Procedure:
    <!DOCTYPE html>

    <html lang="en">

    <head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

    </head>

    <body>

    <table width="250px" border="2px solid black">

    <p><h1>My address</h1></p>

    <tr align="left">

    <td>my country</td>

    <th><a
    href=https://www.google.com/search?q=india+on+map&rlz=1C1ONGR_enIN1049IN1049&oq=india
    +on+map&gs_lcrp=EgZjaHJvbWUyBggAEEUYOdIBCDkyOTVqMGo3qAIAsAIA&sourceid=chrome&ie=U
    TF-8#>click here</a></th>

    </tr>

    <tr align="left">

    <td>my state</td>

    <th><a
    href="https://www.google.com/search?q=bihar+on+map+of+india&rlz=1C1ONGR_enIN1049IN1049
    &oq=bihar+on+map+of+india&gs_lcrp=EgZjaHJvbWUyBggAEEUYOdIBCTExNzk5ajBqN6gCALACAA&s
    ourceid=chrome&ie=UTF-8#">click here</a></th>

    </tr>

    <tr align="left">

    <td>my village</td>

    <th><a href="https://maps.app.goo.gl/Uv9pVkpUwGMHDJ6Q6">click here</a></th>

    13
    BCA-307(Web Designing lab) 1322310

    </tr>

    </table>

    </body>

    </html>

    OUTPUT

    14

    You might also like