Pages

Tuesday, February 4, 2014

Membuat Website Dengan Microsoft Office Publisher



Selamat Pagi... Kali ini saya akan berbagi tutorial tentang Membuat Website / Web Sederhana Menggunakan Microsoft Office Publisher . Banyak para awam tidak mengetahui fungsi dari Publisher ini. Dan pengguna Microsoft pun jarang yang tau ada software yang multifungsi, hehehe... 








Publisher dapat digunakan untuk membuat Banner, Kop Surat, Amplop, Kartu Nama, Kartu Ucapan, Web, dll. Sungguh menarik bukan? Jadi, mungkin lain kali saya akan membuat tutorial lain yang berhubungan dengan Publisher ini. 






Oke, inilah Tutorialnya :




Alat dan Bahan :


- Komputer (bisa laptop,netbook,notebook,PC,dll)


- Software Microsoft Office Publisher (harus sudah di install)


- Artikel, dan gambar yang berhubungan dengan web kita.


- Sedikit seni untuk memperindah web kita.


- Segelas kopi (bagi yang tidak suka, bisa diganti dengan susu)


- Sepiring Biskuit (relatif)




Cara Pembuatan Website :


Jika semua alat dan bahan di atas terpenuhi, cekidot langsung dipraktekkan tutorialnya :




1. Buka Office Publisher


Caranya dengan klik “Start” button, lalu ketikkan di “search program and files” kata “publisher”. Lalu klik “enter”.
2. Pilih template-nya



Pilih Web sites, klik enter. Maka akan muncul beberapa design seperti di bawah ini. Pilih salah satu yang kalian anggap paling bagus dan paling pas di hati. 



Pilih juga pada Customize di sebelah kanan design, seperti color schme, navigation bar, dll. Sesuaikan kebutuhan ya?




3. Tampilan awal


Di bawah ini adalahtampilan awal dari website kita yang belum diapa-apakan alias masih “Virgin”, hehehe... lanjot...










Mulai dari sini kita akan memakai sedikit seni agar web kita tampil lebih menawan. 












4. Membuat Header



Header adalah kepala web kita. Sama seperti surat, web juga harus punya kepala dong... Biar tidak terlihat aneh. Ketik nama instansi/lembaga pemilik web tersebut, misalnya seperti ini : 



Klik gambar pohon, lalu klik icon yang berada paling kiri 



Cari gambar logo dan tekan pilih/open untuk memilih gambar. Jika sudah selesai, ganti juga gambar yang ada di sebelah kanan itu dengan gambar terserah kalian. Contohnya seperti di bawah ini : 






5. Membuat Kotak Komentar



Sebenarnya ini bukanlah kotak komentar yang ada di blog/website yang di internet itu, ini adalah sebuah ilusi agar web yang kita buat lebih terlihat nyata. Kotak komentar ini tidak bisa berjalan otomatis. Tapi, lumayan lah bisa mirip web asli. 



Klik Insert > Form Control > Text Area. Dan hasilnya muncul seperti di bawah ini. 



Kita tinggal menyeret sesuka hati dan membesarkan sesuka hati. 







Selanjutnya, kita buat Text Box, caranya klik Insert > Form Control > Textbox. Penampakannya seperti di samping ini : 


Isi dengan kalimat “Kotak Komentar” atau lainnya. 

















Lalu kita buat isi komentarnya menggunakan tool yang bernama rectangle, simbolnya segi empat . Jika sudah ditata seperti di bawah ini, klik kanan pada rectangular-nya,pilih add text untuk menambahkan tulisan sesuka kita. 








Lalu buatlah sebuah tombol “submit”. 


Klik Insert > Form Control > Submit. 






Tampilan tombolnya seperti dibawah ini : 






Hasilnya akan jadi seperti ini: 







Bagus kan? Memang sedikit jelek sih, maklum lah saya kurang berbakat di bidang seni, Jadi sekeras apapun saya berfikir tentang Art, pasti hasilnya sama saja. 






Nah,, untuk tutorial lengkapnya, kalian bisa unduh tutorialnya di sini : 




Kalian juga bisa unduh contoh hasil webnya di bawah ini :