Web Technology Lab

Web Technology lab


Experiment 1
Objective: Write HTML program for designing your institute website. Display departmental information of your institute on the website

Theory:

index.html
<!DOCTYPE html>
<html lang="en">
 
<head>
    <meta charset="UTF-8">
    <meta name="author" content="prince kunal">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>IEC College</title>
</head>
 
<body>
    <img src="image.png" width="600px" alt="logo" />
    <br />
    <h1>IEC COLLEGE OF ENGINEERING AND TECHNOLOGY</h1>
    <p style="text-align: center;">Greater Noida</p>
    <hr>
    <a href="#">
        <h1>BTECH</h1>
    </a>
    <a href="#">
        <h1>MTECH</h1>
    </a>
    <a href="#">
        <h1>BPHARMA</h1>
    </a>
    <a href="#">
        <h1>MBA</h1>
    </a>
    <hr>
    <h2>BTECH</h2>
    IEC College of Engineering offers B. Tech degrees in several engineering 
    streams including Computer Science, Information Technology, Electronic and 
    Communication, Electrical, Mechanical and Civil Engineering. The duration of 
    the B. Tech programme is a minimum of 4 years (8 semesters).<br><br>
    The IEC B. Tech curriculum is highly flexible with students, having the option 
    to choose from a wide range of elective courses and open electives. Minor 
    specialization will be decided based on the electives chosen by each student. 
    <br><br> Engineering Programs List Of Engineering Courses There are 6 programmes 
    available under IEC Engineering College at B. Tech level. Students can choose
    from the following list of engineering courses: <br><br>
 
    <a href="#">Mechenical Engineering (ME) </a><br />
    <a href="#">Electronics & Communication Engineering (ECE)</a><br />
    <a href="#">Electrical Engineering (EE)</a><br />
    <a href="#">Computer Science and Engineering (CSE)</a><br />
    <a href="#">Civil Engineering (CE) </a><br />
    <a href="#">Information Technology (IT) </a><br />
 
    <hr>
    <h2>MTECH</h2>
    IEC Group Of Institutions offers the following M.Tech Courses:
    <br><br>
    <a href="#">M.Tech Power Systems</a><br />
    <a href="#">M.Tech Computer Science</a><br />
    <a href="#">M.Tech Mechanical Engineering</a><br />
    <a href="#">M.Tech Civil Engineering</a><br />
    <a href="#">M.Tech Electronics & Communication Engineering</a><br />
 
    <h3>ELIGIBLITY</h3>
    Candidates should have passed B.Tech. or equivalent from an AICTE approved
    Institution or Institutions of National Importance with minimum 60% marks in
    case of General/OBC candidates and 55% in case of SC/ST candidates.
    <br><br>
    1. Candidates possessing valid GATE score shall be given preference over to 
    those applicants who do not possess GATE score.
    <br><br>
    2. For admission to M.Tech. (Electronics Engineering and related branches), 
    candidates having degree of B.Tech. in Electronics Engineering/Electronics and
    Communication Engineering/Electronics and Instrumentation Engineering/M.Sc
    (Electronics Engineering) or equivalent degree in related discipline with at 
    least 60% marks for General/OBC category and 55% marks for SC/ST category are 
    eligible. <br><br>
    3. B.Tech. in Electrical Engineering/ Electronics and Electrical Engineering/ 
    Electrical and Instrumentation Engineering or equivalent degree in related 
    discipline with at least 60% marks for General/OBC category and 55% marks for
    SC/ST category are eligible.
    <br><br>
    4. For admission to M.Tech. (Mechanical Engineering and related branches), 
    candidates having degree of B.Tech. in Mechanical Engineering/Production 
    Engineering/Industrial Engineering or equivalent degree in related discipline with
    at least 60% marks for General/OBC category and 55% marks for SC/ST category are 
    eligible. <br><br>
    5. For admission to M.Tech. (Civil Engineering and related branches), candidates 
    having degree of B.Tech. in Civil Engineering or equivalent degree in related 
    discipline with at least 60% marks for General/OBC category and 55% marks for SC/ST 
    category are eligible.
    <br><br>
    6. The equivalence of any degree for admission to any programme shall be decided by 
    the University. The eligibility criteria given above are minimum and mere possessing 
    the same does not qualify a candidate for admission. University may prescribe any 
    other requirements over and above these conditions.
 
    <hr>
    <h2>BPHARMA</h2>
    IEC, one of the premier institutions in India provides professional courses in 
    Pharmacy. <br><br>
    Pharmacy education in India has undergone tremendous changes to meet the requirements 
    of industry and community at large. The Diploma in Pharmacy is able to meet the 
    requirements of community and hospital stores only partly. The degree program 
    (B.Pharma) is developed to address all other demands of the profession of pharmacy.
    <br><br>
    With higher qualification, B.Pharma, a person could land jobs in pharma industry 
    in several niche areas, including research, regulatory affairs, new formulation 
    development, marketing and administration. With experience, an aspirant can move 
    up the ladder to occupy senior positions in pharmaceutical companies getting 
    hefty pay and perks.<br><br>
    IEC started offering Pharmacy program in 2006 and became the one of the Best College 
    to offer a UG And PG courses in Delhi-NCR.
    <br><br>
    <a href="#">D. Pharma</a><br />
    <a href="#">B. Pharma</a><br />
    <a href="#">M. Pharma in Pharmaceutics</a><br />
    <a href="#">M. Pharma in Pharmacology</a><br />
    <hr>
    <h2>MBA</h2>
    One of The Best Management College in North India
    <br><br>
    The two year MBA Programme at IEC is approved by AICTE and affiliated AKTU (Lucknow)
    with and the program has been carefully crafted & taught in a manner which 
    accomplishes the objective of creating leaders who make a radical impact through 
    their Principles & Work style imbibed at the institute. The world recognized MBA 
    degree is conferred in Dr. Abdul Kalam Technical University convocation ceremony.
    <br><br>
    The session starts from July- August every year and the students go out for two 
    months summer training after their second semester. The course consists of four 
    semester with 8 subjects in each semester <br><br>
 
    <h3>COURSE DURATIONS-2 YEARS</h3>
    <hr>
    <p style="text-align: center;">Copyrights &copy; 2024 IEC. All rights reserved.</p>
    <hr>
</body>
 
</html>

Output:

Institution website output, page 1.

Institution website output, page 1.

Institution website output, page 2.

Institution website output, page 2.

Experiment 2
Objective: Write HTML program to design an entry form for student details.
index.html
<!DOCTYPE html>
<html lang="en">
 
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Registration Form</title>
</head>
 
<body>
    <h1 style="text-align: center;">
        IEC College of Engineering & Technology
    </h1>
    <h2 style="text-align: center;">
        Students Registration Form
    </h2>
    <hr>
    <form>
        <label>Student's Name</label>
        <input type="text" placeholder="Name" size="30" /> <br> <br>
        <label>Father's Name</label>
        <input type="text" placeholder="Father's Name" size="30" /> <br> <br>
        <label>Mother's Name</label>
        <input type="text" placeholder="Mother's Name" size="30" /> <br> <br>
        <label>Gender</label>
        <select>
            <option value="Male">Male</option>
            <option value="Male">Female</option>
            <option value="Male">Other</option>
        </select> <br> <br>
        <label>Date of Birth</label>
        <input type="Date of Birth" placeholder="DD/MM/YYYY" required><br><br>
        <label>Address</label>
        <textarea cols="80" rows="5" placeholder="Address"></textarea><br><br>
        <label>Course</label>
        <select>
            <option value="B.Tech">B.Tech</option>
            <option value="M.Tech">M.Tech</option>
            <option value="M.B.A.">M.B.A.</option>
            <option value="B.Pharma">B.Pharma</option>
            <option value="M.Pharma">M.Pharma</option>
        </select><br> <br>
        <label>E-mail</label>
        <input type="E-mail" placeholder="E-mail" required><br> <br>
        <label>Phone</label>
        <input type="text" name="Country Code" value="+91" size="2" />
        <input type="text" placeholder="Phone" size="10" /> <br> <br>
        <input type="button" value="Submit" />
        </label>
    </form>
</body>
 
</html>

Output:

College Registration form in HTML, output.

College Registration form in HTML, output.

Experiment 3
Objective: Next Upcomming practicals....