Panduan Dasar Membuat Website
Pernah bingung
membedakan istilah website dan blog? Nah, pada dasarnya, semua yang kamu lihat
di internet adalah website. Namun demikian, website tersebut memiliki fungsi
yang berbeda-beda dan memiliki sebutan khusus tergantung pada fungsinya. Jenis
website yang cukup ngetop adalah blog, social media dan toko online. Jadi
bisa dikatakan bahwa blog adalah salah satu jenis website yang memiliki fungsi
sebagai diary atau buku harian bagi pemiliknya, makanya biasanya tampilan artikel
blog biasanya diurutkan berdasarkan tanggal dimulai dari yang paling baru.
Website lain memiliki
fungsi mirip sebuah toko, di mana kita bisa memajang foto produk, harga,
deskripsi produk hingga cara pembelian. Website jenis ini kita sebut sebagai
toko online. Jenis website lain yang terkenal adalah social media. Untuk jenis
website ini saya tidak perlu menjelaskan panjang lebar, karena kamu pasti sudah
sering menggunakannya yaitu facebook dan twitter.
Pada prinsipnya ada
beberapa cara untuk membuat website, saya membaginya ke dalam 4 kategori yaitu:
§ Instan, cara ini adalah cara tercepat,
termurah (alias gratis) dan termudah dalam membuat website. Contoh paling mudah
adalah menggunakan blogspot, worpress, tokobagus, dll. Cara ini memiliki
kelemahan pada tingkat fleksibilitas pembuatan. Kita hanya bisa membuat website
sesuai format yang sudah disediakan oleh penyedia layanannya. Silakan
baca tutorial
cara membuat website menggunakan blogspot atau wordpress ini untuk mempelajari
langkah-langkah pemuatannya.
§ CMS atau Content Management System. Cara ini relatif cepat seperti
metode instan, namun memiliki tingkat fleksibilitas yang lebih dibandingkan
cara Instan. Kamu tinggal melakukan instalasi menggunakan software CMS yang
sudah disediakan. Kita bisa melakukan perubahan lebih fleksibel dengan
menginstal add on pada CMS tersebut. Namun demikian, kamu pada umumnya harus
menyediakan nama domain dan hosting sendiri. Contoh CMS adalah Joomla untuk website
yang umum, wordpress untuk blog (ya, wordpress memiliki 2 jenis yaitu instan
dan CMS), Prestashop untuk toko online, dll. Kamu bisa klik tutorial membuat website CMS WordPress ini untuk mempelajari
langkah-langkah pembuatannya.
§ Framework, cara ini memiliki tingkat
fleksibilitas pembuatan yang lebih tinggi, namun kamu harus memiliki kemampuan
web programming.
§ Web Programming. Cara membuat
website ini adalah yang paling fleksibel, namun lama dan kamu dituntut untuk
memiliki kemampuan web programming. Kalau kamu udah bisa membuat website dengan
cara ini, maka pada dasarnya kamu bisa membuat segala jenis website yang kamu
inginkan, nyaris tanpa batas. Kalau kamu tertarik untuk mempelajari cara ini,
kamu minimal harus menguasai HTML, PHP dan MySQL.
Nah, untuk membuat website dengan
metode CMS, Framework dan Web Programming, kamu memerlukan domain dan hosting.
Apa tuh maksudnya domain dan hosting? Mari kita pelajari bersama.
Panduan
penting langkah demi langkah membuat website sendiri
Dapatkan nama domain kamu sendiri
Hal pertama yang harus kamu lakukan
saat membuat website sendiri adalah memperoleh nama domain kamu sendiri. Sebuah
domain adalah nama yang ingin kamu berikan untuk website yang kamu buat. Sebagi
contoh, nama domain website yang sedang kamu baca ini adalah “prothelon.com”.
Untuk memperoleh nama domain, kamu harus membayar biaya sewa tahunan sebagai
hak penggunaan nama tersebut. Yah, kamu tahu sendirikan, kalau nama website itu
harus unik, dan hanya satu-satunya di internet. Kalau tidak orang pasti akan
bingung mana web site punya kamu dan mana website yang milik orang lain. Jadi,
di seluruh internet, kamu pasti hanya akan menemukan sebuah website yang
alamatnya prothelon.com. Got that?
Nah, sebelum kamu berpikir macam-macam,
perlu saya ingetin bahwa memiliki nama domain bukan berarti kamu sudah memiliki
sebuah website. Belum. Ingat, nama domain ini hanyalah sebuah nama. Seperti
kamu mendaftarkan ijin usaha sebuah PT atau CV dalam dunia nyata. Memiliki ijin
usaha ini bukan berarti kamu memiliki toko atau gudangnya kan?
Silakan lihat tutorial membuat website ini untuk mendapatkan tips
memilih nama domain yang baik untuk website anda.
Pilih Sebuah Web Hosting
Langkah berikutnya dalam proses
membuat website sendiri ini adalah memilih web hosting. Sebuah web hosting pada
dasarnya adalah sebuah perusahaan yang memiliki beberapa komputer yang selalu
terhubung ke internet. Jika kamu menempatkan halaman-halaman web kamu di
komputer mereka, maka seluruh dunia bisa menghubungi komputer itu dan melihat
halaman website kamu. Kamu perlu mendaftarkan diri dulu ke web hosting agar
website yang kamu buat memiliki “rumah”. Jika memiliki nama domain bisa
diibaratkan dengan memiliki ijin usaha, maka memiliki akun web hosting
kira-kira mirip dengan menyewa kantor atau toko untuk bisnis kamu.
Menyewa? Ya, untuk web hosting yang
berbayar. Tentu saja kamu bisa memilih web hosting berbayar ataupun yang Web
Hosting gratisan. Kamu juga bisa baca tutorial singkat tentang membuat website
di hosting berbayar ini.
Kamu bisa melihat beberapa tips menarik saat memilih web hosting yang pernah saya tulis sebelumnya. Silahkan baca dulu agar kamu punya panduan saat menentukan pilihan nantinya.
Kamu bisa melihat beberapa tips menarik saat memilih web hosting yang pernah saya tulis sebelumnya. Silahkan baca dulu agar kamu punya panduan saat menentukan pilihan nantinya.
Gimana? Menarik bukan. Dalam posting
lainnya kita akan membahas langkah selanjutnya dalam membuat website
yaitu membuat desain web.
Menggunakan html
tag
<>
digunakan
untuk menuliskan sintak web, ada dua jenis, yaitu sintax
web tag container dan sintax web tag biasa.
Tag
container adalah tag yang berisi text yang akan ditampilkan setelah tag
ditutup. Contoh: <td> text yang ditampilkan </td>.
Tag biasa,
yahh…tag aja, contoh <BR> (break). <br> kaga perlu ditutup oleh tag
</br>, tapi jika sintak yang digunakan tag container, contoh: <h1>,
yah mesti ditutup dengan </h1>.
Tag yang
digunakan untuk mengakhiri sintak punya karakter / (slash) sebelum sintaknya,
contohnya: <td> </td>
Kita juga
dapat mengetik attribut di dalam sebuah tag, contoh: <body bgcolor=”red”>
</body>. atau <input type=”text”>.
LANGKAH 1
· MEMBUKA NOTEPAD.
LANGKAH 2
· MENGETIKKAN SINTAK/SYNTAX.
Berikut
ini adalah syntax dasar yang membentuk suatu HTML.
pertama,
ketikkan
<html>
tekan
enter, kemudian ketik
<head>
Dalam
container head, kita bisa mengetikan beberapa sintak, tapi yang paling penting
jangan lupa mengetikan sintak <title> judul halaman web </title>.
Untuk sintak lain nanti saja.
Sekarang
ketikkan sintak title tadi, jadi seperti ini:
<head>
<title> judul halaman web </title> </head>
Kemudian
ketikkan <body>. Tag body merupakan badan/tubuh/inti dari halaman web,
tampilan web yang kita lihat itu berasal dari <body>.
Body tuh
tag container, jadi mesti ditutup. Hasil sampai sekarang:
1
2
3
4
5
6
|
<html>
<head>
<title>
Judul Halaman Web </title>
</head>
<body>
</body>
|
Selanjutnya
bagaimana cara menampilkan tulisan ke dalam HTML??? Ketikan sembarang text ke
dalam tag body, contohnya seperti ini :
<body>
Contoh
text yang ditampilin di halaman web, By: C.H.I.P. Sensei
</body>
terus,
jika sudah, ketikkan </html>, script lengkapnya seperti ini :
1
2
3
4
5
6
7
8
|
<html>
<head>
<title>
Judul Halaman Web </title>
</head>
<body>
Contoh
text yang ditampilkan di halaman web, By: C.H.I.P. Sensei
</body>
</html>
|
kalo udah,
sekarang save dengan nama dasarHTML.
kalo udah
disave, buka data yang tadi di save.
Pada
bagian ini, kalian mungkin akan bingun,g karena html yang tadi disave dan cape
cape diketikkan, ternyata gagal. Malah yang terbuka adalah file di
notepad/wordpad. tau kenapa???
Karena
ketika men-save, file tersebut di save dalem bentuk TXT, bukan HTML. Nah cara
men-save dalem bentuk HTML yaitu: ketika mensave, ada satu tempat di bawah
tempat kita menulis nama file,? yakni Save As Type. Silahkan ubah dari text
document(*.txt) menjadi all files, ketika menulis nama, di akhir di berikan
extensi .html, contoh: dasarHTML.html.
