Tutorial Microsoft Front Page

Buka program Microsof Front page, kemudian tampilan halaman baru dengan nama new_page_1.htm, nama ini bisa diganti.
Kita bisa mengedit web kita lalu disimpan di folder yang telah disiapkan.
Buka hasil web kita dengan browser Internet Explorer dengan langkah-langkah : klik File – Open – Browse – cari nama file di direktori tempat file disimpan.

Mengedit Web Dengan Microsoft Frontpage
Sekarang kembali ke FrontPage Editor. Sekarang kita coba memperindah tampilan web kita yang
masih sederhana tadi. Gantikan jenis heading judul web menjadi Heading1 dengan cara sebagai
berikut:
1. Arahkan mouse ke judul web (yaitu baris paling atas yang berbunyi "Home Page
ku yang Pertama")
2. Klik combo box style yang terletak pada kiri atas toolbar, pilih Heading1.
Lihat apa yang terjadi pada halaman web anda sekarang.
Lalu arahkan mouse ke kata frontpage di paragraph pertama. Kita ingin mengganti font-nya
menjadi font Courier New. Double click kata frontpage itu, lalu tekan combo box Font dan pilih
Courier New.
Lihat lagi apa yang terjadi pada halaman web anda sekarang.
Sekarang arahkan mouse pointer ke paragraph pertama tepat sebelum kata "Homepage pertama
…". Kita ingin menambah garis vertikal yang terkesan seperti garis tiga dimensi di bawah judul
sepanjang dokumen. Lalu pilih menu Insert - Horizontal Line.
Sekarang blok kata homepage pada paragraph ke dua. Lalu tekan tombol Bold pada
toolbar. Perhatikan apa yang terjadi. Kemudian blok frase " mudah mengubah tampilan"
pada paragraph yang sama dan tekan tombol Italic. Masih pada paragraph yang sama,
blok frase " Microsoft Frontpage 2003" dan tekan panah untuk tombol text color.
Pilihlah warna merah lalu tekan tombol OK. Selagi frase itu masih ter-blok tekan tombol underline lalu perhatikan apa yang terjadi.
Sekarang home page kita telah "sedikit lebih indah". Jangan lupa men-save setiap kali ada
perubahan pada dokumen kita. Jika semua berjalan dengan baik, dari Internet Explorer web kita
akan terlihat seperti ini:


Menyertakan Gambar pada dokumen web
Untuk menyertakan gambar, arahkan kursor pada lokasi dimana kita ingin meyertakan gambar
lalu klik tombol Insert Picture From File sehingga muncul window baru.
Sekarang kita diminta untuk menentukan file gambar yang akan kita sertakan dalam homepage.
Pada saat kita klik pertama kali tombol maka frontpage langsung menanyakan file di dalam
komputer kita. Apabila kita klik tombol cancel, maka ada tiga pilihan lokasi sumber gambar
yaitu:
1. Select a file on your computer
2. Use your web browser to select a page or a file
3. Clipart.
Sekarang kita akan menyertakan gambar yang berasal dari file yang telah ada pada hard disk.
Pada window di atas klik pilihan Select a file on your computer. Setelah kita pilih file gambar, klik tombol OK.
Pada training kali ini kami telah menyiapkan beberapa contoh gambar yang siap digunakan untuk
disertakan pada halaman web. Lokasi direktorinya adalah c:\My Documents\belajar\images.
Pilih salah satu gambar misalnya computer.jpg. Biasakan men-save gambar pada direktori
images.

Sekarang homepage kita lebih menarik.