TUTORIAL EDITING WEBSITE MENGGUNAKAN

MS.FRONTPAGE

www.niadesain.com

A. Tatacara edit halaman website

1. Untuk memulai proses edit website php, tentunya harus mempunyai software yang bisa
membaca php. Diantara software php editor yang paling mudah digunakan yaitu
MS.FRONTPAGE.
Jika sudah mempunyai MS.FRONTPAGE, buka ms.frontpage, lakukan setting supaya dapat
membaca kode php, caranya:

Masuklah ke menu Tools dan Pilih Option, setelah Anda mengklik Option maka akan
tampil jenddela Option seperti gambar dibawah ini, kemudian pilih lagi Tab Configure
Editors, carilah dalam Listbox Colom Type dengan jenis php, kemudian click dan click
tombol Modify, setelah itu ketikkan file executable dari Frontpage anda, dan ganti Editor
namenya menjadi Frontpage, defaulth dari Frontpage adalah:
C:/Program Files/Microsoft Office/Office 10/frontpage.exe
*) Hanya bisa pada FrontPage dari Microsoft Office XP atau lebih tinggi(jika ada).
Selesai Proses setting MS.FrontPage..
Untuk mengedit halaman website, buka file yang sudah saya berikan, misal file index.php
adalah halaman muka, atau bonus.php adalah untuk halaman bonus, dll dengan
menggunakan Ms.FrontPage.
Silahkan edit sesuai selera anda contoh:
PERHATIAN!!!
Jika anda belum memahami kode php, disarankan jangan mengedit halaman web/file
dengan mode HTML, silahkan edit dengan mode normal saja.

Semua halaman website bisa diedit menggunakan ms.frontoage ini, misal file
bonus.php,produk.php,menu.php,index.php,banner.php,dll
  Cara Mengubah background website
Buka file yang akan diubah backgrounnya, block halaman(Ctrl+a), klik kanan pada
halaman, pilih page properties, contoh:

Maka akan muncul pop up:

Setelah itu pilih Background, centang Background picture, browse file untuk dijadikan
background misal file jpg/jpeg, setelah selesai, klik OK.

Lakukan hal yang sama ke setiap halaman website yang ingin anda rubah backgroundnya.

PENTING!!!
File jpg/jpeg yang akan dijadikan background harus berada pada folder image (folder
website di PC anda) dan selanjutnya harus di upload file jpg/jpeg background tadi ke
directory image (di web hosting)
  Cara input gambar ke halaman website

Buka file yang ingin anda sisipkan gambar, letakkan kursor dimana anda ingin
menempatkan gambar, rubah mode ke HTML, sisipkan kode:

<img src="images/img_money.gif" width="182" height="178">

Lihat tulisan yang berwarna merah, img_money.gif adalah nama file yang disisipkan ke
halaman web, 182 adalah ukuran lebar gambar, 178 adalah ukuran panjang gambar
(sesuaikan dengan dengan gambar yang akan disisipkan). Setelah selesai, rubah kembali
halaman ke mode Normal. Lihat contoh dibawah:

Misal anda ingin menyisipkan gambar di bawah tulisan Investasi Sejahtera, Letakkan
kursor di bawah tulisan Investasi sejahtera

Rubah mode MS.FrontPage ke HTML, tuliskan kode tadi misal :

<img src="images/img_money.gif" width="182" height="178">

Lihat contoh:
Setelah selesai, kembali ke mode Normal, maka akan terlihat:
Selesai…

PENTING!!!
File yang akan ditampilakan di halaman web harus berada pada folder image ( folder
website di PC anda) dan selanjutnya harus di upload file jpg/jpeg background tadi ke
directory image (di web hosting)
  Cara merubah header banner

Buka file banner.php, ubah mode ke HTML mode, rubah nama file banner yang dinginkan
misal jpg/jpeg. contoh:
<img border="0" src="images/banner.jpg" width="760" height="114"></p>

Seperti cara input gambar ke halaman web, ganti banner.jpg dengan nama file yang akan
anda jadikan banner, serta ukuran gambar, yaitu width dan height.

Lihat gambar dibawah:

PENTING!!!
File yang akan dijadikan banner harus berada pada folder image (folder website di PC
anda) dan selanjutnya harus di upload file jpg/jpeg background tadi ke directory image
(di web hosting)
B. UPLOAD FILE KE SERVER WEB HOSTING

Setelah selesai anda edit halaman website menggunakan MS.Fronpage, selanjutnya adalah
proses UPLOAD file ke server web hosting.
Caranya:
Download software FTP di sini:
http://www.ziddu.com/download/3589967/FileZilla_3.1.5.1_win32-
setup.exe.html

Setelah selesai download lalu Install, setelah selesai install lalu masukkan nama
hostname, username ftp,password ftp,serta port.( Hostname,username,serta password
sudah saya lampirkan beserta ebook ini). Contoh:
Setelah memasukkan data login ftp, klik Quick connect. (pastikan PC/LAPTOP Anda sudah
tersambung ke internet)

Setelah anda klik Quick connect, maka akan otomatis tersambung ke directory web hosting
anda.
Lihat gambar dibawah, kolom sebelah kiri adalah directory dari PC anda, sedangakan
kolom sebelah kanan adalah directory dari webhosting anda.
Jika sudah tersambung, file yang akan diganti dengan file yang sudah anda edit sebaikanya
anda hapus terlebih dahulu. Misal anda mau upload file category.php, sebaikanya anda
hapus terlebihdahulu file category.php di webhosting anda(hal ini dilakukan supaya hasil
lebih maksimal)

Setelah file yang akan adiganti sudah anda hapus, lalu pindahkan file dari PC anda ke
webhosting dengan cara DRAG anda DROP(kiri ke kanan) lihat contoh dibawah:
Setelah selesai upload, silahakan coba website anda..

Sekian tutorial dari kami,

Terimakasih.

Kurnia
081384745483
admin@niadesain.com
www.niadesain.com