2.
World Wide Web (WWW), lebih dikenal dengan
web, merupakan salah satu layanan yang didapat
oleh pemakai komputer yang terhubung ke internet.
Web pada awalnya adalah ruang informasi dalam
internet, dengan menggunakan teknologi hyperteks,
pemakai dituntun untuk menemukan informasi.
Pendahuluan
3.
Web telah diadopsi oleh perusahaan sebagai
sebagian dari strategi teknologi informasinya, karena
beberapa alasan:
1. Akses informasi mudah
2. Setup server lebih mudah
3. Informasi mudah di distribusikan, dan
4. Bebas platform.
Lanjutan...
4.
Tahun 1993, Tim Berners-Lee dan peneliti lain di
European Particle Physics Lab (Consei Europeen
pour la Recherche Nucleaire, atau CERN) di Geneva,
Swis mengembangkan suatu cara untuk men-share
data antar koleganya menggunakan sesuatu yang
disebut dengan hypertext.
Sekilah Lahirnya Web
5.
Kode-kode khusus disisipkan ke dalam dokumen
elektronik ini.
Memungkinkan pemakai untuk meloncat dari satu
dokumen ke dokumen lainnya pada layar dengan
hanya memilih sebuah hyperlink.
Lanjutan...
6.
Informasi web disimpan dalam dokumen yang disebut
dengan halaman-halaman web (web pages).
Web page adalah file-file yang disimpan dalam komputer
yang disebut dengan server-server web (web servers).
Komputer-komputer membaca web page disebut web client.
Web client menampilkan page dengan menggunakan
program yang disebut dengan browser web (web browser).
Browser web yang populer adalah mozilla firefox dan
google crome.
Bagaimana WWW Bekerja?
8.
Browser web adalah software yang digunakan untuk
menampilkan informasi dari server web.
Cara kerja browser:
• Browser mengambil sebuah web page dari server dengan
sebuah request.
• Sebuah request adalah HTTTP standar yang berisi sebuah
page address.
• Sebuah page address terlihat seperti ebrikut:
http://www.ptisthusnulbariah.blogspot.com
Browser Web
9.
Browser menampilkan page dengan membaca
intruksi-intruksi.
Instruksi yang paling umum untuk menampilkan
disebut tag HTML.
Tag HTML contohnya seperti berikut: <p>ini adalah
paragraf</p>.
Bagaimana Browser Menampilkan Page?
10.
Skema Dasar HTML
<HTML>
<HEAD>
<TITLE>Judul dokumen</TITLE>
</HEAD>
<BODY>
Isi dokumen
</BODY>
</HTML>
HTML: menandai awal dan akhir dokumen HTML
HEAD: menandai bagian header dokumen HTML
TITLE: memberi judul pada dokumen HTML
BODY: menandai awal dan akhir isi dokumen (yang ditampilkan)
11.
Server web adalah komputer yang digunakan untuk
menyimpan dokumen-dokumen web, komputer ini akan
melayani permintaan dokumen web dari kliennya.
Browser akan mengirimkan request kepada server untuk
meminta dokumen tertentu atau layanan lain yang
disediakanoleh server.
Server memberikan dokumen atau layanannya jika
tersedia juga dengan menggunakan protokol HTTP.
Server Web
12.
HTML (Hyper Text Markup Language).
Dokumen HTML adalah file teks murni yang dapat
dibuat dengan editor teks sembarang.
Dokumen ini dikenal sebagai web page.
Dokumen HTML merupakan dokumen yang
disajikan dalam browser web.
Konsep HTML
13.
Ada dua cara untuk membuat sebuah web page:
1. HTML editor
2. Editor teks biasa (notepad)
Penamaan dokumen (pilih suatu nama, sembarang nama,
kemudian tambahkan sebuah ekstensi “.htm” atau “.html”
Dokumen HTML disusun oleh elemen-elemen.
Elemen merupakan istilah bagi komponen-komponen dasar
pembentuk dokumen HTML. Contoh (head, body, paragraf,
dll)
Lanjutan...
14.
Untuk menandai berbagai elemen dalam suatu dokumen HTML,
kita menggunakan tag.
Tag HTML terdiri dari kurung sudut kiri (<), sebuah nama tag, dan
sebuah kurung sudut kanan (>).
Tag umumnya berpasangan (misalnya <h1> dengan </h1>.
Ada beberapa elemen yang tidak mengharuskan tagnya ditulis
secara berpasangan:
o Paragraf dengan tag <p>
o Ganti baris <br>
o Garis datar <hr>
Definisi Tag
15.
Contoh
<html>
<head>
<title>contoh halaman web saya</title>
</head>
<body>
<h1>selamat datang</h1>
<h2>di Halaman pertama web saya</h2>
<p>Perkenalkan, nama saya ..... Ini adalah <i>halaman web</i>
<b>pertama</b> saya, karena saya baru belajar tentang
cara membuat <b><i>halaman web</i></b>.
</p>
</body>
</html> <!-- akhir dokumen HTML -->