CSS Layouting – #10 Float : Membuat Website Sederhana (Part 2)
Mari kita lanjutkan latihan kita membuat website sederhana, kali ini dengan menambahkan konsep float pada halaman kita.
Let’s Code!! Mari Ngoding!!!!
—
download slide:
http://www.slideshare.net/sandhikagalih/css-layouting-4-float
—
CSS Micro Clearfix
http://nicolasgallagher.com/micro-clearfix-hack/
—
download mockup / kerangka website (update)
https://www.dropbox.com/s/2r72va0jutnvvmf/layout-latihan-float.pdf?dl=0
—
– 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 :
– https://www.facebook.com/WebProgrammingUNPAS
– http://codepen.io/webprogrammingunpas
– https://github.com/webprogrammingunpas
– http://pw.if-unpas.org
– http://www.unpas.ac.id
terimakasih dan selamat #ngoding!
@sandhikagalih
CSS Layouting – #10 Float : Membuat Website Sederhana (Part 2)
CSS Layouting – #10 Float : Membuat Website Sederhana (Part 2)
pak kalau mau membagi menjadi 3 bagian gimana??
Kak galih, knp ya <li> saya nggk sejajar sama tulisan My Website
Dia lebih kedalam tuh tulisan nya kak
Mohon bantuan nya kak
oya mas kalau fungsinya ease pada animation buat apa ya ?? dan adakah atribut selain ease ya ??
pak maaf mau tanya nih… gmn caranya membuat text menu,abaut,produck,servis, bisa ngelink ke halaman lain
terima kasih
mas boleh pin bb nya?
pak sadika mau tanya cara membuat tulisannya yang ada di main kembali penuh setelah slidbar nya gimana ya pak…contoh https://id.wikipedia.org/wiki/Sejarah_Indonesia_(1998%E2%80%93sekarang) trimakasih
kak sandikha, mau tanya, ko web nicolasgalager yg buat micro clear fix udh ga bisa di akses lg ya? ada sumber lain ga selain ngambil dari situ micro clear fix nya?
kak… gimana cara membuat isi pada dari navigasi pada home
Mas Sandhika, bisa dibantu ejaan nama software nya, makasih sebelumnya
Ka buat tutorial tentang website sederhana menggunakan CI dong 😀
https://codepen.io/muis1995/pen/BrzGdW?editors=1100 mohon di koreksi mas.float saya gak fungsi
Kak mau tanya, Saya sudah mencoba semua tapi untuk sidebar yang ke kanan tidak bisa, akhirnya saya gunakan elemen table, tr, td. Apakah cara saya bener kak…
Ass..wr..wb.. pak dika vidionya keren keren bgt dah saya ikutin semua
Dan untuk vidio ini ga àda seri lanjutanya ya pak, dan kalo bisa tambahin dropdown menu berikut nampilin link nya pak
Keren vidionya pak,
Kalo misal ada 2 artikel atau lebih gmn nampilinnya pak, minta petunjuknya.👃👃👃👃
pak sandhika, mohon maaf saya ingin bertanya,
saya sudah menaruh source code tentang clearfix di css, namun footer nya tetap berada di atas.
bagaimana kah solusi nya pak? terima kasih ^^
Assalamualaikum pak sandika..Tambahin tutorial menu dropdownny pak sandika.. Terimakasi atas iLmuny..Semoga slalu diberikan kesehatan.. Amiinn ..
Mas mau nanya lagi, gimana caranya membuat order list di div yang sudah kita clear float? soalnya saya bikin list di side bar tapi disk nya gk muncul.. hanya tulisannya aja. thanks.
aplikasinya pakai apa si kak?
sangat bermanfaat
Terimakasih ilmunya, sangat bermanfaat
pak cara buat pembatas tentang penulisnya bagaimana ? udh make border tapi gk mau. atau ada yg saya lupakan ya ? bantuannya pak..
Bang tolong dong buat kn tutorial web from jual belii yh plisss tugas sekolah…plissss
Terima kasih mas Galih. Saya sudah bisa membuat sperti ini tanpa nyontek videonya. Walaupun sesekali ngintip, krna masih ada bingung dan salah2. Tetapi sejauh ini saya cukup faham mngenai materinya, padahal baru 4 hari ngikuti materi dr awal html 😀 Penjelasan dan pnguasaan materinya uenak, mudah di tangkap untuk pemula. Lanjutkan mas! Josss
Untuk ukuran layout webnya, apakah ada ukuran2 standar baku yang digunakan mas? Atau tergantung kita saja yang ngatur sesuka hati? kalau seperti diataskan ukuran lebar keseluruhannya 960px. Nah ini mas sendiri yang ngatur ukurannya, atau memang ada ukuran standar web yang segitu? Terima kasih sebelumnya mas.
Mau nanya kenapa ya pas bikin sidebar malah di bawah main bukan di tempat seharusnya
sore pak. terimkasih ilmunya pak, saya mengikuti dari html sampe sekarang, dan dari ilmu saya yang masih amatir jadi bisa desain web kaya gini jadi ngerti dari tiap tiap elemen dan fungsinya.. semoga ilmunya berkah pak,, tapi saya mau nanya pak, pada video ini saya mencoba modif elemen main menggunakan image, jadi satu elemen main itu hanya image saja, sidebar nya tetap, dan pada saat menggunakan background image pada "class main" nya dengan css .main{
height: 350px;
background-size: cover;
background-image: url(img/photo.jpg);
}
kenapa ga jalan ya pak?
saya juga sudah coba menggunakan tag html untuk image bisa, tpi untuk merubah ukuran nya tidak bisa pak. image yang saya gunakan ukuran 600×900 px
terimakasih pak sebelumnya..
Itu aplikasi coding nya pake aplikasi apa ya? Saya biasanya cuma pake notepad++..
Suka lucu sama kata kata Lorem itu saya pak haha🤣
Pak saya sudah di kasih micro fix tetap beda gak ada putihnya itu tolong gimana caranya
pak micro clearfix nya nggak kebaca di main udah ditambahin class cf. footernya jadi ke atas
Keren pa Dika. Barang kali dgn tutorial membuat website sederhana ini d lanjutkan di seri js atau php nya. Biar lengkap 1 tutorial uda ada html css js n php dlam 1 website sederhana. Hehehee
Pak Dhika misalkan di class footer di kasih properti clear: both; bisa jg kan ? Jd g perlu pke Micro clearfix lg
pak mau naya? vidio berapa yang ngbahas gisi konten home, about dll.,. mohon bantuan y pakkk
pak, saya ada masukan, kalau di HTML5,
div header langsung dipake di tag header
div main langsung pake tag main
div sidebar langsung pake tag aside
div footer pake footer
yang copyright jan lup code "©"
trus ada tag section, dialog, detail
itu pak bbrp tag baru di HTML5
Mas, kalau mau isi misalkan diklik menu about trus muncul tulisan2 gimana y? Apa harus copy filenya trus diisi tulisan2 trus di link kan ke menu about? Masih belum paham kalau mau isi menu2 tersebut
mas mau tanya dong kalau micro clearfix itu hanya digunakan satu kali atau bisa berulang kali namun dengan nama class yang berbeda?
Bang kalo mau buat tombol navigasinya gimana ? Biar bisa ganti halaman
Thnks iyaa kk
Buat part ke dua
Mkasih kk
O iyaa kk minta part 3 dongk
Clear fixnya udh ga bsa lgi yaa?? Footer msh tetep di atas soalnya
Assalamualaikum pak kalau mau membuat gambar dan tulisan jadi 1 itu gimana ya ?🙏
Gustii… Lieur Lieur euy..
buat tutorial front end mas
kenapa saya tidak bisa menampikan gambar???
Saya sudah buat inline block pada css tapi kenapa tidak ada perubahan pada tanpilannya..mohon bantuaanya
Mantapzzzzzzzz,,,,,,trimksh bang,,
pa dika tutorial sass pake gulp dong
terbaik
mas Sandhi, kok box "sidebar" saya malah ada dibawah box "content" ya ?