Membuat Homepage Online untuk Keperluan Informasi dan Komunikasi

19 Oct 2010

Membuat Homepage Online untuk Keperluan Informasi dan Komunikasi

Tugas Uji Indikator: Menggunakan Internet 4

Soal :

1. Tuliskan program-program yang dapat digunakan untuk membuat desain website!

2. Jelaskan keunggulan dari (a) Front Page (b) Microsoft Publisher (c) macromedia dreamweaver atau software lain. pilih 2 saja ?

3. Tuliskan prosedure untuk menjalankan Microsoft Publisher atau software yang anda pilih sesuai dengan soal no.2 ?

Jawab :

1. Program-program yang dapat digunakan untuk membuat design web antara lain :

(a) Front Page

(b) Microsoft Publisher

(c) macromedia dreamweaver

Namun, kita bisa memanfaatkan berbagai macam software lainnya untuk mempercantik web design kita. Misalnya:

a. Adobe photoshop, Corel draw : Kita dapat membuat desain layout homepage, dengan tampilan yang menarik.
b
. Painter, Ulead Photo Impact, Plugins Photoshop : Berguna untuk menghidupkan desain yg telah kitarancang.
c. Macromedia Flash : Menambahkan animasi agar kelihatan lebih menarik.
d. Snagit : Untuk mengambil sebagian gambar dr image lain.
e. Macromedia Dreamweaver : Menyatukan keseluruhan gambar dan tata letak desain, animasi, mengisi halaman web dengan teks dan bahasa script. Dan File html diletakkan ( upload ) di suatu tempat ( hosting ) agar orang dapat melihat homepage di internet.
g. Sound Forge : Buat yg berjiwa music bisa menhidupkan web/blog dengan software ini. Tools untuk manipulasi file midi atau wav.
h. Mozilla FireFox : Untuk menampilkan hasil web / blog dalam local computer atau dunia maya luar.

2. Keunggulan-keunggulan :

a) Front Page :

- Mudah penggunaannya
- Memiliki tampilan yang mirip Microsoft Word. Bila anda terbiasa menggunakan Microsoft Word, tidak terlalu mengalami kesulitan dalam menggunakan program ini.
- FrontPage sangat hemat untuk urusan pembuatan website statis, yaitu website yang bersifat satu arah, tidak memiliki sarana komunikasi antara pengunjung dengan pemilik situs. Itu dikarenakan kemudahan dalam pemakaiannya, serta tidak perlu dipusingkan dengan urusan pembuatan kode-kode HTML dalam mendesain sebuah website sebab FrontPage secara otomatis akan membuatnya.

b) Microsoft Publisher :

- Sangat mudah digunakan sdan membantu kita membuat website dalam waktu singkat.

- Tidak memerlukan pengalaman dan keahliah pemrogaman HTML dan program web lainnya.

- Drag and drop the objek dengan tampilan layout dan desain berbasis WYSIWYG (What You See Is What You Get).

- Dapat membuat website terdiri dari beberapa pages (halaman) dan mudah mengaturnya sewaktu-waktu.

- Dapat digunakan untuk membuat website dalam jumlah tidak terbatas.

- Memiliki template yang dapat digunakan untuk membuat web secara instant.

- Dapat menggunakan CSS style sheet untuk mengatur tampilan website.

- Memiliki banyak fungsi : thumbnail, mouse-over effects, ready-to-use java script effects, text link style sheet, tables, forms, iFrames dan lain-lain.

- Website yang kita buat dapat diupload sewaktu-waktu dengan fungsi Publisher.

- Website yang dibuat kompatibel pada berbagai web browser.

3. Langkah-langkah menjalankan..:

a) Microsoft Publisher

Sebelum mengaktifkan Microsoft Publisher, Installah terlebih dahulu software Microsoft Publisher ke komputer. Setelah itu, Anda dapat mengaktifkan Microsoft Publisher dengan langkah-langkah sebagai berikut.

  • Klik menu Start
  • Arahkan pointer mouse pada All Programs
  • Arahkan pointer mouse pada Microsoft Publisher
  • Klik Microsoft Publisher

Untuk pembuatan website ini kita menggunakan cara yang bersifat automatic / instant yang nanti pada akhirnya kita dapat mengedit / merubah sesuai dengan keinginan kita. Untuk sementara kita biarkan Microsfot Publisher membuatkannya untuk kita berdasarkan konsep yang sudah kita persiapkan.

Langkah pembuatan Microsoft Publisher secara Automatic / Instan :

  1. Klik Tool Web Sites and E-mail pada Site Panel New From Design
  2. Pilih Product Sales
  3. Pilih tampilan Webdesign yang ada di Work Windowuntitled

    Setelah itu akan muncul tampilan seperti gambar diatas dimana Microsoft Publisher telah membuatkan kepada kita halaman halaman internet ( webpage ) hingga berjumlah 10 ( sepuluh ) buah. Halaman halam tersebut terdiri dari :

  4. Level Utama ( Index / Home ) Halaman 1
  5. Level Pendukung Utama - Halaman 2, 3
  6. Level Kedua ( product list ) - Halaman 4
  7. Level Ketiga ( product detail ) Halaman 5 10

Halaman halaman tersebut dapat kita rubah / edit sesuai dengan konsep produk yang sudah kita buat, walaupun Microsoft Publisher telah menyediakan konsep web standar berupa materi dan gambar gambar produk yang cukup relevan, namun semua itu bisa dirubah sesuai dengan keinginan kita.

b) langkah-langkah yang akan kita lakukan untuk membuat menu flash dengan Dreamweaver:

  1. Buka program Macromedia Dreamweaver dari komputer Anda.
  2. Buatlah sebuah dokumen baru dengan jenis misalnya HTML. Pilih menu File -> New, kemudian pilih kategori Basic Page dan gunakan tipe HTML.
  3. Simpan terlebih dahulu dokumen tersebut. Beri nama misalnya “menu_flash.html“. Saran saya, simpanlah di dalam sebuah folder baru, beri nama folder misalnya “menu“.
  4. Masuklah ke dalam layar design.

5. Pilih menu Insert -> Media -> Flash Button, maka akan muncul sebuah kotak dialog pembuatan tombol flash yang akan digunakan sebagai menu pada website.

    • Sample. Menunjukkan preview dari tombol flash yang kita pilih.
    • Style. Bentuk dari tombol yang kita bisa kita pilih. Sebagai contoh kita pilih “Slider”.
    • Button Text. Tulisan yang terlihat pada tombol. Sebagai contoh kita tulis “Home“.
    • Font. Jenis huruf dari button text.
    • Size. Ukuran huruf dari button text.
    • Link. Alamat URL yang akan dituju bila tombol menu flash tersebut diklik. Anda bisa memilih halaman/dokumen dari website yang sedang Anda desain pada komputer Anda dengan mengklik tombol Browse. Pada contoh ini kita akan me-link kan ke halaman luar misalnya: “http://www.banditbatak.com“. Tuliaslah URL tersebut pada isian Link.
    • Target.Untuk memilih target halaman ketika menu tersebut diklik.
    • Bg color. Memilih warna background dari tombol flash yang sedang kita buat. Pilihlah transparent dengan mengklik tombol kecil yang berdiagonal warna merah.
    • Save as. Nama file flash yang sedang kita buat. Simpanlah dengan nama misalnya “home.swf
    • Sample. Menunjukkan preview dari tombol flash yang kita pilih.
    • Style. Bentuk dari tombol yang kita bisa kita pilih. Sebagai contoh kita pilih “Slider”.
    • Button Text. Tulisan yang terlihat pada tombol. Sebagai contoh kita tulis “Home“.
    • Font. Jenis huruf dari button text.
    • Size. Ukuran huruf dari button text.
    • Link. Alamat URL yang akan dituju bila tombol menu flash tersebut diklik. Anda bisa memilih halaman/dokumen dari website yang sedang Anda desain pada komputer Anda dengan mengklik tombol Browse. Pada contoh ini kita akan me-link kan ke halaman luar misalnya: “http://www.banditbatak.com“. Tuliaslah URL tersebut pada isian Link.
    • Target.Untuk memilih target halaman ketika menu tersebut diklik.
    • Bg color. Memilih warna background dari tombol flash yang sedang kita buat. Pilihlah transparent dengan mengklik tombol kecil yang berdiagonal warna merah.
    • Save as. Nama file flash yang sedang kita buat. Simpanlah dengan nama misalnya “home.swf

6. Setelah semua dirasakan cukup dan benar, klik tombol Save.

7. Pada dukumen kerja Dreamweaver akan muncul tombol flash menu yang telah kita buat tadi.

8. Kita bisa menambah menu flash baru disamping menu Home yang telah kita buat tersebut. Misalkan kita ingin membuat menu lain yang letaknya sejajar dengan menu Home tersebut sehingga tampil secara horizontal. Terlebih dahulu letakkan pointer di sebelah kanan tombol flash menu Home, kemudian lakukan hal yang sama seperti membuat menu flash dengan nama Home tersebut dari langkah 5 -6. Sebagai contoh saya membuat menu flash baru bernama “Tutorial Website” dengan link : “http://tutorial-website.blogspot.com” dan saya simpan dengan nama “tutorial_website.swf“. Hasilnya akan tampak seperti gambar di bawah ini.

9. Di dalam folder “menu” yang Anda jadikan sebagai tempat menyimpan dokumen “menu_flash.html” tadi telah bertambah 2 buah file flash yang bernama home.swf dan tutorial_website.swf


SUMBER : http://tutorial-website.blogspot.com/2009/05/cara-membuat-menu-flash-menggunakan.html

http://dagozone.com/pelajari-microsoft-frontpage-di-langkah-sederhana/



TAGS tugas TIK Membuat Homepage Online untuk Keperluan Informasi dan K homepage


-

Author

Follow Me