4 Ebook Belajar Frontpage PDF
4 Ebook Belajar Frontpage PDF
- FREE E-BOOK -
DAFTAR ISI
DAFTAR ISI....................................................................................... 1
BAB 1 MENGENAL FRONTPAGE............................................................... 2
BAB 2 BEKERJA DENGAN FRONTPAGE ..................................................... 4
A. LANGKAH AWAL ................................................................ 4
B. MENYIMPAN NASKAH HTML ................................................... 4
C. MEMBUAT HYPERLINK OTOMATIS ............................................ 5
D. MENGGANTI MODEL HURUF................................................... 5
E. MENGGANTI STYLE ............................................................. 5
F. EFEK HURUF .................................................................... 6
G. PEWARNAAN TEKS DAN EFEK STABILO ...................................... 6
H. MEMBUAT NOMOR URUT ...................................................... 6
I.
MEMBUAT BULLET.............................................................. 7
BAB 1
MENGENAL FRONTPAGE
FrontPage adalah sebuah program web Authoring berbasis WYSIWYG (What You See Is
What You Get), artinya apa yang kita buat desainnya maka hasilnya di browser persis
seperti desain kita. FrontPage merupakan salah satu program yang dikeluarkan oleh
perusahaan Software Raksasa bernama Microsoft. Jadi jangan heran kalau program ini
biasa disebut Microsoft FrontPage.
Keunggulan FrontPage adalah mudah penggunaannya, memiliki tampilan yang mirip
Microsoft Word. Bila Anda terbiasa menggunakan Microsoft Word, tidak terlalu
mengalami kesulitan dalam menggunakan program ini.
FrontPage sangat hemat untuk urusan pembuatan website statis, yaitu website yang
bersifat satu arah, tidak memiliki sarana komunikasi antara pengunjung dengan pemilik
situs. Itu dikarenakan kemudahan dalam pemakaiannya, serta Anda tidak perlu
dipusingkan dengan urusan pembuatan kode-kode HTML dalam mendesain sebuah
website sebab FrontPage secara otomatis akan membuatnya.
Struktur layar FrontPage, bisa Anda lihat pada gambar di bawah ini :
Selain mode WYSIWYG (mode Normal), Anda bisa mendesain menggunakan tampilan HTML.
Mode ini berguna saat Anda ingin menyisipkan kode JavaScript. Ini salah satu kekurangan
FrontPage, yaitu tidak memiliki fasilitas dukungan penuh JavaScript.
BAB 2
BEKERJA DENGAN FRONTPAGE
A. LANGKAH AWAL
1. Sebelum memulai proyek pembuatan website statis, sebaiknya Anda persiapkan
sebuah folder di drive (C) dan berilah nama Websiteku.
2. Buat pula sub folder dengan nama images. Kopikan semua gambar yang akan Anda
gunakan untuk website pada folder ini.
3. Selanjutnya ketiklah teks di bawah ini :
MENGENAL SCRIPT NAGAYA AFFILIATE SYSTEM
Nagaya Affiliate System Script (NAS) adalah script yang dibuat dalam bahasa PHP.
Dirancang khusus untuk memenuhi kebutuhan sistem bisnis berbasis afiliasi. Memiliki
fasilitas control panel admin, control panel untuk afiliasi, control ordering process,
konfirmasi pembayaran, control affiliate signup dan autoresponder.
Script ini merupakan turunan dari Post Affiliate System versi 1.3 yang dimodifikasi
menyesuaikan iklim bisnis di Indonesia dan sekitarnya.
Style
Font (huruf)
Ukuran huruf
Bold
Underline
Italic
Perataan
Kiri, tengah,
kanan, dan
justify
E. MENGGANTI STYLE
10. Bloklah judul naskah. Kemudian klik tombal style, pada toolbar style pilih Heading 1.
F. EFEK HURUF
Untuk merubah teks berefek tebal (Bold) atau miring (Italic) atau bergaris bawah
(Underline), cukup gunakan toolbar dibawah ini.
Efek Stabilo
berilah
Bullet
I. MEMBUAT BULLET
19. Ketik teks di bawah ini :
Secara garis besar struktur script Nagaya Affiliate System terbagi menjadi 4 bagian,
yaitu:
20. Selanjutnya ketik teks Control Panel Admin (Pengelola Situs).
.
21. Kemudian klik toolbar
22. Lanjutkan dengan mengetik teks di bawah ini :
23. Tambahkan teks Nagaya Affiliate System pada akhir bullet. Akhiri dengan menekan
ENTER
29. Sebagai latihan isikan bagian rows dengan 1, dan bagian column dengan 2
30. Klik OK.
L. MENYISIPKAN GAMBAR
32. Pada bagian kolom sebelah kiri akan disisipkan gambar sampul Nagaya Affiliate.
Anda bisa mendapatkan contoh covernya pada halaman depan situs
www.NagayaAffiliate.co.cc. Cukup kli kanan kemudian save picture. Jangan lupa
letakkan gambar tersebut pada folder images.
33. Klik menu Insert >> Picture >> From File
34. Jendela Picture terbuka. Carilah file nagaya-cover.jpg di folder images Anda.
35. Lanjutkan dengan klik tombol Insert. Lihat gambar.
10
11
37. Silakan ganti bagian Borders, sizenya 0 (nol). Bagian Background, color dengan
warna putih.
38. Akhiri dengan klik tombol OK.
12
http://www.freesitetemplates.com
http://www.templatespro.com
http://www.DollarTemplates.com
http://www.templatesforyou.com
13
http://www.steves-templates.com
Q. MEMANFAATKAN TEMPLATE
56. Tugas Anda sekarang adalah membuat sebuah file HTML yang berisi keterangan detail
tentang script Nagaya Affiliate. Caranya : File >> New >> Page or Web.
57. Muncul disebelah kanan Anda sebuah Task Pane, pilih Page templates.
58. Pada jendela Page Templates yang muncul pilih Narrow, Right-aligned Body pada
daftar templates yang disediakan, kemudian klik OK. Lihat gambar untuk lebih
memperjelas.
14
R. MENGGANTI GAMBAR
65. Buka file detail.htm Anda.
66. Klik dua kali gambar yang ada.
67. Seketika muncul jendela Picture Properties.
68. klik Browse
15
16
17
18
U. MENYISIPKAN JAVASCRIPT
76. Untuk menyisipkan kode JavaScript Anda harus membuka FrontPage dalam mode HTML.
77. Buka mode HTML, kemudian sisipkan kode ini sebelum tag </body>
<font face="Verdana" color="#CCC" size="1">Copyright
<script language="Javascript">
var aceDate=new Date()
var aceYear=aceDate.getYear()
if (aceYear < 1000)
aceYear+=1900
document.write("<font color='CCC' face='Arial' size='1'><b>"
+aceYear+"</b></font></small>")
//--></script>
Script ini adalah JavaScript untuk menampilkan CopyRight.
BAB 3
SUMBER ONLINE
http://www.freesitetemplates.com
http://www.templatespro.com
http://www.DollarTemplates.com
http://www.templatesforyou.com
http://www.steves-templates.com
http://www.zyris.com
http://www.free-graphics.com
http://www.iconbazaar.com
http://www.quickbanner.com
http://www.media-graphics.net
http://www.animationonline.com
http://www.animationonline.com
http://www.free-clip-images,com
http://www.clipart.com
http://www.absolutely-free-clipart.com
http://www.java-scripts.com
http://www.javascripts.com
http://www.js-planet.com
http://www.jonesdom.com
http://www.java-resources.com
http://www.javagoodies.com
http://www.dynamicdrive.com/
19
BAB 4
PENUTUP
Saya sangat bergembira bila ebook ini bermanfaat buat bangsa Indonesia, khususnya
anak Sulawesi Tengah.
Sebagai akhir dari pekerjaan Anda mendesain HTML adalah memperkenalkannya kepada
publik. Salah satu caranya adalah dengan memiliki domain dan hosting untuk memasang
file-file HTML Anda.
Tutorial cara memperoleh domain dan hosting gratis bisa Anda download di alamat ini :
www.master-bisnis.com/download.php?f=free_domain_hosting.zip
Selamat Belajar
Affiliate Manager
www.Master-Bisnis.com
Nur Sahid
20