Pengertian Web Statis dan
Dinamis - Pada kesempatan kali ini saya mencoba memberikan informasi Pengertian
Web Statis dan Dinamis.Setelah beberapa saat lalu saya memberikan informasi
Ciri - Ciri Protokol TCP/IP dan Cara Kerja TCP/IP kali ini saya akan sedikit
memberikan informasi mengenai Pengertian Web Statis dan Dinamis.
Pengertian Web Statis.
Web Statis adalah web yang content atau
isinya 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 mengubah isi 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 atau orang 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 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.
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
dan program basis data seperti database MySQL untuk menyimpan data – data yang
ada di web dinamis.
Web Dinamis ini banyak sekali
bertebaran di internet seperti Web Berita, Personal Blog, Toko Online/Web Pasng
Iklan, dll.Sekian informasi sederhana saya mengenai Pengertian Web Statis dan
Dinamis.
Contoh HTML
Informasi 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 dengan format HTML. Yang akan kita
bahas disini adalah 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 Explorer
Cara menjalakan
Klik Run, cari nama file
html/htm
Klik Ok
Adapun perintah perintah dasar
dari HTML adalah sebagai berikut:
<H1> sampai <H6>
<H1> </H1>font ukuran besar
<H2> </H2>
....
....
<H6> </H6>font semakin kecil
<HR>
Fungsi : perintah untuk
membuat garis horizontal penuh layar
cth :
<I>
Fungsi : membuat teks miring
<B>
Fungsi : membuat teks tebal
<U>
Fungsi : membuat teks bergaris
bawah
<CENTER>
Fungsi : membuat text ke
tengah layar
<ALIGN>
Fungsi : Membuat teks rata
kiri dan rata kanan
Sintak
<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 kanan atau
<H?ALIGN=right>
<H?ALIGN=left>
<H?ALIGN=center>
<H?ALIGN=justify>
Contoh pemakaian:
<H2 Align=right>Selamat
Datang Ke Website Kami <H2>
<BR>
Fungsi : memasukkan fungsi
enter
Cth : Jika perintah <BR>
diberikan di awal atau diakhir baris, maka kalimat berikutnya akan dicetak pada
baris berikutnya
<!->
Fungsi : membuat komentar
Semua teks atau perintah yang
diapit oleh perintah ini tidak akan dijalankan
<P>
Fungsi : memisahkan paragraph
yang satu dengan paragraph yang lain
<DD>
Fungsi : membuat teks atau
sebuah paragraph agak masuk ke dalam
<BASEFONT>
Fungsi : Mengubah ukuran font
Contoh :
<BASEFONT SIZE=6>
WELCOME TO MY WEBSITE
<B>WELCOME TO MY WEBSITE
DAN TEBAL</B>
<FONT>
Fungsi : mengubah ukuran font,
tetapi angka yang terdapat dalam size yang merupakan ukuran font harus diberi
tanda kutib
<FACE>
Fungsi : mengubah jenis font
<SUP>
Fungsi : membuat cetak naik
suatu teks
Contoh :
Kami adalah yang pertama:1stin
the world
<SUB>
Fungsi : membuat suatu teks
cetak turun
Contoh :
contoh-contoh teks cetak turun
:
H2O (Disebut Air) dan
C2127No (Disebut Methadon)
<UL> atau Unorder List
Fungsi : membuat bullet
<LI>
Fungsi : juga untuk membuat
bullet
Catatan : perintah <LI> harus
berada dalam perintah OL,UL,DIR,Menu
Contoh :
<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>
<IMGSRC>
Fungsi : memasukkan gambar ke
dalam Website
Anda dapat juga memasukkan
gambar berakhiran *.Jpg, *.Gif, *.Bmp dll
Sintak :<IMG
BORDER="5">
"5" merupakan ukuran
border(Bingkai), ganti angka ini sesuai keinginan anda
<BGSOUND>
Fungsi : memasukkan suara atau
musik ke dalam Website
Sintak : <BGSOUND
loop=infite Src="d:/Selamat datang.WAV">
Link dengan sorot
Berikut 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 tombol
Berikut adalah contoh program
link dengan tombol
Sintak :
<Input
type="button"Value="Nama Tombol"
On
Click="parent.location="Link anda disini" >
Contoh
Buatlah link dengan nama
tentang_kami.html
produk_kami.html
cara_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 notepad
Berikut 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 >
Hasilnya menjadi
Membuat Frame
-Framecols : membagi layar
dalam bentuk kolom
-FrameRows : membagi layar
dengan bentuk baris
-Frame Src : menampilkan file
dalam frame
Bentuknya
(Frame cols="30%,*")
(Frame Src="Nama.file
Name="Teks")
(Frame Rows="40%,*")
(Frame
Src="Nama.file"Nama="teks")
(Frame
Src="Nama.file"Nama="Teks)
(/Frameset)
Contoh Program Frame
< Html >
< Head >
< Title >Melink dengan
sorot < /Title >
< /Head >
< Frameset
cols="30%,*" >
< Frame Src="Nama
file"Nama="Teks" >
< Frame
Rows="40%%,*" >
< Frame Src="Gambar
File’Nama="Gambar" >
< Frame Src="Nama
File"Nama="Teks >
< /Frameset >
Sumber :
Semoga Bermanfaat
0 komentar:
Posting Komentar