Cara Merancang Web dengan Template

PANDUAN MEMBUAT WEB GRATIS

1. Membuat Web Gratis (Langkah Awal)
2. Cara Merancang Web Dengan Template
3. Memilih Domain Gratis
4. Memilih Web Hosting Gratis
5. Add-On Domain
6. Meng-Upload File Ke Server Hosting

Cara Merancang Web dengan Template

1. Setelah anda mendapatkan file template, lalu ekstrak file template tersebut ke folder komputer anda. Sebaiknya buat folder khusus agar memudahkan anda dalam mencarinya. Sebagai contoh, saya mengekstrak template “aggressive-blue.zip” dan saya mendapatkan 2 folder, 1 file css, dan 1 file html. Yang diperlukan di sini adalah folder images, file style.css, dan file template.html. Sedangkan folder “psd” berisi file desain situs dan image cover e-book dalam format .psd. Ini diperuntukkan bagi anda yang ingin merubah atau mengedit tampilan menggunakan program Photoshop. Saya sendiri tidak menggunakan Photoshop untuk mengedit image sehingga file psd ini saya hapus saja.
   
2. Silahkan buka file “template.html” untuk melihat tampilan minisite tersebut dengan mengklik dua kali file tersebut. Maka akan tampak tampilan seperti berikut ini.
   
3. Selanjutnya anda tutup window tampilan tersebut lalu gandakan file (template.html) dengan cara copy n paste sebanyak jumlah halaman yang ingin anda buat. Di sinilah manfaat bagan alir yang pernah kita
   buat sebelumnya, sehingga kita bisa tahu berapa jumlah halaman yang akan dibuat. Anda akan mendapatkan nama file baru seperti copy of template, copy (2) of template, copy (3) of template, dst
4. Selanjutnya anda rename (ganti nama) file tersebut, dengan nama halaman yang akan anda buat. Halaman utama (depan) HARUS diberanama “index.html”, lalu file “copy of template” ganti namanya menjadi “download”, dst. sehingga saya mendapatkan hasil seperti pada gambar berikut:
   
5. Jangan lupa, mengumpulkan semua file gambar yang akan ditampilkan di web pada folder “images”. Meskipun file gambar tersebut sudah ada di komputer anda di folder lain, anda tetap harus meng-copy file gambar tersebut lalu pindahkan ke folder “images” ini. File gambar anda tidak akan ditampilkan di web apabila gambar anda berada di folder lain, ini harus anda perhatikan baik-baik. Saya sering ditanya tentang hal ini, mengapa gambarnya tidak tampil di website padahal waktu dibuka di komputer semua gambar tampil sempurna.
6. Anda juga dapat mengedit dan atau mengganti file gambar yang ada di folder images tersebut sebagai bawaan template awal. Sebagai contoh saya mengganti (mengedit) file header dan cover e-book agar sesuai dengan tampilan yang saya inginkan, hasilnya seperti pada gambar berikut.
   
7. Setelah semuanya dirasa lengkap, tibalah saatnya mengedit dan mengisi halaman web template dengan content hingga tercipta website seperti yang diinginkan. Pertama-tama buka file “index.html” menggunakan program web creator seperti MS. Frontpage 2003 yang saya gunakan. Ganti materi/isi template dengan kata atau kalimat yang anda inginkan. Dan hasilnya bisa tampak seperti pada gambar berikut.
   
   
8. Lalu anda edit file html lainnya sesuai dengan isi dan tampilan yang anda inginkan. Hubungkan halaman satu dengan halaman lainnya dengan menggunakan “Hyperlink” (gunakan menu Insert > Hyperlink). Sebaiknya anda menggunakan menu link untuk membuat hubungan antar halaman seperti tampak pada gambar berikut.
   
9. Setelah dirasa semua sudah OK, sebelum mengupload ke web hosting sebaiknya anda tes dulu untuk mengetahui apakah situs tersebut telah berfungsi sebagaimana mestinya. Silahkan klik dua kali file index.html. Klik link-link yang anda buat apakah semuanya terhubung dan tidak ada lagi error link. Periksa juga kata demi kata, kalimat demi kalimat, paragraph demi paragraph, apakah sudah sesuai dengan kaidah yang baik dan benar atau masih perlu perbaikan. Jika dirasa ada yang perlu diperbaiki, maka anda buka kembali file tersebut di Frontpage, lalu perbaiki seperlunya.

Nah, setelah melalui tahap-tahap di atas… sekarang waktunya untuk mengonlinekan website anda. Untuk itu anda memerlukan lahan (webhosting) untuk menempatkan semua file yang telah anda buat tersebut, dan nama domainuntuk memanggil file tersebut agar bisa tampil di browser internet.

Next >>>>> MEMILIH NAMA DOMAIN