Artikel ini akan menjelaskan beberapa cara mudah dalam membuat website. Yang dimaksud disini adalah membuat isi sebuah website sesuai dengan jenis website yang kita inginkan. Cara-cara yang dijelaskan merupakan petunjuk bagi pemula dan tidak cocok bagi para pengembang website yang sudah profesional. Karena memang ini cara yang mudah dan cepat dalam membuat website untuk pemula.

Latar Belakang

Seperti kita ketahui sebelumnya bahwa saat membuat website kita harus membuat isi berupa halaman-halaman yang akan diakses pengunjung website kita. Halaman-halaman ini biasanya tidak hanya berupa teks yang disusun seperti saat kita membuat surat. Namun lebih lanjut bahwa halaman ini berusaha kita buat semenarik mungkin dengan tata letak dan tampilan yang bagus.

Bagi pemula, tidak mudah membuat tampilan website yang bagus dan menarik. Pengalaman saya dulu waktu pertama membuat sebuah halaman index.html dengan microsoft frontpage tampak sulit sekali. Terutama pada saat menata tiap-tiap bagian seperti header, menu, isi, sidebar kiri dan kanan. Saat itu saya menggunakan tabel dan mengatur masing-masing cell didalam tabel agar tampak seperti tampilan yang saya inginkan.

Namun apa jadinya? halaman website yang saya buat dengan susah payah tampak jelek dan berbeda dengan tampilan beberapa website yang saya buka di internet. Disaat kegalauan itu, saya putuskan untuk “Save Page” salah satu website yang saya anggap menarik lalu saya ganti isinya dengan isi dari website saya. Hasilnya lumayan meski kurang puas karena “nyontek” dari orang lain dan juga akan dianggap melanggar aturan hak cipta.

Berdasar pengalaman tadi, saya akan coba berbagi cara mudah dalam membuat dan mengelola website bagi pemula dan bahkan baru pertama kali membuat website. Rahasianya adalah sebuah alat yang disebut Template dan Script. Template berarti pola website yang siap pakai dan tentunya milih yang gratis agar bebas digunakan . Sedangkan Script adalah sofware program yang sudah dibuat dan bebas digunakan untuk membuat dan mengatur isi website.

1. Cara mudah membuat website dengan template CSS

Template CSS adalah sebuah pola tampilan website pakai yang sudah dilengkapi dengan file CSS. File ini berfungsi menyimpan style website, sehingga kita tidak perlu lagi membuat design tata letak website. Template CSS cocok untuk membuat website statis dimana isinya tidak terlalu banyak dan tidak terlalu sering diupdate.

Sebuah template CSS sudah menyediakan unsur-unsur tampilan website seperti header, footer, menu, isi dan sidebar. Jadi kita tinggal mengganti teks dan gambar yang ada untuk disesuaikan dengan isi website kita.

Ada banyak situs yang menyediakan template CSS gratis. Kita bisa mendownload dan menggunakan template tersebut secara bebas dengan syarat tetap menyertakan kredit situs yang ada pada bagian footer. Dengan template gratis ini kita tidak perlu khawatir akan pelanggaran hak cipta seperti saat kita menggunakan hasil “save page” dari halaman website orang lain.

Untuk mempermudah dalam memilih template, biasanya kita bisa melihat tampilan gambar kecil (thumbnail) dari screenshot template sebelum akhirnya memutuskan untuk mendownloadnya. Untuk tampilan lebih besar sekaligus bisa mencoba kerja template, kita bisa memanfaatkan fitur demo yang biasanya juga telah disediakan.

Contoh screenshot website www.free-css-templates.com yang menyediakan template CSS gratis :

2. Cara mudah membuat website dengan software CMS

CMS adalah singkatan dari Content Management System. CMS merupakan cara mudah dalam membuat script website dinamis. Untuk membuat website kita hanya perlu menginstal script CMS lalu mengatur beberapa konfigurasi yang dibutuhkan termasuk menyediakan database dan koneksinya. Database yang digunakan biasanya database MySQL.

Dengan script dari software CMS, kita tidak perlu membuat script sendiri yang tentunya membutuhkan waktu yang tidak sedikit. Ada banyak software CMS yang disediakan secara gratis seperti joomla, wordpress, drupal, opencart dan prestashop. Kita bisa memilih software CMS yang sesuai dengan jenis website kita.

Software CMS tersebut dapat kita peroleh secara gratis pada situsnya langsung. Kita tinggal download file sesuai dengan versi yang kita pilih, yang biasanya berupa file ZIP. Selanjutnya file yang telah kita download kemudian kita ekstrak pada komputer lokal untuk diedit dan disesuaikan dengan website kita. Setelah selesai proses edit baru kita upload ke server setelah selesai pendaftaran domain dan hosting.

Untuk urusan tampilan, kita bisa menggunakan template yang disediakan sesuai dengan jenis software CMS yang dibutuhkan. Misalnya kita menggunakan CMS joomla, maka kita bisa mengetik kata pencarian “free joomla template” pada google. Dengan template ini tentu website kita akan terlihat lebih menarik dan profesional.

Contoh tampilan website www.joomla24.com yang menyediakan banyak template joomla gratis:

3. Cara mudah membuat website dengan blogger.com

Cara ini adalah cara yang termudah dari dua cara sebelumnya. Kita hanya perlu registrasi pada website www.blogger.com kemudian buat blog dan menautkan domain dot com kita ke blog yang telah kita buat tadi. Namun tampaknya cara ini hanya cocok untuk jenis website blogging dan website profil saja. Untuk website jenis lain sebaiknya menggunakan software CMS atau membuat script website sendiri.

Dengan cara ini kita tidak perlu pusing tentang script website dan kemanan karena semua telah disediakan oleh pihak blogger. Untuk urusan tampilan kita bisa cari template blogger yang juga banyak disediakan secara gratis.

Sebelumnya mungkin kita mengenal cara ini dengan cara membuat blogspot, namun point-nya adalah blogger menyediakan fasilitas untuk mengaitkan dengan domain yang kita buat sendiri misalnya dot com. Jadi cara ini bisa kita pakai juga untuk membuat website.

Demikian tiga cara mudah membuat website bagi pemula yang mudah-mudahan bisa membantu bagi yang ingin belajar membuat website sendiri. Untuk detail cara membuat website dengan template CSS, software CMS dan atau melalui blogger.com insyaAllah akan ditulis pada artikel selanjutnya.

Struktur pembagian tampilan website merupakan pembagian tata letak bagian-bagian pada halaman website. Sebuah halaman website pada umumnya dibagi menjadi beberapa bagian tampilan seperti header, menu, isi, sidebar dan footer. Biasanya masing-masing bagian ini pada CSS dikelompokkan dalam tag <div> dengan atribut id.

Bagian Header

Adalah bagian kepala website yang berada pada posisi paling atas halaman website. Bagian header biasanya berisi tentang informasi singkat sebuah website seperti logo website, title dan tag line website. Seperti misalnya pada saat membuat surat, header merupakan kepala surat yang berisi informasi instansi atau perusahaan. Header ini selalu sama pada setiap halaman website.

Pada beberapa website, sebagian besar bagian header bahkan diisi dengan banner iklan dan hanya memberi sedikit ruang untuk title dan deskripsi singkat website. Bagian header dapat dipercantik dengan menambahkan gambar background yang sesuai dengan tema website.

Bagian Menu

Adalah bagian yang berfungsi untuk navigasi link-link didalam sebuah website. Oleh sebab itu bagian menu sering disebut juga dengan Navigasi. Bagian menu dirancang seperti shortcut pada komputer yang menghubungkan pengguna ke sebuah halaman jika di klik. Sebaiknya letak menu pada halaman website berada pada posisi yang mudah dillihat dan dijangkau.

Letak bagian menu utama/primer kebanyakan dibawah header dalam posisi horizontal. Menu ini biasanya berisi tentang link untuk membuka isi website, bisa kategori/label atau bisa juga halaman statis. Selain menu primer, ada pula bagian menu website yang ditaruh didalam header dan dipakai untuk link sekunder seperti tentang kami, kontak dan disclaimer.

Bagian Isi atau Konten

Adalah bagian utama website yang berisi materi/artikel yang akan disampaikan pemilik website kepada pengunjung/pembaca. Bagian isi biasanya menempati porsi paling luas pada halaman website. Pada kebanyakan website, bagian isi berada dibawah header dan menu.

Bagian isi inilah yang merupakan inti dari sebuah halaman website. Tulisan-tulisan pada bagian isi merupakan uraian deskripsi dari judul artikel. Didalam bagian isi terdapat heading (H1) yang berbeda dari header. Heading ini bisa dikatakan sebagai judul artikel. Kemudian dibawah heading terdapat paragraf-paragraf isi dan sub heading (H2, H3,H3…dan seterusnya).

Bagian Footer

Adalah bagian yang merupakan kaki halaman website. Bagian footer pada umumnya berisi tentang informasi pemilik website, copyright dan desainer website. Pada beberapa website besar, seperti website berita, bagian footer kadang diisi dengan navigasi link kategori dan sub kategori yang lebih rinci.

Bagian footer memang kadang jarang kita lihat saat membuka sebuah website, namun tanpa footer website akan terlihat pincang dan terputus. Bagaimanapun footer merupakan pelengkap keutuhan sebuah halaman website.

Bagian Sidebar

Adalah bagian yang biasanya berada samping bagian isi. Bagian ini berasal dari bagian isi yang dibagi menjadi beberapa bagian dan bagian selain isi utama (main konten) inilah yang disebut dengan sidebar. Bagian ini berisi informasi sekunder selain informasi utama seperti informasi artikel terbaru, artikel terpopuler, indeks halaman atau bahkan bisa juga berupa iklan.

Letak bagian sidebar bisa berada di kiri, dikanan atau sepasang dikiri dan kanan. Bagian sidebar bisa berjumlah satu, dua, tiga dan seterusnya. Namun perlu diperhatikan semakin banyak sidebar maka semakin sempit ruang untuk menulis artikel utama.

Contoh script struktur pembagian tampilan website

Sebuah halaman html dengan struktur lengkap bisa digambarkan pada script berikut ini:

 <html>  
 <head>  
 <title>...TITLE WEBSITE...</title>  
 </head>  
 <body>  
   
  <div id="header">  
   HEADER WEBSITE  
  </div>  
   
  <div id="menu">  
   MENU WEBSITE  
  </div>  
   
  <div id="main">  
   
    <div id="left">  
     SIDEBAR KIRI  
    </div>  
   
    <div id="content">  
     ISI ARTIKEL  
    </div>  
   
    <div id="right">  
     SIDEBAR KANAN  
    </div>  
   
  </div>  
   
  <div id="footer">  
   FOOTER WEBSITE  
  </div>  
 </body>  
 </html>  
   
 </body>  

Setelah mengetahui domain dan hosting, selanjutnya kita bisa memilih jasa layanan untuk mendaftar domain dan hosting untuk membuat website. Bagi pemula sebaiknya pendaftaran domain dan hosting dilakukan pada satu tempat jadi tidak perlu melakukan setting lagi nantinya.

Yang perlu diperhatikan saat pendaftaran hosting adalah kita sudah memperkirakan kapasitas memori yang kita butuhkan untuk menyimpan data file-file website dan apakah kita membutuhkan support database seperti misalnya MySQL. Kemudian berapa perkiraan batasan bandwth yang dibutuhkan untuk website kita.

Proses pendaftaran domain dan hosting

Pada saat mendaftar domain dan hosting, kita harus mengikuti prosedur atau tata cara dari penyedia layanan hosting. Prosedur yang ditetapkan berbeda-beda namun urutan prosesnya rata-rata ada kesamaan.

Berikut ini urutan proses yang umum dilakukan saat mendaftar domain dan hosting :

1. Pertama kita akan dihadapkan pada beberapa produk hosting, ada yang sistem paket ada yang cuma nama saja.
2. Penyedia layanan pendaftaran domain biasanya memberikan beberapa paket hosting mulai dari yang terkecil dengan harga termurah sampai yang besar dengan harga yang tentu lebih mahal.
3. Setelah kita tentukan paket hosting yang sesuai dengan website kita, selanjutnya kita akan diminta untuk memasukkan nama domain yang terkait dengan produk hosting yang kita pilih.
4. Kita bisa mendaftarkan domain baru atau bisa juga melakukan transfer domain.
5. Setelah nama domain berhasil dibuat (khusus untuk daftar domain baru) biasanya kita akan dihadapkan pada pilihan beberapa fitur, seperti memilih server hosting, dedicated IP, proteksi whois dan sebagainya.
6. Untuk pemula, penawaran ini bisa diabaikan dulu.
7. Setelah semua selesai, maka proses order bisa dicheckout dan akan muncul tagihan sejumlah uang yang harus kita bayarkan.
8. Segera lakukan pembayaran sesuai jumlah tagihan dan lakukan konfirmasi kepada penyedia layanan hosting.
9. Jika pembayaran kita sudah diverifikasi OK maka selanjutnya tinggal tunggu domain resolve/bisa dibuka melalui jaringan internet.

Contoh mendaftar domain dan hosting di Masterweb.com

Untuk mendaftar domain dan hosting saya rekomendasikan di masterweb karena sudah saya buktikan sendiri tentang kehandalan server dan pelayanannya. Selama menjadi pelanggan di masterweb website saya hampir tidak pernah trobel. Server yang disediakan masterweb selalu dalam kondisi prima dan lancar.

Yang membuat saya tertarik memilih masterweb pad awalnya adalah harga yang ditawarkan. Saat itu untuk mendaftar domain dan hosting saya hanya mengeluarkan biaya sekitar 80 ribu rupiah. Kemudian ditengah perjalanan saat saya memerlukan dukungan database MySQL, proses upgrade layanan pun bisa dilakukan dengan mudah dan di hitung dari sisa kontrak saja.

Berikut ini urutan proses mendaftar domain dan hosting di Masterweb.com

1. Silahkan masuk ke halaman masterweb.com
2. Kemudian klik warna tema di bagian bawah, misalnya tema warna biru klik lingkaran biru.

3. Klik menu HOSTING di bagian atas

4. Akan ada beberapa pilihan paket produk yang dibagi menjadi dua golongan, yaitu HOSTING personal dan HOSTING BISNIS/KORPORAT.

5. Untuk pemula sebaiknya pilih yang PERSONAL, jadi klik ENTER di bagian bawah HOSTING PERSONAL.
6. Kemudian akan ada rincian dari dari 6 paket personal berikut ini:

7. Dan berikut ini harga dan garis besar rincian 6 paket tadi untuk server Indonesia dengan domain .COM dan sudah termasuk PPN 10 % :

PAKET	TAHUN 1	PERIODIK	KAPASITAS	MYSQL 5	BANDWIDTH
PARKING	Rp 92.400	Rp 108.900	1 MB	x	x
IMPRESIF A	Rp 104.940	Rp 121.440	100 MB	x	UNLIMITED
IMPRESIF B	Rp 125.400	Rp 141.900	125 MB	UNLIMITED	UNLIMITED
IMPRESIF C	Rp 157.080	Rp 173.580	175 MB	UNLIMITED	UNLIMITED
IMPRESIF D	Rp 211.200	Rp 227.700	350 MB	UNLIMITED	UNLIMITED
IMPRESIF E	Rp 257.400	Rp 273.900	500 MB	UNLIMITED	UNLIMITED

8. Setelah menentukan pilihan, selanjutnya klik ORDER dibagian bawah pada urutan paket yang dipilih, misalnya IMPRESIF B yaitu paket dengan dukungan MySQL termurah.

9. Selanjutnya kita akan diminta untuk memasukkan nama domain, silahkan isi dengan domain yang kita inginkan, misalnya kita mau domain www.websitekuterbaru.com kita cukup mengetik websitekuterbaru saja kemudian klik lanjut.

10. Akan ada halamam informasi bahwa domain kita tersedia atau tidak seperti berikut ini:

11. Klik untuk lanjut di bagian bawah lalu akan ada halaman konfigurasi produk, jika tidak ada fitur yang akan ditambahkan silahkan abaikan halaman konfigurasi ini lalu klik “Tambah ke keranjang belanja” dibagian bawah.
12. Selanjutnya muncul halaman konfigurasi domain, silahkan abaikan saja lalu klik “Update keranjang belanja”.
13. Pada bagian akhirakan ditampilkan ringkasan order seerti berikut ini, klik checkout untuk memproses order.

14. Kita akan diminta untuk melengkapi data data personal yang dibutuhkan untuk pendaftaran website, silahkan isi dengan data yang sebenarnya atau klik login jika sudah terdaftar di masterweb.
15. Setelah semua lengkap klik Selesaikan pesanan dibagian bawah lalu akan ada tagihan yang dikirim via emai.
16. Selanjutnya bisa transfer ke nomor rekening yang ada pada tagihan (invoice).
17. Setelah transfer segera lakukan konfirmasi melalui tiket.
18. Sampai disini proses pendaftaran selesai dan kita tinggal tunggu sampai website yang kita pesan resolve/bisa dibuka.

Domain dan Hosting merupakan syarat utama sebuah website. Domain merupakan nama sebutan bagi website dan hosting merupakan tempat untuk menyimpan data-data website. Akhiran domain yang paling terkenal dan umum digunakan adalah dot com (.COM). Sedangkan untuk jenis hosting sendiri bermacam-macam, ada yang gratis dan ada juga yang berbayar. Kapasitas yang ditawarkan pun beragam, mulai dari 5MB, 100MB, dan bahkan ada yang sampai bergiga-giga.

Apa itu Domain ?

Domain adalah nama unik yang yang merupakan identitas sebuah website di internet. Domain adalah nama yang dipanggil saat kita akan membuka website. Misalnya kita akan mencari sesuatu, kita memanggil website google dengan mengetikkan www.google.com pada address bar browser.

Nama domain diawali dengan www dan diakhiri dengan akhiran domain seperti COM, NET, ORG, CO.ID dan masih banyak akhiran domain lainnya. Domain seperti COM, NET, ORG dan BIZ termasuk jenis Global Top Level Domain atau disingkat Global TLD. Domain-domain ini bersifat umum dapat dipakai disemua negara didunia.

Selain Global TLD ada domain yang terikat pada masing-masing negara seperti misalnya ID untuk Indonesia, SG untuk Singapura dan MY untuk Malaysia. Domain-domain ini disebut dengan Country TLD artinya domain ini hanya bisa digunakan pada wilayah masing-masing negara tersebut.

Selanjutnya domain-domain tadi ada yang dibuat sub domain misalnya di Indonesia ada dibagi seperti berikut ini :

• CO.ID untuk website komersial
• GO.ID untuk website pemerintah
• AC.ID untuk website universitas
• SCH.ID khusus untuk website sekolah non universitas
• WEB.ID untuk website perseorangan

Untuk mendapatkan nama domain kita harus melakukan registrasi domain. Registrasi domain ini ada yang gratis dan ada juga yang berbayar. Misalnya domain COM kebanyakan berbayar dengan masa kontrak minimal 1 tahun. Sedangkan untuk domain TK kita bisa dapatkan secara gratis melalui website www.dot.tk.

Berikut ini contoh screenshot halaman pendaftaran domain di www.masterweb.com :

Pendaftaran domain global bisa dilakukan secara bebas diseluruh dunia, sedangkan pendaftaran domain country hanya bisa dilayani oleh masing-masing negara pemilik domain, Seperti misalnya pendaftaran domain akhiran ID hanya bisa dilayani di Indonesia melalui PANDI.

Apa itu Sub Domain ?

Sub Domain adalah domain yng merupakan bagian dari domain utama. Misalnya domain www.google.com memiliki beberapa sub domain seperti mail.google.com, drive.google.com dan translate.google.com.

Pada beberapa website yang menyediakan layanan blogging biasanya pengguna akan diberikan nama sub domain secara gratis seperti misalnya www.nulis-ilmu.blogspot.com merupakan sub domain dari www.blogspot.com yang merupakan layanan blog gratis dari google melalui blogger.com.

Apa itu Hosting ?

Hosting adalah tempat untuk menyimpan data-data sebuah website. Data-data tersebut bisa berupa file-file script HTML, CSS, Javascript, Image, PHP dan lain-lain atau bisa juga berupa database seperti SQL.

Hosting ini merupakan alokasi memori pada komputer server yang diperuntukkan bagi website. Penggunaan hosting mengacu pada kesepakatan kontrak diantaranya yaitu mengenai berapa besar kapasitas memori penyimpanan dan berapa batas bandwidth yang diijinkan.

Seperti halnya domain, hosting ini juga ada yang gratis dan ada yang berbayar. Beberapa situs ada yang menawarkan hosting secara gratis seperti misalnya yang pernah saya pakai yaitu www.idhostinger.com.

Untuk hosting berbayar biasanya disediakan beberapa paket hosting berdasarkan spesifikasi dan lokasi server. Harga yang ditawarkan pun bervariasi mulai dari yang termurah mulai 5ribu per tahun sampai bisa mencapai jutaan rupiah pertahun.

Peran hosting ini sangat vital, karena setiap akses ke website melalui nama domain akan diarahkan untuk membuak file-file yang ada pada server hosting. Jika server bermasalah akan berakibat website tidak bisa dibuka dan artinya kita kehilangan fungsi website.