Copy Right 2008. Hak cipta www.reviews16.com
1
TUTORIAL MEMBUAT WEBSITE BAGI PEMULA
Pengenalan halaman frontpage
Pastikan dalam komputer Anda telah terinstall program frontpage. Klik start dan cari
program frontpage
Copy Right 2008. Hak cipta www.reviews16.com
2
Keterangan :
A. Membuka halaman baru
B. Membuka file
C. Meyimpan file
D. Jenis-jenis huruf
E. Melihat hasil website di Internet
Explorer
F. Ukuran huruf
G. Membuat huruf tebal
H. Membuat huruf miring
I. Membuat huruf bergaris bawah
J. Paragraf lurus arah kiri
K. Paragraf tengah
L. Paragraf lurus kanan
M. Paragraf lurus kanan kiri
N. Menyisipkan link/halaman
website
O. Menyisipkan huruf
P. Menyisipkan bullet
Q. Memberi border kolom
R. Mewarnai background tulisan
S. Mewarnai tulisan
Menu tambahan lain adalah :
Cara mengkopi file, kalimat, gambar dan lain-lain : tekan Ctrl + huruf “C”(copy) lalu
tekan Ctrl + huruf “ V” (paste) untuk melihat hasilnya
Cara menyimpan file : tekan Ctrl + S
Cara membuka file : tekan Ctrl + O
Cara memindahkan file, gambar, kalimat dan lain-lain : Klik kanan cut, lalu arahkan
kursor pada tempat yang akan dipindahkan tekan paste
Cara membatalkan hal yang telah kita lakukan. Misal kita tidak jadi menghapus tulisan
maka tekan saja Ctrl + huruf “Z” maka pekerjaan kita akan kembali ke sebelumnya.
Untuk membuat tulisan pada kolom hasil caranya :
Blok tulisan dengan cara arahkan mouse ke arah tulisan lalu klik kiri tahan sampai
tulisan berwarna hitam, lepaskan lalu klik pada menu diatas. Kalau ingin memberi
efek tebal pada tulisan berarti klik gambar G. Dan lakukan hal yang sama untuk
memberi efek pada tulisan-tulisan lain
Cara lain memblok tulisan yaitu arahkan mouse ke tulisan yang akan diblok lalu
tekan shift bersamaan dengan tanda panah ke kiri, kanan, atas atau bawah
Membuat table dan menyisipkan gambar
Copy Right 2008. Hak cipta www.reviews16.com
3
Caranya : Klik menu table ���� insert ���� table
Misal pada baris 3 dan kolom 3 maka hasilnya
Memasukkan gambar pada table
Insert === Picture === From file ( jika letak gambar Anda berupa file)
Copy Right 2008. Hak cipta www.reviews16.com
4
Jika sudah menemukan file yang akan kita sisipkan maka klik Ok. Hasilnya seperti
diatas saya menyisipkan gambar AffiliateBot.com.
Disini Anda bisa menyisipkan gambar dalam format file JPEG, JPG maupun GIF
Membuat hyperlink
Langkah-langkahnya :
A. Blok tulisan yang akan disisipin link website
B. Klik kanan mouse Anda
C. Klik menu hyperlink
D. Tentukan alamat linknya
E. Tentukan target framenya
F. Klik Ok
Copy Right 2008. Hak cipta www.reviews16.com
5
Copy Right 2008. Hak cipta www.reviews16.com
6
Menghubungkan halaman web satu dengan halaman web lain :
A. Buatlah beberapa halaman dalam website Anda dan simpan dalam file
B. Blok tulisan misal : halaman 1 lalu klik kanan mouse
C. Klik hyperlink
D. Masukkan halaman website sesuai dengan file yang telah disimpan
E. Klik Ok
F. Lakukan hal yang sama untuk file-file yang lain
G. Untuk mengetes halaman website Anda apakah sudah terhubung ataukah
belum silahkan klik preview pada bagian bawah halaman frontpage Anda
Copy Right 2008. Hak cipta www.reviews16.com
7
Ok beres tinggal menyesuaikan aja untuk yang lainnya. Sebelumnya simpan dulu ya
nama filenya dalam folder yang sama, baru dihubungkan halaman yang satu dengan yang
lain sesuai dengan nama file masing-masing.
Membuat judul/title website
Copy Right 2008. Hak cipta www.reviews16.com
8
Berikut hasilnya :
Membuat meta keyword
Page properties === custom === add
Copy Right 2008. Hak cipta www.reviews16.com
9
Catatan : untuk memasukkan keyword pastikan kata-katanya ada pada isi website Anda
agar lebih mudah masuk ke search engine. Jangan memasukkan keyword (kata kunci)
Yang tidak ada hubungannya dengan isi website Anda
Membuat meta description
Page properties === custom === add
Copy Right 2008. Hak cipta www.reviews16.com
10
Mewarnai background website
Copy Right 2008. Hak cipta www.reviews16.com
11
Melihat hasil website Anda di IE
Copy Right 2008. Hak cipta www.reviews16.com
12
Tambahan : Membuat website Anda berada di tengah browser
Copy Right 2008. Hak cipta www.reviews16.com
13
Perintah-perintah dasar HTML
Perintah HTML mempunyai struktur umum, yaitu didahului dengan <HTML> dan
ditutup dengan </HTML>. Judul diawali dengan <HEAD><TITLE> dan ditutup dengan
</TITLE></HEAD>. Isi website diapit dengan <BODY> dan </BODY>. Perintah
HTML dapat kita ketikkan dengan huruf kecil atau capital atau campuran antara
keduanya. Berikut beberapa perintah HTML :
1. Memperbesar teks :
a. <H1>teks</H1> semakin besar angkanya semakin kecil teksnya == H1
lebih besar dari H3
b. <basefont size=6>teks</font> semakin besar angkanya semakin besar
teksnya
c. <font size=”6”>teks</font> semakin besar angkanya semakin besar
teksnya
d. <big>teks</big> teks berukuran besar
e. <small>teks</small> teks berukuran kecil
2. Huruf Superscript : <sup>teks</sup> contoh : Jan 12<sup>th</sup> hasilnya Jan
12th
3. Hurf Subscript : <sub>teks</sub> contoh : H<sub>2</sub>O hasilnya H2O
Copy Right 2008. Hak cipta www.reviews16.com
14
4. Huruf cetak tebal : <b>teks</b> contoh : Huruf <b>tebal</b> hasilnya Huruf
tebal 5. Huruf cetak miring : <i>teks</i> contoh : Huruf <i>miring</i> hasilnya Huruf
miring
6. Huruf bergaris bawah : <u>teks</u> contoh Huruf <u>bergaris bawah</u>
hasilnya Huruf bergaris bawah
7. Teks rata kanan :
a. <h1 align=”right”>teks</h1>
b. <p align=”right”>teks</p>
8. Teks rata kiri :
a. <h3 align=”left”>teks</h3> h3 untuk menentukan ukuran teks
b. <p align=”left”>teks</p>
9. Teks rata tengah :
a. <center>teks</center>
b. <h5 align=”center”>teks</center> h5 untuk menentukan ukuran teks
c. <p align=”center”>teks</p>
10. Teks rata kiri kanan :
a. <h1 align=”justify”>teks</h1>
b. <p align=”justify”>teks</p>
11. Paragraf : <p>teks</P>
12. Baris baru : <br>
Satu <br> berarti satu baris
Diatas adalah perintah-perintah dasar HTML namun dengan menggunakan front page
Anda tidak perlu pusing dengan bahasa HTML ☺ tapi jika Anda ingin mengetahuinya
silahkan klik aja menu HTML pada halaman frontpage Anda.
Copy Right 2008. Hak cipta www.reviews16.com
15
Berikut contohnya :
Ok cukup sekian tutorial membuat website dengan menggunakan frontpage. Agar Anda
semakin mahir membuat website, sering-seringlah latihan. Karena hanya dengan sering
latihanlah membuat Anda piawai dalam mendesign website
OK Semoga sukses ya ☺
Copy Right 2008. Hak cipta www.reviews16.com
16
Ita Wahyuni
Hak Cipta 2008, www.reviews16.com Dilarang keras memperbanyak atau menyebarkan
isi ebook ini dalam bentuk apapun kecuali atas ijin tertulis dari www.reviews16.com
Mari sama-sama kita hapus tindak pembajakan di Indonesia baik dalam dunia online
maupun offline