Study Guide in ELEC3_CPE SYSTEM AND NETWORK ADMINISTRATION 3 SNA 3 SSCP

Finals Laboratory

INSTRUCTION MANUAL
MODULE OVERVIEW
This module gives a brief overview of Apache Web Server and teaches users how to use the Apache
interface to connect to a data server on different devices such as computers, smartphones, tablets, and laptops.
It includes steps on how to connect to the access point and perform basic actions like viewing and
downloading files.

MODULE LEARNING OBJECTIVES

When users have completed this chapter, they should be able to:
1. Understand what Apache Web Server is.
2. Create basic html website.
3. Create simple webserver.

TABLE OF CONTENTS

Page
MODULE OVERVIEW……………………………………………………..1
MODULE LEARNING OBJECTIVES……………………………………..1
TABLE OF CONTENTS……………………………………………………1
LIST OF FIGURES…………………………………….……………………2
LEARNING CONTENTS
What is Web Server? ………………………………………………….3
What is Apache? ………………………………………………………3
Server and Development: Material and Software needed……………..3
Steps on How to Create a Web Server Using Apache…………………3
BIBLIOGRAPHY…………………………………………………………...9

1
Study Guide in ELEC3_CPE SYSTEM AND NETWORK ADMINISTRATION 3 SNA 3 SSCP

LIST OF FIGURES

Figure No. Page

1 Installing Raspberry Pi OS using Raspberry Pi Imager 3

2 SSH to Raspberry Pi 4

3 Update and Upgrade Repositories 4

4 Installing Apache Web Server 5

5 HTML File 5

6 CSS File 6

7 JavaScript File 6

8 Additional Folders 7

9 Removing Default Landing Page 7

10 Copying/Moving Server Files 7

11 Restart Apache Services 8

2
Study Guide in ELEC3_CPE SYSTEM AND NETWORK ADMINISTRATION 3 SNA 3 SSCP

LEARNING CONTENTS

A. What is a Web Server?

Different types of server software, such as file servers, database servers, mail servers, and web servers,
are used for various functions. These applications can access files stored on a physical server for their intended
purposes. A web server's role is to provide websites on the internet. It acts as a intermediary between the server
and client machines, retrieving content from the server for each user request and delivering it to the web.

B. What is Apache?
The Apache software is a freely available and open-source program that enables individuals to
host their websites on the internet. It is a well-established and dependable web server software
developed and maintained by the Apache Software Foundation, first introduced in 1995.

C. Server and Development: Material and Software needed.

• Raspberry Pi 3B+
• Sd Card
• Apache Web Server
• Raspberry Pi OS Lite (32 bit)

D. Steps on How to Create a Web Server Using Apache

Step 1: Etch Raspberry Pi OS Lite (32 bit) to the SD Card.

Figure 1. Installing Raspberry Pi OS using Raspberry Pi Imager

3
Study Guide in ELEC3_CPE SYSTEM AND NETWORK ADMINISTRATION 3 SNA 3 SSCP

Step 2: Insert SD Card to the Raspberry PI 3B+ then SSH to configure pi

Example. ssh pi@raspberrypi.local

Figure 2. SSH to Raspberry Pi

Step 3: Update and upgrade repositories and services.

Command: sudo apt update & sudo apt upgrade

Figure 3. Update and Upgrade Repositories

Step 4: Install Apache web service.

Command: sudo apt install apache2

4
Study Guide in ELEC3_CPE SYSTEM AND NETWORK ADMINISTRATION 3 SNA 3 SSCP

Figure 4. Installing Apache

Step 5: Create the file template for the server’s website.

File Name: index.html
Destination Directory: /var/www/html/

Figure 5. HTML File

Step 6: Create additional file templates to configure the website (ex. css.css, script.js, php.php).

Figure 4. Codes and other Files for Webpage

Study Guide in ELEC3_CPE SYSTEM AND NETWORK ADMINISTRATION 3 SNA 3 SSCP

Figure 6. CSS File

Figure 7. JavaScript File

Step 7: Create folders for files and videos.

Figure 5. Removing Default Index.html file

Study Guide in ELEC3_CPE SYSTEM AND NETWORK ADMINISTRATION 3 SNA 3 SSCP

Figure 8. Additional Folders

Step 8: Delete the default index.html file in /var/www/html/ or where the Apache web server website is saved
and replace what you did in step number 5.
Remove Command: sudo rm -r /var/www/html/*

Figure 9.Removing Default HTML Landing Page

Step 9: Copy all the files and folders to the /var/www/html/

Command: sudo cp -rf /your/files/location /var/www/html)

Figure 10. Copying/Moving Server Files

Step 10: Reload the Apache service.

Command: sudo service apache2 restart

7
Study Guide in ELEC3_CPE SYSTEM AND NETWORK ADMINISTRATION 3 SNA 3 SSCP

Figure 11. Restart Apache Services

8
Study Guide in ELEC3_CPE SYSTEM AND NETWORK ADMINISTRATION 3 SNA 3 SSCP

BIBLIOGRAPHY

B., R. (2022, November 23). What Is Apache? An In-Depth Overview of Apache Web Server. Hostinger Tutorials.

https://www.hostinger.ph/tutorials/what-is-apache

Installing Apache web server on Linux Cloud Servers. (n.d.). LayerStack.

https://www.layerstack.com/resources/tutorials/Installing-Apache-server-on-Linux-Cloud-Servers