Banyak yang bingung ketika pertama kali ingin membuat website, kemudian berfokus hanya kepada penampilan web site, jumlah photo, dan sebagainya. Design website memang penting, tetapi bukan segalanya. Yang terpenting ingatlah fungsi utama dari sebuah website adalah sebagai media promosi dan penyampai informasi. Untuk itu perlu disimak beberapa tips sebelum Anda membuat web site. Panduan awal sebelum membuat web site adalah perhatikan : DOMAIN, SPACE HOSTING & BANDWIDTH yang akan dipergunakan untuk kebutuhan web site nantinya. Apa itu Domain ? Domain adalah nama dari "website, misalnya yahoo.com, google.com, namaanda.co.id, iniitu.com, lp3i.ac.id, tkekacrut.web.id, memede.info, kirana.org dan sebagainya. Domain yang Anda pilih harus juga dapat menunjang kebutuhan marketing, dengan cara menggunakan domain yang mengandung keyword untuk jasa layanan atau produk yang Anda tawarkan. Apa itu Hosting ?
Hosting adalah tempat untuk menyimpan file di Internet. Jika diibaratkan rumah, maka alamat rumah adalah domain, dan rumah tempat tinggal adalah hosting. Sebagai rumah besar ruangan pun amat menentukan, gunakan space hosting yang maksimal artinya tidak terlalu kecil dan juga tidak terlalu besar, sesuaikan dengan kebutuhan website Anda. Hal lain yang perlu diperhatikan adalah layanan e-mail pop3, jika anda menggunakan layanan ini, maka setiap email yang masuk akan disimpan di dalam inbox yang spacenya diambil dari kapasitas hosting Anda. Anda bisa saja menggunakan e-mail gratisan misalnya dari Yahoo atau Google, tetapi akan nampak tidak professional. Gunakan layanan hosting yang tidak terlalu kecil dan menyediakan layanan e-mail pop3, tak usah banyak-banyak cukup 1 atau 2 account. Apa itu Bandwidth ?
Bandwidth adalah besaran trasfer data, ketika sebuah website di esekusi melalui browser oleh user (pengguna) melalui komputer di rumah atau kantor. Maka ada satuan data yang ditransfer, data itu berupa file dokumen, file photo, file-file website dan lainnya. Untuk itu gunakan bandwidth yang tidak terlalu kecil, karena jika terjadi lonjakan pengunjung situs Anda tidak kehabisan quota. Dan perlu juga diperhatikan gunakan photo atau image seperlunya agar tidak terlalu banyak menyerap bandwidth. Demikian hal-hal dasar yang perlu Anda perhatikan, agar website Anda nantinya dapat optimal membantu promosi on line Anda. Nah bagaimanakan menurut anda web/blog saya ini .....?
Selasa, 29 Januari 2008
Belajar Membuat Link di Halaman Web
Salah satu bagian penting pada saat membangun sebuah website adalah membuat link yang fungsinya untuk menghubungkan satu halaman ke halaman yang lain. Ya, tentunya karena kita akan memiliki beberapa halaman web, sehingga kita perlu kode/tag html yang bisa menghubungkan halaman-halaman tersebut. Tag html yang bisa melakukan hal tersebut adalah tag a dengan atributnya yaitu href.
Sebelum kita mempelajari tag a ini, saya ingin memberikan ilustrasi sedikit mengenai fungsi dan cara kerja tag ini agar kamu punya gambaran :)
Di pulau Jawa, misalnya, kan ada beberapa kota besar seperti Jakarta, Bandung, Semarang, Surabaya, dll. Nah, setiap kota punya stasiun kereta masing-masing. Lalu, ada kereta-kereta yang bisa membawa kita dari satu kota ke kota lain. Misal, untuk Jakarta-Bandung, ada keretanya yaitu Parahyangan. Bandung-Surabaya ada kereta Argo Bromo (bener ga ya? aku lupa. Yah, pokoknya ini misalkan aja ya :) ) Untuk ke Semarang, tidak ada kereta yang dari Bandung. Sedangkan kalau dari Jakarta ada yang ke Semarang. Jadi, kalau dari Bandung mau ke Semarang, kita perlu ke Jakarta dulu baru ke Semarang. Oke, sudah ada gambaran sampai sini?
Nah, prinsip kerja tag a adalah seperti itu. Jika diumpamakan kota-kota tadi adalah halaman web, maka tag a adalah kereta-keretanya. Misal, ada file yang bernama satu.html dan dua.html. Jika kita ingin menghubungkan file satu.html ke dua.html, maka kita perlu membuat tag a pada file satu.html dengan tujuannya yaitu dua.html. Begitu juga kalau dari dua.html ke satu.html. Perlu ada 'kereta' yang menuju satu.html.
Oke, sekarang kita coba lihat bagaimana cara menuliskan script html-nya. Bentuk dasar dari tag ini adalah : teks link. Lalu, untuk menuliskan file yang dituju, digunakanlah atribut href. Sehingga kalau ditulis lebih jelasnya, adalah sebagai berikut :
teks link
Ingat ya pelajaran yang lalu, tag html selalu ada penutupnya :) Nah, jika diibaratkan, 'nama_file_yang_dituju' adalah kota yang dituju, seperti Jakarta, Bandung, dll. Sedangkan 'teks link' adalah nama keretanya, seperti Parahyangan atau Argo Bromo tadi. Jadi kamu bisa menamakan linknya dengan nama apapun.
Lanjut, kita akan lihat bagaimana penulisannya di file html. Seperti yang dicontohkan tadi, kita akan membuat link dari file satu.html ke dua.html. Misal isi dari file satu.html adalah sebagai berikut :
Dan ini adalah isi dari file dua.html :
Nah, kamu perhatikan di atas cara menuliskan tag a pada suatu file. Secara default, suatu teks yang menjadi link akan ditandai dengan tulisannya menjadi warna biru disertai garis bawah. Lalu, pada saat cursor mendekati teks tersebut, bentuk cursor akan menjadi sebuah tangan yang menunjuk. Hal ini diistilahkan dengan 'hover'. Nah, kalau kamu suka lihat di situs-situs, linknya ngga ada garis bawahnya. Terus juga warnanya kok bisa macem-macem, gimana caranya? Hehe.. sabar ya. Ada trik tersendiri untuk bisa membuat seperti itu :) Kita belajar basic-nya dulu aja sekarang ;)
Sekarang coba buka file satu.html di browser, lalu klik link yang ada. Bagaimana? Berhasil? Sip deh :) Nah, kalau defaultnya suatu link sudah diklik, link tersebut akan berwarna ungu. Di html istilahnya adalah 'visited'. Coba kembali ke halaman satu.html dan lihat link yang di klik tadi...
Link dari halaman satu.html ke dua.html sudah. Sekarang kamu mau kebalikannya? Ya, tinggal buat link aja di file dua.html dengan tujuannya adalah satu.html. Mudah kan? Coba sendiri ya ;)
Sebelum kita mempelajari tag a ini, saya ingin memberikan ilustrasi sedikit mengenai fungsi dan cara kerja tag ini agar kamu punya gambaran :)
Di pulau Jawa, misalnya, kan ada beberapa kota besar seperti Jakarta, Bandung, Semarang, Surabaya, dll. Nah, setiap kota punya stasiun kereta masing-masing. Lalu, ada kereta-kereta yang bisa membawa kita dari satu kota ke kota lain. Misal, untuk Jakarta-Bandung, ada keretanya yaitu Parahyangan. Bandung-Surabaya ada kereta Argo Bromo (bener ga ya? aku lupa. Yah, pokoknya ini misalkan aja ya :) ) Untuk ke Semarang, tidak ada kereta yang dari Bandung. Sedangkan kalau dari Jakarta ada yang ke Semarang. Jadi, kalau dari Bandung mau ke Semarang, kita perlu ke Jakarta dulu baru ke Semarang. Oke, sudah ada gambaran sampai sini?
Nah, prinsip kerja tag a adalah seperti itu. Jika diumpamakan kota-kota tadi adalah halaman web, maka tag a adalah kereta-keretanya. Misal, ada file yang bernama satu.html dan dua.html. Jika kita ingin menghubungkan file satu.html ke dua.html, maka kita perlu membuat tag a pada file satu.html dengan tujuannya yaitu dua.html. Begitu juga kalau dari dua.html ke satu.html. Perlu ada 'kereta' yang menuju satu.html.
Oke, sekarang kita coba lihat bagaimana cara menuliskan script html-nya. Bentuk dasar dari tag ini adalah : teks link. Lalu, untuk menuliskan file yang dituju, digunakanlah atribut href. Sehingga kalau ditulis lebih jelasnya, adalah sebagai berikut :
teks link
Ingat ya pelajaran yang lalu, tag html selalu ada penutupnya :) Nah, jika diibaratkan, 'nama_file_yang_dituju' adalah kota yang dituju, seperti Jakarta, Bandung, dll. Sedangkan 'teks link' adalah nama keretanya, seperti Parahyangan atau Argo Bromo tadi. Jadi kamu bisa menamakan linknya dengan nama apapun.
Lanjut, kita akan lihat bagaimana penulisannya di file html. Seperti yang dicontohkan tadi, kita akan membuat link dari file satu.html ke dua.html. Misal isi dari file satu.html adalah sebagai berikut :
Dan ini adalah isi dari file dua.html :
Nah, kamu perhatikan di atas cara menuliskan tag a pada suatu file. Secara default, suatu teks yang menjadi link akan ditandai dengan tulisannya menjadi warna biru disertai garis bawah. Lalu, pada saat cursor mendekati teks tersebut, bentuk cursor akan menjadi sebuah tangan yang menunjuk. Hal ini diistilahkan dengan 'hover'. Nah, kalau kamu suka lihat di situs-situs, linknya ngga ada garis bawahnya. Terus juga warnanya kok bisa macem-macem, gimana caranya? Hehe.. sabar ya. Ada trik tersendiri untuk bisa membuat seperti itu :) Kita belajar basic-nya dulu aja sekarang ;)
Sekarang coba buka file satu.html di browser, lalu klik link yang ada. Bagaimana? Berhasil? Sip deh :) Nah, kalau defaultnya suatu link sudah diklik, link tersebut akan berwarna ungu. Di html istilahnya adalah 'visited'. Coba kembali ke halaman satu.html dan lihat link yang di klik tadi...
Link dari halaman satu.html ke dua.html sudah. Sekarang kamu mau kebalikannya? Ya, tinggal buat link aja di file dua.html dengan tujuannya adalah satu.html. Mudah kan? Coba sendiri ya ;)
Langganan:
Postingan (Atom)
