Segala Hal Tentang Website

Dimas Novianto November 16, 2025

 


Halo semuanyaa. Namaku Dimas Novianto, seorang siswa SMK yang sedang menjalani Praktik Kerja Lapangan (PKL) di kampus. Setiap hari selama PKL selalu menghadirkan pengalaman baru yang membuatku belajar hal-hal menarik. Kali ini, aku ingin bercerita tentang kegiatanku hari ini ketika mendapatkan tugas mempelajari pembuatan website HTML sederhana hingga cara mempublikasikannya secara online menggunakan GitHub Pages.

Pagi Hari: Awal yang Penuh Energi

Hari ini aku memulai hari dengan rutinitas yang cukup familiar. Aku bangun pada pukul 05.00 pagi ketika udara masih terasa segar dan tenang. Setelah bangun, hal pertama yang kulakukan adalah menjalankan ibadah Subuh. Usai itu, aku menuju dapur untuk menyiapkan sarapan sederhana. Sekitar pukul 05.30, aku memasak mie rebus dan menyiapkan teh hangat sebagai penambah energi.

Setelah urusan dapur selesai, aku mandi pukul 06.30 dan mulai bersiap untuk berangkat. Seragam sudah disetrika rapi, sepatu sudah dipoles, dan tas sudah terisi buku catatan serta alat tulis.

Pukul 07.00, aku menikmati sarapan sambil memikirkan kegiatan hari ini yang berhubungan dengan pembuatan website HTML. Setelah selesai makan, aku berangkat dan perjalanan menuju kampus berjalan lancar. Aku tiba sekitar pukul 07.45, lalu menunggu teman-teman lainnya di depan laboratorium komputer.

Tepat pukul 08.00, kami masuk ke lab dan memulai kegiatan seperti biasa.

Tugas Pagi: Piket dan Persiapan Belajar

Seperti biasa, kegiatan diawali dengan tugas piket yang dibagi berdasarkan urutan kedatangan. Karena aku datang urutan keempat, tugasku adalah menyapu bagian sisi kanan ruangan.

(foto saya piket)


Kami bekerja sama membersihkan ruangan agar nyaman digunakan. Sekitar pukul 08.30, piket selesai dan kami kembali ke meja masing-masing untuk memulai pelajaran hari ini.

Tugas Utama Hari Ini: Belajar Membuat Website HTML Sederhana

Hari ini kami mendapatkan tugas utama, yaitu mempelajari langkah-langkah membuat website HTML sederhana mulai pukul 08.30 hingga istirahat. Materi ini sangat penting karena HTML adalah fondasi dari semua website.

Apa Itu HTML?

(ilustrasi logo html)


HTML (HyperText Markup Language) adalah bahasa standar untuk membuat halaman web. HTML digunakan untuk menyusun struktur konten seperti judul, paragraf, gambar, tabel, dan lainnya sehingga dapat ditampilkan oleh browser.

Langkah-Langkah Membuat Website HTML Sederhana

Berikut adalah langkah-langkah yang kupelajari dan praktikkan hari ini:

1. Membuat Folder Project

Pertama, kami diminta membuat folder bernama "website-html" di komputer. Folder ini berfungsi sebagai tempat menyimpan semua file website.

2. Membuat File HTML Utama

Kami membuka aplikasi code editor seperti VS Code lalu membuat file baru dengan nama:

index.html

3. Menulis Struktur Dasar HTML

Struktur dasar HTML dimulai dari tag berikut:

<!DOCTYPE html>
<html>
<head>
    <title>Website Pertamaku</title>
</head>
<body>
    <h1>Halo Dunia!</h1>
    <p>Ini adalah website HTML pertamaku.</p>
</body>
</html>

Di sinilah kami mulai belajar fungsi tag seperti:

<html>

    4. Menambahkan Gambar dan List

    Kami juga menambahkan elemen seperti:

    <img src="gambar.jpg" alt="ilustrasi web">
    <ul>
      <li>Belajar HTML</li>
      <li>Belajar CSS</li>
      <li>Belajar Publikasi Website</li>
    </ul>

    5. Menyimpan dan Menjalankan Website

    Setelah file HTML siap, kami membuka file tersebut lewat browser. Rasanya sangat menyenangkan melihat website sederhana berhasil muncul.

    Istirahat Siang dan Relaksasi Sejenak

    Pukul 12.00, kami beristirahat dan pergi ke area kampus untuk makan siang bersama. Suasananya cukup menyenangkan dan membuat pikiran kembali segar. Bagi yang beragama Islam, kami melaksanakan shalat Dzuhur sebelum kembali ke lab.

    Sesi Siang: Mengunggah Website HTML Agar Bisa Diakses Online melalui GitHub Pages

    Setelah istirahat, kegiatan dilanjutkan dengan materi kedua:
    "Cara membuat website HTML dapat diakses secara online menggunakan GitHub Pages" hingga waktu pulang.

    Ini adalah cara termudah untuk mempublikasikan website tanpa bayar hosting sama sekali.

    Langkah-Langkah Upload Website ke GitHub Pages

    1. Membuat Akun GitHub

    Kami membuka situs GitHub dan membuat akun baru bagi yang belum punya.

    2. Membuat Repository Baru

    Klik New Repository, beri nama:

    website-html

    Centang Public, lalu buat repository.

    3. Upload File HTML

    Kami mengunggah file index.html ke repository tersebut.

    4. Mengaktifkan GitHub Pages

    Masuk ke:
    Settings → Pages → Deploy from branch

    Pilih:
    • Branch: main
    • Folder: root (/)

      Setelah itu, GitHub memberikan link website online, misalnya:

      https://username.github.io/website-html/

      Dan hanya dalam beberapa detik, website kami berhasil diakses publik.

      Menutup Hari dengan Rasa Puas dan Semangat Baru

      Kegiatan berakhir sekitar pukul 16.00. Seusai belajar, kami merapikan ruangan dan bersiap pulang. Hari ini penuh dengan ilmu baru, mulai dari membuat website HTML dasar hingga mempublikasikannya secara online.

      Belajar membuat website mengajarkanku bahwa teknologi tidak serumit yang terlihat. Dengan langkah-langkah yang tepat dan sedikit kreativitas, siapapun bisa membuat halaman web sendiri dan membagikannya ke seluruh dunia.

      Terima kasih sudah membaca ceritaku hari ini.
      Sampai jumpa di cerita selanjutnya yang pasti penuh pembelajaran baru. 13/11/20255
      Dimas Novianto

      Diposting oleh Dimas Novianto

      Posting Komentar

      0 Komentar