RISAL SMAN_SH@: Maret 2009

1. Perangkat Lunak yang Digunakan

Perangkat lunak yang dipilih untuk membuat homepage adalah menggunakan Microsoft FontPage. Microsoft FrontPage ini adalah perangkat lunak bawaan dari Microsoft Office. Jadi, keetika Anda meng-install Microsoft Office jangan lupa untuk memberi tanda check list Microsoft FrontPage.

Pada Ms FrontPage menampilkan menu bar dan toolbar yang persis sama dengan produk Office lainnya. Hal ini memudahkan 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 Page, Folders, Reports, Navigations, Hyperlink, dan Task.

2. Pengaktifkan Ms Frontpage

Klik Start-All programs-Microsoft FrontPage.
Saat muncul tmpilan 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. 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.

Sediakan suatu homepage pribadi (personal) yang berisi lima file Web, yaitu aboutme.htm, favourite.htm, feedback.htm, interest.htm, dan photo.htm. Dapat kita lihat 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 dibutuhkan. Kemudian, ganti nama file yang ada di folder list dengan nama yang sesuai, kecuali index.htm.

File untuk homepage adalah index.htm. jika file tersebut hilang atau terhapus secara tidak sengaja, keempat file lainnya tidak akan dapat saling bertautan (link). Hal ini berlaku untuk semua jenis situs Web yang dilihat di internet. Klik 2 kali file index.htm, FrontPage akan menampilkan homepage yang baru dibuat. Langkah selanjutnya adalah mengubah kata-kata yang sudah jadi dengan kata-kata yang diinginkan.

4. Menampilkan foto pada Homepage

Tetap aktifkan index.htm. Klik Insert-Picture-From File, masukkan nama dokumen foto, dapat berupa format JPEG atau GIF. Cara lainnya adalah dari tampilan folder list, dapat langsung melakukan drag and drop ke tempat foto tersebut.
Perkecil foto hingga mencapai bentuk ukuran yang sesuai dengan proporsional. 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

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 Hyperlinks.

a. Hyperlink ke Alamat E-mail

1) Tetap aktifkan index.htm.

2) Pada tulisan alamat e-mail, 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 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

1) Tetap aktifkan index.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.

c. Menghapus Hyperlink

1) Misalnya, tulisan www.manizt.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 www.manizt.com kembali normal (tidak berubah warna dan bergaris). Hal ini berarti bahwa hyperlink pada teks tersebut sudah tidak aktif lagi.

d. Hyperlink dengan gambar

1) Klik kanan foto 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, kemudian klik OK.

3) Tampillah hasilnya hasil dari hyperlink tersebut adalah terbukanya halaman Web.

7. Sekilas dengan Cascading Style Sheet (CSS)

Cascading Style Sheet (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.

8. Penggunaan Style CSS di Ms FrontPage

Klik Format-Style lalu akan muncul kotak dialog Style.
Pilih style Body, kmudian klik Modify untuk memodifikasi 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 lain sampai Anda menemukan style yang dinginkan.

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.Berfungsi untuk mempermudah pengaksesan nomor diberikan sebuah domain.

Nama Domain lebih mudah untuk diingat oleh manusia daripada alamat IP dengan deretan angka. DNS menyediakan layanan mail rotting, 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 tiga level, yaitu:

Top Level Domain
Second Level Domain
Third Level Domain

2. Langkah Publikasi Homepage

Buka situs penyedia jasa domain.
Sebelum mendaftar, cek terlebih dahulu apakah nama domain sudah terdaftar oleh orang lain atau belum.
Jika nama domain tidak dimilki oleh orang lain, maka akan muncul sebuah tampilan.
Proses selanjutnya adalah mengisi form yang berisi data-data yang berhubungan dengan nama domain.
Selanjutnya, akan ditampilkan cara pembayaran yang akan dilakukan, apakah transfer antarbank atau menggunakan kartu kredit.
Jangan lupa cek sekali lagi dalam pengisian data-data untuk menghindari kesalahan yang tidak diinginkan, keudian konfirmasi.
Apabila ada domain yang harus menyertakan persyaratan, misalnya domain id, jangan lupa mengirimkan persyaratan tersebut.

3. Cara Upload Halaman Web

Perhatikan kapasitas maksimal setiap folder untuk Web yang disediakan.
Koneksi internetuntuk proses upload sebaiknya memlikimkecepatan yang cukup, agar tidak memakan waktu yang lama.
Jka tidak memerlukan penggantian file Web, Anda dapat melakukan pengeditan secara langsung melalui internet.

4. Pelayanan Web Hosting

Faktor-faktor yang harus diperhatikan saat memilih jasa layanan Web Hosting, baik yang harus bayar mupun gratis, yaitu lokasi server Web, kinerja server Web, dan koneksi Internet. Jika Anda ingin mengelola situs Web secara serius dan mengharapkan banyak pengunjung, sebaiknya memilih layanan yang bertarif. Layanan yang bertarif biasanya menawarkan fasilitas lebih.