Tutorial Membuat Website Sederhana dengan HTML dan CSS. Lengkap dan Mudah bagi Pemula
HTML-код
- Опубликовано: 21 авг 2024
- Video kali ini kita membuat website sederhana dengan menggunakan HTML dan CSS. Sudah support responsive juga. Pemula silakan masuk, yang senior silakan berikan sarannya.
Dan...mari kita lanjutkan buat adminnya di sini : • PART#1. INSTALASI XAMP...
code:
github.com/dir...
🌟 Pembahasan 🌟
🔸 Pembuatan Menu di HTML
🔸 Single Page Application
🔸 Membuat Landing Page
🔸 Pengaturan CSS
🔸 Membuat Responsive Website
==============================
✅ PLAYLIST
==============================
▪️ Tutorial PHP & MySQL
• Tutorial PHP & MYSQL
▪️ Tutorial HTML dan CSS
• Tutorial HTML dan CSS
▪️ Tutorial Blogger Pemula
• Tutorial Blogger Pemula
==============================
✅ FOLLOW KAMI
==============================
▪️ / @dirumahrafif
▪️ / dirumahrafif
▪️ / dirumahrafif
▪️ github.com/dir...
⚡ Silakan LIKE dan SUBSCRIBE untuk konten gratis lainnya! ⚡
-- Pertanyaan? --
Silakan sampaikan pertanyaan sehingga semoga saya atau yang lainnya bisa membantu.
Email: dirumahrafif@gmail.com
Terima kasih, 
Наука
Kalau dibuat video berikutnya untuk membuat website dinamis dengan menggunakan PHP MySQL pake template ini kira-kira pada minat gak yaa... 😀
Yok.. kita lanjutkan buatkan adminnya >> ruclips.net/p/PLzt0WdHR1Z3mIO8sTcb_obvC5JmL_b-Fg
minat bang,
Lanjut Bang
minat gk,
minat gak,
minat lah masa enggak!!!!
Bagus tu kak
Ku menanti
Berbagi ilmu itu indah..
Ladang pahala buat yg mau berbagi.
Lanjutkan Pak. Berbagi terus ke yg mau mempelajarinya.. karena mereka adalah penerus bangsa ini..
amiin...semoga Allah beri kemudahan
Mau nanya ko saya dari courses Ke home ga keatas/ga nge scroll, cuma ngescroll dari home ke courses doang
As someone who hasn't focused in class for many months it's cause for the long burnt out, I find this very helpful and I can go back doing my school assignments smoothly
Not to mention you explained very well, easy to understand!
MaasyaAllah sangat bermanfaat sekali, selama ini gk pernah kebayang gmn caranya membuat website, tp dengan video ini, terlihat seakan mudah sekali, terima kasih banyak ilmunya Pak, sehat dan sukses selalu.😊
semoga bermanfaat
Sebenarnya buat website yang sebenar-benarnya website itu banyak tingkatannya tong, jangan cepat puas dan jangan sampai merasa udah paham.
Mau nanya ko saya dari courses Ke home ga keatas/ga nge scroll, cuma ngescroll dari home ke courses doang
@@YudanSpyzi di tambahin tanda #
@@m.nasruloh2770 di tambahin dmn nya bang
Masha Allah...sesuai dengan yang diajarkan. Terima kasih RumahRafif atas ilmu serta tutorialnya yang mudah diikuti sehingga bisa membuat web dengan sederhana.....
Salute for the video maker! I feel really grateful for this video since I finally succeed making my personal website. I will definitely watch the other video as well, thank you so much for sharing this amazing knowledge sir!
thanks for the comment...hope it will help you and another people...
@@dirumahrafif gan, cara hilangin titik yang disebelah link menu gimana ya?
@@crissarodaeli3793 di css pakai
display : inline-block;
@@crissarodaeli3793 select li nya kasih list style type jadi none
kak sedikit saran , kalo gak ngerepotin , untuk setiap element baru syntag yang di pakai , boleh tidak di jelasin kegunaan nya , agar lebih mudah lagi , Terimakasih : ) , semoga di baca meskipun telat 1 tahun hehe
😭😭😭😭
🤜😭🤛
Setuju
Itu kayak lo nulis di notes.... anggaplah head itu judulnya terus body itu isinya... untuk kodingan di bagian head yaitu meta charset utf 8... itu supaya apa yang kita masukin ke web bisa disinkronkan dengan dengan webnya.....
setuju ini aj gua rada bingung itu syntax yg mana di css buat mindahin tulisan jadi ke sebelah kanan dari gambar home dan di bawahnya jd ke seblah kiri di samping course...?
Masyallah, ini tutornya enak bgt pudah dipahami untuk saya yg masih awal-awal untuk bikin web, makasih Mass🙏
Mau nanya ko saya dari courses Ke home ga keatas/ga nge scroll, cuma ngescroll dari home ke courses doang
Terimakasih kak atas ilmunya, ditunggu cara membuat web desain yang lebih bagus lagi, menggunakan html, css dan javascrib
Terima kasih bang 3 apa 4 jam belajar dr video ini akhirnya selesai juga tugas 😁🙏
Bagian footernya kalo mau lebih rapih lagi tambahin di css nya : .footer-section {
width: 50%;
}
Jadinya mantap
misi bang mau tanya saya di bagian contact, yang kek kisal tulisan About, Contact, Social itu kok gak sejajar gimana ya bang
Mau nanya ko saya dari courses Ke home ga keatas/ga nge scroll, cuma ngescroll dari home ke courses doang
Bang saya mau nanya nanya bisa minta wa nya?
Penjelasannya mudah dipahami.
Terima kasih banyak atas sharing-nya gan.
Mudah-mudahan tetap sehat selalu.
Alhamdulillah. Akhirnya bisa juga meskipun dikit demi sedikit, terimaksih Om ilmunya bermanfaat banget. Semoga sehat selalu dan banyak rezekinya🙏
terimakasih ilmunya ya bg, tugas saya dapat terselesaikan berkat bantuan abg🙏🏻
Terima kasih pak sudah mau berbagi ilmu, semoga rezeki bapak di lipat gandakan oleh allah.
Aamiin
Tanks bang 😁🤩🤩🤩
Mantap
Buat yang ingin lebih tau tentang kegunaan belajar javascript / CSS / html tentu nya ... 👌👌👌
Aq masih maba, baru selesai 4 jam an, pusing lagi bang seharian wkwk, thanks bang ilmu nya 😂
maba ya..yok..semangat semangat..👍😁👍
bang tahun depan ane insyaallah pilih kuliah teknik informatika, awal kuliah belajar apa dullu bang yg mungkin bisa di persiapkan dari sma
eh kok gw udh ikutin tpi hasilnya g sama
@@ghazyalghifari4607 iya sama
@@sucamtu2316 aku udh dpt caranya brusan 😀
mantap pak afif video anda menjadi asupan harian saya, bair ga tampilan screen aja yg responsif tapi Otak juga ^3^
wiss...mantap Bang.... 😀👍
Waalaikumussalam wr wb
Terimakasih kaka ilmunya, cara pembutan website sederhana, pahala yang akan terus mengalir
Mau nanya ko saya dari courses Ke home ga keatas/ga nge scroll, cuma ngescroll dari home ke courses doang
Alhamdulillah min saya berhasil membuat website sederhana sama seperti mimin, dan saya juga pelajari dan amati video dari mimin terima kasih banyakkk
Bang gmn kalau style css nya engk berfungsi?
@@AnisaAryanNabilah kenapa kok gk bisa berfungsi bang?
maaf baru bales yaa
@@arsanarendyinrianto7354 Bang kenapa ya punya saya contact nya masih numpuk padahal udah di atur flex wrap nya
@@YudanSpyzi mungkin tidak ada "#" soalnya ini juga berpengaruh
Bang tambahin ini di awal css biar waktu nge scroll jadi smooth
html {
scroll-behavior: smooth;
}
Mau nanya ko saya dari courses Ke home ga keatas/ga nge scroll, cuma ngescroll dari home ke courses doang
Plis bang jawab🙏🏻🙏🏻🙏🏻
@@YudanSpyzi sama nih saya jg. sudah ketemu solusinya bang?
45:44
tks bang w belajar lagi dah sekian tahun baru coba lagi ini lebih cepet dari w belajar sama dosen...mantap bang manfaat ilmunya ya bang...aaminn...
terima kasih untuk tutorialnya.buat saya jadi semangat untuk belajar programing
simpel dan sangat jelas pemjelasannya.untuk yang pemula seperti saya sangat membantu sekali.
terima kasih
terima kasih Bang, semoga bermanfaat
Mau nanya ko saya dari courses Ke home ga keatas/ga nge scroll, cuma ngescroll dari home ke courses doang
@@dirumahrafif Mohon dijawab bang
bang mau tanya, dibagian nav kan ada property display: flex nah saya masih kurang paham maksud dari membuat seperti kolom di menu2 nya itu gimana ya bang? soalnya yg saya tau display flex itu cuman dari posisi vertikal jadi horizontal bang, trs saya coba tanpa display: flex jg gaada bedanya bang itu maksudnya gimana ya bang terimakasih🙏
pertanyaan yang sama bang hehe.., di sana pas display : flex ; posisi text pindah ke samping gambar, tapi posisi text malah bersampingan bukan kebawah, gimana ya bang? terimakasih..
Terima kasih untuk videonya, simple dan mudah di praktekan
Mantap..sangat membantu penjelasannya apa lg saya kuliah online hampir susah memahami kalau dosen sedang menjelaskan.
Semoga membantu ya
Mantab Sangat bermanfaat untuk pemula
Mantap tutor nya berguna banget auto follow like lah pokoknya makasih bang!!
MasyaAlloh bermanfaat bgt Pak Dosen...matur suwuunnn nggiih...
sami sami..semoga bermanfaat. pesan sponsor : biar semangat buat blog. Katanya.. 😁
alhamdulillah saya berhasil membuat webiste di tutorial ini
Mantap lanjutkan
Terimakasih banyak bang atas turorialnya,sumpah berguna banget kebetulan ada tugas kuliah disuruh bikin web saya udah takut pas liat video ini ternyata lumayan mudah,engga yg saya bayangkan hehe
Banyak banyakin konten seperti ini bang, kerennn sumpahhh 🔥🔥
luar biasa ilmunya,semoga Barokah.penjelasan yang detail,mudah dipahami dan lugas
Mau nanya ko saya dari courses Ke home ga keatas/ga nge scroll, cuma ngescroll dari home ke courses doang
Mantap sih tutorialnya... gampang dimengerti, terimakasih
Terima kasih Bang...semoga manfaat
Trimaksih Ilmunya next d tunggu pembuatan Web Dinamis
sudah ada Kak, cek di playlist ya, pake template yang sama, dibuat dinamis dengan PHP mysql
seneng banget saya pak, akhir nya punya website. tinggal beli domain sama hostingnya aja
makasih banyak pak, ilmunya
mantap tutorialnya Bng, saya yg bru belajar buat website jadi mudah mengerti...
Alhamdulillah, terimakasih om atas ilmu nya bermanfaat banget, sehat selalu om dan rezekinya dilancarkan😊🙏
mantap sekali mudah untukdi pahami bagi pemula saya sangat suka nanti buatkan tutor membuat website toko online yahh👌👌😊😊
sudah ada di channel ini Bang, coba dicari ya, toko online sederhana dengan CSS html javascript
Terimakasih mas pelajarannya,lumayan nambah ilmu pas ga ada kerjaan gini
sip..sama sama semoga bermanfaat yaa
Masya allah ilmunya sangat bermanfaat
alhamdulillah nambah ilmu, terimakasi bang semoga dilancarkan segala hajatnya
amiiinn...
Mantap gan, auto subrek. lanjutkan tutorial lain lainnya
Tutornya bagus batt asli bkn maen dah. Semangat terus pak dalam mengedukasi orang banyak🔥🔥
Terimakasih ilmunya bang, bermanfaat banget. sukses selalu yee bang
Sudah saya like dan subscribe. Mantap min video nya
mantap video nya mudah dipahami
Terimakasih, membuat saya lebih bersemangat mempelajari web
Semoga sukses ya
Keren mas
Sangat membantu
Langsung saya subscribe
Saya semester 5 masih banyak gak paham 🤧
Cara Bapak ini jelaskannya saya suka. Ngena di pemikiran.👍🙏🏼
Terimakasih ilmunya Pak.
sama sama semoga bermanfaat buat kita semua
Tengkyu bang, tugas saya beres gara” liat vdio ini
mantap👍
Mntp,, terima kasih om atas ilmunya 👍
bang terima kasih banyakkk, vidio nya sangat membantu saya, semangat konten nya bang. semoga kedepannya makin banyak yang lihat.
Mantap bang ga sampe sehari saya bikin web full custom dan work :D Tinggal finishing aja seperti hosting dan domain nya
di play list...ada jg yg merubah template ini ke PHP dan mysql..serta upload di hosting...bisa dicek yaa...
@@dirumahrafif Berbayar bang kalo ke web hosting, mending upload ke github wkwkk...
Bang kenapa ya punya saya contact nya masih numpuk padahal udah di atur flex wrap nya
datang ke konten gk sengaja ke klik rekomendasi,trus mantengi dari awal sampai habis langsung mudah pahami.
keren lo bg :D
btw thx ilmu nya bg
Semoga membantu ya
wajib subscribe!!! Wow makasihhh banyaakk ini yg aku cari-cariiiii
Bang kenapa ya punya saya contact nya masih numpuk padahal udah di atur flex wrap nya
Good mentor
Amiin
terimakasih bang sangat bermanfaat untuk ulangan uji kompetensi keahlian saya
konten seperti ini yang perlu didukung... mendidik dan membuat penasaran hehheeh
terima kasih ya...
@@dirumahrafif sama2.. Saya senang koding tp waktu untuk belajar yang kurang hehehe
@@agusadiwijaya hehe.. siappp
mantap banget bang, tambah wawasan baru buat belajar web
terimakasih abng telah berbagi ilmu konten nya sangat bermanfaat
Semoga bermanfaat
Wah terimakasih atas ilmunya
Makasih untuk pelajarannya saya pemula dan mau belajar dan ini sangat detil
alhamdulillah, pak mendapatkan ilmu tambah untuk custome source code saya.. sangat bermanfaat 🙏
tutor nya juga fun happy, lorem ipsum - jhon doe 😆 🙏
semoga bertambah dan bermanfaat, dan rejeki nya di lancarkan selalu, aamiin
mantap nih
Mantap, ini nih yang saya cari²
Tutor langsung di implementasiin jadi tau guna nya gitu
Makasih Bang..semoga bermanfaat
@@dirumahrafif amiinn, sukses dan sehat selalu bang
Terimakasih atas ilmunya
walaupun telat 2 tahun dan gua jg dri kmren kmren beklajar ui ux doang jadi alhadulillah dikit dikit bisa coding jg muehehehe makasihhhh
sukses terus kawan
terimakasih tutorialnya kak sangat mudah dipahami
sama sama, semoga bermanfaat
Berawal dari gabut lihat tutorial web bucin sehingga , jadi makin tertarik ingin mendalami proggaming🙂
Pokoknya keren ini mah
makasih bang...semoga bermanfaat
Saya lngsng subscribe bang mksih ilmunya
sama sama..semoga bermanfaat yaa..
mantap terima kasih ilmu nya
terimakasih atas ilmunya, izin save dan izin belajar
Terimakasih sekali om🙏 videonya sgt berguna sekali, utk mengerjakan tugas saya🙏. sukses terus om,, Amminn👐
ngerjain hampir 2harian dan ternyata ada codingnya huhuhu. MAKASI BANYAK BANGG
terima kasih ilmunya bang semoga sehat sellu dan makin bertambah subscrib nya aamiin
amiin...sama sama, doa yang baik juga buat kita semua
@Pupung Ardi bisa coba buat file html, kita beri nama misalnya partners.html
tinggal di menu, kita arahkan dengan Partners bukan Partners
hebat bang,,,,trmksih atas penjelasanya
ilmunya sangat bermanfaat terimakasih,mohon bagi yg lihat kalau ada iklan nya jgn di skip
Terima kasih banyak, wah namanya rafif ya.. tos dulu Bamg...🙋♂️
tq bang ilmunya, kepengen punya website tapi bertahap, belajar dari yang termudah aja dulu hehehe
siap Bang, lanjut ke playlist membuat web dengan template ini Bang, biar dinamis
@@dirumahrafif bkin log in ny jln gmn bg
sign up ny
bisa diikuti playlist membuat web pake PHP yg ada di channel ini Bang, dengan template yg sama
Izin belajar dan mempraktekkan ilmunya Kaka, insyaaAllaah semoga berkah dan bermanfaat 🙏
silakan Bang, semoga bermanfaat
@@dirumahrafif Izin Kaka, soalnya sya pemula (sama sekali tidak ada basic IT).
Jadi izin tanya kalau untuk bikin web sekolah alurnya sama juga seperti di vidio Kak?
Terima kasih 🙏
Terima ksih. Bermanfaat skli
Mantapp lanjutkan sukses selalu,
Btw suara mirip pak jokowi min
Mantap 👍👍
siapp...hihi...
Suka dgn penyampaiannya yg lebih mudah dipahami😍
makasih Kak..semoga bermanfaat
Mantap singkat ber isi
Terima kasih banyak bang ilmu nya, Barakallahu fiik 🙏🏻
sama sama Bang...wafiikum baarakallah
penyampainnya bagus terima kasih ilmunya bang, untuk saran bang sering" melihat hasil dari setiap code css yang dibuat agar kiita bisa tau fungsi untuk setiap code cssnya. gak tiba" langsung jadi tampilan bagus. untuk yang udh paham mungkin bisa mengikuti.
makasih ya untuk sarannya....
Mantap bg .. salam sehat selalu 👍👍👍
Terima kasih banyak bang untuk ilmunya ! sukses selalu
terima kasih mas izin mengembangkan lagi dan mempelajari
Mudah di mengeri 👍
Terima kasih ilmu sangat bermanfaat bagi saya 🙏🙏
Semoga bermanfaat
Makasih banyak bang atas ilmunya, mudah di pahami.
terimakasih banhyak..sangat membantu
Semoga membantu ya
Luar biasa penjelasannya
Terimah kasi bang.. Sy subcribe chanel anda..
Tuhan memberkati
Terimakasih pak, keren Dan mudah dipahami🙏👍