Membuat Website HTML
Tapi yang menjadi hambatan bagi pemula yang sedang akan mulai membuat website sendiri adalah harga kedua software diatas relatif masih cukup mahal.
Sebetulnya dasar untuk membuat website adalah HTML.
Dengan HTML ini kita dapat membuat website sendiri tanpa tergantung oleh software mahal seperti Dreamweaver maupun Frontpage.
Memang bagi pemula yang akan mulai belajar membuat website dengan HTML cara ini kelihatannya sangat sulit karena harus memahami banyak kode html yang rumit. Padahal sesungguhnya tidaklah sukar sama sekali.
Apabila kita sudah bisa mulai mengerti penggunaan kode html ini, kita akan mulai merasakan senangnya membuat website sendiri dengan HTML.
Sekarang aku mulai saja menerangkan cara membuat website yang sederhana dengan HTML.
Sesungguhnya kode untuk membuat website dengan HTML adalah sangat sederhana sekali.
Kode dasarnya adalah seperti dibawah ini:
Sesungguhnya kode untuk membuat website dengan HTML adalah sangat sederhana sekali.
Kode dasarnya adalah seperti dibawah ini:
<html >
< head>
< title> </title >
< /head>
<body >
</body >
</html >
Sederhana, bukan?
Membuat Website Dan Meng Online kan
Namun untuk mengonlinekannya ada beberapa kode dan isi website yang masih harus ditambahkan supaya website ini bisa dibaca/dilihat oleh pengunjung.
Sebagai contoh marilah kita membuat website dengan kode dasar seperti yang ada dibawah ini:
Sebagai contoh marilah kita membuat website dengan kode dasar seperti yang ada dibawah ini:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml” dir=”ltr” lang=”en-US” xml:lang=”en”>
<head>
<title> Judul Setiap Halaman Ditulis Disini</title>
</head>
<body>
Diantara tag<body> dan tag</body> ini diisi artikel, image dan keterangan lainnya yang akan dapat dilihat oleh pengunjung website Anda.
</body>
</html>
Selanjutnya siapkan satu folder dalam komputer Anda yang diberi nama Websiteku. Setelah itu buka dua halaman kosong notepad.
Ketik code HTML seperti contoh diatas kedalam dua buah notepad diatas. (di copy paste juga boleh)
Ketik code HTML seperti contoh diatas kedalam dua buah notepad diatas. (di copy paste juga boleh)
Pada notepad yang pertama yang aku buat sebagai Halaman Utama atau Beranda atau Home ini aku sisipkan judul mengenai isi halaman tersebut.
Misalnya judul halaman ini adalah Websiteku Yang Pertama, maka judul ini aku sisipkan diantara tags<title> dan </title>
Judul ini nantinya tidak akan tampak pada halaman website Anda, melainkan tampak pada browser yang Anda buka.
Setelah itu diantara tags <body> dan </body> diisi dengan artikel, image dan keterangan2 lainnya yang akan Anda tampilkan pada website dan bisa dilihat oleh pengunjung.
Misalkan Halaman Utamanya seperti contoh dibawah ini:
Misalnya judul halaman ini adalah Websiteku Yang Pertama, maka judul ini aku sisipkan diantara tags<title> dan </title>
Judul ini nantinya tidak akan tampak pada halaman website Anda, melainkan tampak pada browser yang Anda buka.
Setelah itu diantara tags <body> dan </body> diisi dengan artikel, image dan keterangan2 lainnya yang akan Anda tampilkan pada website dan bisa dilihat oleh pengunjung.
Misalkan Halaman Utamanya seperti contoh dibawah ini:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml” dir=”ltr” lang=”en-US” xml:lang=”en”>
<head>
<title> Websiteku Yang Pertama</title>
</head>
<body>
<h1>Belajar Membuat Website </h1>
<p><strong> Beranda</strong> </p>
<p> Ini adalah website pertamaku yang aku buat dengan <strong> HTML</strong> <br />
Sebelumnya aku sama sekali tidak ingin belajar membuat website karena (menurutku) sukar sekali.<br />
Tapi sekarang aku senang sekali karena sudah dapat membuat website sendiri.</p>
<p> Untuk melihat halaman kedua silahkan <a href=”halaman-2.html”> KLIK DISINI</a> </p>
</body>
</html>
Setelah notepad diatas siap, lalu save as ke All Files dan simpan kedalam folder Websiteku tadi dengan nama index.html.
Dengan menamakan file notepad ini sebagai index,html, maka setiap kali pengunjung membuka website Anda pasti akan melihat halaman ini. Jadi halaman ini merupakan Halaman Muka atau Beranda. Istilah umumnya adalah Home Page atau Landing Page.
Dengan menamakan file notepad ini sebagai index,html, maka setiap kali pengunjung membuka website Anda pasti akan melihat halaman ini. Jadi halaman ini merupakan Halaman Muka atau Beranda. Istilah umumnya adalah Home Page atau Landing Page.
Sekarang kita buat halaman-2 juga dengan kode dasar HTML seperti diatas tadi.
Misalkan halaman keduanya seperti dibawah ini:
Misalkan halaman keduanya seperti dibawah ini:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml” dir=”ltr” lang=”en-US” xml:lang=”en”>
<head>
<title> Pengalamanku</title>
</head>
<body>
<h1> Belajar Membuat Website </h1>
<p> <strong> Halaman 2</strong> </p>
<p> Ketika pertama kali aku mencoba belajar membuat website dengan HTML memang susah sekali.<br/>
Tapi setelah aku mengerti kode HTML, sekarang aku senang sekali membuat website sendiri.<br/>
Demikianlah pengalamanku pada waktu belajar membuat website dengan HTML</p>
<p> Untuk kembali ke halaman utama silahkan <a href=”index.html”>KLIK DISINI</a> </p>
</body>
</html>
Save halaman ini ke All Files dengan nama halaman-2.html dan simpan juga kedalam folder Websiteku.
