Cari Blog Ini

Minggu, 24 Oktober 2010

. Area kerja web page maker ...

Web Page Maker adalah software yang sangat bermanfaat dalam merancang desain web. Kemampuan Web Page Maker antara lain dapat berintegrasi dengan file teks, image, audio, video, flash player, maupun file grafis yang lain. Disamping itu, Web Page Maker mempunyai fasilitas Form dan Script yang memungkinkan interaksi antar pengguna web.

Secara garis besar area kerja Web Page Maker terdiri dari beberapa bagian:

· Work Window

Work Window merupakan tempat semua objek yang diperlukan untuk merancang web seperti teks, gambar, tulisan, dan obyek-obyek lainnya. Work Window dapat di­gerakkan ke atas maupun ke kanan.

· Menu

Berisi perintah-perintah umum yang digunakan untuk mengaktifkan Web Page Maker.

· Toolbar
Berisi perintah-perintah yang sering digunakan untuk mengaktifkan Web Page Maker.

· Site Panel
Berisi manajemen file yang digunakan pada saat merancang web dengan menggunakan Web Page Maker.

MENAMPILKAN GRID

Untuk menampilkan grid,

1. klik menu Edit > Settings

2.Pada kotak dialog Settings, pastikan Display Grid, Snap to Grid dan Display Guide Border dalam keadaan aktif

3.Berikut ini halaman Web Page Maker setelah grid diaktifkan

MENENTUKAN HALAMAN WEB

Pertama kali pada saat kita melakukan desain web menggunakan Web Page Maker, secara otomatis halaman web kita yang pertama mempunyai nama file: index.html, hal ini bisa dilihat pada site panel

1. Untuk menambahkan file baru (halaman baru) klik menu: Page > Add New Page

2.Secara otomatis file yang kedua diberi nama page2.html

3.Untuk merubah nama file page2.html, klik kanan mouse pada page2, kemudian pilih Rename Page (atau tekan tombol F2), kemudian ketikkan nama file baru, misal: halaman1

MENENTUKAN LAYOUT HALAMAN WEB

1. Untuk menentukan layout halaman web yang kita buat, klik menu Page > Page Properties

2. Pada kotak dialog Page Properties, pada bagian tab General tentukan Title dari web site

3. Pada kotak dialog Page Properties, pada bagian tab Background tentukan background dari halaman web site, dengan cara mengaktifkan Background Image, kemudian klik tombol Browse.

4. Untuk menentukan background suara dari halaman web site, aktifkan Background Music, kemudian klik tombol Browse

5.Pada kotak dialog Page Properties, pada bagian tab Appearance tentukan tata letak dari web site, dengan cara pada pilihan Align pilih Center

6. Pada kotak dialog Page Properties, pada bagian tab Advance untuk menentukan efek dari layout halaman web site

7. Pada kotak dialog Page Properties, pada bagian tab Header jika diperlukan anda dapat menentukan password dari halaman web site. Menu ini biasanya digunakan untuk web site yang memerlukan tingkat keamanan yang tinggi

MEMBUAT HALAMAN UTAMA

1. Untuk membuat halaman utama web kita, klik menu Insert > Shape > Round Rectangle

2.Aturlah posisi Round Rectangle yang kita buat

3. Agar posisi shape yang sudah dibuat tidak berubah posisinya, klik kanan mouse kemudian pilih menu Lock

4. Untuk mengubah warna, ukuran, dan posisi dari shape yang sudah dibuat, klik kanan mouse kemudian pilih menu Properties

5. Pada kotak dialog Properties pada bagian tab General, anda mengatur posisi koordinat titik sudut kiri bagian atas dengan menentukan Position, dan menentukan ukuran shape dengan cara menentukan Size.

6. Pada kotak dialog Properties pada bagian tab Colors and Borders, anda mengatur warna shape dengan mengaktifkan bagian Fill

7. Buatlah objek shape yang lain, dan aturlah seperti tampak pada gambar berikut

MEMBUAT JUDUL DAN MARQUEE

1. Untuk membuat judul (identitas) dari halaman web site yang dirancang, klik menu: Insert > Image > Word Art

2. Pada kotak dialog WordArt Gallery, pilih salah satu desain teks, kemudian klik OK

3. Tentukan judul (heading) dari web site yang dibuat, kemudian klik OK

4. Aturlah posisinya seperti pada gambar berikut ini:

5. Klik menu Insert > Marquee, kemudian double klik mouse untuk menentukan isi teks

6. Aturlah posisinya

MEMBUAT TOMBOL

Untuk membuat tombol klik menu:

1. Insert > Navigation Bar, pilih bagian Rectangle dan tentukan salah satu bentuk tombol, kemudian klik tombol OK

2. Pada menu berikutnya ganti teks pada masing-masing menu

SELESAI ......