Pengertian Web Statis Jadi untuk pengubahan content atau isi dokumen dalam sebuah
web dinamis tidak perlu memiliki keahlian programming atau
Web Statis adalah web yang content atau isinya tidak berubah – seorang programmer saja yang dapat mengubah isi dokumen
ubah. Maksudnya adalah isi dari dokumen yang ada di web pada web dinamis. Untuk membuat web dinamis diperlukan
tersebut tidak dapat diubah secara mudah. Ini dikarenakan beberapa komponen yaitu client side ?scripting ( HTML,
karena script yang digunakan untuk membut web statis tidak JavaScript, Casing Style Sheet atau CSS) dan server side
mendukung untuk mengubah isi dokumen. scripting seperti PHP dan program basis data seperti database
MySQL untuk menyimpan data – data yang ada di web dinamis.
Karena script yng digunakan untuk membuat web statis ini seperti
HTML dan Cascading Style Sheet atau biasa disebut dengan Web Dinamis ini banyak sekali bertebaran di internet seperti Web
CSS. Maka dari itu untuk perubahan isi dokumen pada web statis Berita, Personal Blog, Toko Online/Web Pasang Iklan, dll.
harus mengubah isi file HTML atau CSS tersebut. Tentunya bagi
orang awam atau orang yang tidak mengerti soal program atau
script HTML dan CSS akan sangat sulit sekali dilakukan. Untuk Tugas.
itu jika kita ingin mengubah dokumen web statis harus mengerti
benar scipt HTML atau CSS atau sering disebut programmer Sebut kan perbedaan web statis dengan web dinamis?
yang dapat melakukan perubahan isi dokumen sebuah web
statis. 1. Content : web statis tidak dirubah sedangkan web dinamis
Web statis ini biasanya digunakan oleh website yang bisa dirubah.
menggunakan HTML, Web Search Engine, atau web Company
Profile. 2. Database : web statis tidak menggunakan database
sedangkan web dinamis menggunakan database.
Pengertian Web Dinamis
Web Dinamis adalah Web yang content atau isinya dapat
berubah – ubah setiap saat. Karena dalam teknologi pembuatan
web dinamis sudah dirancang semudah mungkin bagi user yang
menggunakan web dinamis tersebut.
Untuk perubahan content atau isi dokumen?dalam sebuah web
dinamis dibilang mudah ketimbang web statis yang harus
memiliki keahlian khusus pada bagian scripting web tersebut.
Ketika kita akan mengubah content atau isi dari sebuah web
dinamis kita hanya perlu masuk kebagian control panel atau
bagian administrator ?web yang telah disediakan oleh script web
dinamis.
MEMAHAMI TAG UTAMA HTML mewakili ukuran dari besarnya tag heading. Bilangan pertama
MODUL II merupakan ukuran terbesar dari tag heading, sedangkan
MEMAHAMI TAG UTAMA HTML bilangan terakhir pada tag heading merupakan ukuran terkecil.
Sintaksnya adalah sebagai berikut :
Tag dasar html sangat mutlak diperlukan browser untuk <hn[properti]>................................</hn[properti]>
mengenali sebuah dokumen html, karena pada dasarnya Keterangan.
dokumen html tidak akan memiliki keistimewaan apapun 1. n adalah bilangan yang terdiri dari 1 sampai dengan 6
apabila tidak dieksekusi pada sebuah browser. Sedangkan 2. properti adalah kemampuan tambahan yang dimiliki tag
browser hanya dapat mengeksekusi sebuah dokumen html heading
apabila di dalam dokumen tersebut telah dilengkapi tag-tag Properti
dasar html yang meliputi <html>, <head>, <title>, dan <body> Keterangan
berikut tag penutupnya. Align
Tag utama HTML adalah tag yang digunakan untuk
memanipulasi dokumen html. Misalnya untuk mengatur
paragraf, ganti baris, dan lain-lain. Tag utama dari html terdiri Pengaturan letak heading
dari : Contoh :
- Heading <html>
- Paragraf <head>
- Font <title>Penggunaan Heading rata Kiri-dengan Notepad</title>
- Break line </head>
- Horizontal line <body>
- Marquee <h1 align=”left”>Penggunaan Heading 1 Rata Kiri</h1>
- Blink <h2 align=”left”>Penggunaan Heading 2 Rata Kiri</h2>
Heading <h3 align=”left”>Penggunaan Heading 3 Rata Kiri</h3>
<h4 align=”left”>Penggunaan Heading 4 Rata Kiri</h4>
<h5 align=”left”>Penggunaan Heading 5 Rata Kiri</h5>
Tag heading adalah tag yang digunakan untuk membuat judul <h6 align=”left”>Penggunaan Heading 6 Rata Kiri</h6>
dari isi sebuah dokumen html. Tag heading mempunyai 6 </body>
buah bilangan terdiri dari 1, 2, 3, 4, 5, dan 6. Masing-masing </html>
bilangan yang terdapat pad tag heading berfungsi untuk
</body>
Paragraf </html>
Infromasi yang ditampilkan pada sebuah dokumen html harus Font
mengikuti kaidah-kaidah penulisan yang benar, diantaranya Tag font digunakan untuk mengatur bentuk dan tampilan suatu
penggunaan paragraf. Di dalam format sebuah dokumen html, huruf dalam dokumen html. Sintaksnya adalah sebagai berikut
fungsi dari paragraf telah ditambah pada sebuah browser web :
untuk mengenalinya. Sintak yang digunakan untuk menuliskan <font[properti]> .........................</font>
paragraf dalam doumen html adalah sebagai berikut : 1. Properti adalah kemampuan yang dimiliki pada tag font
<p[properti]..........................</p> Properti
Keterangan
Face
1. Properti adalah kemampuan yang ditambahkan pada tag Bentuk dan nama huruf
paragraf Size
Properti Ukuran huruf
Keterangan Color
Align Warna huruf
Pengaturan letak paragraf. Nilainya adalah left(rata kiri, Contoh:
center(rata tengah), right(rata kanan), dan justify(rata kanan- <html>
kiri) <head>
Contoh: <title>Contoh font dengan propertinya - Notepad</title>
<html> </head>
<head> <body>
<title>Penggunaan Paragraf rata Kiri-dengan Notepad</title> <font face="Comic san MS"color=#0000ff size=4>
</head> <h1 align="center">Belajar HTML</h1></font>
<body> <font face="arial" size=2>
<h1 align=”left”>HOME PAGE SERBA GRATIS</h1> <p align="justify"> HTML adalah kependekan dari Hyper Text
<p align=”left”>Mengapa harus bayar kalau ada yang gratis, Markup Language, yang artinya tata cara penulisan yang
mengapa harus beli kalau ada yang Cuma-Cuma. digunakan dalam dokumen web.
Yess....Situs ini berisi informasi yang dibutuhkan untuk Dokumen HTML adalah sebuah dokumen teks murni yang
membuat sebuah home page gratis........ </p> dapat dibuat
dengan editor web sembarang seperti notepad. </p> Size
</body> Ukuran ketebalan dari tag horizontal line. Defaultnya adalah 2
</html> Width
Break Line Lebar dari horizontal line. Satuaannya dalam persen atau
Untuk memotong kalimat di dalam dokumen html digunakan pixels
fungsi break line. Sintaksnya adalah sebagai berikut : Color
........kalimat..<br>.....kalimat.........<br> Warna dari horizontal line Anda dapat menyebut warna dari
<html> horizontal line, apabila anda tidak hapal nilai dari suatu warna.
<head> Misalnya Blue, Green, red, dsb
<title>Contoh penggunaan tag break line - Notepad</title> NoShade
</head> Efek bayangan atau shading pada tag horizontal line. Apabila
<body> anda menginginkan efek bayangan pada garis mendatar yang
<h2 align="center">Belajar HTML</h2> anda buat, maka properti ini tidak perlu dituliskan.
<p align="justify"> HTML adalah kependekan dari Hyper Text Contoh 1 :
Markup Language<br> <html>
yang artinya tata cara penulisan yang digunakan dalam <head>
dokumen web. <title>Contoh penggunaan tag garis mendatar Notepad</title>
........... </p> </head>
</body> <body>
</html> <h3 align=”center”>FBI Peringatkan kemungkinan Serangan di
Horizontal Line kilang minyak Texax<br> </h3>
Horizontal line atau garis mendatar digunakan sebagai </h4 align=”center”>Wasington, Jum’at</h4>
pemisah antar paragraf dalam sebuah dokumen html. <p align=”justify”>Biro penyelidik Federal AS (FBI)
Sintaknya adalah sbb memperingatkan industri minyak di Texax bahwa mereka
<hr [proverti]> mungkin menjadi sasaran serangan teror, namun badan
Properti badan tersebut tidak memberikan penjelasan terinci mengenai
Keterangan ancaman potensial tertentu, kata sejumlah pejabat FBI,
Align Kamis</p>
Letak dari horizontal line. Nilainya adalah left, center, right, <p align=”right”>Sumber Kompas, Kamis, 24 Dsember
justify. Secara default tag horizontal line akan diletakan rata 2008</p>
kiri <hr color=”#000000”noshade size=”3” align=”left” width=90%>
atau justify. </body>
</html> Wdth
Contoh 2 Lebar dari marquee nilainya dalam prosentase % atau pixel
<body bgcolor="#c0c0c0"> Countinously
<hr width="80%" align="left"><br> Pengulangan teks secara terus menerus, maka properti ini
<hr width="80%" align="left"> tidak perlu dicantumkan karena secra default properti
<hr width="80%" align="right"><br> countinously akan mengulang secara otomatis
<hr width="80%" align="right"> Bgcolor
<hr width="80%" align="center"><br> Warna latar dari marquee. Nilainya bisa anda cantumkan
<hr width="80%" align="center"> tanpa harus menuliskan kode warna apabila anda tidak hapal.
<hr size="20" align="center" width ="50%"><br> Misalnya blue, yellow dll.)
<hr size="20" align="center" width ="50%"> Style
<hr align="center" size="5" noshade><br> Kamamapuan tambahan unutk memformat font, paragraf,
<hr align="center" size="20" noshade> border, numbering dan posisiton.
<hr widht="65" align="center" size="5" size 15 Contoh :
nosade><br> <html>
<hr align="center" size="20" noshade> <head>
Marquee <title>Contoh penggunaan text berjalan-Notepad</title>
Marquee adalah sebuah teks berjalan pada dokumen </head>
HTML..Sintaksnya adalah sebagai berikut : <body>
<marquee [properti]>....Isi/Text Marquee....</marquee> <p>
Keterangan : <marquee bgcolor=”C0C0C0”>Text Berjalan ini menggunakan
Properti MARQUEE </marquee></p>
Keterangan </body>
Behavior </html>
Cara atau teknik dari marquee untuk menjalankan teks. Blink
Nilainya adalah scrool atau mengulang searah teks, slide atau Blink adalah sebuah teks berkedip pada dokumen
mengulang searah teks, dan alternate teks berjalan bolak HTML..Sintaksnya adalah sebagai berikut :
balik. <blink>....Isi/Text Berkedip....</blink >
Direction C. PRAKTEK
Arah teks berjalan 1. Ketik program dibawah ini, simpan dengan nama
Height modul2.html
Tinggi dari marquee nilainya dalam prosentase % atau pixel 2. Jalankan, dan amati hasilnya.
<html>
<head>
<title>Memahami tag utama HTML - Notepad</title>
</head>
<body>
<font face="Comic sans MS"color="#FF0000">
<h1 align="center">Belajar<blink> HTML</blink></h1></font>
<hr>
<font face="arial" color="blue" size="3">
<marquee behavior=”alternate” bgcolor=”orange”>Belajar
HTML dengan menggunakan Editor NOTEPAD</marquee>
<p align="justify"> HTML adalah kependekan dari Hyper Text
Markup Language, yang artinya tata cara penulisan yang
digunakan dalam dokumen web.<br>
Dokumen HTML adalah sebuah dokumen teks murni yang
dapat dibuat dengan editor web sembarang seperti notepad,
dokumen ini akan di eksekusi oleh sebuah web browser,
sehingga browser mampu menghasilkan suatu dokumen yang
sesuai dengan keinginan seorang designer atau progremer
web.
Dokumen ini mempunyai kemampuan untuk menampilkan
gambar, suara, teks, maupun penyediaan link terhadap
halaman web lainnya, baik alamat yang sama maupun alamat
yang berbeda. </p>
</body>
</html>
