Scribd
Upload
81 views9 pages

WE Lab 1 - Huzaifa - 015

This document is a lab journal submitted by Huzaifa Arshad discussing tasks completed in a Web Engineering lab. The tasks included discussing different web servers like Apache, IIS, Lighttpd, Nginx, and Sun Java, and creating an HTML resume with sections for personal information, work experience, skills, and education. Code was provided for an index.html file and index.css file to display the resume on a basic webpage. Conclusions stated the lab covered foundations of websites, web servers, and completing given tasks using HTML.

Uploaded by

Huzaifa Arshad
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
81 views9 pages

WE Lab 1 - Huzaifa - 015

This document is a lab journal submitted by Huzaifa Arshad discussing tasks completed in a Web Engineering lab. The tasks included discussing different web servers like Apache, IIS, Lighttpd, Nginx, and Sun Java, and creating an HTML resume with sections for personal information, work experience, skills, and education. Code was provided for an index.html file and index.css file to display the resume on a basic webpage. Conclusions stated the lab covered foundations of websites, web servers, and completing given tasks using HTML.

Uploaded by

Huzaifa Arshad
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 9

Web Engineering

LAB JOURNAL# 01

Name: Huzaifa Arshad


Enrollment No: 01-131182-015
Class: BSE-6A
Lab Instructor: Aamir Suhail
Date Submitted: March 08, 2021

DEPARTMENT OF SOFTWARE ENGINEERING

BAHRIA UNIVERSITY
ISLAMABAD CAMPUS
Lab Tasks

Task 1:
Discuss about different Web Servers.
A web server is a computer that stores HTML documents, otherwise known as web pages, and
waits for connections from web browsers. When a web browser connects to a web server, the
web server sends the requested document, if it exists, back to the web browser for display.
At the most basic level, whenever a browser needs a file that is hosted on a web server, the
browser requests the file via HTTP. When the request reaches the correct (hardware) web
server, the (software) HTTP server accepts the request, finds the requested document, and
sends it back to the browser, also through HTTP. (If the server doesn't find the requested
document, it returns a 404 response instead.)

The five leading web servers in the market are:


 Apache HTTP Server
 Microsoft Internet Information Service
 Lighttpd
 Nginx Web Server
 Sun Java System Web Server
Apache HTTP Server:
Apache HTTP server is one of the most widely used web servers worldwide. The biggest
advantage of using this server is that it supports almost all operating systems such as
Windows, Linux, Apple Mac OS, Unix, and others. Around 60% of the web server
machines worldwide, run the Apache Web Server.

Apache HTTP Server is open-source. Being open-source means it is available for free,

and can easily be accessed through online communities. Thus, a lot of online support is

available in case of a problem or an error. This also enables the user to modify the server
as per his requirements. Apache’s latest version is much more flexible than the previous

ones and can handle more requests smoothly.


Microsoft Internet Information Service:
IIS is a Microsoft product that offers almost all the features that Apache HTTP server provides.

Microsoft IIS is not open source. This means that it has some development limitations, and the

users cannot modify it as per their project requirements. The project has to be modified around

it. It works with every Windows OS gadget. Microsoft provides ‘customer care and helps’ to its

users in case of any issue.


Lighttpd:
Lighttpd is a combination of ‘light’ and ‘httpd’ and was released in 2003. It is not as popular as

Apache and IIS, however, its small CPU load and speed optimizations stand it apart from its

competitors. It can run a large number of connections at the same time and even provides

facilities like Auth, URL rewriting, flexible virtual hosting, servlet support (AJP), HTTP proxy

support, etc to the user.

All these features along with being lightweight make Lighttpd suitable for servers suffering from

load problems.
Nginx Web Server:
Just like Lighttpd, it is also an open-source web server, well known for the performance that it

provides at low resource and configuration. It is mainly used for caching, media streaming, load

balancing, handling of static files, auto-indexing, etc. Instead of creating new processes for each

request made by the user, Nginx handles the requests in a single thread, using an asynchronous

approach.

Nginx has started to get some recognition in the market nowadays, and about 7.5% of the

domains worldwide use it.


Sun Java System Web Server:
It is a multi-threaded and multi-process web server that provides high performance, scalability,

and reliability to the enterprises. It also provides data security and command-line interface CLI

support. The newest version of this webserver (7.0) uses a newly introduced CLI called ‘wadm’.

The 7.0 version web server does not support HttpServerAdmin. However, it comes with a built-in

migration tool that helps in migrating apps, websites, and it’s configurations from the older to a

newer version of SJSAS hasslefree.


Task 2:
Perform all task demonstrated in the lab.
Part 1: Creating Directory and Index.html File.

 Create an index.html
 Open VS Code if you have it, otherwise open notepad application and save file as
index.html.

Part 2: HTML Basics

 Add <html></html> tags, these tags are used to inform the browser that the text
between these tags is formatted according to HTML Guidelines.

 Insert Title of the web page by adding <title>Your Title</title> tags between
<head></head> tags, just like shown below.

 Add text in the web page that you’re building by adding body tags <body></body> and
then add paragraph tags <p></p> into body tag, just like shown below:
 Add line break by introducing <br> tag between paragraph tags.

Task 3:
Create your CV in HTML Format. Use the tags studied in this lab. You can also include additional
HTML formatting tags.
What to Include in a CV?
A CV should at least include the following:

 Your personal information


 Your work experiences
 Your Skills
 Your Education
 Your personal profile and interests
Solution:
Index.html File:
<!DOCTYPE html>
<html lang="en">
<head>
    <title>Fundamentals of Web Engineering</title>
    <link rel="stylesheet" href="index.css">
</head>
<body>
    <div class="name__info">
        <img src="profile.jpg" alt="">
       <p><strong>Huzaifa Arshad</strong><br>Software Engineer</p>
       <p>Email: [email protected]
        <br>Cell No: 0331-2220373
        <br><a href="Personal Portfolio">Go to Portfolio.</a>
    </p>
        
    </div>
    <div class="personal__profile">
        <h5>Personal Profile</h5>
        <p>Hi, I'm Huzaifa Arshad. I'm studying software engineering at Bahria U
niversity.</p>
    </div>
    <div class="work__experience">
        <h5>Work Experience</h5>
        <ul>
            <li>Work As software Developer at Panacloud.</li>
            <li>Work As Python Developer at Elixir Technologies.</li>
        </ul>
    </div>
    <div class="key__skills">
        <h5>Key Skills</h5>
        <ol>
            <li>Expertise in Python language and Web Development</li>
            <li>Liitle Knowledge in AI</li>
            <li>Can Speak English</li>
        </ol>
    </div>

    <div class="education">
        <h5>Education</h5>
        <ol>
            <li><strong>Fedral Govt. School</strong><br>Done Matriculation</li>
            <li><strong>Punjab College</strong><br>Done Pre-Engineering</li>
            <li><strong>Bahria University</strong><br>Doing Software Engineering
</li>
        </ol>
    </div>

   

</body>
</html>

Index.css File:
.name__info{
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
}
.personal__profile{
    margin-bottom: 2px solid gray;
}
h5{
    color:deepskyblue;
}
img{
    border-radius: 50%;
    height: 100px;
    width :100px;
}

Output Screenshot:
Conclusions:
In this lab, we studied about the foundations of Websites, Web servers and Perform given task
using HTML.

You might also like