struktur dasar web
DESCRIPTION
webTRANSCRIPT
10/2/2015
1
Pengenalan WWWO Internet jaringan global yang
menghubungkan suatu network dengannetwork lainya di seluruh dunia untukmempermudah komunikasi,O WWW (World Wide Web) jaringan
dunia luas, pengguna dapatmenampilkan halaman virtual (website)
10/2/2015
2
Pengenalan WWWO Protocol media yang distandartkan untuk
mengakses komputer di sebuah jaringan. HypertextTransfer Protocol (HTTP) adalah protocol untuk WWW.
O Address alamat yang berkaitan denganpenamaan sebuah komputer di dalam jaringan.WWW memiliki aturan penamaan alamat web yaituURL(Uniform Resource Locator) yang di gunakansebagai standard alamat internet. Contoh :http://www.um.ac.id
O HTML Bahasa scripting yang dapat menghasilkanhalaman Web sehingga dapat diakses komputerclient
Pengenalan WWWO http://www.um.ac.id/~bun10026/index.html
~bun10026 : alamat directory yang ada di dalamserver
Protocol URLAccount/Client Halaman Web HTML
10/2/2015
3
O Browser merupakan software yang di installdi mesin client yang berfungsi untukmenterjemahkan tag-tag HTML menjadihalaman web. Contoh : mozila firefox,crome, dll
O Editor merupakan Program yang di gunakanuntuk membuat document HTML, adabanyak HTML editor yang bisa andagunakan diantaranya: Dreamweaver,Notepad.
Browser dan Editor
Hypertext Markup Language merupkan standardbahasa yang digunakan untuk menampilkandocument web, yang bisa dipakai untuk :O Mengontrol tampilan dari web page dan
contentnya.O Mempublikasikan document secara online
sehingga bisa di aksesO Membuat online form yang bisa di gunakan untuk
menangani pendaftaran, transaksi secara online.O Menambahkan object-object seperti image, audio,
video dan juga java applet dalam document HTML.
10/2/2015
4
PENAMAAN HTML HTML diberi nama sembarang kemudian diberi
tambahan ekstensi ”.htm” atau ”.html”Contoh : misalkan kita buat di notepad, hasil pekerjaankita di save dan kita simpan dengan type file htm atauhtml (latihan.html)
Dokumen HTML disusun elemen-elemen ataukomponen dasar pembentu HTML. Contoh darielemen dokumen HTML adalah : head , body, table,paragraf, list
Command HTML biasanya disebut TAG, TAG digunakanuntuk menentukan tampilan dari document HTML.Setiap document HTML di awali dan di akhiri dengantag HTML. < …. >
Tag tidak case sensitive, jadi anda bisa gunakan<HTML> atau <html> keduanya menghasilkan outputyang sama.
<html> .. Isi Web .. </html>
10/2/2015
5
TitleMenuliskan judul dokumen HTML.contoh :
<Head>
<title>.. Judul Web ..</title>
</head>
Document body di gunakan untuk menampilkan text,image link dan semua yang akan di tampilkan padaweb page.
<Body>
….. Isi dari halaman web ….</Body>
10/2/2015
6
<html>
<head>
<title> Judul Web </title>
</head>
<body>
ini adalah isi halaman web
</body>
</html>
<Body>..</Body> : kode yang bergunauntuk meletakkan semua isi Web yangakan kita buat.
1. Buatlah dokumen sederhana dengan menggunakan strukturdasar dokumen HTML!
2. Simpanlah dokumen HTML tersebut dengan ekstensi .htm atau.html! Dan bukalah dokumen HTML tersebut denganmenggunakan salah satu web browser!
3. Dimanakah tag <TITLE> akan ditampilkan? Dan dimanakah tag<BODY> akan ditampilkan?
4. Ikutilah langkah-langkah berikut:o Hilangkan tag <HEAD> yang terdapat pada dokumen HTMLo Simpan kembali dokumen HTMLo Refresh dokumen HTML yang ditampilkan pada web browsero Identifikasi apakah yang akan terjadi?o Ulangi langkah No. 4 dengan menghilangkan tag <TITLE> dan
identifikasi apa yang akan terjadi?o Buatlah kesimpulan dari percobaan di atas!
10/2/2015
7
Block Level ElementO Block level element yang sering di gunakan adalah
Heading.O Heading adalah salah satu metode yang ada pada
HTML yang digunakan untuk membuat judul dalamparagraf.
O Block level element yang sering di gunakan :Heading (H1 sampai H6)
O Penulisan : <hx> … teks/judul... </hx>O Contoh : <h1> Heading 1 </h1>
<h2> Heading2 </h2>
Membuat HeadingLangkah-langkah pembuatan headingO Buatlah dokumen sederhana dengan menggunakan struktur dasar
dokumen HTML.O Buatlah judul paragraf dengan menggunakan tag heading, caranya
dengan meletakkan tag heading diantara tag <BODY>. Misalnya:<body><h1>Contoh Heading</h1></body>
O Rubahlah bentuk dari judul tersebut dengan menggunakan attribut.Misalnya merubah posisi huruf menjadi rata kanan .
O <h1 align=”right”>Contoh Heading</h1>O Simpanlah dokumen HTML tersebut.O Bukalah dokumen HTML dengan menggunakan salah satu web
browser.
10/2/2015
8
Latihan
NEXT.....
FORMAT TEKS