1 / 22

PETUNJUK PRAKTIS MENGGUNAKAN

PETUNJUK PRAKTIS MENGGUNAKAN. MICROSOFT FRONTPAGE 2003. MICROSOFT FRONTPAGE 2003.

dyre
Download Presentation

PETUNJUK PRAKTIS MENGGUNAKAN

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. PETUNJUK PRAKTIS MENGGUNAKAN MICROSOFT FRONTPAGE 2003

  2. 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.

  3. 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

  4. Standar Tool Bar Menu Bar Formating Tool Bar Page Lembar Kerja Task Pane

  5. 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

  6. Bukalah file index.htm dg cara D-klik

  7. Setelah dibuka, file index.htm terlihat aktif

  8. 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

  9. Theme

  10. 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.

  11. 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

  12. Layer untuk Button Button yg dipilih Button Text

  13. New Page Interactive button

  14. 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

  15. 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.

  16. 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.

  17. Button yang di link

  18. 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

More Related