Senin, 23 April 2012

Cara membuat web dengan dreamweaver

Cara membuat web dengan dreamweaver

Berikut saya akan mencoba menjelaskan cara mudah membuat web untuk tugas softskill dengan menggunakan dreamweaver :

1.       Download template gratis dari berbagai situs download templates (bisa dicari di Google dengan keyword “free templates web” .

2.       Setelah selesai mendownload buka aplikasi dreamweaver, dan pilih file à open . 


3.       Setelah membuka templates tersebut, pada bagian atas dibawah toolbar. Pilih menu split. Sehingga tampil kode diatas tampilan websitenya.


4.       Untuk mengeditnya sangat mudah, untuk tulisan tinggal men-Klik atau memblok tulisan yang ingin diubah. Dan tulisan akan terganti. Untuk mengubah font, font size, warno font dan edittan lain bisa diubah dibagian bawah templates. Terdapat beberapa icon untuk mengedit layaknya di MS. Word.


5.       Untuk menambahkan gambar, pilih menu Insert à image. Dan pilih lokasi tempat menyimpan gambar. Dan klik ok. Gambar akan tampil dan untuk mengubah ukuran tanpa mengurangi bentuk asli gambar (biar gambar tidak gepeng, dll), klik gambarnya atur ukuran gambarnya sambil menekan Shift.

6.       Untuk menambahkan pages, copy folder templates websitenya. Dan open kembali dengan menggunkan dreamweaver.

7.       Untuk mengubah gambar seperti yang saya lakukan dapat mengganti langsung gambar aslinya dengan mengubah nama gambar asli, dan mengganti gambar yang diinginkan sesuai nama gambar yang lalu. Contoh gambar asli bernama image02.jpg, kita harus mengganti gambar yang kita inginkan dengan nama image02.jpg.

  Beginilah tampilan awal tempaltes dan sesuadah saya mengeditnya J



 <Sebelum>



 <Sesudah>



*kurang lebihnya mohon maaf jika tutorial tersebut ada yang kurang. Terimakasih





Followers