Homepage

Cara membuat homepage dengan menggunakan perangkat lunak khusus homepage

1.Perangkat lunak yang digunakan

memilh Perangkat Lunak yang digunakan untuk membuat homepage misalnya yaitu Microsoft FrontPage. Microsoft FrontPage adalah perangkat lunak bawaan dari Microsoft Office.

2. Pengaktifan MS FrontPage

Langkah memulai Ms FrontPage :

a. Klik Start-All programs-Microsoft FrontPage .

b. Saat muncul tampilan FrontPage, klik File-new-page or Web. Pada menu Task Pane, pilih Empty web. Kemudian, pada jendela Website 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 gambar tata letak teks, gambar, dan hyperlink. Dengan Ms FrontPage, Anda tidak perlu bekerja dari awal karena telah tersedia layout yang disimpan dalam template.

4. Menampilkan Foto pada Homepage

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. Misalya, dipilih foto ukuran 192 x 144 pixel dengan 72 dpi.

5. Menyimpan File Homepage

Jika file Web telah selesai dibuat, tentu Anda ingin menyimpannya supaya file tersebut dapat Anda panggil dan diedit kembali. LAngkahnya adalah sebagai berikut.

a. Tetap aktifkan aboutme.htm. Kemudian, klik 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 FrontPage untuk menghubungkan halaman yang satu dengan halaman yang lainnya.

· Hyperlink ke alamat E-mail

Hyperlink ke alamat e-mail dapat dilakukan dngan cara sebagai berikut.

1. Tetap aktifkan index.htm.

2. Pada tulisan rafi_17@rocketmail.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 Adderss, 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 rafi_17@rocketmail.com akan berubah warna dan bergaris bawah. Ketika Anda gerakkan mouse pada tulisan tersebut, akan muncul gambar tangan. Hal ini berarti hyperlink telah aktif.

· Hyperlink ke Situs Web Lain

Langkah-langkah yang digunakan untuk membuat suatu hyperlink adalah sebagai berikut.

1. Tetap aktifkan index.htm.

2. Kik kanan salah satu teks, misalnya www.ilmukomputer.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, kli OK.

4. Untuk melihat hasil tampilannya, klik tab Preview. Terlihat pada tulisan www.ilmukomputer.com akan berubah warna dan bergaris bawah. Anda gerakkan mouse pada tulisan tersebut, akan muncul gambar tangan. Hal ini berarti hyperlink telah aktif.

· Menghapus Hyperlink

Untuk menghapus hyperlink, dapat dilakukan dengan langkah sebagai berikut.

1. Mislnya, tulisan www.ilmukomputer.com akan dihapus, lakukan seperti akan membuat hyperlink sehingga muncul menu Hyperlink Properties.

2. Pada kotak diaolog 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.ilmukomputer.com kembali normal (tidak berubah warna dan bergaris). Hal ini berarti bahwa hyperlink pada teks tersebut sudah tidak aktif lagi.

· Hyperlink dengan Gambar

Hyperlink dengan menggunakan teks mungkin sudah tidak asing lagi. Anda dapat membuat suatu hyperlink dengan menggunakan foto atau gambar untuk menghubungkan ke halaman Web selanjutnya.

Langkah yang dilakukan adalah sebagai berikut.

1. Klik kanan foto yang akan dijadikan hyperlink, lalu pilih Hyperlin.

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

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.

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.

B. Pengenalan Domain dan Publikasi Homepage

Nama domain lebih mudah untuk 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”. Nama “nic.itb.ac.id” tentunya lebih mudah diingat daripada nomor alamat IP di atas.

1. Level (tingkat) pada Domain

Domain terdiri atas level-level sebagai berikut.

a. Top Level Domain

b. Second Level Domain

c. Third Level Domain

2. Langkah Publikasi Homepage

Setelah memiliki homepage, langkah selanjutnya adalah mempublikasikannya si Internet. Untuk menjadi bagian dari Internet, homepage Anda harus memiliki alamat domain. Daftarka domain Anda secara resmi ke ISP penyedia layanan Web bosting degan membayar iuran per bulan atau per tahun. Anda juga dapat mendaftarkan domain secara gratis pada penyedia jasa pelayanan domain di Internet.

3. Cara Upload HalamanWeb

Web hosting adalah suatu Web server yang terhubung ke Internet sehingga pengguna Internet dapat menyimpan dat atau dokumen lain untuk dapat diakses oleh pengunjung Internet. Untuk meng-upload file Web hosting, Anda perlu memperhatikan factor-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.