A. Pembuatan Homepage Sederhana
Untuk membuat homepage yang sederhana dapat menggunakan HTML (Hypertext Markup Language). Akan tetapi, penggunaan HTML ini mempunyai keterbatasan, salah satunya adalah Anda harus mengetahui dan hafal perintah - perintah HTML.
1. Perangkat Lunak yang Digunakan
Perangkat lunak yang digunakan untuk membuat sebuah homepage adalah dengan menggunakan Microsoft FrontPage. Microsoft FrontPage ini adalahperangkat lunak bawaan dari Microsoft Office. Jadi, ketika Anda meng-install Microsoft Office jangan lupa untuk memberi tanda chek list Microsoft FrontPage.
Menggunakan Microsoft ErontPage karena perangkat lunak ini 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 yang membantu pemula membuat homepage langkah demi langkah.
Mcrosoft FrontPage menampilkan menu bar dan toolbar yang persis sama dengan produk Microsoft Office lainnya. Hal ini memudahkan Anda untuk mengisikan teks pada halaman Web Anda, tidak seperti memakai kode HTML.
Perbedaannya adalah pada Ms FrontPage terdapat jendela view bar, folder list, dan lembar kerja. Jendela view bar merupakan sebuah jendela yang terdiri atas 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) link.
View Reports, menampilkan analisis halaman dan mengatur isi (content) Web.
View Navigation, menampilkan struktur Web yang akan dibangun dengan membuat navigasi dan link.
View Hyperlink, digunakan untuk menampilkan jalur hyperlink halaman Web.
View Task, digunakan sebagai catatan untuk memeperbaiki atau merawat halaman Web.
2. Pengaktifan Microsoft FrontPage
Langkah - langkah memulai program Microsoft FrontPage adalah sebagai berikuit :
a. Klik Start - All programs - Microsoft FrontPage. Langkah ini mungkin saja berbeda dengan menu tampilan di komputer Anda, namun yang terpenting adalah Anda dapat menampilkan program Ms FrontPage.
b. Saat muncul tampilan Ms FrontPage, klik File - new page - page or Web. Pada menu Task Pane, pilih Empty Web. Kemudian, pada Jendela Web Site Templates, pilihlah template yang sudah disediakan oleh Ms FrontPage. Misalkan, 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. Sekarang, Anda sudah disediakan suatu homepage pribadi (personal) yang berisi lima file Web, yaitu aboutme.htm, favourite.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 Navigation 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 tersebut hilang atau terhapus secara tidak sengaja, keempat file lainnya tidak akan dapatsaling 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 Anda buat. Langkah selanjutnya adalahmengubah kata - kata yang sudah jadi dengan kata - kata yang Anda inginkan.
4. Menampilkan Foto pada Homepage
Langkah - langkah untuk menampilkan atau menyisipkan foto pada homepage adalah sebagai berikut :
a. Tetap aktifkan index.htm. Klik Insert - Picture - From File, masukkan nama dokumen foto Anda, dapat berupa format JPG atau GIF. Cara lainnya adalah dari tampilan folder list, Anda dapat langsung melakukan drag and drop ke tempat foto tersebut.
b. Perkecil foto Anda hingga mencapai bentuk ukuran yang sesuai dan proporsional. Misalnya, dipilih foto 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. Gunakanlah ukuran foto atau gambar yang kecil, namun tetap dapat terlihat jelas agar tidak membebani Web server
5. Menyimpan File Homepage
Jika File Web telah selesai dibuat, selanjutnya akan disimpan. Langkah – langkah menyimpan file homepage adalah sebagai berikut :
a. Tetap aktifkan aboutme.htm. Kemudian File - Save As.
b. 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 Ms FrontPage untuk menghubungkan halaman yang lainnya. Untuk membuka halaman yang lain pada homepage, dibutuhkan fasilitas hyperlink. 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 Hyperlinks.
A. Hyperlink ke Alamat E-mail
Hyperlink ke alamat E-mail dapat dilakukan dengan cara sebagai berikut :
1. Tetap aktifkan index.htm
2. Pada tulisan alamat e-mail Anda (mis : dwisartika_is4_08@yahoo.com ), klik kanan mouse sehingga muncul menu hyperlink.
3. 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.
4. Untuk melihat hasil tampilannya, klik tab Preview. Terlihat pada tulisan alamat e-mail Anda (mis : dwisartika_is4_08@yahoo.com) akan berubah warna dan bergaris bawah. Ketika Andagerakkan 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 sbb :
1. Tetap aktifkan index.htm
2. Klik kanan salah satu teks, misalnya dwisartika_is4_08@yahoo.com, sehingga muncul menu Hyperlink Properties.
3. 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.
4. Untuk melihat hasil tampilannya, klik tab Preview. Terlihat pada tulisan dwisartika_is4_08@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
C. Menghapus Hyperlink
Langkah - langkah untuk menghapus hyperlink adalah sebagai berikut :
1. Misalnya, tulisan dwisartika_is4_08@yahoo.com akan dihapus, lakukan seperti akan membuat hyperlink sehingga muncul menu Hyperlink Properties.
2. 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.
3. Perhatikan tulisan dwisartika_is4_08@yahoo.com kembali normal (tidak berubah warna dan bergaris). Hal ini berarti bahwa hyperlink pada teks tersebut sudah tidak aktif lagi.
D. Hyperlink dengan Gambar
Anda dapat membuat suatu hyperlink dengan menggunakan foto atau gambar untuk menghubungkan ke halaman Web selanjutnya. Langkah - langkah untuk membuatnya adalah sebagai berikut :
1. Klik kanan foto atau gambar yang akan dijadikan hyperlink, lalu pilih Hyperlink.
2. Pada kotak dialog Insert Hyperlink, pilih Existing File or Web Page untuk menuju ke halaman yang sudah ada, misalnya biodata.htm, kemudian klik OK.
3. Hasil dari hyperlink tersebut adalah terbukanya halaman Web biodata.htm yang akan menggantikan tampilan file index.htm.
7. Sekilas dengan Cascading Style Sheet (CSS)
Cascading Style Sheet (CSS) adalah suatu kode tambahan HTML untuk menambah kemampuan HTML. Adapun CSS digunakan untuk membentu style pada setiap baris kode HTML secara serentak tanpa harus diatur setiap baris. Misalnya, untuk mengatur ukuran huruf (font) sebesar 2, setiap baris pada tag harus diatur menggunakan . Hal ini merupakan tindakan yang praktis untuk embuat sebuah kode. Solusinya adalah penggunaan CSS dengan mengidentifikasi sebuah variable sekali saja. Definisi sebuah style dituliskan dengan bentuk sebagai berikut :
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
8. Penggunaan Style CSS di Ms FrontPage
Langkah - langkah menggunakan style di Ms FrontPage untuk mengubah huruf (font) di bagian body adalah sebagai berikut :
a. Klik Format - Style, lalu akan muncul tampilan kotak dialog Style.
b. Pilih style Body, kemudian klik Modify untuk memodifikasi style tersebut.
c. Klik Format, kemudian pilih Font. Kemudian, muncul kotak dialog Font. Pilih jenis huruf, ukuran, warna, dan efek. Kemudian, klik OK tiga kali.
d. Tampilan bagian body homepage Anda akan berubah. Untuk tidak menerapkan style tersebut, klik Undo. Coba style yang lain sampai Anda menemukan style yang diinginkan.
Membuat Style Secara Mandiri
1. Klik Format - Style. Kemudian muncul kotak dialog notepad.
2. Pilih Style - Body, kemudian klik Format, pilih Font. Tentukan formatnya, kemudian klik tombol OK.
3. Lakukan juga untuk pilihan border, paragraph (paraghraph), penomoran (numbering), dan posisi teks (position).
4. Klik tombol OK untuk menutup kotak dialog Style.
5. Klik tombol Save, ketik nama file dan lokasinya. Pada menu Save As Type, pilih HyperText Style Sheet. Kemudian, klik tombol Save. Sekarang Anda sudah memiliki file berekstensi .css yang merupakan style Anda sendiri.
Memakai Style yang Telah Anda Buat
1. Pada lembar kerja Anda, klik Format - Style Sheet Link. Kemudian, muncul kotak dialog Link Style Sheet.
2. Klik pilihan All Pages, kemudian klik tombol Add.
3. Pada kotak dialog selanjutnya, pilih file berekstensi .css yang telah Anda buat. Kemudian, klik tombol OK. Lihat perubahan yang terjadi pada halaman Web Anda.
Menghapus Style Anda
1. Pada lembar kerja Anda, klik Format - Style Sheet Link. Kemudian, muncul kotak dialog Link Style Sheet.
2. Pada kotak dialog URL, pilih file .css, lalu klik tombol Remove untuk menghapus style yang Anda pakai.
3. Klik tombol OK.
Memakai fasilitas Dynamic HTML
1. Tempatkan kursor di lembar kerja pada sebuah kolom atau paragraph yang akan Anda beri efek DHTML.
2. Klik menu Format - Dynamic HTML Effect. Kemudian, muncul toolbar DHTML.
3. Pilih kejadian (event) pada bagian ON di ujung paling kiri. Misalnya, ON Clik atau saat Anda mengklik kolom atau paragraph, efek akan terjadi.
4. Pada bagian Apply, misalnya pilih Fly Out (terbang). Kemudian pada bagian kolom selanjutnya, Anda disuruh memilih variasi arah efek tersebut.
5. Sekarang klik tombol Preview di bagian bawah lembar kerja. Untuk mengetes efeknya, klik bagian kolom atau paragraph yang telah Anda tandai.
B. Pengenalan Domain dan Publikasi Homepage
Domain name system adalah salah satu jenis system yang melayani permintaan pemetaan alamat IP ke FQDN (Fully Qualified Domain Name) dan dari FQDN ke IP Address. Setiap komputer untuk mengakses alamat situs tertentu diberi nomor yang unik, artinya : tiap satu komputer hanya mempunyai satu nomor (IP Address). Nomor inilah yang diakses oleh protokol dalam pencarian suatu komputer. Nomor-nomor di Internet berjuta-juta banyaknya. Oleh karena itu, untuk mempermudah pengaksesan nomor diberikan sebuah domain. DNS juga menyediakan layanan mail routing, informasi mengenai perangkat keras (hardware), sistem operasi yang dijalankan, dan aplikasi jaringan yang ditangani oleh host tersebut.
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 generik (generic domain), domain negara (country domain), dan domain arpa. Domain generik terdiri atas tujuh yaitu : COM (untuk komersial), NET (untuk penyedia jaringan komputer), ORG (untuk organisasi), EDU (untuk lembaga pendidikan), GOV (untuk pemerintah USA), INT (untuk organisasi internasional), MIL (untuk kemiliteran USA). Sedangkan untuk domain negara terbagi atas: ID (untuk Indonesia), SG (untuk Singapura), CA (untuk Canada), dst.
b. Second Level Domain
Contoh penamaan second level domain di domain generik untuk umum adalah liakk.com, catcha.com, dan astaga.com.
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 domain anda secara resmi ke ISP penyedia layanan Web hosting dengan membayar iuran perbulan atau pertahun. Anda juga dapat mendaftarkan domain secara gratis pada penyedia jasa pelayanan domain internet.
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 :
a. Buka situs penyedia jasa domain, misalnya www.indosite.com.
b. Sebelum anda mendaftar, cek lebih dahulu apakah nama domain anda sudah terdaftar oleh orang lain atau belum.
c. Jika nama domain anda tidak dimiliki oleh orang lain, akan muncul tampilan berikut.
d. Proses selanjutnya adalah menisi form yang berisi data-data yang berhubungan dengan nama domain anda.
e. Selanjutnya, akan ditampilkan cara pembayaran yang akan dilakukan, apakah transfer antar bank atau menggunakan kartu kredit.
f. Jangan lupa cek sekali lagi dalam pengisian data-data anda untuk menghindari kesalahan yang tidak diinginkan, kemudian konfirmasi.
g. Apabila ada domain yang harus menyertakan persyaratan, misalnya domain id, jangan lupa mengirimkan persyaratan tersebut.
Untuk mendaftarkan doamin ke penyedia jasa Web hosting secara gratis di Internet, cara yang dilakukan adalah sebagai berikut :
a. Buka situs www.geocities.yahoo.com, klik tombol Sign Up pada kota Geocities Free Web Hosting
b. Masukkan Yahoo ID dan Password yang Anda dapat dari keanggotaan e-mail di situs Yahoo. Kemudian klik Sign in.
c. Pada tampilan berikutnya, anda harus memasukkan informasi yang akan diminta oleh Geocities. Untuk contoh ini, pilih Computer and Internet. Kemudian klik Next.
d. Selesainya proses pendaftaran Web hosting ditandai dengan munculnya kotak konfirmasi berikut. Hal ini berarti anda telah siap meng-upload file-file Web-nya.
3. Cara Upload Halaman Web
Homepage pribadi telah selesai dibuat, tentu anda ingin homepage tersebut dipublikasikan ke internet agar semua teman-teman dapat melihat hasilnya. Setelah memiliki alamat domain di internet, langkah selanjutnya adalah melakukan proses upload (kebalikan dari proses download) file-file Web anda ke server jasa pelayanan Web hosting. Anda dapat menggunakan jasa Web hosting gratis di internet, misalnya www.geocities.com, www.lycos.com, dan www.tripod.com.
Web hosting adalah suatu Web server yang terhubung ke internet sehingga pengguna internet dapat menyimpan data atau dokumen lain untuk dapat diakses oleh pengunjung internet.
Untuk meng-upload file Web hosting, anda perlu memperhatikan faktor-faktor berikut :
a. Perhatikan kapasitas maksimal folder untuk Web yang disediakan.
b. Koneksi internet untuk proses upload sebaiknya memiliki kecepatan yang cukup, agar tidak memakan waktu yang lama.
c. Jika tidak memerlukan penggantian file Web, anda dapat melakukan pengeditan secara langsung melalui internet.
a. Upload Melalaui Ms FrontPage
Untuk proses upload, anda dapat menggunakan fasilitas yang ada di FrontPage, yaitu dengan cara sebagai berikut.
1) Aktifkan folder homepage pribadi anda. Ingat pada saya 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).
2) Klik File-Publish Web. Setelah muncul kotak dialog Publish Destination, masukkan nama alamat Web hosting, dengan cara Browse atau dapat langsung anda ketik.
3) Apabila anda memilih Browse, pilih nama alamatnya, misalnya di MSN. Kemudian, klik Open.
4) Klik OK maka anda akan terhubung ke Web MSN dan tinggal mengikuti intruksi 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.
1) Klik Build your Website now! pada tampilan berikut.
2) Setelah muncul tampilan berikut ini, klik File Manager.
3) Pada tampilan selanjutnya, klik browser. Artinya, anda akan memasukkan file-file yang berada pada harddisk ataupun media penyimpan file lainnya dari komputer Anda.
4) Masukkan file anda. Pilih lokasi drive dan direktori pada kotak Look in, sorot nama yang diinginkan sehingga pada kotak File name akan muncul file yang akan di-upload. Kemudian, klik Open.
5) Hasil akhir dari pemilihan file tadi, akan tampak pada tampilan berikut yang mengisikan kotak file yang akan di-upload.
6) Pada fasilitas Browse di atas, terlihat hanya lima file yang boleh di-upload. Apabila anda akan meng-upload lebih dari lima file maka klik Display, pilih jumlah display file yang akan di-upload. Kemudian, klik Upload Files.
7) 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
Ada beberapa faktor yang sebaiknya diperhatikan saat memilih jasa layanan Web hosting, baik yang harus bayar maupun gratis. Faktor-faktor tersebut, yaitu lokasi server Web, kinerja server Web, dan koneksi internet. Semua faktor tersebut disesuaikan dengan pilihan anda. Jika anda ingin mengelola situs Web secara serius dan mengharapkan banyak pengunjung, sebaiknya memilih layanan yang bertarif. Layanan yang bertarif biasanya menawarkan fasilitas lebih seperti mendapatkan alamat domain khusus, misalnya www.namaAnda.com.
Penyedia jasa layanan Web hosting secara gratis yang populer di internet, yaitu sebagai berikut :
a. www.geocities.com, berkapasitas sampai 15 Mega byte
b. www.tripod.com, berkapasitas sampai 20 Mega byte
c. www.freeservers.com, berkapasitas sampai 12 Mega byte
d. www.netfirms.com, berkapasitas sampai 25 Mega byte
e. www.angelfire.com, berkapasitas sampai 20 Mega byte
f. http://free.prohosting.com, berkapasitas sampai 50 Mega byte.
Penyedia jasa layanan Web hosting bertarif di Indonesia pada bulan Agustus 2002, yaitu sebagai berikut :
Provider Registrasi (Rp) Bulanan (Rp)
www.indosat.net.id
www.cbn.net.id
www.rad.net.id
www.dnet.net.id
www.centrin.net.id
www.indo.net.id
www.telkomnetinstan.co.id
45.000
50.000 – 150.000
65.000
40.000
39.500
55.000
165 per menit 25.000
20.000 – 800.000
75.000 – 225.000
35.000 – 250.000
17.000 – 415.000
22.000 – 253.000
Tidak ada komentar:
Posting Komentar