pemrograman web i
DESCRIPTION
HTML, Java Script, Cara Kerja WWW, Istilah-Istilah dalam Pemrograman WebTRANSCRIPT
![Page 1: Pemrograman Web I](https://reader034.vdocuments.net/reader034/viewer/2022051400/553c6e85550346b1468b4861/html5/thumbnails/1.jpg)
1
PEMROGRAMAN WEB I
Oleh:
I Wayan Simpen
![Page 2: Pemrograman Web I](https://reader034.vdocuments.net/reader034/viewer/2022051400/553c6e85550346b1468b4861/html5/thumbnails/2.jpg)
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
![Page 3: Pemrograman Web I](https://reader034.vdocuments.net/reader034/viewer/2022051400/553c6e85550346b1468b4861/html5/thumbnails/3.jpg)
By I Wayan Simpen 3
Agenda
• Word Wide Web
• Mengenal HTML
![Page 4: Pemrograman Web I](https://reader034.vdocuments.net/reader034/viewer/2022051400/553c6e85550346b1468b4861/html5/thumbnails/4.jpg)
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.
![Page 5: Pemrograman Web I](https://reader034.vdocuments.net/reader034/viewer/2022051400/553c6e85550346b1468b4861/html5/thumbnails/5.jpg)
By I Wayan Simpen
The Architecture of WWW
Web Browser
Client
Web Server
End User
HTTPTCP/IP
HTML documents
Internetor
Intranet
![Page 6: Pemrograman Web I](https://reader034.vdocuments.net/reader034/viewer/2022051400/553c6e85550346b1468b4861/html5/thumbnails/6.jpg)
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
![Page 7: Pemrograman Web I](https://reader034.vdocuments.net/reader034/viewer/2022051400/553c6e85550346b1468b4861/html5/thumbnails/7.jpg)
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
![Page 8: Pemrograman Web I](https://reader034.vdocuments.net/reader034/viewer/2022051400/553c6e85550346b1468b4861/html5/thumbnails/8.jpg)
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.
![Page 9: Pemrograman Web I](https://reader034.vdocuments.net/reader034/viewer/2022051400/553c6e85550346b1468b4861/html5/thumbnails/9.jpg)
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.
![Page 10: Pemrograman Web I](https://reader034.vdocuments.net/reader034/viewer/2022051400/553c6e85550346b1468b4861/html5/thumbnails/10.jpg)
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
![Page 11: Pemrograman Web I](https://reader034.vdocuments.net/reader034/viewer/2022051400/553c6e85550346b1468b4861/html5/thumbnails/11.jpg)
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.
![Page 12: Pemrograman Web I](https://reader034.vdocuments.net/reader034/viewer/2022051400/553c6e85550346b1468b4861/html5/thumbnails/12.jpg)
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”
![Page 13: Pemrograman Web I](https://reader034.vdocuments.net/reader034/viewer/2022051400/553c6e85550346b1468b4861/html5/thumbnails/13.jpg)
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
![Page 14: Pemrograman Web I](https://reader034.vdocuments.net/reader034/viewer/2022051400/553c6e85550346b1468b4861/html5/thumbnails/14.jpg)
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 >
![Page 15: Pemrograman Web I](https://reader034.vdocuments.net/reader034/viewer/2022051400/553c6e85550346b1468b4861/html5/thumbnails/15.jpg)
By I Wayan Simpen 15
Struktur Dokumen HTML
<HTML><HEAD><TITLE>Judul</TITLE>
Eelemen head lainnya</HEAD><BODY>
Isi yang ditampilkan</Body></HTML>
![Page 16: Pemrograman Web I](https://reader034.vdocuments.net/reader034/viewer/2022051400/553c6e85550346b1468b4861/html5/thumbnails/16.jpg)
By I Wayan Simpen 16
Contoh:
![Page 17: Pemrograman Web I](https://reader034.vdocuments.net/reader034/viewer/2022051400/553c6e85550346b1468b4861/html5/thumbnails/17.jpg)
By I Wayan Simpen 17
Hasil:
![Page 18: Pemrograman Web I](https://reader034.vdocuments.net/reader034/viewer/2022051400/553c6e85550346b1468b4861/html5/thumbnails/18.jpg)
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
![Page 19: Pemrograman Web I](https://reader034.vdocuments.net/reader034/viewer/2022051400/553c6e85550346b1468b4861/html5/thumbnails/19.jpg)
By I Wayan Simpen 19
Contoh
![Page 20: Pemrograman Web I](https://reader034.vdocuments.net/reader034/viewer/2022051400/553c6e85550346b1468b4861/html5/thumbnails/20.jpg)
By I Wayan Simpen 20
Hasil
![Page 21: Pemrograman Web I](https://reader034.vdocuments.net/reader034/viewer/2022051400/553c6e85550346b1468b4861/html5/thumbnails/21.jpg)
21
SAMPAI JUMPASAMPAI JUMPA
MINGGU DEPAN