HOMEPAGE
A. Pembuatan Homepage Sederhana
1. Perangkat Lunak Yang Digunakan
Perangkat lunak yang dipilih untuk membuat homepage adalah menggunakan Microsoft FrontPage. Microsoft FrontPage ini adalah perangkat lunak bawaan dari Microsoft Office. Jadi, ketika Anda meng-install Microsoft Office jangan lupa untuk memberi tanda check list Microsoft FrontPage.
Microsoft FrontPage mudah dijumpai dan bawaan dari Microsoft Office, juga mempunyai fasilitas lengkap untuk membuat suatu homepage yang baik. Salah satu fasilitas yang memudahkan bagi pemula adalah adanya wizard. Wizard membantu pemula membuat homepage langkah demi langkah.
Perbedaan pada Ms front page dengan lainnya adalah terdapat jendela view bar, folder list, dan lembar kerja. Jendela view bar merupakan jendela yang terdiri atas Page, Folder, Reports, Navigations, Hyperlink, dan Task. Kegunaan masing-masing View Bar, yaitu sebagai berikut.
- View Page, menampilkan halaman Web yang akan diedit.
- View Folder, digunakan untuk mengatur file dan folder yang berisi file, serta gambar yang akan ditampilkan pada halaman Web agar tidak terjadi kesalahan (error) disk.
- View Reports, menampilkan analisis halaman dan mengatur isi (content) Web.
- View Navigations, menampilkan struktur web yang akan dibangun dengan membuat navigasi dan link.
- View Hyperlink, digunakan untuk menampilkan jalur hyperlink halaman link.
- View Task, digunakan sebagai catatan untuk memperbaiki atau merawat halaman Web.
2. Pengaktifan Ms FrontPage
Sekarang anda akan memulai program Ms FrontPage dengan langkah sebagai berikut.
a. Klik Start-All programs-Microsoft Frontpage. Langkah ini mungkin saja berbeda dengan menu tampilan dikomputer Anda, namun yang terpenting adalah Anda dapat menampilkan program Ms FrontPage.
b. Saat muncul tampilan frontPage, klik File-new-page or Web. Pada menu Task Pane, pilih Empty Web. Kemudian, pada jendela Web Site Templates, pilihlah template yang sudah disediakan oleh Ms FrontPage FrontPage. Misalkan, dipilih Personal web. Selanjutnya, dipilih Personal Web. Selanjutnya, pada bagian option aturlah lokasi file Web yang akan ditempatkan.
3. Pembuatan Layout Homepage
Sebelum membuat sebuah homepage, pertama buatlah terlebih dahulu layout atau gambaran tata letak teks, gambar, dan hyperlink. Dengan Ms frontPage, Anda tidak perlu bekerja dari awal karena telaht ersedia layout yang disimpan dalam template.
Sekarang, Anda sudah disediakan suatu homepge pribadi (personal) yang berisi lima file Web, yaitu, aboutme.htm, feedback.htm, interest.htm, dan photo.htm. Anda dapat melihat struktur dan hubungan kelima file Web tersebut dengan memilih View Navigation.
Untuk mengganti kata-kata yang sudah jadi tersebut, ubahlah dengan meng-klik kotak pada View navigations sesuai dengan yang Anda butuhkan. Kemudian, ganti nama file yang ada di folder list dengan nama yang sesuai, kecuali index.htm.
File untuk homepage Anda adalah index.htm. jika file tersebuat hilang atau terhapus secara tidak sengaja, keempat file lainnya tidak akan dapat saling bertautan (link). Hal ini berlaku untuk semua situs Web yang Anda lihat di Internet. Klik dua kali file index.htm, FrontPage akan menampilkan homepage yang baru Anda buat. Langkah selanjutnya adalah mengubah kata-kata yang sudah jadi dengan kata-kata yang Anda inginkan.
4. Menampilkan Foto pada Homepage
Untuk menampilkan atau menyisipkan foto Anda ke homepage pribadi, cara yang dilakukan adalah sebagai berikut.
Tetap aktifkan index.htm. Klik Insert-Picture-From File, masukkan nama dokumen foto Anda, dapat berupa format JPG atau GIF.
Perkecil foto Anda hingga mencapai bentuk ukuran yang sesuai dan proporsional. Misalnya, dipilih ukuran 192 X 144 pixel dengan 72 dpi.
Sebaiknya, jangan memakai foto dengan ukuran yang lebih besar dari 72 dpi karena akan memperlambat Web browser untuk menampilkan foto tersebut.
5. Menyimpan File Homepage
Jika File Web telah selesai dibuat, tentu Anda ingin menyimpan supaya file tersebut dapat Anda panggil dan diedit kembali. Langkahnya adalah sebagai berikut.
Tetap aktifkan aboutme.htm. Kemudian, klik File-Save As.
Pada kotak Save As, pilih drive dan direktori file, Pada kotak File Name, ketikkan nama file
homepage tersebut. Akhiri dengan menekan tombol Save.
6. Hyperlink
Hyperlink adalah fasilitas yang disediakan oleh FrontPage untuk menghubungkan halaman yang satu dengan halaman yang lainnya. Dengan hyperlink, Anda cukup klik pada teks halaman yang ingin dituju. Biasanya, ikon hyperlink adalah tangan dalam posisi menunjuk. Untuk melihat hyperlink yang telah dibuat, Anda dapat melihatnya di View Hyperlink.
a. Hyperlink ke alamat E-mail
Hyperlink ke alamat e-mail dapat dilakukan dengan car sebagai berikut.
Tetap aktifkan index.htm.
Pada tulisan bfanzz@yahoo.com, klik kanan mouse sehingga muncul tampilan menu hyperlink.
Setelah muncul kotak dialog hyperlink, secara otomatis FrontPage akan menuju ke menu E-mail Address. Pada kotak E-mail Address, perhatikan apakah alamat e-mail sudah benar atau belum. Apabila masih kosong atau salah, pada kotak tersebut diisi dengan alamat e-mail. Jika telah selesai, klik OK.
untuk melihat hasil tampilannya, klik tab Preview. Terlihat pada tulisan bfanzz@yahoo.com akan berubah warna dan bergaris bawah. Ketika Anda gerakkan mouse pada tulisan tersebut, akan muncul gambar tangan. Hal ini berarti hyperlink telah aktif.
b. Hyperlink ke Situs Web Lain
Langkah-langkah yang digunakan untuk membuat suatu hyperlink adalah sebagai berikut.
Tetap aktifkan index.htm.
Klik kanan salah satu teks, misalnya www.ilmukomputer.com sehingga muncul menu Hyperlink Properties seperti tampilan berikut.
Pada kotak dialog Edit Insert hyperlink, klik Browsed Page, lanjutkan dengan menulis alamat Web atau situs di Internet pada kotak dialog Address. Jika telah selesai, klik OK.
Untuk melihat hasil tampilannya, klik tab Preview. Terlihat pada tulisan www.ilmukomputer.com akan berubah warna dan bergaris bawah. Ketika Anda gerakkan mouse pada tulisan tersebut, akan muncul gambar tangan. Hal ini berarti hyperlink telah aktif.
c. Menghapus Hyperlink
Untuk menghapus hyperlink, dapat dilakukan dengan langkah sebagai berikut.
Misalnya, tulisan www.ilmukomputer.com akan dihapus, lakukan seperti akan membuat hyperlink sehingga muncul menu Hyperlink Properties.
Pada kotak dialog Edit Hyperlink, klik alamat Web pada kotak Address, klik Remove link atau apabila Anda menggunakan Ms FrontPage 2000, klik Delete. Jika telah selesai, klik OK.
Perhatikan tulisan www.ilmukomputer.com kembali normal (tidak berubah warna dan bergaris). Hal ini berarti bahwa hyperlink pada teks tersebut sudah tidak aktif lagi.
d. Hyperlink dengan Gambar
Hyperlink dengan gambar menggunakan teks mungkin sudah tidak asing lagi. Anda dapat membuat suatu hyperlink dengan menggunakan foto atau gambar untuk menghubungkan ke halaman Web selanjutnya.
klik kanan foto yang akan dijadikan hyperlink, lalu pilih Hyperlink.
Pada kotak dialog Insert Hyperlink, pilih Existing File or Web Page untuk menuju ke halaman yang sudah ada, misalnya biodata.htm, kemudian klik OK.
Adapun hasilnya seperti yang akan tampil.
Hasil dari hyperlink tersebut adalah terbukanya halamn Web biodata.-htm yang akan menggantikan tampilan file index.htm.
7. Sekilas dengan Cascading Style Sheet (CSS)
Cascading Style Sheet atau CSS adalah suatu kode tambahan HTML untuk menambah kemampuan HTML. Adapun CSS digunakan untuk membentuk style pada setiap baris kode HTML secara serentak tanpa harus diatur setiap. Misalnya, untuk mengatur ukuran huruf (font) sebesar 2, setiap baris pada tag harus diatur menggunakan . Hal ini merupakan tindakan yang tidak praktis untuk membuat sebuah kode. Solusinya adalah penggunaan CSS dengan mengidentifikasi sebuiah variable sekali saja. Untuk menggunakan CSS, Anda cukup mengetik tag yang telah didefenisikan tersebut.
nama_tag { properti_ke-1 : nilai_ke-1 ; … ; properti_ke-n: nilai_ke-1 :}
Terlihat bahwa tulisan dengan menggunakan CSS terbentuk style dari pendefinisian pasangan style tag
a. CSS dalam Bentuk sebuah File
Kode tambahan CSS pada sebuah halaman Web, dapat diketikkan pada halaman Web itu sendiri dengan menempatkannya di antara kode tag dan tag. Biasanya ditempatkan setelah pasangan kode tag. Juga dapat berupa file dengan ekstensi .css. ke sebuah halaman Web, dapat digunakan kode tag.
Buatlah file CSS dengan sebuah teks editor, misalnya Notepad. Jangan lupa untuk melakukan penyimpanan file dengan cara Save As dan penulisan ekstensi file .css (sama seperti pembuatan kode HTML dengan notepad, namun dengan penulisan ekstensi yang berbeda).
Setelah itu, buatlah file HTML yang akan mengakses file style_css.
Perhatikan kode tag yang disertai atribut REL dan HREF. Hal ini untuk mengakses file style_css.css agar dapat digunakan oleh file css2.htm. Pada atribut REL, jangan lupa untuk menyebut isi berupa “STYLESHEET” dan TYPE dengan isi “text/css”. Dengan cara ini pula, file htm lain dapat mengakses file css tersebut. Jika Anda ingat bahasa pemrograman Pascal, file CSS diserupan dengan file yang berisi Procedure atau Function.
Adapun hasil kode program setelah dibuka oleh browser dapat anda lihat sendiri.
8. Penggunaan Style CSS di Ms FrontPage
Berikut ini akan diterangkan cara menggunakan style CSS di Ms FrontPage untuk mengubah huruf (font) di bagian body, yaitu sebagai berikut.
Klik Format-Style, lalu akan muncul tampilan kotak dialog Style.
Pilih style Body, kemudian klik Modify untuk memodofikasi style tersebut.
Klik Format, kemudian pilih Font. Kemudian, muncul kotak dialog Font. Pilih jenis huruf, ukuran, warna, dan efek. Kemudian, klik OK tiga kali.
Tampilan bagian body homepage Anda akan berubah. Untuk tidak menerapkan style tersebut, klik Undo. Coba style yang lain sampai Anda menemukan style yang diinginkan.
B. Pengenalan Domain dan Publikasi Homepage
1. Level (tingkat) pada Domain
Domain terdiri atas level-level sebagai berikut.
a. Top Level Domain
Domain tingkat atas (top level domain) terbagi menjadi tiga jenis, yaitu domain generic (generic domain), domain Negara (country domain), dan domain arpa. Pada mulanya, yang dipakai adalah domain generic yang terdiri atas tujuh domain yaitu, COM, NET, DRG, EDU, GOV, INT, MIL.
b. Second Level Domain
Contoh penamaan second level domain di domain generic untuk umum adalah liakk.com, catcha, dan astaga.com. Adapun untuk second level domain setiap Negara, biasanya diserahkan pada kebijakan pengelola domain di Negara masing-masing.
| Domain | Nama Domain | Untuk |
| CO.ID | perusahaan | |
| OR.ID | organisasi | |
| AC.ID | akademi/universitas | |
| GO.ID | departemen pemerintah | |
| NET.ID | ISP | |
| SCH.ID | sekolah-sekolah | |
| WEB.ID | bebas |
c. Third Level Domain
Penamaan pada third level domain diserahkan pada pengelola jaringan masing-masing, misalnya indosat.net.id, melsa.net.id, dan kompas.co.id.
2. Langkah Publikasi Homepage
Setelah mempunyai homepage, langkah selanjutnya adalah mempublikasikannya di Internet. Untuk menjadi bagian dari Internet, homepage Anda harus memiliki alamat domain. Daftarkan domainAnda secara resmi ke ISP penyedia layanan Web hosting dengan membayar iuran per bulan atau per tahun.
Sebelum mendaftarkan nama domain, Anda harus memastikan apakah nama domain yang Anda gunakan sudah dipakai orang atau belum. Anda dapat mengecek nama domain pada Web site, misalnya www.register.com, dan www.indosite.com. Untuk mendaftarkan nama domain Anda, secara umum lakukan langkah sebagai berikut.
Buka situs penyedia jasa domain, misalnya www.indosite.com.
Sebelum Anda mendaftar, sek lebih dahulu apakah nama domain Anda sudah terdaftar oleh orang lain atau belum.
Jika nama domain Anda tidak dimiliki oleh orang lain, akan muncul tampilan pemberitahuan.
Proses selanjutnya adalah mengisi form yang berisi data-data yang berhubungan dengan nama domain Anda.
Selanjutnya, akan ditampilkan cara pembayaran yang akan dilakukan, apakah transfer antarbank atau menggunakn kartu kredit.
Jangan lupa cek sekali lagi dalam pengisian data-data Anda untuk menghindari kesalahan yang tidak diinginkan, kemudian konfirmasi.
Apabila ada domain yang harus menyertakan prasyaratan, misalnya domain id, jangan lupa mengirimkan persyaratan tersebut.
Untuk mendaftarkan domain ke penyedia jasa Web hosting secara gratis di Internet, cara yang dilakukan adalah sebagai berikut.
Buka situs www.geocities.yahoo.com, klik tombol Sign Up pada kotak Geocities FREE web Hosting.
Masukkan Yahoo ID dan Password yang Anda dapat dari keanggotaan e-mail di situs Yahoo. Kemudian, klik Sign In.
Pada tempilan berikutnya, Anda harus memasukkan informasi yang akan diminta oleh Geocities. Untuk contoh ini, pilih Computer and Internet. Kemudian, klik Next.
Selesainya proses pendaftaran Web hosting ditandaindengan munculnya kotak informasi. Hal ini berarti Anda telah siap meng-upload file-file Web-nya.
3. Cara Upload Halaman Web
Homepage pribadi telah selesai dibuat, langkah selanjutnya adalah melakukan proses upload (kebalikan dari proses download) file-file Web Anda ke server jasa pelayanan Web hosting. Web hosting adalah suatu Web server yang terhubung ke Internet sehingga pengguna Internet dapaty menyimpan data atau dokumen lain untuk dapat diakses oleh pengunjung Internet.
Untuk meng-upload file Web hosting, Anda tidak perlu memperhatikan factor-faktor berikut ini.
Perhatikan kapasitas maksimal folder untuk Web yang disediakan
Koneksi Internet untuk proses upload sebaiknya memiliki kecepatan yang cukup, agar tidak memakan waktu lama.
Jika tidak memerlukan penggantian file Web, Anda dapat melakukan pengeditan secara langsung melalui Internet.
a. Upload Melalui Ms FrontPage
Untuk proses upload, Anda dapat menggunakan fasilitas yang ada di FrontPage, yaitu dengan cara sebagai berikut
Aktifkan folder homepage pribadi Anda. Ingat pada saat publikasi ke Internet maka semua file yang berkaitan dengan file homepage harus di upload, file tersebut dapat berupa file HTML, grafik, JPEG atau GIF, serta file format suara (sound).
Klik File-Publish Web. Setelah muncul kotak dialog Publish Destination, masukkan nama alamat web hosting, dengan cara Browse atau dapat langsung Anda ketik.
Apabila Anda memilih Browse, pilih nama alamatnya, misalnya di MSN. Kemudian, klik Open.
Klik OK maka Anda terhubung ke Web MSN dan tinggal mengikuti instruksi yang ada di Web hosting tersebut.
b. Upload dengan Web browser
Upload dengan Web browser adalah melakukan upload ke server Web hosting yang gratis melalui Web browser, misalnya ke Internet Explorer. Misalnya, Anda akan meng-upload homepage ke geocities.com maka cara yang dilakukan adalah sebagai berikut.
Klik Build your Website now!
Setelah itu, klik File manager.
Pada tampilan selanjutnya, klik Browse. Artinya, Anda akan memasukkan file-file yang berada pada harddisk ataupun media penyimpanan file lainnya dari komputer Anda.
Masukkan file Anda. Pilih lokasi drive dan direktori pada kotak Look in, sorot nama yang diinginkan sehingga pada kotak File name akan mencul file yang akan di-upload. Kemudian, klik Open.
Hasil akhir dari pemilihan file tadi, akan tampak pada tampilan berikut.
Pada fasilitas Browseb di atas, terlihat hanya
Jika Proses upload file selesai, ditandai dengan tampilan konfirmasi berikut.
c. Perbaikan dan revisi Data Isi Homepage
Anda dapat melakukan perbaikan dan revisi data pada homepage secara langsung atau tidak langsung. Perubahan-perubahan data secara langsung dilakukan melalui Internet ke Web server. Adapun perbaikan/perubahan secara tidak langsung adalah dengan melakukan perubahan data secara offline atau tidak tersambung Internet. Kemudian, melakukan proses upload ke Web server untuk mengganti file yang sudah ada dengan yang sudah mengalami perubahan.
4. Pelayanan Web hosting
Penyedia jasa layanan Web hosting secara gratis yang popular di Internet, yaitu sebagai berikut.
www.geocities.com, berkapasitas sampai 15 Mega byte.
www.tripod.com, berkapasitas sampai 20 Mega byte.
www.freeserver.com, berkapasitas sampai 12 Mega byte.
www.netfirms.com, berkapasitas sampai 25 Mega byte.
www.angelfire.com, berkapasitas sampai 20 Mega byte.
http://free.prohosting.com, berkapasitas sampai 50 Mega byte.
Penyedia jasa layanan Web hosting bertarif di
| Provider | Registrasi (Rp.) | Bulanan (Rp.) |
| 45.000 | 25.000 | |
| 50.000-150.000 | 20.000-800.000 | |
| 65.000 | 75.000-225.000 | |
| 40.000 | 35.000-250.000 | |
| 39.500 | 17.000-415.000 | |
| 55.000 | 22.000-253.000 | |
| 165 per menit |
