Dasar Web: Komponen Utama, Bahasa, Struktur, dan Proses Kerja

Dasar Web

Web atau World Wide Web adalah sistem informasi global yang memungkinkan akses dan pertukaran data melalui internet menggunakan protokol HTTP (HyperText Transfer Protocol). Web terdiri dari dokumen-dokumen yang saling terhubung melalui hyperlink dan dapat diakses menggunakan peramban web (web browser).

Komponen Utama Web

Website
Kumpulan halaman web yang saling terhubung dan disimpan dalam sebuah server, diakses melalui domain unik (misalnya, www.google.com).
Halaman Web (Web Page)
Dokumen tunggal yang ditulis dalam HTML (HyperText Markup Language) dan dapat berisi teks, gambar, video, atau elemen interaktif lainnya.
Web Server
Komputer atau sistem yang menyimpan data dan mengirimkan halaman web ke pengguna berdasarkan permintaan (request).
Web Browser
Aplikasi perangkat lunak yang digunakan untuk mengakses dan menampilkan halaman web (contoh: Google Chrome, Mozilla Firefox, Microsoft Edge).
Protokol Web
- HTTP/HTTPS: Protokol komunikasi antara klien (browser) dan server.
- DNS (Domain Name System): Sistem yang menerjemahkan nama domain menjadi alamat IP.

Bahasa Dasar Web

HTML (HyperText Markup Language)

Bahasa markup untuk membuat struktur dasar halaman web.

Contoh elemen HTML:

<html>
    <head>
        <title>Judul Halaman</title>
    </head>
    <body>
        <h1>Selamat Datang di Web Saya</h1>
        <p>Ini adalah paragraf.</p>
    </body>
</html>

CSS (Cascading Style Sheets)
- Digunakan untuk mengatur tampilan dan tata letak halaman web.
- Contoh penggunaan CSS:
```
<style>
    h1 {
        color: blue;
        font-size: 24px;
    }
</style>
```
JavaScript (JS)
- Bahasa pemrograman untuk menambahkan interaktivitas pada halaman web.
- Contoh penggunaan JavaScript:
```
<script>
    alert("Halo, Selamat Datang!");
</script>
```

Jenis-jenis Website

Website Statis
- Kontennya tetap dan tidak berubah kecuali diubah secara manual oleh pengembang.
- Dibangun dengan HTML dan CSS sederhana.
- Contoh: Situs portofolio.
Website Dinamis

Konten dapat berubah berdasarkan interaksi pengguna atau data dari server.
Dibangun dengan bahasa pemrograman seperti PHP, Python, atau JavaScript dan terhubung ke database.
Contoh: Media sosial, toko online.

Struktur Dasar Website

Sebuah website biasanya memiliki struktur sebagai berikut:

Header: Bagian atas halaman, biasanya berisi logo, menu navigasi, atau nama website.
Main Content: Area utama yang berisi konten halaman, seperti artikel atau gambar.
Sidebar: Bagian samping halaman yang digunakan untuk tautan tambahan, widget, atau informasi lainnya.
Footer: Bagian bawah halaman, berisi informasi tambahan seperti hak cipta atau tautan ke halaman lain.

Proses Kerja Web

Pengguna memasukkan URL di browser (misalnya: www.example.com).
Browser mengirimkan permintaan HTTP ke server.
Server memproses permintaan dan mengirimkan file HTML, CSS, dan JavaScript ke browser.
Browser menampilkan halaman web sesuai dengan file yang diterima.

Tools untuk Membuat Website

Code Editor
- Contoh: Visual Studio Code, Sublime Text, Notepad++.
Frameworks dan Libraries
- CSS Frameworks: Bootstrap, Tailwind CSS.
- JavaScript Libraries: React.js, jQuery.
Web Hosting dan Domain
- Hosting: Tempat menyimpan file website.
- Domain: Alamat unik untuk mengakses website.

Manfaat Memahami Dasar Web

Kemampuan Membuat Website
Mahasiswa dapat membuat dan mengelola website sederhana.
Peningkatan Karier
Keterampilan dasar web adalah modal utama untuk bidang pengembangan web, desain, atau IT.
Mendukung Digitalisasi
Dapat membantu bisnis atau organisasi dalam membangun kehadiran digital melalui website.

Aplikasi dalam Pembelajaran

Dalam mata kuliah Aplikasi Komputer, dasar web digunakan untuk memahami bagaimana teknologi web bekerja dan bagaimana mengimplementasikannya dalam kehidupan nyata, seperti membuat portofolio pribadi atau simulasi e-commerce.

RIZQA AMALIA DWI KARTIKA

Cari Blog Ini