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

Anonymous
February 20, 2015 at 10:37 PM

makasih infonya mas

Post a Comment

Silahkan Berkomentar Dengan Baik dan Sopan
No Spam
No Link

Terima Kasih Telah Berkunjung Ke Blog ini