1
PEMROGRAMAN WEB I
Oleh:
I Wayan Simpen
HTML Authoring and Web Publishing
Web Browser
Client
Web Server
HTML Authoring Tools/Editors
End User Web Master
Web Publisher
Server
External ApplicationsNon-HTTP objects
CGI: Common Gateway Interface
Internet Global Reach Broad Range
By I Wayan Simpen 3
Agenda
• Word Wide Web
• Mengenal HTML
By I Wayan Simpen 4
Word Wide Web
• Dikenal dg istilah Web merupakan salah satu layanan di Internet
• Web pada awalnya merupakan ruang informasi dalam internet
• Dg menggunakan teknologi Hypertext pemakai dituntun untuk menemukan informasi dg mengikuti link yang disediakan.
By I Wayan Simpen
The Architecture of WWW
Web Browser
Client
Web Server
End User
HTTPTCP/IP
HTML documents
Internetor
Intranet
By I Wayan Simpen 6
Bagai mana WWW Bekerja
• Informasi web disimpan dalam dokumen yang disebut Web Pages
• Web Page adalah file-file yg disimpan dlm komputer disebut Web Server
• Komputer-komputer yang membaca web page disebut sebagai Web Client
• Web Client menampilkan web page dg program yg disebut dg Web Browser
By I Wayan Simpen 7
Web BrowserURL:http//../abc.htm
HTTPS
Computer
<HTML><h1>Welcome</h1><HTML>
HardiskWeb BrowserURL:http//../abc.htm
Welcome<HTML><h1>Welcome</h1><HTML>
Client Server
InternetSevice
Privider
HTTP“Get” abc.htm
1 2
HTTPReply
3
4
By I Wayan Simpen 8
WEB BROWSER
• Web Browser adalah software yg dipakai untuk membaca dan menterjemahkan web pages.
• Web Browser yg sering digunakan adapaha Nescape Navigator dan MSIE (Microsoft Internet Exploler), Opera, Mozilla, Avan Browser.
• Browser memanggil web page dari web server dengan sebuah Request. Request adalah HTTP standar yang berisi page address.
By I Wayan Simpen 9
• Instruksi yang paling umum digunakan untuk menampilkan web page disebut tag HTML.
• Server Web adalah komputer yang digunakan untuk menyimpan file-file Web.
By I Wayan Simpen 10
Istilah-Istilah yang Perlu Diketahui
• WWW (Word Wide Web) yang lebih dikenal sebagai WEB, awalnya merupakan suatu layanan penyajian informasi di internet.
• Protocol: Standar pemrosesan informasi yg diterima secara umum.
• TCP/IP (Transfer Control Protocol/ Internet Protocol): Protocol standar di internet
By I Wayan Simpen 11
• URL (Universal Resource Locator): Konsep nama file standar yg diperluas dg jaringannya.
• HTTP (HyperText Transfer Protocol): Suatu protocol yg dipakai untuk melayani dokumen Hypertext.
• Surfing: Kegiatan menelusuri dan mencari informasi dalam internet.
By I Wayan Simpen 12
MENGENAL HTML
• HTML (Hyper Text Markup Language): Dokumen HTML adalah sebuah file teks murni.
• Dokumen HTML diberi dengan nama sembarang dg tambahan extension “.htm” atah “.html”
By I Wayan Simpen
The Extended Framework of WWW
Web Browser
Client
HTML Authoring Tools/Editors
End User Web Master
Web Designer& Publisher
External ApplicationsNon-HTTP objects
• ColdFusion, • CGI (Perl)• ASP & ASP.NET• JAVA Servlet• Java Server Pages • Java Applet• JavaScript
Internet Global Reach Broad Range
Web Programmer
Web Server
By I Wayan Simpen 14
Defenisi
• Elemen: Dokumen HTML disusun oleh elemen-elemen. ELEMEN merupakan istilah bagi komponen dasar pembentuk dokumen HTML (html, head, Title, dsb).
• TAG: Suatu simbul yang digunakan untuk memberi tanda pada dokumen HTML. Tag HTML menggunakan tanda < dan >
By I Wayan Simpen 15
Struktur Dokumen HTML
<HTML><HEAD><TITLE>Judul</TITLE>
Eelemen head lainnya</HEAD><BODY>
Isi yang ditampilkan</Body></HTML>
By I Wayan Simpen 16
Contoh:
By I Wayan Simpen 17
Hasil:
By I Wayan Simpen 18
Atribut TAG
• Atribut TAG: Menyatakan sesuatu tentang TAG.
• Atribut digunakan untuk mengubah default formating TAG.
<BODY text="#00FF00" link="#00FFFF" >
Atribut TAG
By I Wayan Simpen 19
Contoh
By I Wayan Simpen 20
Hasil
21
SAMPAI JUMPASAMPAI JUMPA
MINGGU DEPAN