Panduan Microsoft Frontpages - Boby Candra

Seri Penuntun Praktis Microsoft FrontPage 2010

C o p y r i g h t © B o b y C a n d r a ( C S ) H a k c i p t a d i l i n d u n g i u n d a n g - u n d a n g

Page 1

BUKU PandUan Pintar

Microsoft frontPages

2003 www.PemburuGratis.Co.Cc

Oleh :

Boby Candra(CS)

www.JasaBikinSitus.Co.Cc www.RahasiaBikinWebGratis.Co.Cc email : [email protected]



Page 2

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



Page 3

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)



Page 4

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



Page 5

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.



Page 6

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

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

Folder images

Folder PSD

Style css File html



Page 7

2. Luncurkan software Microsoft FrontPages untuk memulai pengeditan klik file – open – kemudian cari 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

Ini File html



Page 8

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



Page 9

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



Page 10

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



Page 11

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

Isi kotak Title dengan benar….

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



Page 12

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…

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

Isi sesuai selera dan keinginan anda

Singkat,jelas dan padat



Page 13

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.

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

Kata kunci bisa lebih dari satu kalimat

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

Lihat contoh penulisan keyword



Page 14

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

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

Sebelum di edit

Sesudah di edit

HEADER



Page 15

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)

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

Ini adalah file header yg di edit dgn adobe photoShop



Page 16

Sehingga akan menjadi seperti berikut……

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

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

Bagian header akan hilang



Page 17

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



Page 18

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



Page 19

Inilah table yang sudah jadi

Inilah table dgn beberaoa kreasi



Page 20

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

2. Klik kanan – Hyperlink Properties

Blok kata / kalimat yg ingin diberi link



Page 21

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 :

Masukkan alamat yg ingin dituju,,,



Page 22

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



Page 23

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



Page 24

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)



Page 25

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



Page 26

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.



Page 27

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



Page 28

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



Page 29

E-book panduan " Tutorial PhotoShop CS4 " format : pdf jumlah halaman : 44 hal penulis : boby candra edisi : kedua di tahun 2010 peminat : 593 pengunjung 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.



Page 30

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



Page 31

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 : [email protected] ( konsultasi 24 jam)

[email protected] ( pemesanan gratis) HP : 082 141 052 152 ( sms / mms 24 jam )

Education

Panduan Microsoft Frontpages - Boby Candra