Kamis, 10 Desember 2009

BAB 5 : MEMBUAT HOMEPAGE SEDERHANA

A.Menentukan Perangkat Lunak untuk Membuat Homepage

Membuat homepage atau website tidak sulit. Beberapa hal yang harus diperhatikan untuk membuat homepage, yaitu:
tujuan di buatnya homepage
orang yang menjadi pembaca homepage yang telah dibuat
kelompokkan informasi yang akan ditampilkan dalam homepage
hasil data yang sudah dikelompokkan tersebut akan menjadi judul dalam satu halaman homepage sedangkan yang lain akan ditampilkan sebagai hyperlink

Terdapat tiga alat bantuyang dapat digunakan untuk membantu pengembangan homepage, yaitu editor HTML, graphics dan multimedia animasi dan suara.

1.Editor HTML
Digunakan untuk membuat homepage menjadi lebih menarik dan bagian-bagiannya. HTML juga digunakan untuk menggabungkan gambar, suara, dan animasi yang telah dibuat. Salah satu editor HTML, yaitu Microsoft Front Page XP.
2. EditorGraphics
Digunakan untuk mengedit gambar yang akan ditampilkan pada homepage. Editor ini juga bisa digunakan untuk memotong gambar, memperbesar atau memperkecil gambar, menggabungkan beberapa gambar, memberi efek pada gambardan siap untuk ditampilkan pada homepage. Editor graphics yang sering digunakan yaitu CorelDRAW dan Adobe Photoshop.3. Editor Multimedia Animasi dan suaraDigunakan untuk membuat animasi gambar dan suara. Editor animasi yang sering digunakan yaitu Macromedia Flash. Macromedia Flash juga digunakan untuk membuat suatu homepage multimedia dengan mudah dan hasilnya baik.



B.Membuat Layout Homepage yang diinginkan

Layout atau frame merupakan bentuk format navigasi dari homepage yang akan ditampilkan. Terdapat beberapa layout halaman homepage yang dapat kita gunakan dan tersedia pada Microsoft FrontPage XP.Kita tidak perlu membuat layout yg rumit yg akan membuat pengaksesan homepage lamban .

Untuk memilih jenis layout yang tersedia pada Microsoft Front Page XP dapat dilakukan pada saat ingin membuat halaman baru. Langkah-langkahnya :

1.Pilih tombol start,all program, microsoft front page

2.Pilih menu file, new, page or web

3.Pilih page templates pada bagian new from template dari taskpane New page

4.Pilih tab Frames Page

5.Pilih jenis frame yang diinginkan


Hyperlink digunakan sebagai alat navigasi halaman pada homepage.Hyperlink perlu karena terdapat banyak informasi yang tidak dapat dijelaskan dalam satu halaman homepage secara keseluruhan.Dengan menggunakan hyperlink, kita dapat menuju ke informasi yang akan kita akses pada page yang lain.

*Langkah-langkah membuat hyperlink:

1.Aktifkan aplikasi Microsoft Front Page XP

2.Buat tukisan "link ke halaman lain "

3.Blok tulisan tersebut

4.Tekan tombol ctrl+K pada keyboard sehingga aka ditampilkan kotak dialog Insert Hyperlink

5.Setelah file disimpan dan dijalankan ketika kita klik "Link ke halaman lain" maka akan membuka halaman tersebut


C.Menerapkan Hyperlink

Hyperlink digunakan sebagai alat navigasi halaman pada homepage.Hyperlink perlu karena terdapat banyak informasi yang tidak dapat dijelaskan dalam satu halaman homepage secara keseluruhan.Dengan menggunakan hyperlink, kita dapat menuju ke informasi yang akan kita akses pada page yang lain.

*Langkah-langkah membuat hyperlink:

1.Aktifkan aplikasi Microsoft Front Page XP

2.Buat tukisan "link ke halaman lain "

3.Blok tulisan tersebut

4.Tekan tombol ctrl+K pada keyboard sehingga aka ditampilkan kotak dialog Insert Hyperlink

5.Setelah file disimpan dan dijalankan ketika
kita klik "Link ke halaman lain" maka akan membuka halaman tersebut

D.Menerapkan Cascading Style Sheet

*Fungsi utama CSS adalah :

1.Bentuk huruf
2.Ukuran huruf
3.Format huruf
4.Warna huruf
5.Warna Background
6.Warna Hyperlink
7.Format text box

*Beberpa CSS yang telah tersedia dalam Microsoft Front Page dapat diaksees dengan mengunkan langkah-langkah :

1.Aktifkan Microsoft Front Page XP

2.Pilih menu File, New, Page or Web

3.Pilih Page Templates

4.Pilih jenis Style Sheet yang diinginkan kemudian tekan tonbol OK


*Contoh Jenis CSS pada Microsoft Front Page

1.Normal style sheet : CSS kosong

2.Arcs : Teks menggunkan jenis huruf verdana berwarna coklat,background berwarna kuning

3.Bars : Teks menggnkan jenis huruf Arial, background bewarena light olive




E.Membuat Aplikasi Sistem yang terintegrasi

*sistem terintegrasi (integrated system) merupakan sebuah rangkaian proses untuk menghubungkan beberapa sistem-sistem komputerisasi dan software aplikasi baik secara fisik maupun secara fungsional. Sistem terintegrasi akan menggabungkan komponen sub-sub sistem ke dalam satu sistem dan menjamin fungsi-fungsi dari sub sistem tersebut sebagai satu kesatuan sistem.dan menentukan apa saja yang dapat dilakukan oleh suatu halaman



*Menentukan direktori Lokasi Kerja

Direktori tempat kita menyimapan file-file hasil kerja yang terorganisir, sebaiknya tidak terdapat dibeberapa pekejaan yang berbeda fungsinya .



F.Mendaftarkan Alamat Domain ke Provider Web Hosting

*Untuk mempublikasikan homepage yang telah dibuat melalui internet,kita perlu mempunyai alamat di internet yang disebut domain.Nama domain sangat spesifik dan unik .

*Untuk pencarian nama domain saat ini sudah banyak web hosting atau domain hosting yang mempunyai kemampuan tersebut,akan tetapi yang paling lengkap yaitu http://internic.com dan http//www.register.com

*Langkah-langkah untuk mendapatkan alamat domain ke provider hosting
1.Untuk akses internet aktifkan Internet Explorer.Ketikkan http//www.register.com pada kotak URL pada web browser komputer
2.Cari kotak pencarian domain selanjutnya ketik nama domain yang akan dicari
3.Akan tampil domain yang diinginkan
4.Jika ingin mencari sebuah domain lain, ketik nama domain pada try a new search kemudian tekan tombol search
5.Kita dapat membeli domain tersebut jika kita mempunyai kartu kredit, jika ingin melakukan pembelian kita harus mencari yan paling murah dan paling dekat dengan negara kita.


G.Melakukan Upload

Pengertian upload adalah
Mengirim file dari komputer Anda ke komputer lain. Kegiatan pengiriman data (berupa file) dari komputer lokal ke komputer lainnya yang terhubung dalam sebuah network. Kebalikan dari kegiatan ini disebut download.

Dalam melakukan proses upload kita membutuhkan tempat untuk menyimpan dan menampilkan data di internet

*Cara mengupload halaman yang dibuat ke Yahoo Geocities :
1.Daftarkan nama sekolah sebagai user atau pengguna.Caranya tekan tombol sign up now, kemudian klik link sign up di bawah kotak log in
2.Lengkapi form yang ditampilkan kemudian atekan tombol I agree
3.Lakikan proses registrasi secar lengkap. klik link build your website now! untuk berpindah ke halaman berikutnya
4.selanjutnya akan ditampilkan eoCities Control Panel.Pilih menu manage, klik link manager
5.Pada halaman File Manager, klik Open File Manager
6.Tekan tombol upload pada halaman berikutnya
7.Setelah memasukkan file yang dibutuhkan akan ditampilkan pesan bahwa upload telah berhasil dilakukan
8.Tekan link File Manager yang terdapat dibagian bawah halaman
9.Untuk memasukkan file gambar yang sudah dibuat, perlu membuat subdirectory untuk folder gambar, cara tekan tombol New dibawah Subdirectories, beri nama subdirectory dengan nama image kemudian tean tombol Create Subdirectory
10.Selanjutnya buat subdirectory untuk menyimpan file CSS, beri nama degan nama CSS ,tekan tombo, Create Directory
11.Edit file indeks.htm yang sudah disediakan dengan melakukan modifikasi. Tandai file indeks.htm, tekan tombol edit
12.Lakukan proses pengeditan melalui editor HTML yang tersedia, tekan tombol save setelah selesai untuk menyimpan
13.Untik menampilkan tampilan homepage yang telah diupload , klik link view My site yang terdapat disebelah kanan atas



H.Memperbaiki dan Merevisi Data yang sudah Ada

*Memperbaiki homepage yang telah dibuat pada Yahoo :
1Aktifkan Yahoo! Geocities, lakukan log in
2.Aktifkan GeoCities Control Panel.Plih menu Manage kemudiaan klik link File Manager
3.Upload file dengan menekan tombol Browse disebelah kanan kotak upload file
4. Ubah gambar yang terdapat disetiap halaman
5.Ubah nama link
6.Untuk menampilkan halaman yang sudah diubah gambarnya, klik link View My Site dibagian kanan atas halaman

Tidak ada komentar:

Posting Komentar