Click here to load reader
Upload
toni-sahidi
View
452
Download
8
Embed Size (px)
DESCRIPTION
Materi Kuliah Pemrograman Internet, Bedah Halaman Website
Citation preview
Bedah Website a 'website' anatomy course
Toni Tegar Sahidi [email protected]
STT Stikma Internasional, Malang
SURGERY OVERVIEW #1 Web Browser & Web Server #2 Seribu Website Satu Server #3 Web Statis vs Web Dinamis #4 Halaman Awal Website #5 Anatomi sebuah Website
#1 WEB BROWSER
& WEB SERVER
1/4
web browser
program yang kita pakai untuk
menampilkan sebuah halaman website
Google Chrome Internet Explorer
Opera Safari Mozilla Firefox
Rockmelt SeaMonkey
dll....
web server
software yang berjalan di komputer
server, sebagai tempat menyimpan
dokumen-dokumen web, shingga ia
bisa diakses oleh pengguna web.
Sebuah website, diakses pada web browser dengan mengetikkan “alamat” dari web server
tujuan.
Sebuah website, diakses pada web browser dengan mengetikkan “alamat” dari web server
tujuan.
alamat = nomor IP atau nama domain
domain vs ip
www.google.com 2001:4860:4002:8
00::1013
74.125.227.50
74.125.227.51
74.125.227.52
74.125.227.48
74.125.227.49
setiap alamat IP, (biasanya) merepresentasikan satu buah server
alamat lokal/LAN ≠ alamat internet
http://localhost/tokoonlinesaya
http://www.TokoOnlineSaya.com
demo....
#2 1000 WEBSITE
SATU SERVER
1/4
contoh multiple website
satu server
www.tokoobat.com
www.emailq.com
www.jalanjalan.net
http://kucing.org
www.mantap.com
www.super.tv
118.21.8.9
kok bisa?
“virtual host”
sebuah fitur pada web server yang akan me-redirect request atas alamat
domain tertentu, ke sebuah folder dalam web server tersebut
e.g.
www.super.tv → http://68.9.2.1/www.super.tv www.doremi.us → http://68.9.2.1/www.doremi.us
beda folder
satu server
#3 WEB DINAMIS
VS WEB STATIS
2/4
web statis
statis secara konten! bukan statis secara tampilan
cukup HTML saja. (tak perlu web programming)
mengedit konten = mengedit file html
AMAT SANGAT RIBET...!! (bayangkan situs sekelas detik.com masih statis)
web dinamis
dinamis secara konten & bukan tampilan konten dapat berubah-ubah / dinamis
butuh web programming (PHP, ASP, JSP, dll)
update konten = sesuai pemrogramannya (misal dengan update database)
MEMUDAHKAN..!!
#4 HALAMAN AWAL
WEBSITE
1/4
semisal ketika kita membuka
http://www.sepatuterakhir.com/novel.html
Artinya kita me-request file 'novel.html' yang terdapat di situs
http://www.sepatuterakhir.com
Lah Terus? Jika yang diketik hanya seperti ini? http://www.sepatuterakhir.com
file apa yang sebenarnya di-request & dibuka?
Jawab : tergantung konfigurasi server!
namun secara DEFAULT, umumnya adalah file index.php, index.html, home.html, dll.
#5 ANATOMY OF A
WEBSITE
1/4
Anatomy of a Website
HTML → CORE of a WEBSITE
CSS → untuk layouting
JavaScript → untuk interaktifitas
Text Content (Artikel, dlsb)
Media Content (images,flash,etc)
Binary Content (applet Java,dll)
CARA MELAKUKAN OPERASI BEDAH INSTAN
PADA WEBSITE
klik kanan pada halaman website lalu pilih 'View Page Source'
CARA LAIN Pada halaman web yang tengah dibuka,
pada keyboard silakan tekan 'Ctrl U' secara bersamaan
Akan ditampilkan Source Code
dari Website yang Anda buka
next session
HTML DASAR