hai hai teman-teman semua,,, bagi yang ingin belajar tentang web .. nih aku ada sedikit pangetahuan yang aku tahu tentang web,,,
untuk permulaan, kita belajar web statis dulu yahhh..
,,, namun sebelum memulai,, di bawah ini adalah perbedaan antara web statis dan dinamis:
web satis
Website statis adalah website yang kontennya statis / tidak berubah-rubah. Website statis ini persis seperti brosur. Bedanya, brosur di cetak dan disebarkan, sedangkan website statis di host dan diakses melalui internet.
Sekali website statis di online kan di internet, umumnya jarang sekali website tersebut merubah kontennya. Seringkali website statis ini disusun dari html polos yang antar halamannya dihubungkan dengan hyperlink di tanpa pemrograman disisi server karena tujuannya adalah ’sebatas’ menampilkan informasi di internet.
Aplikasi dari website statis sering kali kita temukan di website company profile, personal profile, website penawaran produk, dan semua website yang bertujuan melakukan komunikasi satu arah dari pemilik website ke pengunjung tanpa diperlukan interaksi.
Website Dinamis - Dynamic Site
Website dinamis adalah website yang kontennya berubah - rubah. Aplikasi dari website dinamis ini sering kali kita temukan di internet dewasa ini: Portal berita, blog, situs social networking, dll.
Website dinamis selalu memiliki program yang bekerja di sisi server karena dalam rentang waktu tertentu konten dari website tersebut berubah. Jadi, salah satu ciri dari website dinamis adalah adanya program yang berjalan disisi server untuk memanage perubahan data yang ditampilkan oleh website dinamis tersebut.
yukk kita mulai latihan nya ,,,,(((horeee,,,)))
HTML
HTML (HyperText Mark up Language) merupakan suatu metoda untuk mengimplementasikan konsep hypertext dalam suatu naskah atau dokumen. HTML sendiri bukan tergolong pada suatu bahasa pemrograman karena sifatnya yang hanya memberikan tanda (marking up) pada suatu naskah teks dan bukan sebagai program.
Struktur Dasar Web Page
Apa yang dapat dilakukan dengan HTML ?
format teks :
ini koding yang harus di coba :
<h1> heading 1 </h1>
<h2> heading 2 </h2>
<h3> heading 3 </h3>
<h4> heading 4 </h4>
<h5> heading 5 </h5>
<h6> heading 6 </h6>
hasilnya seperti yang ada di gambar atas
Tag awal Tag Akhir
Bold <B> </B>
Italic <I> </I>
Underline <U> </U>
Monospace <TT> </TT>
latihan membuat teks dasar (ketik yahh)
<HTML>>
<HEAD>
<TITLE> Basic Text Formatting Styles</TITLE>
</HEAD>
<BODY>
<U> latihan pertamaku</U>
<P>
hoohoohoo betapa senangnya hatiku,,,
<TT> tahap pertama ku lalui</TT>
<I> TAHAP SELAJUTNYA SIAPPPPPPPP </I>
</BODY>
</HTML>
membuat link ke dokumen lain atau pada bagian dokumen yang sama
<A NAME="Nama link yang kan di tuju"> nama link yang dituju </A>
Penyisipan Citra atau Gambar
<IMG SRC="URL" ALT="deskripsi teks" ALIGN="Arah">
Contoh penggunaan tag <IMG>:
<HTML>
<HEAD>
<TITLE> Aligning Text and Images </TITLE>
</HEAD>
<BODY>
<IMG SRC="constru1.gif" ALIGN=TOP>This text appears at the top of the image.
<P>
<IMG SRC="constru1.gif" ALIGN=MIDDLE>This text appears in the middle of the image.
<P>
<IMG SRC="constru1.gif" ALIGN=BOTTOM>This text appears at the bottom of the image.
</BODY>
</HTML>
TABEL
Tabel merupakan cara untuk menampilkan informasi dalam bentuk sel yang terdiri dari kolom dan baris . untuk menampilkannya digunakan tag <TABLE>….</TABLE>, untuk mengisi baris(table row) digunakan tag <TR>…</TR> yang didalamnya terdapat tag <TD>…</TD> untuk menampilkan data pada setiap sel.
Latihan 7 : TABEL
<HTML> <HEAD><TITLE>LATIHAN 7 </TITLE></HEAD>
<BODY>
<TABLE BORDER=3>
<TR>
<TD> baris 1, kolom 1</TD>
<TD> baris 1, kolom 2</TD>
<TD> baris 1, kolom 3</TD>
</TR>
<TR>
<TD> baris 2, kolom 1</TD>
<TD> baris 2, kolom 2</TD>
<TD> baris 2 ,kolom 3</TD>
</TR>
</TABLE>
</BODY>
</HTML>
FRAME
Frame HTML dapat digunakan untuk membuat tampilan halaman HTML yang terbagi-bagi menjadi beberapa bagian dimana setiap bagiannya merupakan satu halaman HTML yang terpisah. Ini dilakukan untuk membuat tampilan halaman HTML yang salah satu atau beberapa bagian berganti-ganti isinya sedang bagian lain tetap sehingga dapat menghemat bandwith internet.
Latihan FRAME
<HTML>
<HEAD>
<TITLE> LATIHAN 8 </TITLE>
</HEAD>
<FRAMESET ROWS=20%,*>
<FRAME NAME=header SRC="header.html">
<FRAMESET COLS=30%,*>
<FRAME NAME=kiri SRC="kiri.html">
<FRAME NAME=kanan SRC="kanan.html">
</FRAMESET>
</FRAMESET>
<BODY>
</BODY>
</HTML>
Hasil Tampilan :
(to be continued.. heehee)
Read More..
