LAPORAN PRAKTIKUM INSTALL WEB SERVER DI RHEL 9

NAMA : PUPUT ANGGRAENI 

KELAS : XI TJTK B


Apache adalah software web server open-source yang digunakan untuk melayani konten web kepada pengguna melalui protokol HTTP. Ia berperan sebagai jembatan antara server dan browser, memungkinkan pengguna untuk mengakses website. Apache merupakan salah satu web server paling populer di dunia dan dikembangkan oleh Apache Software Foundation.

Langkah - Langkah 

1. saya menginstal paket apache httpd dengan perintah 

 # sudo dnf install httpd -y



2. saya mengaktifkan dan menjalankan service Apache 
  
  # sudo systemctl enable httpd
  # sudo systemctl start httpd


3. cek status dengan 

 # sudo systemctl status httpd


4. buka akses di firewall port 80 dan 443
  
 # sudo firewall-cmd --permanent --add-service=http
 # sudo firewall-cmd --permanent --add-service=https
 # sudo firewall-cmd --reload


5. saya mencoba mengakses di browser/internet mengakses dengan menggunakan ip 

# http://192.168.100.229
* noted = ( ip saya berubah dari  192.168.100.227 menjadi 192.168.100.229 )



6.  saya meenganti dengan halaman default dengan memasukan kodingan html dengan perintah

#  sudo nano /var/www/html/index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Puput Anggraeni</title>
  <style>
    body {
      background-color: #ffe6f0;
      color: #ff66b2;
      font-family: 'Comic Sans MS', cursive;
      text-align: center;
      overflow: hidden;
    }

    h1 {
      font-size: 50px;
      animation: bounce 1.5s infinite;
    }

    .heart {
      position: absolute;
      width: 20px;
      height: 20px;
      background-color: #ff66b2;
      transform: rotate(45deg);
      animation: float 6s infinite;
    }

    .heart::before,
    .heart::after {
      content: '';
      position: absolute;
      width: 20px;
      height: 20px;
      background-color: #ff66b2;
      border-radius: 50%;
    }

    .heart::before {
      top: -10px;
      left: 0;
    }

    .heart::after {
      left: -10px;
      top: 0;
    }

    @keyframes bounce {
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(-20px); }
    }

    @keyframes float {
      0% {
        top: 100%;
        left: calc(100% * var(--x));
        opacity: 0;
      }
      30% {
        opacity: 1;
      }
      100% {
        top: -10%;
        left: calc(100% * var(--x) + 50px);
        opacity: 0;
      }
    }
  </style>
</head>
<body>

  <h1>💖 Puput Anggraeni 💖</h1>
  <p>Saya berhasil membuat halaman html</p>

  <!-- Generate banyak hati -->
  <script>
    for (let i = 0; i < 30; i++) {
      const heart = document.createElement('div');
      heart.className = 'heart';
      heart.style.setProperty('--x', Math.random());
      heart.style.animationDuration = (3 + Math.random() * 3) + 's';
      document.body.appendChild(heart);
    }
  </script>

</body>
</html>


lalu saya menguji ke browser mengakses dengan ip 

# http://192.168.100.229



* COMPLATE 

Komentar

Posting Komentar

Postingan Populer