Selasa, 01 Juni 2010

DASAR-DASAR PEMBUATAN WEBSITE

Buzz It
DASAR-DASAR PEMBUATAN WEBSITE

DASAR-DASAR PEMBUATAN WEBSITE


1. HYPERTEXT MARKUP LANGUAGE (HTML)


Di dalam pembuatan / desain web, maka tidak akan bisa lepas dengan yang namanya HTML (Hypertext Markup Language). HTML adalah bahasa standar yang digunakan untuk menyusun / membangun suatu halaman web.

Meskipun telah muncul software-software yang dapat digunakan untuk membangun suatu halaman web tanpa susah-susah memperhatikan struktur HTML-nya, tidak ada salahnya kalau HTML itu sendiri dipelajari. Manfaat yang diperoleh apabila mempelajari HTML selain mampu membangun halaman web, juga dapat dikembangkan untuk pemrograman web. Pemrograman web akan selalu terkait dengan HTML tersebut. Pemrograman web biasanya dikembangkan untuk membangun web yang dinamis.

Setiap homepage yang kita kunjungi, pasti bisa dijumpai HTML-nya yang biasa disebut SOURCE CODE (Kode Program).


A. Struktur HTML

Bahasa HTML (tag) dapat ditulis / dibuat melalui berbagai macam Word Editor, misalnya Notepad, Wordpad, PHP Designer 2005, dll.

Tag-tag tersebut dapat dituliskan dengan “Huruf Besar” ataupun “Huruf Kecil”. Setelah tag HTML ditulis dengan menggunakan Notepad atau Word Editor yang lain, simpanlah file tersebut dengan Format :


File Name_File.htm” atau “Nama_File.html


Sebagai contoh, File HTML tersebut disimpan dengan nama “index.htm” atau “index.html” Adapun struktur HTML adalah sbb:


<HTML>

<HEAD>

<META>

<TITLE> … </TITLE>

</HEAD>

<BODY>

</BODY>

</HTML>


Keterangan:


  • Tag HTML secara default dimulai dari <HTML> dan diakhiri dengan </HTML>.

  • Tag <HEAD></HEAD> merupakan tag kepala sebelum badan. Tag kepala ini akan terlebih dulu dieksekusi sebelum tag badan. Di dalam tag ini berisi tag <META> dan <TITLE>. Tag <META> merupakan informasi atau header suatu dokumen HTML.

Atribut yang dimiliki oleh tag ini antara lain:

  • HTTP_EQUIV, atribut ini berfungsi untuk menampilkan dokumen HTML secara otomatis dalam jangka waktu tertentu.

  • CONTENT, atribut ini berisi informasi tentang isi document HTML yang akan dipanggil.

  • NAME, atribut ini merupakan identifikasi dari meta itu sendiri.

  • Tag <META> dalam suatu document HTML boleh ada maupun tidak.

  • Tag <TITLE></TITLE> adalah tag judul. Sebaiknya setiap halaman web memiliki judul, dan judul tersebut dituliskan di dalam <TITLE></TITLE>. judul ini nanti yang akan muncul dalam titlebar dari browser yang anda gunakan.

  • Tag <BODY></BODY> adalah tag berisi content dari suatu halaman web.

Setelah anda menulis tag yang telah saya berikan diatas,maka langkah selanjutnya adalah anda simpan dalam format “.htm” atau “.html” tanpa tanda petik (misal “index.htm”) akan tetapi terlebih dahulu ubah Save as type ke dalam All Files.

Kemudian tentukan letak direktori mana file tersebut akan disimpan, selanjutnya klik Save. Langkah selanjutnya adalah mengeksekusi / memanggil (menjalankan) document HTML yang telah kita buat tadi menggunakan Browser untuk melihat hasilnya.

Tidak ada komentar:

Posting Komentar