A. Pembuatan Homepage Sederhana
Seperti yang telah diterankan pada bab 2, bahwa untuk membuat homepage yang sederhana dapat menggunakan HTML. Pada bab ini akan dijelaskan cara membuat homepage dengan menggunakan perangkat lunak khusus pembuat homepage sehingga Anda akan membuat homepage dalam waktu yang cepat dan singkat.
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 meberi tanada check list Microsoft FrontPage.
Microsoft FrontPage digunakan 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. Wizard membantu pemula untuk membuat homepage langkah demi langkah.
Ms FrontPage menampilkan menu bar dan toolbar yang persis sama dengan produk Office lainnya. Hal ini memudahkan Anda untuk mengisikan teks pada halaman Web, tidak seperti memakai kode HTML. Perbedaanya adalah pada Ms FrontPage terdapat jendela view bar ,folder list dan lembar kerja. Jendela view bar merupakan sebuah jendela yang terdiri atas Page, Folders, 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) link.
· View Reports, menampilkan analisis halaman dan mengatur isi (content) Web.
· View Navigation, menampilkan sruktur Web yang akan dibangun dengan membuat navigasi dan link.
· View Hyperlink, digunakan untuk menampilkan jalur hyperlink halaman Web.
· View Task, digunakan sebagai catatan untuk memperba iki atau merawat halaman Web.
2. Pengaktifan Ms FrontPage
Langkah memulai program Ms FrontPage :
a. Klik Start-All program –Microsoft FrontPage. Langkah ini mungkin 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 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. Dengan Ms FrontPage,tidak perlu lagi bekerja dari awal karena telah tertsedia layout yang disimpan dalam template.
Sekarang, sudah disediakan suatu homepage pribadi (personal) yang berisi 5 file web,yaitu aboutme.htm, favourite.htm, feedback.htm, interest,htm, dan photo.htm. dan kita dapat melihat struktur dan hubungan kelima file web dengan memilih View Navigations.
Untuk mengganti kata-kata yang sudah jadi,ubahlah dengan meng-klik kotak pada View Navigations. Kemudian, ganti nama file yang ada di folder list dengan nama yang sesuai,kecuali indeks.htm.
4. Menampilkan Foto Pada Homepage
Cara yang digunakan untuk menampilkan atau menyisipkan foto ke homepage
a. Tetap aktifkan indeks.htm. Klik Insert-Picture -From File,masukkan nama dokumen foto,dapat berupa format JPG atau GIF. Cara lainnya adalah dari tampilan folder list,dapat langsung melakukan drag and drop ke tempatfoto tersebut.
b. Perkecil foto 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
5. Menyimpan File Homepage
Langkah-langkahnya adalah :
a. Tetap aktifkan aboutme.htm. Kemudian, klik File-Save As
b. Pada kotak Save As, pilih drive dan direktori file. Pad kotak File Name, ketikkan nama file homepage dan akhiri dengan menekan tombol Save.
6. Hyperlink
Hyperlink adalah fasilitas yang disediakan oleh FrontPage untuk menghubungkan halaman yang satu dengan halaman yang lainnya. Untuk membuka halaman yang lain pada homepage,dibutuhkan fasilitas hyperlink. Dengan hyperlink, anda cukup klik pada teks halaman yang 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
langkah-langkahnya adalah :
1. Tetap aktifkan index.htm
2. Misalnya, pada tulisan ijalrizal@yahoo.com, klik kanan mouse sehingga muncul menu hyperlink=hyperlink Properties
3. Setelah muncul kotak dialog hyperlink, secara otomatis FrontPage akan menuju ke menu E-mail Address.
4. Untuk melihat hasil tampilannya , klik tab preview
b. Hyperlink ke Situs Web lain
langkah-langkahya adalah :
1. Tetap aktifkan indeks.htm.
2. Klik kanan salah satu teks,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
c. Menghapus Hyperlink
langkah-langkahnya adalah :
1. Lakukan seperti akan membuat hyperlink sehinnga muncul menu Hyperlink Properties
2. Pada kotak dialog Edit Hyperlink, klik alamat Web pada kotak Address, klik Remove Link atau apabila menggunakan Ms FrontPage 2000, klik Delete. Jika telah selesai klik OK.
3. Apabila tulisan kembali normal (tidak berubah warna dan bergaris), hal ini menandakan bahwa hyperlink pada teks sudah tidak aktif lagi.
d. Hyperlink dengan Gambar
langkah-lankahnya adalah :
1. Klik kanan foto yang akan dijadikan hyperlink, lalu pilih hyperlink
2. Pada kotak dialog Insert Hyperlink, pilih Exiting File or Web Page untuk menuju kehalaman yang sudah ada, misalnya biodata.htm, kemudian klik OK.
3. Adapun hasil dari Hyperlink tersebut adalah terbukanya halaman Web biodata.htm yang akan menggantikan tampilan file indeks.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 baris. Misalnya, untuk mengatur ukuran huruf (font) sebesar 2, setiap baris pada tag harus diatur menggunakan . Hal merupakan tindakan yang tidak praktis untuk membuat sebuah kode. Solusinya adalah penggunaan CSS dengan mengidentifikasi sebuah variabel sekali saja. Untuk menggunakan CSS, cukup mengetik tag yang telah didefinisikan.
Hasil dari penggunaan CSS terlihat bahwa tulisan dengan menggunakan CSS terbentuk style dari pendefinisian pasangan style tag dan tag yang terdapat atribut TYPE dengan nilai berupa “text/CSS”. Definisi sebuah style dituliskan dalam bentuk sebagai berikut
| Nama_tag { property_ke-1 : nilai_ke-1 ; … ; property_ke-n: nilai_ke-1 ;} -ke-1 ;} |
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 . Juga dapat berupa file dengan eksistensi .css. Untuk mengakses file .css kesebuah halaman Web,dapat digunakan kode tag .
Bukalah file CSS dengan sebuah teks editor, misalnya Notepad. Jangan lupa untuk melakukan penyimpanan file dengan cara Save As dan penulisan eksistensi file .css (sama seperti pembuatan kode HTML dengan Notepad,namun dengan penulisan eksistensi yang berbeda).
8. Penggunaan Style CSS di Ms FrontPage
Berikut ini akan diterangkan cara menggunakan style CSS di Ms FrontPage untuk mengubah huruf (font) dibagian body, yaitu :
a. Klik Format- Style,lalu akan muncul tampilan kotak dialog Style
b. Pilih style Body,kemudian klik modify untuk memodifikasi sty le 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 akan berubah. Untuk tidak menerapkan style tersebut,klik Undo. Coba style yang lain sampai menemukan style yang diinginkan.
PRACTICE MAKES PERFECT
· Membuat Style Secara Mandiri
Langkah-langkah nya :
1. Klik Format-Style. Kemudian muncul kotak dialog
2. Pilih Style Body, Kemudian klik Format , pilih Font. Tentukan formatnya lalu klik tombol OK.
3. Lakukan juga untuk pilihan border,paragraph (paragraph),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.
· Memakai Style yang Telah Anda Buat
Langkah-langkah nya :
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
Langkah-langkah nya :
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 dipakai
3. Klik tombol OK
· Memakai Fasilitas Dynamic HTML
Langkah-langkah nya :
1. Tempatkan kursor dilembar kerja pada sebuah kolom atau paragraph yang akan di 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 Click atau saat mengklik kolom atau paragraph,efek akan terjadi
4. Pada bagian Apply, misalnya pilih Fly Out (terbang). Kemud ian pada bagian kolom sebelahnya ,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 ditandai.
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. Nama Domain lebih mudah diingat oleh manusia daripada alamat IP dengan deretan angka. Contohnya,sebuah computer memiliki alamat IP 167.205.22.114 dan memiliki FQDN “nic.itb.ac.id”. Setelah lahirnya konsep IP Version 6 (yang memiliki 6 segmen untuk setia computer) penomoran alamat IP menjadi semakin panjang dan lebih sulit untuk diingat. Selain fungsi di atas, DNS juga menyediakan layanan mail routing,informasi mengenai perangkat keras (hardware),system 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 3 jenis yaitu,domain generic (generic domain),domain Negara (country domain), dan domain arpa. Pada mulanya ,yang dipakai adalah domain generik yang terdiri atas 7 domain yaitu COM (untuk komersial), NET (untuk penyedia jaringan internet),ORG (untuk organisasi), EDU (untuk lembaga pendidikan),GOV (untuk pemerintahan USA),INT (untuk organisasi internasional), MIL (untuk kemiliteran USA).
b. Second Level Domain
Contoh penamaan second level domain di domain generic untuk umum adalah liakk.com , catcha.com , dan astaga.com. Adapun untuk second level domain setiap Negara,biasanya diserahkan pada kebijakan-kebijakan pengelola domain di Negara masing-masing. Untuk Indonesia ,contohnya adalah :
| 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 homepge,langkah selanjutnya adalah mempublikasikannya di internet. Untuk menjadi bagian dari internet,homepage Anda harus memiliki alamat domain. Sebelum mendaftarkan nama domain,Anda harus memastikan apakah nama domain yang Anda gunakan sudah dipakai orang lain 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 langkahnya adalah :
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. Proses selanjutnya adalah mengisi from yang berisi data-data yang berhubungan dengan nama domain Anda.
d. Selanjutnya, akan ditampilkan cara pembayaran yang akan dilakukan, apakah transfer antarbank atau menggunaka kartu kredit.
e. Jangan lupa cek sekali lagi dalam pengisian data-data Anda untuk menghindari kesalahan yang tidak diinginkan,kemudian konfirmasi.
f. Apabila ada domain yang harus menyertakan persyaratan,misalnya domain id,jangan lupa mengirimkan persyaratan tersebut.
Untuk mendaftarkan domain kemedia 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 kotak Geocities FREE Web Hosting.
b. Masukkan Yahoo ID dan Password yang Anda dapat dari keanggotaan E-mail disitus Yahoo. Kemudian,klik Sign In
c. Pada tampilan berikunya 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
Setelah memiliki alamat domain di internet, langkah selanjutnya adalah melakukan proses upload (kebalikan dari proses download) file-file web anda keserver 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 harus memperhatikan factor-faktor tersebut.
1. Perhatikan kapasitas maksimal folder untuk web yang disediakan
2. Koneksi intrrnet untuk proses upload sebaiknya memiliki kecepatan yang cukup,agar tidak memakan waktu yang lama.
3. 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 :
1. 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).
2. Klik file-Publish web. Setelah muncul kotak dialog Publish Destination,masukkan nama alamat web hosting,dengan cara Browse atau dapat Anda langsung ketik.
3. Apabila Anda memilih Browse,pilih nama alamatnya,misalnya Di MSN. Kemudian klik Open.
4. Klik OK maka Anda akn 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 Internet Explorer. Misalnya Anda akan meng-upload homepage ke geocities.com maka cara yang dilakukan adalah :
1. Klik Build your Web Site now !
2. Setelah muncul tampilan berikut ini,klik File Manager
3. Pad tampilan selanjutnya klik Browse . Artinya, Anda akan memasukkan file-file yang berada pada harddisk ataupun media penyimpanan file lainnya dari computer 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.
5. Pada fasilitas Browse terlihat hanya 5 file yang boleh di upload. Apabila Anda akan meng upload lebih dari 5 file maka klik Display,pilih jumlah Display file yang akan di upload. Kemudian, klik upload Files.
6. Jika prose upload file selesai,ditandai dengan tampilan konfirmasi.
c. Perbaikan dan Revisi Data Isi Homepage
Anda dapat melakukan perbaikan dan revisi data isi 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 factor 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.
Penyedia jasa layanan web hosting secara garatis yang popular di internet, yaitu :
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 25 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 :
| PROVIDER | REGISTRASI (Rp.) | BULANAN |
| 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 permenit | |
