Saturday, 13 March 2010
 
  Home arrow Tutorial Programming arrow Membuat Website arrow Cara Membuat Website dengan HTML saja
template designed by peekmambo.com
 

- 4 langkah mudah belajar bikin web. Langsung praktek!
- TUNGGU TANGGAL TERBITNYA! Buku baru dari Prothelord: Cara Mudah Membuat Desain Web untuk Pemula.
- Bisnis Pulsa Tanpa Biaya Registrasi

Popular
Terbaru !!!
Iklan Kursus
Main Menu
Home
Tutorial Programming
Belajar PHP
Belajar HTML
Belajar MySQL
Belajar Web
Membuat Website
Belajar Visual Basic
Tempat Kursus Web
Contoh Script
Belajar Komputer
Jaringan Komputer
Bisnis Internet
Berita
English Tutorial
My Blog
Artikel
Surat Anda
Forum Prothelonians
Buku
Login Form
Username

Password

Remember me
Forgotten your password?
No account yet? Create one
Statistics
Members: 1288
News: 208
WebLinks: 15
Visitors: 1371745
Cara Membuat Website dengan HTML saja PDF Print E-mail
Written by Prothelord   
Sunday, 07 February 2010
Saya yakin kalau teman-teman yang baru belajar HTML ada yang memiliki pertanyaan yang sangat mendasar seperti ini. Adakah cara membuat website dengan HTML saja tanpa perlu belajar PHP? Jawabannya tentu saja ya.
Bahkan sebenarnya pada awal kemunculan layanan world wide web di internet, orang hanya mengandalkan HTML saja untuk membuat website mereka saat itu. Ya, HTML merupakan cikal bakal munculnya internet seperti yang kalian lihat sekarang.

Kekuatan HTML terletak pada kemampuannya untuk mereferensi halaman web lainnya menggunakan link. Dan itulah yang membuatnya sangat populer saat ini dibandingkan layanan lainnya ketika itu seperti newsgroup, gopher dan lainnya.

Dengan HTML sebetulnya kita sudah bia membuat halaman web yang benar-benar bisa tampil dengan baik di internet. HTML sangat bermanfaat untuk membuat website yang sifatnya statis.

Halaman website statis yang saya maksudkan di sini adalah halaman web yang selalu tetap isinya, tidak pernah berubah. Untuk melakukan perubahan terhadap website statis, kita harus menulis ulang kode HTML yang ingin kita edit seduai dengan update yang kita perlukan.

Sebagai contoh misalnya kita membuat website yang isinya adalah sebiuah kalimat seperti ini:

Ini Halaman website prothelon. Sekarang ini hari Rabu.

Untuk membuat website tersebut, kita cukup menggunakan kode HTML singkat seperti ini:

<HTML>
<BODY>
Ini Halaman website prothelon. Sekarang ini hari Rabu.
</BODY>
</HTML>


Kita bisa menyimpan file tersebut dengan eksteni htm atau html dan langsung menguploadnya ke server yang terhubung dengan internet. Maka jadilah website kita tersebut dan bisa dinikmati oleh semua pengguna internet.

Untuk melakukan manipulasi tampilan, huruf, latar belakang, paragraf, tabel dll, kita cukup mempelajari bahasa HTML yang kita kenal dengan istilah tag. Misalnya untuk membuat hurufnya menjadi tebal kita bisa menambahkan tag <b> (bold) di depan kalimat yang ingin kita tebalkan hurufnya.

Pada awalnya programer web benar-benar harus melakukan coding tersebut dengan hanya berbekal notepad atau teks editor lainnya. Dan hal itu benar-benar memerlukan ketekunan dan daya imajinasi yang kuat lho. Kenapa? Karena programmer tersebut harus bisa membayangkan layout website dan menuangkannya menjadi kode-kode yang cukup rumit.

Sebagai contoh, kalau keesokan harinya kita ingin mengubah kalimat

Sekarang hari Rabu

menjadi

Sekarang hari Kamis

Maka programmer harus mengubah kode HTMLnya langsung satu demi satu. Bayangkan jika yang harus diubah adalah judul websitenya, dan ada 100 halaman di website tersebut, maka tangan programmer akan cukup pegal menuliskan atau melakukan copy paste perubahannya kan?

Karena itulah kemudian muncul tool bantu yang memudahkan programmer web melakukan tugasnya. Toola atau aplikasi pembantu ini dikenal dengan istilah WYSIWYG alias What You See Is What You Get atau Apa yang kamu lihat adalah yang kamu peroleh. Dengan tool ini, programmer bisa jauh lebih mudah melakukan tugasnya karena tidak harus menuliskan kode-kode HTML baris per baris setiap kali membuat website yang dipesan.

Mereka tidak perlu hanya membayangkan websitenya dan membuat kodenya, tetapi bisa lengsung melihat hasil karyanya terpampang di depan mata. Ini sangat memudahkan proses pembuatan dan editingnya.

Tool-tool bantu ini pada akhirnya berkembang menjadi apa yang dikenal oleh teman-teman sebagai Dreamweaver, Frontpage, KompoZer, NVU dan sebagainya.
Jadi pada dasarnya, Dreamweaver hanya membantu programmer menuliskan kode-kode HTML. Programmer cukup membuatnya secara grafis, dan Dreamweaver akan menuliskan kodenya untuk programmer tersebut.

Ok, mudah-mudahan cerita ini cukup memberikan gambaran mengenai cara Dreamweaver dan HTML membantu kita dalam membuat sebuah website.

Salam hangat.
Prothelord.
Oh iya, kalau pengen kursus bikin web & PHP sambil praktek plus dapet duit juga, coba deh belajar di sini . Sok atuh di klik biar kelihatan.


BINGUNG CARI UANG? Coba bisnis jual pulsa elektrik ini:
- COCOK UNTUK USAHA PRIBADI
- GRATIS BIAYA REGISTRASI
- MODAL KECIL BANGET.
- ANTI RUGI, LANGSUNG JALAN
- Pasif income 2 M/bln, bonus 250 jt.
- Saya sudah coba sendiri! Silakan klik di sini, nothing to lose!

Tolong di klik dulu 2 iklan di atas kalau belum ya. Siapa tau cocok buat kamu. Thanks.

Last Updated ( Sunday, 07 February 2010 )
Next >

Comments
You are not authorized to leave comments. Please login first.
Polls
Materi apa yang menurut kamu masih sangat kurang lengkap?
  
Kursus Online
Insya Allah terbit akhir Maret 2010 !
Nantikan buku karangan Prothelord ini di toko-toko buku kesayangan Anda!

Klik gambar untuk melihat detil
Iklan Indonesia
Related Items
SMO ShoutBox
This is not a Login form

Name:

Message:

Tag Clouds
semakin pastinya encapsulation errors materi garis pasang mesin mengklik mirip lubang mambo harga kodenya port start database proses sawiyah mendefinisikan ekstensi konsep relasional utama masing tool puas tahap tuliskan penyesuaian

Joomla Modul

Who's Online
We have 32 guests online
Cari melalui Google

Copyright 2000 - 2005 Miro International Pty Ltd. All rights reserved.
Mambo is Free Software released under the GNU/GPL License.

Get The Best Free Mambo Templates at www.peekmambo.com