Senin, 28 November 2011

materi web page maker


Pengertian WPA
}  Web Page Maker adalah salah satu program untuk desain website yang paling mudah sekali diantara program desain lainnya,
}  tidak perlu mengetik kode-kode HTML cukup hanya menyusun posisi gambar dan tulisan biasa, setelah selesai semua, maka kode-kode HTML tersebut akan tersusun secara otomatis
Gambar Tampilan WPA
Keterangan Dari Program WPA
}  Pengenalan Menu
                Menu terdiri dari : file, edit, page, insert, format, arrange dan help.
  1. Insert
                Kita mulai dari menu insert ( sambil buka program ), klik insert ! akan tampil gambar sbb
                Kita mulai saja dari bagian yang langsung untuk mendesain website, INSERT berikut fitur-fiturnya:
                Klik Text, yang nantinya berfungsi untuk isi tulisan halaman website, menu dll. Langsung klik saja Text, maka tampilannya sbb
                Double klik pada kotak tersebut maka akan tampil kotak form untuk tulisan dan menu pengaturan tulisan , seperti tampilan di word office, anda bisa isi tulisan apa saja sesuai dengan website yang anda akan buat
} 
}  Tampilannya atur sesuai kebutuhan website anda
}  Bisa seperti ini, tinggal seret dan tarik….( drag and drop )
}  Untuk membuat link dalam suatu tulisan, seperti read more…atau klik disini ! atau link lainnya hanya menyorot saja bagian tulisan yang akan di jadikan link dan klik lambang link yang dilingkari warna merah.
Berdasarkan Lokasi tujuan LINK dapat dibedakan atas:
}  1. Link yang menuju ke homepage (halaman pertama) dari sebuah situs.
}  2. Link yang menuju halaman lain dari situs yang sama.
}  3. Link yang menuju halaman lain dalam situs yang lain.
}  4. Link yang menuju kebagian tertentu (bookmark) dalam halaman yang sama.
}  5. Link yang menuju kebagian tertentu (bookmark) dalam halaman yang berbeda.
}  6. Link yang mengarah ke suatu file yang bisa ditampilkan dalam browser, seperti file gambar, anuimasi gif, jpg, bmp dll.
}  7. Link yang mengarah ke suatu file yang tidak ditampilkan dalam browser, seperti file EXE, file kompresi ZIP atau RAR, file audio ( MP3, RM dll ), file video dan lain-lain atau yang disebut DOWNLOAD.
}  Contoh LINK DOWNLOAD :
}  http://namawebanda.com/folderfile/namafile (exe, rar, mp3 dll)
}  Pengaturan Link di Program WEB PAGE MAKER
1. A Page in My Site ( halaman dalam situs yang sama ), pilih halaman URLnya., (isi dengan pilihan file HTML-nya) target ….atur sesuai keingingan anda!
}  a. Tanpa isi target, langsung menuju ke halaman HTML pada jendela yang sama.
}  b. _blank, langsung menuju ke halaman HTML pada jendela yang lain (baru)
}  c. _parent, langsung menuju ke halaman HTML induk.
}  d. _self, ke jendela yang sama dan posisi tempat yang sama.
}  e. _top, ke jendela yang sama dengan posisi diatas.
2. Another Website ( halaman kesitus yang lain ), pilih URL, target _blank.
3. An Email Address, menuju ke email address, mailto: ( isi dengan email ).
4. Link menuju Ftp tertentu.
2. IMAGE.
}  Gambar. adalah tampilan di menu Insert, untuk image (gambar yang disorot) bisa diambil dari file image harddisk yang berupa image/gambar yang telah kita buat sendiri bisa untuk tampilan header ( image atas ) atau tampilan image/gambar yang dibutuhkan, dan juga dari file library program WMP yang telah disediakan, berupa bar dan dll yang bisa kita gunakan sesuai kebutuhan website. ( sambil buka programnya ya…! )

3. Shape.
}  Berupa kotak-kotak digunakan sesuai keperluan desain anda. Bisa digabungkan dengan text maupun image.
4. Navigation Bar.  
}  Untuk keperluan menu-menu yang dibutuhkan.
5. Horisontal Line.
}  Garis horisontal, jika diperlukan tinggal diatur posisinya saja.
6. Table.
}  Atur row dam kolom nya sesuai kebutuhan jika diperlukan.
7. Form.
}  Kolom data untuk pengisian, berhubungan dengan proram php, tutorial lebih lanjut….. atau anda bisa search di Google.
8. Object.
}  Untuk menyisipkan file video atau musik.
9. Flash movie.
}  File-file swf, biasanya untuk banner atau yang lainnya.
10. Marquee.
}  Text berjalan, atur sesuai kebutuhan.
11. Rollover Image.
}  Untuk tombol dengan menggunakan gambar, siapkan 2 gambar yang sama dengan warna yang berbeda.
12. Ready to use java script.
}  Script-script yang sudah ada di WPM, gunakan sesuai kebutuhan website anda.

13. Html code or script code.
                Untuk menyisipkan kode HTML atau script lainnya dari website penyedia jasa gratisan , diantaranya seperti untuk room chatting (www.shoutmix.com), buku tamu (www. bravenet.com), social bookmark (www.addthis.com), hit counter (www.histats.com) atau yang lain seperti kalender, jam dll yang banyak disediakan secara cuma-cuma
13. iFrame.
}  Frame gambar, atur sesuai kebutuhan jika digunakan.
14. Bookmark.
}  Mengaitkan suatu halaman dengan halaman lainnya. Dari menu INSERT ini sebuah halaman page website dapat kita buat, untuk fitur yang lainnya seperti judul website, pengarang, penempatan keywords dan deskripsi juga posisi

Tidak ada komentar:

Posting Komentar