Thursday, May 26, 2016

8:09 AM
6
Setelah lebih dari 2 tahun saya ngk posting apapun juga. kali ini saya mencoba untuk posting artikel lagi. dunia sekarang semua berbasis web, sistem administrasi, perbankan dan sistem informasi semua berbasis web. pembuatan sebuah website sebenarnya sangat mudah dengan ketekunan dan keuletan diri kita masing masing.
tahap awal pembuatan web kita harus merancang layout web yang akan dibuat. komponen komponen apa yang akan dipasan di rancanagan web yang akan dibuat.
dari rancangan tersebut tampak struktur web yang akan dbuat terdiri dari kontainer, header, menu, menu navigasi kiri, konten web dan footer.
dalam pembuatan ini saya menggunakan komponen class bukan id, sebenarnya sama aja cuma beda dalam pemanggilan di css kalau class pemanggilan dengan "." sedangkan id pemanggilan dengan "#".
langsung aja . dengan membuka adobe dreamweaver andalan saya . pilih html lalu saya tulis scripnya seperti ini


lalu simpan dengan nama index.html dan ketika dijalankan di mesin browser hasilnya terlihat seperti gambar dibawah ini

tampilan web serasa tidak indah karena belum di atur file cssnya , maka pada dreamweaver klik file new dan pilih css kemudian simpan dengan nama style.css.
tulislah code program  dihalaman css seperti ini :


kemudian koneksikan antara file index.html dengan style.css dibawah title

untuk lebih jelasnya bisa dilihat divideo di bawah ini:
sourcecodenya dapat didownload disini

6 comments:

  1. Wah sekian lamanya di tunggu-tunggu dan akhirnya aktif juga.... sibuk banget ya pak? Sampe 2 tahun gak posting... di tunggu lanjutannya pak...

    ReplyDelete
    Replies
    1. lagi pengen berbagi ilmu lagi, mungkin entar malam saya buat buat yang mempercantik layout web atau membuat responsive web

      Delete
  2. Sangat Bermanfaat
    Di tunggu Postingan selanjutnya...

    ReplyDelete
  3. itu pengaplikasianya di website gimana?
    apa tinggal copas aja di blog?

    ReplyDelete
    Replies
    1. Kalau di website tinggal copas me webhosting kalau blog otak atik di templatenya

      Delete
  4. Sangat bermanfaat sekali, moga selalu diberi kesehatan kemudahan, Biar tetap exis. Aamiin.. yra..

    ReplyDelete