Pertemuan 6 pengantar tik (stkip)

Oleh:
Siti Husnul Bariah, Skom.,
M.Pd
Pend. Teknologi Informasi dan Komunikasi-
STKIP


 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


 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...


 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


 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...


 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?


 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


 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?


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)


 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


 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


 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...


 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


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>


TAG HTML (Lanjut....)
 <html> Dokumen
 <head> Header
 <title> Judul dokumen
 <body> Isi dokumen
 <h1>…<h6> Judul paragraf
 <p> Paragraf
 <b>,<i>,<u>,<sup>,<sub> Atribut
 <br> Ganti baris
 <font> Font
 <li>,<ol>,<ul> Enumerasi
 <hr> Garis mendatar
 <img> Gambar
 <a> Link (kaitan/rujukan)
 <table> Tabel
  Komentar
 <frame>,<frameset>,<iframe> Frame (bingkai)
 <form> Formulir isian
 <input>,<textarea>,<select> Komponen isian pada formulir
 <map> Link berdasar area pada gambar
 <span>,<div> Pengelompokan elemen dokumen

Pertemuan 6 pengantar tik (stkip)

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (16)

Ähnlich wie Pertemuan 6 pengantar tik (stkip)

Ähnlich wie Pertemuan 6 pengantar tik (stkip) (20)

Mehr von Dede Alamsyah

Mehr von Dede Alamsyah (20)

Kürzlich hochgeladen

Kürzlich hochgeladen (20)

Pertemuan 6 pengantar tik (stkip)