HerdaSulistianto

Pengertian Web Statis dan Dinamis
Pengertian Web Statis dan Dinamis- Pada kesempatan kali ini saya mencoba memberikan informasi Pengertian Web Statis dan Dinamis.Setelah beberapa saat lalu saya memberikan informasiCiri - Ciri Protokol TCP/IPdanCara Kerja TCP/IPkali ini saya akan sedikit memberikan informasi mengenai Pengertian Web Statis dan Dinamis.Pengertian Web Statis Web Statis adalah web yang content atauisinya tidak berubah – ubah. Maksudnya adalah isi dari dokumen yang ada di web tersebut tidak dapat diubah secara mudah. Ini dikarenakan karena script yang digunakan untuk membut web statis tidak mendukung untuk mengubahisi dokumen.Karena script yng digunakan untuk membuat web statis ini seperti HTML dan Cascading Style Sheet atau biasa disebut dengan CSS. Maka dari itu untuk perubahan isi dokumen pada web statis harus mengubah isi file HTML atau CSS tersebut. Tentunya bagi orang awam atauorang yang tidak mengerti soal program atau script HTML dan CSS akan sangat sulit sekali dilakukan. Untuk itu jika kita ingin mengubah dokumen web statis harus mengerti benar scipt HTML atau CSS atau sering disebut programmer yang dapat melakukan perubahan isi dokumen sebuah web statis.Web statis ini biasanya digunakan oleh website yang menggunakan HTML, Web Search Engine, atau web Company Profile.Pengertian Web DinamisWeb DinamisadalahWeb 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.Jadi untuk pengubahan content atau isi dokumen dalam sebuah web dinamis tidak perlu memiliki keahlian programming atau seorang programmer saja yang dapat mengubah isi dokumen pada web dinamis. Untuk membuat web dinamis diperlukan beberapa komponen yaitu client side scripting ( HTML, JavaScript, Casing Style Sheet atau CSS) dan server side scripting seperti PHP danprogram basis data seperti database MySQL untuk menyimpan data – data yang ada di web dinamis.Web Dinamis ini banyak sekali bertebarandi internet seperti Web Berita, Personal Blog, Toko Online/Web Pasang Iklan, dll.Sekian informasi sederhana saya mengenaiPengertian Web Statis dan Dinamis.Contoh HTMLInformasi di dalam WWW(Word Wide Web)menggunakan format HTML. Didalam HTML kita mengenal Hyper Text yaitu adanya link ke suatu dokumen, suatu alamat mesin bahkan ke suatu gambar, suara. Banyak software yang digunakan untuk membuat WWW denganformat HTML. Yang akan kita bahas disiniadalah yang paling dasar yaitu mengunakan notepad, dimana notepad lah software yang biasanya langsung udah ada dikomputer pada saat komputer aktif, dan notepad biasanya terletak pada accesories.Langkah pertama yang dilakukan yaitu*.Klik notepad*.Simpan file dalam suatu folder dalam format nama_file.HTML%htm*.Kemudian jalankan dengan Internet ExplorerCara menjalakan*.Klik Run, cari nama file html/htm*.Klik OkAdapun perintah perintah dasar dari HTML adalah sebagai berikut:
1.<H1> sampai <H6><H1>  </H1>font ukuran besar<H2>  </H2>....         ....<H6>   </H6>font semakin kecil
2.<HR>Fungsi : perintah untuk membuat garis horizontalpenuh layarcth :
3.<I>Fungsi : membuat teks miring
4.<B>Fungsi : membuat teks tebal
5.<U>Fungsi : membuat teks bergaris bawah
6.<CENTER>Fungsi : membuat text ke tengah layar
7.<ALIGN>Fungsi : Membuat teks rata kiri dan rata kananSintak<P ALIGN=right>untuk rata kanan<P ALIGN=left>untuk rata kiri<P ALIGN=center>untuk rata tengah<P ALIGN=justify>untuk rata kiri dan rata kananatau<H?ALIGN=right><H?ALIGN=left><H?ALIGN=center><H?ALIGN=justify>Contoh pemakaian:<H2 Align=right>Selamat Datang Ke Website Kami <H2>
8.<BR>Fungsi : memasukkan fungsi enterCth : Jika perintah <BR> diberikan di awal atau diakhir baris, maka kalimat berikutnya akan dicetak pada baris berikutnya
9.<!->Fungsi : membuat komentarSemua teks atau perintah yang diapit oleh perintah ini tidak akan dijalankan
10.<P>Fungsi : memisahkan paragraph yang satu dengan paragraph yang lain
11.<DD>Fungsi : membuat teks atau sebuah paragraph agak masuk ke dalam
12.<BASEFONT>Fungsi : Mengubah ukuran fontContoh :<BASEFONT SIZE=6>WELCOME TO MY WEBSITE<B>WELCOME TO MY WEBSITE DAN TEBAL</B>
13.<FONT>Fungsi : mengubah ukuran font, tetapi angka yang terdapat dalam size yang merupakan ukuran font harus diberi tanda kutib
14.<FACE>Fungsi : mengubah jenis font
15.<SUP>Fungsi : membuat cetak naik suatu teksContoh :Kami adalah yang pertama:1stin the world
16.<SUB>Fungsi : membuat suatu teks cetak turunContoh :contoh-contoh teks cetak turun :H2O (Disebut Air) danC2127No (Disebut Methadon)
17.<UL> atau Unorder ListFungsi : membuat bullet
18.<LI>Fungsi : juga untuk membuat bulletCatatan : perintah <LI> harus berada dalam perintah OL,UL,DIR,MenuContoh :<UL><LI><H2> Jawa Timur </H2><UL><LI> SURABAYA </LI><LI> MALANG </LI><LI> GRESIK </LI></UL></LI></BR><LI><H2> Jawa Barat </H2><UL><LI> Bandung </LI><LI> Sukabumi </LI><LI> Bogor </LI></UL></LI></UL>
19.<IMGSRC>Fungsi : memasukkan gambar ke dalam WebsiteAnda dapat juga memasukkan gambar berakhiran *.Jpg, *.Gif, *.Bmp dllSintak :<IMG BORDER="5">"5" merupakan ukuran border(Bingkai), ganti angka ini sesuai keinginan anda
20.<BGSOUND>Fungsi : memasukkan suara atau musik ke dalam WebsiteSintak : <BGSOUND loop=infite Src="d:/Selamat datang.WAV">Link dengan sorotBerikut adalah contoh program bagaimana membuat link hanya dengan sorot saja (link tak perlu diklik, tetapi cukup disorot dengan mouse.<HTML><HEAD><TITLE> </TITLE><META Name="description"Content=" "><META Name="keywords"Content=" "><META Name="generator"Content="Cute HTML"></HEAD><BODY BG Color="#FFFFFF"Text="#000000="#"0000FF"VLink="#800080"><Center><A href=" "target=main on mouse over="Window.open('c:/html/keterangan.html'):"><Font Size=3 FACE=Arial Color=#804000> Keterangan </FONT> </e></CENTER></BODY></HTML>Link dengan tombolBerikut adalah contoh program link dengan tombolSintak :<Input type="button"Value="Nama Tombol"On Click="parent.location="Link anda disini" >ContohBuatlah link dengan namatentang_kami.htmlproduk_kami.htmlcara_memesan.html< HTML >< HEAD >< TITLE > </TITLE>< META name="description"Content=" ">< META name="keywords"Content=" ">< META name="generator"Content="Cute HTML">< /HEAD >< BODY BGCOLOR="#FFFFFF"Text="#000000"Vlink="#800080" >< Center >< h1 > PT.OCTA >< Input Type="button"value="Tentang Kami"on click="parent.location="c:/website/tentang_kami.html'" >< Input Type="button"value="Produk Kami"on click="parent.location="c:/gambar/produk_kami.html'" >< Input Type="button"value="cara memesan"on click="parent.location="c:/gambar/cara_memesan.html'" >< /Center >< /Body >< /HTML >Kolom< tr > adalah perintah untuk membuat kolom pada notepadBerikut adalah contoh perintah cara membuat kolom pada notepad< html >< head >< title > Belajar membuat kolom < /title >< /head >< H3 Align="Center" > DAFTAR MAHASISWA < H3 >< table border="3" border color="red"< tr >< td > No< td > Nama< td > Alamat< td > No. Phone< td > Gambar< /tr >< tr >< td > 1< td > Octa< td > Padang Bulan< td > 8214773< td > < Img src="C:\Documents and Settings\XP\My Documents\My Webs\octa_pic1.JPG" > < /tr >