Bab V Menggunakan Perangkat Lunak untuk Membuat Website
144
c. Sesaat kemudian, komputer akan menampilkan kotak dialog Site
Definition. Isikan nama situs yang Anda telah Anda buat yaitu Situs Buatanku. Lanjutkan dengan melakukan klik pada tombol
Next.
d. Langkah selanjutnya, pilihlah No, I do not want to use a server
technology dan lanjutkan dengan melakukan klik pada tombol Next.
Sumber: Macromedia Dreamweaver 8
Gambar 5.27 Mengisikan nama site
Sumber: Macromedia Dreamweaver 8
Gambar 5.28 Memilih No, I do not want to use a server technology
Teknologi Informasi dan Komunikasi Kelas XI SMAMA
145
e. Berikutnya, tentukan folder yang akan Anda gunakan sebagai tempat
menyimpan file-file situs. Dalam hal ini, biasanya komputer akan
menuliskan folder yang telah dibuat sebelumnya
Situs Buatanku.
Pilihlah Edit local copies on my machine, the upload to server when
ready. Lanjutkan proses dengan melakukan klik pada tombol Next.
f. Pada proses selanjutnya, pilihlah pilihan
None dan lakukan klik pada
tombol Next.
Sumber: Macromedia Dreamweaver 8
Gambar 5.29 Memilih Edit local copies on my machine, the upload to server when ready
Sumber: Macromedia Dreamweaver 8
Gambar 5.30 Pilih None
Bab V Menggunakan Perangkat Lunak untuk Membuat Website
146
g. Langkah terakhir, lakukan klik pada tombol Done.
h. Komputer akan kembali pada tampilan halaman awal Dreamweaver 8.
Selanjutnya, Anda dapat mulai membuat halaman-halaman yang akan mengisi situs Anda.
2. Membuat dan Menyimpan Halaman Situs
Setelah membuat site, Anda dapat mulai membuat halaman-halaman
yang akan ditampilkan dalam situs Anda. Dalam buku ini, Anda dapat mempelajari proses pembuatan halaman-halaman
website ”Situs Buatanku”. Sebagai latihan pertama, buatlah
folder yang akan Anda gunakan sebagai lokasi penyimpanan situs yang akan Anda rancang.
Berilah nama folder yang Anda buat, misalnya ”Situs buatan Liza”.
Kemudian, buat pula site dalam folder Anda. Simpan folder baik-
baik karena folder ini akan Anda gunakan untuk latihan lebih lanjut.
Sumber: Macromedia Dreamweaver 8
Gambar 5.31 Klik Done
Teknologi Informasi dan Komunikasi Kelas XI SMAMA
147
Perhatikanlah pembuatan halaman utama yaitu halaman ”Situs Buatanku”.
Cara membuat dan menyimpan halaman ”Situs Buatanku” dapat Anda ikuti pada uraian berikut.
a. Lakukan klik pada ikon HTML.
b. Anda akan memperoleh satu halaman kosong.
Sumber: Macromedia Dreamweaver 8
Gambar 5.34 Halaman kosong pada Macromedia Dreamweaver 8
Sumber: Macromedia Dreamweaver 8
Gambar 5.33 Klik ikon HTML
Sumber: Internet Explorer 6.0
Gambar 5.32 Tampilan halaman utama homepage Situs Buatanku
Bab V Menggunakan Perangkat Lunak untuk Membuat Website
148
c. Untuk menyimpan halaman, klik menu File, kemudian pilihlah Save As.
Simpanlah file ini, misalnya dengan nama index. Pastikan bahwa file
disimpan dalam folder
Situs Buatanku.
3. Menampilkan Identitas Halaman
Identitas halaman terbaca saat website ditayangkan menggunakan
web browser. Identitas halaman tidak harus sama dengan nama file. Langkah-langkah pemberian identitas halaman dapat Anda simak pada
langkah-langkah berikut. a. Isikan nama atau identitas halaman pada kotak
Title. Kotak Title
terletak pada
Properties Inspector.
b. Tekan tombol
Enter untuk mengakhiri langkah ini.
4. Mengatur Halaman
Pengaturan halaman perlu Anda perhatikan sebelum mulai mengisi halaman. Agar dapat menangani pekerjaan ini, simak uraian berikut.
Awalnya, halaman rancangan situs dalam Dreamweaver 8 menggunakan
warna putih. Warna halaman dapat Anda ubah sehingga tampilan situs yang Anda buat lebih menarik.
Saat mengubah warna halaman, Anda dapat pula mengatur gambar latar belakang. Pengaturan warna serta gambar latar belakang dapat Anda
lakukan menggunakan langkah-langkah berikut. a. Lakukan klik pada tombol
Page Properties.
Website Situs Buatanku akan di- upload unggah ke www.geocities.
com. Website ini memberikan syarat
khusus, yaitu halaman utama homepage harus berupa file
index.htm atau index.html. Oleh karena itu, halaman utama ”Situs
Buatanku” disimpan dengan nama index.html.
Sumber: Macromedia Dreamweaver 8
Gambar 5.35 Menyimpan file index.html
Sumber: Macromedia Dreamweaver 8
Gambar 5.37 Klik tombol Page Properties
Sumber: Macromedia Dreamweaver 8
Gambar 5.36 Mengisikan identitas pada kotak Title
Teknologi Informasi dan Komunikasi Kelas XI SMAMA
149
b. Komputer akan menampilkan kotak dialog Page Properties. Untuk
memilih warna halaman, lakukan klik pada kotak kecil di samping keterangan
Background color. Sesaat kemudian, komputer akan
menampilkan pilihan warna yang dapat Anda pilih. Pilihlah salah satu warna, misalnya warna ungu muda kode warna CCCCFF.
c. Lakukan klik pada tombol
Apply dan ikuti dengan melakukan klik pada
tombol
OK. Hasil pemberian warna latar belakang dapat Anda amati
pada gambar berikut.
Sumber: Macromedia Dreamweaver 8
Gambar 5.38 Memilih warna background
Warna yang dipilih Kode warna
Sumber: Macromedia Dreamweaver 8
Gambar 5.39 Hasil pemberian warna latar belakang