CSS Layouting – #7 Box Model : Membuat Website Sederhana

CSS Layouting - #7 Box Model : Membuat Website Sederhana

CSS Layouting – #7 Box Model : Membuat Website Sederhana

Nah, sekarang saatnya kita membuat website sederhana pertama kita dengan menggunakan pemahaman yang sudah kita pelajari di seri ini..

Let’s Code!! Mari Ngoding!!!!

download slide:

http://www.slideshare.net/sandhikagalih/css-layouting-3-box-model

download mockup / kerangka website

https://www.dropbox.com/s/6zpb7nxx61xe0te/latihan-box-model.pdf?dl=0

– Download gambar bebas pakai
https://unsplash.com/

– Nama warna CSS
http://www.w3schools.com/colors/colors_names.asp

– Download pattern / pola untuk background halaman
http://subtlepatterns.com/

– HTML Dasar
https://www.youtube.com/playlist?list=PLFIM0718LjIVuONHysfOK0ZtiqUWvrx4F

– CSS Dasar
https://www.youtube.com/playlist?list=PLFIM0718LjIUBrbm6Gdh6k7ZUvPIAZm7p

– Tutorial Sublime Text
https://www.youtube.com/playlist?list=PLFIM0718LjIWE-Ot9V9qcALx5OMAZY67c

follow juga akun media sosial kita yang lain :

http://facebook.com/webprogrammingunpas
http://codepen.io/webprogrammingunpas/
http://twitter.com/sandhikagalih
http://instagram.com/sandhikagalih

terimakasih dan selamat #ngoding!

@sandhikagalih
CSS Layouting – #7 Box Model : Membuat Website Sederhana



CSS Layouting – #7 Box Model : Membuat Website Sederhana

Related posts

29 Thoughts to “CSS Layouting – #7 Box Model : Membuat Website Sederhana

  1. permisi pak mau tanya,

    .header a{

    text-decoration: none;

    color: salmon;

    padding: 3px;

    }

    .header a:hover{

    background-color: lightskyblue;

    color: white;

    }

    bagian color nya kok gk bisa (gk berubah) ya? padahal background-color atau padding nya berhasil berubah, mohon bantuannya pak

  2. Permisi pak saya mau tanya, kenapa gambar di class hero ny gak muncul yaa? Padahal udh ikutin semua yg udh di praktikan….
    Terima Kasih

  3. Bang boleh minta wa abng saya mau sharing ..ini wa saya bang..081377424852..saya minta izin

  4. nice banget padika…. sangat berfaedah

  5. Terimakasih sangat bermanfaat

  6. video ini sangat membantu banget, terutama buat saya yang masih awam dengan HTML, CSS, & PHP. video ini sangat untuk temen temen yang ingin belajar buat Website. terus berkarya mas sandhikagalih. dan kalo ada pertanyan boleh bertanya mas. ditunggu video selanjutnya….mas sandhikagalih.

  7. bang kok saya coba gambarnya ga tampilya
    kalo pake html muncul, tapi saat nyoba background-image : url (); malah ga muncul?

  8. Maaf, ketika saya coba buat list untuk header kok list nya menjorok ke dalam terus ya. Yang di tutorial ini langsung rata kiri gitu. gimana ya Pak?

  9. 2:33 bang kenapa itu harus dikasih class? Kan h1 cuman ada satu.

    Plis kejawab🙏🙏🙏

  10. Terimakasi gan
    Sangat muda di pelajari

  11. ka apakah ada source codenya ??

  12. Kak caraaa Biar Box nya banyakk Ke pinggir gimnaaa

  13. Bang kalo buat image hero nya slide bgaimana ???

  14. Terimakasih pak galih sangat membantu, tapi gambar saya gak tampil ketika di panggil di css, salah nya dimna ya pak?

  15. kok saya
    span {

    display: inline-block;

    }
    tidak berfungsi ya pak..?

  16. Bang cepet amat…capek bang kek ngejar rossi wkwkwkw….tp good lah turnuhun

  17. Salam kenal mas, perkenalkan saya robert marganda, saya seorang apoteker dan saat ini saya mempunyai konsep dan model bisnis untuk bidang kesehatan dan saya ingin mengembangkan nya dalam bentuk aplikasi saya butuh mitra untuk menngaplikasikan model bisnis nya mas. Jika bersedia saya ingin meminta kontaknya mas
    Ini nomor kontak saya 085274225346

  18. Kok gak bisa di masukin foto ya?😅

  19. Terima kasih mas buat ilmunya. Sangat bermanfaat, untuk menghargai itu saya tidak akan menskip iklan. Sukses selalu. GBU

Leave a Comment