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

Posting Komentar

Postingan populer dari blog ini

fungsi tombol di kamera dslr eos 700D LAPORAN PKL

Gambar
kali ini saya akan melanjutkan setting kamera dan fungsi dari tombol di kamera dslr eos 700D langsung saja kita lanjut kamera yang kemarin saya jelaskan 1. tombol itu berfungsi untuk melihat objek yang akan di ambil tanpa harus mengeceng nya 2. tombol (-) (+) itu berfungs untuk melihat objek di dispay untuk menzoom in ataupun zoom out 3. tombol av itu untuk setting satterspeed atau frekuenzi  4. tombol disp berfungsi untuk melihat display 5. tombol iso tombol ni untuk melihat iso atau menambah mengurangi iso di kamera  6. tombol set berfungsi untuk menyeleksi apa yang kta pilih di menu display 7. tombol af berfungsi untuk mengatur setting kamera  8. lampu tanda menyalanya kamera 9. tombol wb untuk mengatur pencahayaan seperti yang sudah saya jelaskan di setting kamera sebelumnya 10. tombol untuk melihat hasil potretan  11. tombol menu untuk melihat menu di kamera 12. tombol ni untuk setting berapa banyak pengambilan gambar yang akan d ambil dan timer
Baca selengkapnya

tutorial membuat pas photo di adobe cs3 LAPORAN PKL

Gambar
hallo. hari in saya akan membagikan tutorial pas photo atau photo yang sering di pergunakan untuk KTP, atau dokument penting yang harus di lampirkan kita langsung saja ke tutoralnya tutorial membuat pas photo di adobe photoshop cs3 1. buka aplikasi adobe photoshop cs3 2. jika sudah terbuka aplikasinya kita import atau klik file lalu import atau bisa cari file photo yang akan dipilih lalu tarik ke photoshop ini contoh gaambar 3. setelah photo berada di photoshop kita lakukan beberapa pengeditan 4, disini kita melakukan pengextrakan , pengextrakan itu cara agar rambut terlihat rapih saat di ganti background, caranya klik filter lalu ekstrak 5. sekarang kta berada di halaman ekstrak  6. edit photo sehingga menyerupai gambar di bawah, ini juga proses pengekstrakan  7. ini adalah halaman utama dan back groun menghilang tanpa kalian susah payah untuk mengganti backgrund dengan cara manual 8. pada gambar di atas mash ada sisa backgro
Baca selengkapnya

cerpen berserta unsur intrinsiknya

Indahnya Persahabatan   Betapa enak menjadi orang kaya. Semua serba ada. Segala keinginan terpenuhi. Karena semua tersedia. Seperti Tyas. Ia anak konglomerat. Berangkat dan pulang sekolah selalu diantar mobil mewah dengan supir pribadi. Meskipun demikian ia tidaklah sombong. Juga sikap orang tuanya. Mereka sangat ramah. Mereka tidak pilih-pilih dalam soal bergaul. Seperti pada kawan kawan Tyas yang datang ke rumahnya. Mereka menyambut seolah keluarga. Sehingga kawan-kawan banyak yang betah kalau main di rumah Tyas. Tyas sebenarnya mempunyai sahabat setia. Namanya Dwi. Rumahnya masih satu kelurahan dengan rumah Tyas. Hanya beda RT. Namun, sudah hampir dua minggu Dwi tidak main ke rumah Tyas. “Ke mana, ya,Ma, Dwi. Lama tidak muncul. Biasanya tiap hari ia tidak pernah absen. Selalu datang.” “Mungkin sakit!” jawab Mama. “Ih, iya, siapa tahu, ya, Ma? Kalau begitu nanti sore aku ingin menengoknya!” katanya bersemangat Sudah tiga kali pintu rumah Dwi diketuk Tyas. Tapi lama t
Baca selengkapnya