salju

welcome...

me.......

PhunkyPhresh.Com

Senin, 16 Maret 2009

HOMEPAGE

A. Pembuatan Homepage Sederhana
Membuat homepage sederhana dapat menggunakan HTML. Akan tetapi, penggunaan HTML ini mempunyai keterbatasan, salah satunya adalah Anda harus mengetahui dan hafal perintah-perintah HTML.
Disini 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.
Mengapa menggunakan Microsoft FrontPage? Karena perangkat ini mudah dijumpai dan bawaan dari Microsoft FrontPage, juga mempunyai fasilitas lengkap untuk membuat suatu homepage yang baik. Salah satunya adalah adanya wizard. Wizard membantu pemula membuat homepage langkah demi langkah.
Gambar dibawah adalah tampilan lingkungan kerja Ms FrontPage. Ms FrontPage menampilkan menu bar dan toolbar yang persis sama dengan produk office lainnya. Hal ini memudahkan Anda mengisi teks pada halaman Web Anda, tidak seperti memakai kode HTML.
Perbedaannya adalah Ms FrontPage terdapat jendela view bar, folder list dan lembar kerja. Jendela view bar merupakan sebuah jendela yang terdiri atas Page, Folder, Reports, Navigations, Hyperlink dan Task. Kegunaan masing-masing View bar yaitu:
View Page, menampilkan halaman Web yang akan diedit.
View Folder, digunakan untuk mengatur file dan folder yang berisi file, serta gambar yang akan ditampilkanpada 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 memperbaiki atau merawat halaman Web.
2. Pengaktifan Ms FrontPage
Sekarang Anda akan memulai program Ms FrontPage dengan langkah sebagai berikut.
a. Klik Start-All program-Microsoft FrontPage. Langkah ini mungkin saja berbeda dengan menu tampilan Anda, yang terpenting dapat menampilkan program 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. Selanjutnya pada bagian option aturlah lokasi file Web yang kan 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 telah tersedia Layout yang disimpan dalam template.
Sekarang Anda sudah disediakan suatu homepage pribadi(personal)yang berisi lima file Web, yaitu about me.htm, favourite.htm, feedback,htm, interest.htm, dan photo.htm. Anda dapat melihat struktur dab 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 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:
a. Tetap aktifkan index.htm seperti gambar 4.4.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×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:
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 Sa
6.Hyperlink
Hyperlink adalah fasilitas yang disediakan oleh FrontPage untuk menghubungkan halaman yang satu dengan halaman yang lainnya.Dengan hyperlink,kita dapat membuka halaman homepage yang lain cukup dengan meng-klik 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:
1) Tetap aktifkan index.htm
2) Pada tulisan alamt e-mail kita(mis:ijalrizal@yahoo.co.id),klik kanan mouse sehingga muncul menu hyperlink seperti berikut ini.
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.Jika telah selesai,klik OK.
4) Untuk melihat hasil tampilannya,klik tab Preview.Terlihat pada tulisan ijalrizal@yahoo.co.id(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
Langkah-langkah yang digunakan untuk membuat suatu hyperlink adalah sebagai berikut.
1) Tetap aktifkan index.htm.
2) Klik kanan salah satu teks, misalnya www.ilmukomputer.com sehingga muncul menu Hyperlink Properties seperti tampilan berikut.
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 www.ilmukomputer.com akan berubahwarna 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.
1) misalnya,tulisan www.ilmukomputer.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 FrontPge 2000, klik Delete. Jika telah selesai, klik OK.
3) Perhatian tulisan www.ilmukomputer.com kembali normal (tidak berubah warna dan bergaris). Hal ini berarti bahwa hyperlink pada reks tersebut sudah tidak aktif lagi.
d. Hyperlink dengan Gambar
Hyperlink dengan menggunakan teks mungkin sudah tidak asing lagi. Anda dapat membuat suatu hyperlink dengan menggunakan foto atau gambar untuk mengghubungkan ke halaman Web selanjutnya.
Langkah yang dilakukan adalah sebagai berikut.
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, misalnya biodata.htm,kemudian klik OK.
3) Adapun hasilnya adalah sebagai berikut.
Hasil dari hyperlink tersebut adalah terbukanya halaman Web biodata.htm yang akan menggantikan tampilan file index.htm.
7. Sekilas dengan Cascading Style Sheet (CSS)
Cascanding 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 font size = ”2”. Hal ini merupakan tindakan yang tidak praktis untuk membuat sebuah kode. Solusinya dalah penggunaan CSS dengan mengidentifikasi sebuah variabel sekali saja. Untuk menggunakan CSS, anda cukup mengetik tag font yang telah didefenisikan tersebut. Lihat contoh berikut.
Hasil dari penggunaan CSS pada kode tersebut dapat dilihat pada gambar berikut.
Terlihat bahwa tulisan dengan menggunakan CSS terbentuk style dari pendefenisian pasangan style tag STYLE dan tag STYLE yanh terdapat atribut TYPE dengan nilai berupa “text/CSS”. Defenisi sebuah style dituliskan dengan bentuk sebagai berikut.
Nama_tag{ property_ke-1: nilai_ke-1 ;…; property_ke-n: nilai_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 halaman Web itu sendiri dengan menempatkannya di antara kode tag HEAD dan tag /HEAD. Biasanya ditempatkan setelah pasangan kode tagTITLE dan /TITLE. Juga dapat berupa file dengan ekstensi CSS. Untuk mengakses file,CSS ke sebuah halaman Web, dapat di gunakan kode tag LINK.
Buatlah file CSS dengan sebuah teks editor, misalnya Notepad. Jangan lupa untuk melakukan penyimpanan file dengan cara SAVE AS dan penulisan ekstansi file. CSS ( sama seperti pembuatan kode HTML dengan notepad, namun dengan penulisan ekstansi yang berbeda ). Lihat kode berikut

Sekarang, buatlah file HTML yang akan mengakses file Style_css. Lihat juga kode berikut.
Perhatikan kode tag LINK yang di sertai atribut REL dan HREF. Hal ini untuk mengakses filestyle_css. Css agar dapat digunakan oleh filecss2.htm. Pada atribut REL, jangan lupa untuk menyebut isi berupa “STYLESHEET” dan TYPE dengan isi “text/css”. Dengan cara ini pula, file htm dapat mengakses file css tersebut. Jika Anda ingat bahasa pemprograman paskal, file CSS diserupakan dengan sebuah file yang berisi Procedur atau Function.
Adapun hasil kode program setelah dibuka oleh browser adalah sebagai berikut.
Banyak sekali kegunaan style CSS yang tidak dapat diungkapkan di sini. Anda dapat mempelajari buku yang lebih banyak membahas pemprograman Web. Lalu bagaimana dengan Ms FrontPage? Apakah memiliki fasilitas CSS? Ya, namun penggunaannya lebih langsung dan Anda cukup memilih Style apa yang akan digunakan karena sudah ada di menu Style Ms FrontPage.
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.
Kesimpilannya, dengan bantuan Ms. FrontPage anda tidak direpotkandengan pengetikan kode-kode tag yang cukup banyak. Anda cukup menvari fasilitas-fasilitas yang sudah ada untuk digunakan. Ternyata, membuat homepage itu mudah bukan?
B. Pengenalan Domain dan Publikasi Homepage
Domain Name System adalah salah satu jenis system yang melayani permintaan pemetaan alamat IP keFQDN (Fully Qualified Domain Name ) dan dari FQDN ke IP Address.Setiap computer mempunyai satu nomor (IP Address) yang unik yang diakses oleh protocol dalam pencarian suatu kompoter.Untuk mempermudah pengaksesan nomor ndiberikan sebuah domain.
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 memliki FQDN “nic.itb.ac.id”.Lahirnya Konsep IP Versiun 6 (yang memiliki enam segmen untuk setiap computer) penomoran alamat IP menjadi semakin panjang bdan lebih sulit diingat.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
a. Top Level Domain
Domain tingkat atas (top level domain) terbagi atas tiga jenis yaitu domain generic (generic domain) ,domain Negara (country domain) dan domain arpa.
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 pengelola domain di Negara masing-masing.Untuk di Indonesia,contohnya adalah sebagi berikut :
Penyedia Web hosting di Indonesia
Domain Nama Domain Untuk
CO.ID www.nama.co.id Perusahaan
OR.ID www.nama.or.id Organisasi
AC.ID www.nama.ac.id Akademi/universitas
GO.ID www.nama.go.id Departemen pemerintah
NET.ID www.nama.net.id ISP
SCH.ID www.nama.sch.id Sekolah-sekolah
WEB.ID www.nama.web.id Bebas
c. Third Level Domain
Penamaan pada third level domain diserahkan pada pengelola jaringan masing-masing ,misalnya indosat.net.id, melsi.net.id, dan computer.co.id.
2. Langkah Publikasi Homepage
Untuk menjadi begian dari internet,homepage anda hrus nmemiliki alamat domain.Daftarkan domain anda secara resmi ke ISP penyedia layanan Web hosting dengan secara garatis pada penyedia jasa layanan domain di internet.
Sebelum mendaftarkan nama domain, Anda harus memastikan apakah nama domain yang anda gunakan sudah dipaki 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,secari umum lakukan lamgkah sebagi 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 mengisi form yang berisi data – data yang berhubungan dengan nama domain anda
e. Selanjutnya, akan ditampilkan cara pembayaran yang akan dilakukan, apakah transfer antabank atau menggunakan kartu kredit.
f. Jangan lupa sek 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 domain 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 kotak Geocities Web Hosting.
b. Masukkan Yahoo ID dan Password yang anda dapat dari keanggotaan email 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.
e.
3. CARA UPLOAD HALAMAN WEB
Homepage pribadi telah selesai dibuat, tentu anda ingtin homepage tersebut dipublikasikan ke internet agar semua teman – teman dapat melihat hasilnya. Web hosting adalah suatu web server yang terhubung ke internet sehinga pengguna 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 meiliki kecepatan yang cukup, agar tidak memakan waktu lama.
c. Jika tidak memerlukan penggantiaan 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 :
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 upload file format suara.
2. Klik File – Publish Web. Setelah muncul kotak dialog Publish Destination, masukkan nama alamat Web Hosting dengan cara Browseatau dapat langsung anda ketik.
3. Apabila anda memilih Browse, pilih nama alamatnya, misalnya di YAHOO. Kemudian, klik Open.
4. Klik OK maka anda akan terhubung ke web Yahoo dan tinggal mengikuti instruksi yang ada di web hosting tersebut.
b. Upload dengan Web browser
Upload dengan Web browser adalah melakukan ke server Web hosting yang grtis melalui Web browser, misalnya ke Internet Explore. Misalnya, Anda akan meng-upload homepage ke geociti.com maka cara yang di lakukan adalah sebagai berikut
1. Klik Bbuild 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 harddiksataupun media penyimpanan file lainnyadari komputer Anda.
4. masukkan file anda. Pilih lokasi drive dan direktori pada kotak Look In,sorot nama yang di inginkan sehingga pada kotak File yang akan di upload. Kemudian.klik Open.
5. hasil dari pemilihan file tadi, akan tampak pada tampilan berikut.
6. pada fasilitas browser di atas terlihat lima file yg boleh di upload. Apabila Anda akan meng-upload lebih dari lima file maka kilk Display, pilih jumlah display file yang akan di upload. Kemudian, klik Upload Files
7. jika proses upload file selesai, di tandai dengan tampilan konfirmasi berikut.
c. perbaikan dan revisi data isi homepage.
Anda dapat melakukan perbaikan dan revisi data pada homepage secara langsung maupun tidak langsung. Perubahan-perubahan data secara langsung di lakukan melalui Internet ke Web server. Adapun perbaikan secara tidak langsung adalah denganmelakukan perubahan datasecara offline atau tidak tersambung dengan Internet. Kemudian, melakuakn proses uploadke Web server untuk mengganti file yang sudah ada dengan yang sudah menggalami perubahan.
4. pelayanan web hosting
Ada beberapa faktor yang sebaiknya di perhatikan saat memilih jasa pelayanan Web hosting,baik yang harus bayar maupun gratis.fakto-faktor tersebaut, yaitu lokasi server web, kinerja server web, dan koneksi internet.
Penyediaan jasa layanan web hoting secara gratis yang populer di internet yaitu sebagai berikut.
a. www.goicitis.com berkasitas sampai15 Mb
b. www.triod.com berkapasitas sampai 20 Mb
c. www.freeservers.com berkapasitas sampai12 Mb.
d. www.netfrims.com berkapasitas sampai 25 Mb
e. www.angelfire.com berkapasitas sampai20 Mb
f. http://free.prohosting.com berkapasitas sampai 50 Mb

Tidak ada komentar:

Poskan Komentar

videoQ