220 likes | 386 Views
PETUNJUK PRAKTIS MENGGUNAKAN. MICROSOFT FRONTPAGE 2003. MICROSOFT FRONTPAGE 2003.
E N D
PETUNJUK PRAKTIS MENGGUNAKAN MICROSOFT FRONTPAGE 2003
MICROSOFT FRONTPAGE 2003 Microsoft FrontPage (atau Microsoft Office FrontPage) merupakan sebuah program aplikasi editor HTML yang berbasis WYSIWYG dan juga bertindak sebagai alat bantu administrasi situs webyang dikembangkan oleh Microsoft untuk jajaran sistem operasi Windows. Aplikasi ini merupakan bagian dari Microsoft Office dari tahun 1997 hingga 2003. Versi terbaru FrontPage adalah Microsoft Expression Web dan Microsoft SharePoint Designer.
MengaktifkanMicrosoft Frontpage 2003 1. Klik Start 2. Klik All Program (pada theme classic start menu pilih Program) 3. Pilih Microsoft Office 4. Pilih Microsoft Office Frontpage 2003 Atau D-klik pada icon pada desktop
Standar Tool Bar Menu Bar Formating Tool Bar Page Lembar Kerja Task Pane
1. Klik Create a new page or site … 2. Klik Web package solutions … 3. Klik tab General 4. Rubahlah arah drive penyimpanan. Misal D:\Muharam_18 5. Klik Ok
Mulailah men-desain web MEMBERIKAN BACKGROUND DENGAN THEME 1. Klik Format 2. Pilih Theme … 3. Klik salah satu theme MEMBUAT TEKS BERJALAN 1. Siapkan Layer 2. Klik didalam layer 3. Ketikan: Welcome to my website 4. Blok teks tersebut 5. Klik Insert 6. Klik Web Component … 7. Klik Dynamic effects 8. Klik Marquee 9. Finish 10. Ok
Untuk melihat hasilnya Klik tab Preview, dan Untuk melanjutkan desain Klik tab Design MEMASUKAN FOTO 1. Siapkan layer 2. Klik didalam layer 3. Klik Insert 4. Klik Picture 5. Klik From File … 6. Pilihlah gambar/foto yang diinginkan 7. Insert 8. Atur lagi ukuran dan posisi gambar pada layar.
MEMBUAT INTERACTIVE BUTTONS 1. Siapkan layer 2. Klik didalam layer 3. Klik Insert 4. Klik Interactive Button … 5. Pilih salah satu button 6. Klik pada baris Button Text, ganti nama button dengan Home 7. OK Atur ukuran layer-nya, kemudian copy-kan interactive tersebut sebanyak 3 Gantilah nama button yang lainnya menjadi About, Articles dan Other. Caranya D-klik pada button kemudian lakukan seperti langkah No. 6
Layer untuk Button Button yg dipilih Button Text
New Page Interactive button
MEMBUAT HALAMAN BARU 1. Klik New Page (lihat gbr) 2. Ketikan nama file About.htm 3. Enter Ulangi langkah diatas untuk membuat halaman yang lain, masing-masing berilah nama Articles.htm dan Other.htm Kemudian bukalah file-file tersebut dengan cara d-klik Interactive button pada file Index.htm dapat di copy-kan kehalaman lainnya
Caranya: • Klikpada tab Index.htm • TekanCtrl+A (Select All) • TekanCtrl+C (Copy) • Klikpada tab About.htm • TekanCtrl+V (paste) • Lakukanlangkah no. 4 & no. 5 pada file Articles.htmdanOther.htm • Hasilnya 4 halamantersebutisinyasama. Sebagaiillustrasisajaketikanartikelsingkatpadamasing-masinghalamanuntukmembedakanhalaman yang satudengan yang Lainnyaseperticontohdihalamanberikut.
MEMBUAT HYPERLINK • Interactive button padatiaphalamanakandibuatmenjadi hyperlink supayadapatmengaitkanhalaman yang satudengan yang lainnya. • Caranya: • Klik tab index.htm • Klikkananpada button About • Klik Hyperlink • Klikpada file About.htm (lihatgbr) • Klik Ok • Lakukanlangkah no. 2 untuk button Articles, dan Other.
Setelah interactive button pada halaman index di-link. Kemudian lakukan link pada halaman About.htm, selanjutnya pada halaman Articles.htm dan Other.htm. Caranya sama. Dan untuk memberikan BACKGROUNDSOUND Caranya adalah: 1. Klik kanan pada editor 2. Klik Page properties … 3. Klik Pada baris BackgroundSound 4. Browse 5. Carilah sound dengan type WAV 6. OK Selamat Mencoba