tutorial membuat sebuah desain website dan linkkan website

tutorial membuat sebuah desain website ini menggunakan software(app) adobe deamwaver cs6
langsung saja kita ke tutorial

1. buka adobe deamweavercs6

2. setelah berada di halaman awal software DW CS6 kita klik html dan langsung masik ke halaman utama DW

3. kita buat table terlebih dahulu bisa tekan (ctrl+alt+T) di keyboard atau klik inset lalu table

4. sekarang kita sudah ada di halam table di sini kita pilih none saja row dan colums bisa di ganti sesuai kebutuhan kalian ,lalu klik oke

5. ini table yang yang telah muncul di halaman awal DW saya pilih 5rows dan 5colums,
untuk memperbesar table yang berada di halaman awal DW bisa kalian kli dengan menggunakan bar atau tekan pada gambar yang telah saya seleksi dengan warna kotak merah

6.setalah itu untuk menghilangkan beberapa kotak yang ada untuk membuat judul sebuah website ,kita tekan mouse kiri jika telah seleksi klik kanan pilih table lalu marge cells

7. ini hasilnya , misalnya saya beri judul seperti yang terterap pada gambar di bawah


8. setelah membuat judul kita buat kolom kolom lainnya ,
keterangan 
disini kita akan membuat beberapa panel yang di butuhkan dala sebuah website 
- mengganti warna pada kolom agar lebih menarik untuk di lihat caranya dengan klik kolom lalu di propertis ganti warna.

ini hasilnya

9. setelah itu kita buat copy_rigth@2017_nabillapro, di kolom paling bawah 
lalu saya beri gambar pada tengah bagian desain weh agar lebih menarik 
caranya klik propertis klik css lalu klik page propertis

ini hasilnya

10. setelah itu atur klik background image lalu browse


11. ini hasilnya, lebih berwarna dan menarik, gambir bisa di sesuaikan dengan ke inginan kalian 


12. lalu kita buat halaman profil untuk kita link kan pertama kita buat lagi halaman dengan ctrl + n untuk membuat folder baru setelah menuliskan beberapa penjelasan di halaman tersebut kita save dengan halamanprofil.html

ini halaman profil

13. setalah itu kembali lagi ke halaman awal website disini kita link kan agar bisa masuk ke halaman profil jika di klik, disini kita seleksi dulu profil lalu klikk kanan pilih make link



14. jika telah terlink bisa kalian lihat perubahannya pada gambar di bawah
\ini hasilnya

15. jangan lupa halaman utamanya kita save . lalu kita buka halaman utama pada tempat yang tadi di save, dengan klik 2x file

16. ini hasil pada situsnya 


17. lalu kita buat halaman baru un untuk kembali di halam profil, save nya di halaman profil dengan .html


terimakasih telah melihat tutorial membuat desain wabsite di blog saya semoga bermanfaat 
by: nabilla






Komentar

Postingan populer dari blog ini

fungsi tombol di kamera dslr eos 700D LAPORAN PKL

tutorial membuat pas photo di adobe cs3 LAPORAN PKL