Panduan Microsoft Frontpages - Boby Candra

Seri Penuntun Praktis Microsoft FrontPage 2010

BUKU PandUan Pintar
Microsoft frontPages
2003
www.PemburuGratis.Co.Cc

Oleh :

Boby Candra(CS)
www.JasaBikinSitus.Co.Cc
www.RahasiaBikinWebGratis.Co.Cc
email : bobycandra@programmer.net

Copyright©Boby Candra(CS) Hak cipta dilindungi undang-undang Page 1


PERINGATAN

Hak Cipta Dilindungi
Undang-Undang

Anda BOLEH Menyebarkan E-Book Ini
GRATIS dengan Cara Apapun
Asal Tidak Melanggar Aturan

Dilarang Merubah/Menyalin Isi E-Book Ini
Tanpa Seijin Penulis

Terima Kasih,

Bob y CS



Seri Penuntun Praktis

Panduan Pintar Microsoft
FrontPages 2003

Oleh

Boby CS

www.JasaBikinSitus.Co.Cc
www.RahasiaBikinVideo.Co.Cc

Sanksi Pelanggaran Pasal 22 :
Undang-undang Nomor 19 Tahun 2002
Tentang Hak Cipta

1. Barangsiapa dengan sengaja melanggar dan tanpa hak melakukan perbuatan
sebagaimana dimaksud dalam pasal 2 ayat (1) atau Pasal 49 Ayat (1) dan Ayat
(2) dipidana masing-masing paling singkat 1 (satu) bulan dan/atau denda paling
sedikit Rp. 1.000.000,00 (satu juta rupiah) atau pidana penjara paling lama 7
(tujuh) tahun dan/atau denda paling banyak Rp 5.000.000.000,00 (lima milyar
rupiah)

2. Barang siapa dengan sengaja menyiarkan,memamerkan,mengedarkan atau
menjual kepada umum suatu ciptaan atau barang hasil pelanggaran hak cipta
atau hak terkait sebagai dimaksud pada ayat (1) dipidana dengan pidana
penjara paling lama 5 (lima) tahun dan/ denda paling banyak Rp
500.000.000,00 (lima ratus juta rupiah)



Sepatah Kata

Assalamualaikum wr wb..
Salam sejahtera untuk kita semua…
Alhamdullilh senantiasa terucap di bibir ini atas Rahmat dan Hidayahnya-Nya
sehingga tutorial ini dapat hadir dan terselesaikan sesuai rencana.Begitu
banyak hambatan yang saya temui selama membuat tutorial ini,namun
berkat ketekatan dan semangat yang tak pernah pudar.Akhirnya tutorial
“Panduan Pintar Microsoft Frontpages” ini dapat juga rampung tepat waktu.

Tak lupa saya mengucapkan terima kasih yang tak terhingga kepada kedua
orang tua saya yang tak pernah henti mendoakan kebaikan untuk anaknya.
Tak lupa juga saya mengucapkan banyak terima kasih kepada para guru
yang telah membantu saya dalam berbagai hal dan memberikan banyak
pengalaman dan pengetahuan.Terima kasih juga saya haturkan kepada
sahabat-sahabat yang telah mendukung dan memberikan support yang
besar demi terselesainya tutorial saya ini.

Yang tak kalah pentingnya,ijinkan saya pribadi mengucapkan banyak
terima kasih kepada para pembaca sekalian yang telah mau mendownload
dan mempelajari buku tutorial “Panduan Pintar Microsoft Frontpages”. Saya
merasa usaha dan kerja keras yang saya lakukan ini tidak sia-sia dan mampu
membantu para pembaca.Karena E-book saya ini tidak ada artinya tanpa
para pembaca sekalian.

Akhirnya semoga E-book ini dapat membantu dan bernilai lebih untuk
membantu para pembaca sekalian.Besar harapan agar e-book ini kelak
dapat bersaing dengan e-book lainya diluar sana.
Assalamualaikum wr wb..

Cluring,25 September 2010



Langkah Awal
Sebagai langkah awal anda adalah tentu anda harus mempunyai Sofware
Microsoft frontpages dan sebuah template yang nantinya akan kita ubah
materi dan isi nya sesuai dengan tema website yang kita bangun.

1. Sofware ini ada bermacam-macam mulai versi trial (gratis) sampai
premium (bebayar). Untuk dapat mengikuti dan mempelajari semua isi
dalam e-book ini,versi trial (gratis) sudah cukup.

2. Template disini saya memakai fasilitas mini template gratis dari
www.minisitegallery.com , karena saya mengira fasilitas template yang
disuguhkan lumayan bagus dan professional.

Note : Anda dapat bebas menentukan template yang anda inginkan,tidak
bergantung dari e-book ini

Well,bila anda sudah mempunyai software dan template nya maka kita
akan segera masuk ke dalam tahap perancangan materi.



Bab 1 Tahap Perancangan
Materi Website
Untuk merubah materi yang ada didalam template memang tidak terlalu
sulit seperti yang kita bayangkan. Sebab Ms. Frontpages dirancang khusus
untuk keperluan editing dengan cara yang sangat mudah,semudah kita
mengedit dokumen di Microsoft word. Anda tidak percaya..??? Mari kita
buktikan…!!!!

1. BIla template yang anda download dalam bentuk .rar / .zip,dll segera
ekstrak menjadi folder asli. Bila template yang anda download sudah
benar maka anda akan disuguhkan berbagai konten yang nantinya
bisa di ubah sesuai keinginan dan selera.

Sebagai contoh disini saya akan mengubah materi template
aggressive-blue yang sudah saya download dari
www.minisitegallery.com . Sebagai berikut..

Folder Folder
images PSD

File html
Style css

Note : Disini saya disuguhi sebuah file .html,style CSS,folder images dan folder
psd.



2. Luncurkan software Microsoft FrontPages untuk memulai pengeditan
klik file – open – kemudian cari file .html

Ini File
html

3. Maka lembar template html akan muncul di layar MS Microsoft
Frontpages. Seperti gambar di bawah ini.,..

Note : disini anda dapat mengubah materi template sesuai keinginan
anda,semudah mengedit dan mengubah dokumen di microsoft word



4. Perlu kesabaran dan kreatifitas dalam mengedit tampilan template.
Disini saya menggabungkan teknik di Corel Draw dan Adobe
PhotoShop, bila anda mahir dengan software lainnya itu malah lebih
bagus dan bisa memberi nilai tersendiri. Setelah melakukan beberapa
editing akhirnya template sudah sedikit lebih minimalis dan elegan.
Seperti gambar di bawah….

 Sebelum di
Edit

 Masih Dalam
proses edit



 Selesai Edit

5. Dari gambar Screen Shot diatas anda bisa membedakan tiap-tiap
perubahannya,sehingga harapan nya anda sendiri dapat mengubah
materi yang ada dalam template sebaik dan semenarik mungkin.
Sebab Semakin menarik dan bagus nya materi maka semakin bagus
pula nilai tambah dan estetika website anda kelak.. 



Bab 2 Menambahkan Title
Untuk menambahkan title pada Microsoft Frontpages tidak lah sulit,hanya
anda perlu teliti saja. Berikut cara memberi title pada halaman template .. 

1. Klik 2 kali pada <body>

Klik 2 kali
disini



Isi kotak Title dengan
benar…. 

Disini saya
memberi title
(judul) pada
template yaitu
“Rahasia Bikin
Web Gratis”
anda bebas
menentukan
pemberian
judul.

2. Kini template anda sudah dibubuhi judul. Mudah bukan…… 



Bab 3 Menambahkan Page
Description

Page Description merupakan suatu halaman yang menjelaskan atau
mendeskripsikan isi atau tema template atau website yang sedang anda
bangun. Ini berkaitan mengenai tujuan,fungsi atau bisa juga manfaat dari
apa yang sedang anda buat tadi.

Caranya sama dengan “Bab 2 menambahkan title” yaitu klik 2 kali pada
<body> , setelah itu muncul halaman konfirmasi. Isi pada kotak Page
Description untuk mendeskripsikan isi dari website atau template yang anda
buat…

Isi sesuai selera
dan keinginan
anda

Singkat,jelas dan
padat

Note : Anda tidak perlu membuat deskripsi yang terlalu panjang,karena
akan mengakibatkan spam (sampah),gunakan kata dengan deskripsi
singkat,jelas dan padat.



Bab 4 Menambahkan Keyword
Mungkin disini ada yang bertanya–Tanya,apakah sebenarnya fungsi
keyword itu..?? Keyword adalah kata kunci yang digunakan dalam
pemrograman. Keyword merupakan pernyataan singkat dan mempunyai
fungsi tertentu sehingga sangat fleksibel dan mudah penggunaan dalam
pemrograman.

Cara menambahkan keyword sama seperti pada bab 2 & 3.

Kata kunci bisa
lebih dari satu
kalimat

Jika lebih dari
satu
keyword,maka
gunakanlah
pemisah koma (,)

Lihat contoh
penulisan
keyword

Note : Anda juga tidak harus menulis keyword dalam jumlah banyak,cukup
beberapa kata dengan kualitas bahasa yang mengena.



Bab 5 Mengganti Header dan
Footer
Sebenarnya untuk mengubah header dan footer ini tidak ada sangkut paut
nya Microsoft Frontpages,sebab pada dasarnya untuk mengganti header
dan footer membutuhkan software pengolah gambar seperi Adobe
PhotoShop,Macromedia FireWork,Corel PhotoPaint dLL. Disini saya hanya
menyinggung sedikit mengenai header dan footer,seperti yang sudah saya
jelaskan diatas bahwasanya header dan footer juga dapat diubah sesuai
kreasi tiap-tiap orang. Untuk itulah dalam diperlukan kreatifitas dalam
membuat desain yang menarik.

Untuk mengedit atau mengubah desain header dan footer,caranya buka
file .psd di software pengolah gambar yang saya sebutkan diatas. Lalu edit
sedemikian rupa sehingga kelak cocok dan sesuai dengan tema template
anda….

HEADER Sebelum
di edit

Sesudah
di edit

Note : Setelah header jadi lalu simpan dengan format JPG dan simpan di
folder images yang sudah disertai ketika anda mengekstrak template tadi.
Lihat bab 1



Cara Menyisipkan Header dan Footer
1. Buka file html yang ingin disisipi Header
2. Lalu cari file header yang berada di folder images ( yang sudah
berformat jpg)

Ini adalah file header
yg di edit dgn adobe
photoShop

3. Untuk menyisipkan file header yang sudah kita buat dengan pengolah
gambar tadi caranya adalah kita harus menghapus dulu header yang
asli.



Ini merupakan header
asli. Hapus bagian ini
dengan cara klik pada
header - delete

Sehingga akan menjadi seperti berikut……

Bagian header
akan hilang

Setelah itu baru kita drag file header yg sudah kita edit ke dalam template
tadi. Bisa juga dengan menggunakan copy paste.



Akhirnya
header yg
sudah kita buat
tadi berhasil
kita tambakan
ke dalam
template….



Bab 6 Menyisipkan Table
Untuk suatu keperluan peran table disini juga sangat diperlukan. Untuk itulan
Ms FrontPages juga menyediakan fasilitas table yang sangat mudah
layaknya membuat table di MS Word. Cara selengkapnya sebagai berikut.,.,,

1. Klik Table – Insert – Table

Isi Rows dan
Collums
sesuai
kebutuhan



Inilah table
yang sudah
jadi

Inilah table
dgn
beberaoa
kreasi



Bab 6 Menyisipkan Link
Link adalah sebuah perintah yang memungkinkan suatu halaman bisa
meloncat dari satu halaman ke halaman lainnya. Untuk membuat link berikut
penjelasan lebih detailnya……..

1. Blok kata atau kalimat yang ingin di beri link

Blok kata /
kalimat yg
ingin diberi
link

2. Klik kanan – Hyperlink Properties



Masukkan
alamat yg
ingin dituju,,,

Note : Address bisa juga ditulis alamat website yang ingin di tuju. Di mulai dg
www.xxxxx.com

Akhirnya setelah melakukan berbagai kombinasi – kombinasi diatas template
sudah selesai saya edit. Dan hasilnya sebagai berikut :



Note : Diatas merupakan preciew singkat,bila anda ingin melihat preview asli
template yang saya buat kunjungi situs www.RahasiaBikinWebGratis.Co.Cc



Penutup
Akhirnya,selesailah kita pada penutup di Panduan Pintar Microsoft FrontPages
ini.Tentunya anda tidak akan langsng menguasai buku panduan ini hanya
dengan sekali membaca.Tentu ini harus dilakukan secara berulang-ulang
dan pastinya dengan terus berlatih.Selain itu akan lebih baik bila anda juga
bisa mempraktekkan demo ini langsung secara online.

Selanjutnya besar harapan kami agar buku panduan ini dapat bermanfaat
dan dapat bernilai lebih untuk para pembaca sekalian.Semoga apa yang
kami buat dengan susah payah ini dapat membantu khusunya bagi mereka
yang ingin belajar cara membuat website gratis.

Alhamdulillah, buku panduan saya yang lainnya sudah selesai dan sudah
bisa di download saat ini juga (GRATIS). ,,,. Memperkenalkan,,..

“ Panduan Bikin Video dg Window Movie Marker “

Penulis : Boby CS

format : pdf
halaman : 50 hal
tahun Terbit : 2010
Situs resmi : www.RahasiaBikinWebGratis.Co.Cc



Siapa Lagi Yang mau Membuat Situs
GRATIS, Mudah &
Menghasilkan..???
10 Menit dari Sekarang
Tetapi Semuanya Ini Tidak Terjadi Dengan Mudah...
Sewaktu saya mulai membuat... saya
sangat kesulitan mencari panduan yang
lengkap dan jelas yang dapat
mengajarkan bagaimana caranya.

Nah setelah melakukan berbagai uji
coba, dan belajar sendiri dalam jangka
waktu yang PANJANG...Akhirnya saya
menemukan caranya, dan bisa membuat
banyak website...dan saya putuskan
untuk membuat panduan yang JELAS
bagaimana cara membuat web anda
sendiri dengan mudah dan cepat... 10
menit dari sekarang.

"CONTEK dan TIRU
Saja", Isi Didalam E-
book Panduan Ini. Saya
Menantang Anda Untuk Dapat Membuat website
pada hari ini juga "
Untuk membuat tampilan pada web anda maka yang
pertama di butuhkan adalah sebuah template
website.Template ini akan berfungsi juga sebagai penarik
para pengunjug untuk mendatangi situs web anda,mengapa
demikian..?? jika template anda menarik dan elegan,maka
akan terasa sebuah website yang professional.disini
template pun beraneka ragam,ada yang gratisan ada juga
yang berbayar.Bagi anda yang masih dalam kategori
pemula,maka saya sarankan anda untuk mendownload
template website gratisan di www.minisitegallery.com .

Mendapatkan sebuah domain .Banyak situs yang
menyediakan domain gratis,Dalam dunia bisnis online, nama
menjadi sangatlahpenting. Nama domain (domain name)



selain sebagai alamat anda dicyberspace, ia sekaligus juga
berperan sebagai brand bisnis atau diri Anda.Karena
pentingnya nama di dunia maya, maka sangat disarankan
untukmemilih domain name yang singkat, mudah dilafalkan
atau diucapkan, unik,mudah untuk diingat, dan mengandung
keyword yang anda target.Untuk memiliki nama domain,
anda bisa memilih yang berbayar atau gratis.Yang berbayar
tentu memiliki berbagai kelebihan, namun sebagai
pemulatidak ada salahnya memanfaatkan fasilitas domain
gratis seperti yang akanaya uraikan lebih lanjut melalui e-
book ini.Berikut adalah beberapa penyedia nama domain
gratis di internet.

http://www.domain.co.nr ,
http:// www.dot.tk ,
http://www.co.cc.

Dari ketiga penyedia nama domain tersebut, saya paling
menyukai “co.cc”karena adanya fasilitas DNS server
sehingga bisa di add-on ke web server yangkita gunakan.
Sedangkan “dot.tk” dan “co.nr” hanya berfungsi sebagai
redirecturl
Mendapatkan hosting.Web hosting adalah salah satu komponen
utama yang diperlukan agar file kitabisa diakses melalui web
browser. Web hosting atau web server adalah tempatuntuk
menyimpan file website yang kita buat agar bisa ditampilkan
di internet.Dari segi biaya, webhosting juga terbagi dua,
yakni ada hosting berbayar danada pula hosting
gratisan.Pada tutorial ini saya akan menguraikan bagaimana
mendapatkan fasilitaswebhosting gratisan semi professional
dengan berbagai fitur yang hampir samadengan yang
berbayar. Adapun fitur-fitur tersebut di antaranya :

 Kapasitas space yang cukup besar untuk menyimpan file
yakni sebesar243 MB.
 Bandwidth bulanan yang cukup besar yakni sebesar 20
GB lebih.
 Vista Control Panel yang mirip dengan cPanel pada
hosting berbayar
 Support PHP dan MySQL
 Automatic Script Installer yang mirip dengan Fantastico di
hostingberbayar
 Gratis unlimited e-mail7
 Fasilitas addon domain dan parked domain
 Support FTP transfer menggunakan software FTP Client.
 Dan berbagai fitur lainnya.

Dan Masih Banyak lagi. Silahkan Anda mencoba... GRATISS



E-book panduan " Panduan Bikin Blog Gratis "
format : pdf
jumlah halaman : 65 hal
penulis : Boby CS
edisi : Agustus 2010
peminat : 489 pengunjung
Ket : Panduan lengkap membuat blog wordpress / blogspot / website dinamis
dengan install wordpress terbaru , dilengkapi dengan screenshot yang sangat jelas.



E-book panduan " Tutorial Bikin Domain Gratis "
format : pdf
penulis : Boby CS
edisi : Agustus 2010
Ket : Tutotial lengkap mendapatkan dan mengklaim sebuah domain professional
gratis.



E-book panduan " Rahasia Bikin Video "
format : pdf
penulis : boby candra
edisi : ketiga di tahun 2010
Ket : Anda akan di ajak untuk mengedit,membuat dan menyisipkan berbagai efek
menarik ke dalam video anda



E-book panduan " Tutorial PhotoShop CS4 "
format : pdf
edisi : kedua di tahun 2010
Ket : Di e-book saya kali ini kita akan belajar bagaimana membuat foto terkesan
menarik dan professional sehingga layak untuk di perjualbelikan sebagai salah
satu lahan bisnis.



E-book panduan " Tutorial Efek PhotoScapes "
format : pdf
edisi : pertama di tahun 2010
Ket : Anda akan dibawa untuk mahir dalam hal melakukan menentukan background
dan latar belakang suatu gambar,sehingga akan nampak dinamis dan elegan (
mewah ).



Sepatah Kata Penulis

Terakhir saya mengucapkan terima kasih kepada para pembaca sekalian
yang sudi dan mau untuk mendownload dan membaca buku panduan
yang saya buat ini.

Mohon maaf jika anda ada yang kurang suka atas tulisan saya.Mungkin
disana sini banyak terdapat kesalahan dan kekurangan,hal itu semata-mata
memang diluar kesengajaan.Oleh sebab itulah saya mencoba untuk lebih
terbuka menerima kritik dan saran dari para pembaca sekalian.

Semoga kritik dan saran dari anda semua dapat bermanfaat khususnya bagi
saya dalam merancang dan membuat buku panduan selanjutnya.

Hormat Saya

Boby Candra
Data Kontak :

Website : www.RahasiaBikinWebGratis.Co.Cc
Blog : www.peluangbisnismodalkecil.co.cc
Email : BobyCandra@ConsuLtant.Com ( konsultasi 24 jam)
BobyCandra@Programmer.Net ( pemesanan gratis)
HP : 082 141 052 152 ( sms / mms 24 jam )


Panduan Microsoft Frontpages - Boby Candra

More Related Content

What's hot

Similar to Panduan Microsoft Frontpages - Boby Candra

Recently uploaded

Panduan Microsoft Frontpages - Boby Candra