Belajar Membuat Web Personal Sederhana Dengan Dreamweaver
Assalamualaikum sahabat Ikut Belajar Blog, kita lanjut yach belajarnya. ini juga kelanjutan dari postingan sebelumnya Belajar Membuat Desain Layout dengan Dreamweaver. sekarang kita Belajar Membuat Web Personal Sederhana Dengan Dreamweaver, ok biar tidak lama-lama karena mau kuliah dulu,hehe
Membuat Web Personal
Untuk membuat web personal
pakailah layout yang sudah dibuat tadi. Sehingga tinggal menambah gambar, menu,
dan sebagainya.
1. Menambah Gambar
- Tempatkan kursor pada kolom header, hapus
kata “header” setelah itu – insert –image
– pilih gambar maka akan muncul window seperti ini.
Alternate text atau teks
alternative ketika gambar itu tidak bias muncul. Alternate text itu di isi
dengan nama gambar atau posisi diletakkannya gambar, misalkan “header” karena
posisi gambar ada pada header.
- Setelah di insert gambar aturlah ukuran
gambar sesuai ukuran kolom header, yaitu W = 900 H = 150 pada properties. Sehingga
hasilnya seperti ini.
- Selanjutnya pada baris kedua,
Ketiikan kalimat sepeerti berikut : “SELAMAT DI WEBSITE KU” align = “center”.
- Maka Hasilnya
Membuat Tombol Navigasi
- Tempatkan kursor pada kolom sidebar dan hapus kata “sidebar”
-Atur posisi vertical isi sidebar dengan klik pada properties Vert=top.
- Buatlah table pada kolom sidebar dengan 6
garis 1 kolom, lebar = 220 dan border = 1.
Hasilnya
- Tempatkan kursor pada baris satu dan
Ketikkan “DAFTAR MENU”
- Selanjutnya tempatkan kursor pada baris 2
pada tabel yang baru dibuat. Insert –media – flash button. Maka muncul window
seperti ini
Silahkan atur seperti ini.
Style : Model Tombol
Button text : Label Tombol
Font : Model font
Link : Alamat Tujuan
Target : Jenis Link
Bgcolor : Warna background tombol
Save as : Nama tombol
Setelah di isi semua tekan OK
- Buatlah
4 tombol lagi
dengan cara yang
sama, yaitu tombol
“PROFIL”,“KEGIATAN”, “FOTO”, “PENDIDIKAN”. Sehingga hasilnya seperti
berikut.
- Biar
lebih bagus hilangkan
border tabel tombol.
Caranya klik tabel
– pada properties berilah angka 0
pada border
3. Footer
Isilah footer dengan “Namasiswa@2013”
4. Memperbanyak Halaman Web
Pada desain
web yang dibuat
disitu ada 5
tombol navigasi, HOME, PROFIL,
KEGIATAN, FOTO, PENDIDIKAN. Keempat tombol itu
(kecuali HOME, karena desain
yang dibuat tadi
dianggap halaman HOME) butuh halaman
link masing-masing. Agar tidak
mendesain dari awal untuk 4 halaman itu maka langkah sebagai berikut.
Buka desain yang dibuat
File – save as – kasih nama (profil, kegiatan,
foto, kegiatan) – save
Isi setiap halaman yang dibuat tadi sesuai
dengan title atau judul masing-masing.
Misalkan halaman
PROFIL. Maka pada
konten isilah tentang
profil anda. Begitupula untuk
halaman-halaman yang selanjutnya.
Hasilnya Seperti ini.
Selamat Mencoba Semoga Sukses
1 comment
makasih infonya mas
Post a Comment
Silahkan Berkomentar Dengan Baik dan Sopan
No Spam
No Link
Terima Kasih Telah Berkunjung Ke Blog ini