Selasa, 17 April 2012

Membuat Web Dengan Dreamweaver

Langkah-langkah untuk membuat web:
1.   Instal Macromedia Dreamweaver 8 dan adobe photoshop
2.  Pertama membuat dan memilih konsep dan gambar untuk merancang web yang di inginkan.
3. Pilih template sesuai dengan tema dari konsep yang telah dibuat. Untuk memilih template sekarang sudah banyak tersedia di internet.
4.   Setelah template sesuai dengan konsep diinginkan, buka dreamweaver.
5.  Pada Macromedia dreamwever, langkah-langkah untuk mengedit template yang sudah dipilih.
-   Klik Dreamweaver Site

-  Part 1 Isi nama -> next-> Part 2 next -> Part 3 pilih lokasi folder, tempat template di simpan  ->next  -> local network diganti dengan none -> done 

Siap untuk mengedit template yang telah di pilih pada dreamweaver.
-     edit title
Pada masing-masing page html terdapat
little-girl-blowing-wind-mill.jpg" alt="Image" />, lalu kita edit gambar untuk title tersebut dengan title sesuai dengan konsep yang telah dibuat pada setiap page.
-      edit background
Pada syle css, cari nama background. Setelah itu, ganti dengan gambar background yang kita inginkan. Sesuaikan juga ukuran backgroundnya. Untuk menyesuaikan ukuran background dapat mengedit di adobe photoshop.


-   edit daftar menu-menu
-     edit gambar
Pada dreamweaver pada design, klik pada gambar yang akan kita ubah dengan gambar sesuai dengan keinginan kita atau pada properties, di src pilih folder gambar. Pastikan gambar sudah dalam satu lokasi folder dengan template. Sesuaikan ukuran gambar yang akan dimasukan dengan gambar sebelumnya. 

 
-      edit tulisan
Pada kotak design ganti tulisan sebelumnya dengan tulisan yang telah kita buat. Lakukan hal yang sama pada setiap page. Kita dapat mengubah warna tulisan, font, style, size pada properties.

 
-      edit icon media sosial
Edit icon media sosial pada css, cari nama gambar sebelumnya lalu ganti dengan icon media sosial lain. Pastikan icon media sosial sudah terdapat pada folder images yang satu folder dengan template.

 

      6. Di sini saya menambahkan menu gallery, langkah-langkah sebagai berikut:
-   Taruh gambar-gambar dalam satu folder dan simpan di folder template
-    Buka adobe photoshop
-    Pilih file -> automate -> klik web photo gallery
-    Pilih syle
-   Klik Browse cari folder yang dibuat. Klik destination, save di folder template
-    Lalu atur option sesuai keinginan kita.

 
Berikut adalah tampilan web yang saya buat:

Tidak ada komentar:

Posting Komentar

LABEL

Flash Labels by Way2Blogging