MEMBUAT WEB DENGAN MICROSOFT PUBLISHER 2007
Awal dimulai dengan offline.
Kenapa Microsoft Publisher ?? Hanya karena Microsoft
Publisher menganut ilmu Apa Yang Anda Lihat Itulah Yang Anda Dapat ( what you
see is what you get (WYSIWYG)) dengan fungsi tombol dan pengoprasian pada
dasarnya sama dengan Microsoft Office yang lain terutama Word, fungsi
screen sama dengan Corel yaitu bila gambar di halaman 1 dibawa keluar halaman
utama ( kiri atau kanan ) gambar tersebut masih ada bila kita buka halaman 2,
itu mempermudah bila 1 gambar akan ditempel disetiap halaman web.
Jadi bisa dikatakan Microsoft Publisher adalah program
termudah untuk proses pembuatan sebuah web.
Dibawah adalah panduan yang sangat sangat sederhana
dan point point perbedaan tentang pemakaian Publisher 2007 dengan asumsi
pembaca sudah memahami pemakaian Microsoft Office.
1. Kita mulai pekerjaan dengan membuka Publisher 2007, pilih web site ,
pilih template yang anda suka atau blank, tentukan isi web yang akan anda buat
( bisa dirubah lagi ), OK lalu tampilah tampilan sementara web anda
2. Untuk mengatur margin klik file—page setup, kanan atas pada kolom page rubah width menjadi 1024 atau 1280 pixel,
di kolom margin guides rubah top menjadi 60 pixel, bila anda tidak rubah
maka web anda akan berada di pinggir kiri layar dan sedikit agak diatas, untuk melihat
hasil offline sementara bisa klik di toolbar dengan gambar kaca pembesar ( web
page preview )
3. Perhatikan bagian bawah ada kotak dengan angka 1,2,3,4 dst itu adalah halaman halaman web yang harus anda isi, di halaman web anda
bisa buka halaman tersebut dengan klik+tahan ctrl kanan.
4. Masih di kotak dengan angka 1,2,3,4 dst, hal 1 default adalah home,
bisa diganti dengan klik kanan-rename, ganti home dengan judul web anda,
file name dengan nama web yang akan anda publishkan, description isi dengan
kalimat yang akan tampil dibawah judul web anda ( jika browsing ) key
word isi dengan kata yang menjelaskan web anda, missal anda buat web
tentang resep masakan kata kunci : resep masakan nusantara. Perlakuan yang sama
untuk halaman halaman selanjutnya.Bila anda tidak menganti nama halaman, maka
nanti bila web anda dibuka tulisan yang muncul di tag internet untuk halaman 1
adalah home
5. Masih di kotak dengan angka 1,2,3,4 dst, bila anda ingin tambah
halaman : klik kanan insert page, atau duplicate page, menghapus tinggal
delete.
6. Anda bisa gunakan templates yang berbeda di setiap halaman, klik
view-task pane ( muncul di kiri ) - Publication options—templates, apply
templates, rubah templates tiap halaman sesuka hati anda.
7. Merubah font, berhubung yang disediakan
ditoolbar hanya sedikit, anda bisa klik view-task pane ( muncul di kiri ) -font
schemes—create new font schemes. Cara pengetikan, dan semua aturannya sama
dengan Microsoft Word.
8. Menambah kata dengan klik text box, menambah gambar bisa langsung drag dari
data atau klik picture frame.
9. Semua yang ada di halaman bebas untuk dihapus ( gak masalah ) atau dipakai.Untuk design tidak ada yang baku disini, anda bisa buat sesuka hati
, program bantu untuk design bisa dengan Corel atau Photoshop, bila gambar
setelah masuk publisher ternyata gambar jadi jelek berarti anda harus menambah
jumlah pixel digambar atau kecilkan dimensi gambar di Publisher.
10. Untuk membuat link ke halaman 2 atau 3 dst bisa dengan cara : buat
text box, isi dengan kata, blok kata / gambar—klik
kanan—klik Hyperlink—pilih halaman yang dituju. Coba cek dengan web page
review, bila perintah link tidak bekerja ulangi lagi, atau coba beri
perintah link dengan empty picture frame kosong.
11. Fungsi : Insert—Design Gallery Object, untuk menambah button, line arrow
standard, bila kurang puas bisa cari tambahan di web design/web animation, coba
http://www.gifanimations.com/ atau
http://www.wilsoninfo.com/ atau sewa CD di rental
12. Bila design belum selesai, default akan tersimpan dalam format .pub, tetapi
bila sudah jadi, 100% siap publish anda harus simpan dalam bentuk file .html
dengan cara klik tombol "save as" lalu pilihlah format .html dan
beri nama file anda dengan index.html ( harus ). Hasilnya file anda .pub tetap
ada dan akan muncul 1 data lagi dengan nama index.html dan 1 folder bernama
Index_files ( berisi data file yang nantinya index.html dan folder
Index_files akan di upload ke server internet )
13. Jangan lupa untuk mencocokkan semuanya termasuk fungsi hyperlink dengan Web
Page Preview, supaya apa yang anda buat di Publisher dan nanti yang tampil di
internet benar benar sama dan sesuai dengan apa yang anda inginkan
14. Untuk penyesuaian browser, buka index.html di computer anda dengan klik
kanan-open with-wordpad maka akan muncul tampilan seperti di bawah, buatlah
data senjadi seperti dibawah, copy tulisan warna kuning dan biru paste dan
taruh dibawah <head>, text warna putih biarkan tetap sama apa adanya,
jangan lupa save
<head>
<title>Panduan membuat web</title>
<meta name="description"
content="Untuk Pemula, Panduan cara membuat web langkah demi langkah, step
by step, dari awal sampai publish, menggunakan Publisher">
<meta name="keywords"
content="Panduan dasar Untuk Pemula langkah demi langkah step by step
membuat web">
<meta http-equiv=Content-Type
content="text/html; charset=windows-1252">
<link rel=File-List
href="index_files/filelist.xml">
<!--[if !mso]>
<style>
v\:* {behavior:url(#default#VML);}
o\:* {behavior:url(#default#VML);}
b\:* {behavior:url(#default#VML);}
.shape {behavior:url(#default#VML);}
</style>
<![endif]-->
<meta name="description"
content="Untuk Pemula, Panduan cara membuat web langkah demi langkah, step
by step, dari awal sampai publish, menggunakan Publisher">
<meta name="keywords"
content="Panduan dasar Untuk Pemula langkah demi langkah step by step
membuat web">
<title>Panduan membuat web</title>
<style>
Tujuannya adalah agar judul halaman anda muncul di web
browser. Selain edit lewat Publisher anda juga bisa edit lewat lewat server,
supaya urut da tidak bingung penjelasan ada di hal 2 point no 11 dan point 12
Demikian uraian di halaman ini, anda bisa klik halaman
selanjutnya berisi panduan pendaftaran
gratis di bravenet
2 komentar:
di tombol save as tidak ada itu format .html trus pake apa dong?
penjelasannya sangat bagus kak
berita internasional
Post a Comment