MEMBUAT DESAIN WEB HTML DAN CSS

Halo Everyone!! Karena kita bakal bahas tentang desain web, Sebelumnya kita harus tau dulu tuh apa yang dimaksud  desain web itu?. Desain web merupakan salah satu aspek yang sangat penting dalam pembuatan sebuah website. Desain web yang baik dan menarik dapat membuat pengunjung betah berlama-lama di website kamu, sedangkan desain web yang buruk dapat membuat pengunjung cepat meninggalkan website Anda. Dalam pembuatan desain web, salah satu teknologi yang sangat penting adalah HTML dan CSS, btw kalo mau tutorial lengkap nya atau mau tau dasar html dan css lebih jauh bisa kunjungi link milik Pak Eko Heri Susanto ini ya (https://bit.ly/ekoheri-web-design)

HTML (HyperText Markup Language) merupakan bahasa markup yang digunakan untuk membuat halaman web. HTML memberikan struktur dan konten pada halaman web, seperti judul, paragraf, gambar, video, dan lain-lain. Dalam membuat desain web dengan HTML, penting untuk memperhatikan struktur dan tata letak halaman agar mudah dibaca dan dimengerti oleh pengunjung.

Terus kalo CSS itu apa? CSS (Cascading Style Sheets) merupakan bahasa yang digunakan untuk mengatur tampilan dan gaya halaman web. Dengan menggunakan CSS, Kamu dapat mengatur warna, font, ukuran, posisi, dan efek visual lainnya pada halaman web. Dalam membuat desain web dengan CSS, penting untuk memperhatikan keselarasan antara elemen-elemen pada halaman web agar terlihat harmonis dan menarik.

Karena kali ini kita akan membuat desain web, maka kita harus paham guna kode yang kita masukkan ke codingan HTML CSS kita, di sini aku udah buat codingannya dan aku bakal jelasin prosesnya!

Proses #1
Kalo awal, kita buat desain yang kita mau dulu nih, mau desain yang gimana bentuknya, modelnya, font, warna, stylenya lah pokoknya sesuai selera kita, kalo bisa yang simple dan menarik biar banyak yang tertarik ngunjungin web kita.

Proses #2
Sekarang kita buat codingannya biar bisa bikin web, gimana caranya? nah yang pertama kita harus download aplikasi buat ngoding, kalo aku sih pake Visual Studio Code, Yuk kita bikin codingannya! tapi jangan lupa membuat foldernya dulu ya
siapin gambar yang kamu butuhkan, taruh di folder sendiri ya, terus buat codingan html (index.html) dan CSS nya (style.css)





Proses #3
Ayo mulai bikin webnya, tentunya ngoding dulu di aplikasi VS Code , mari kita bikin awalnya dulu ya

itu dasarnya yaa, itu biasanya disebut elemen utama, disitu ada struktur elemen head yang didalamnya ada title dan title ini bisa buat bikin judul website yang kamu buat
nah itu juga ada elemen body, yang nantinya isinya konten yang akan kamu masukin ke dalam web buatanmu sendiri

Code yang aku ketik diatas, aku masukin ke head yang mana nanti fungsinya untuk menautkan file style.css kedalam file index.html. Tapi apa sih gunanya css? kaya yang aku udah ketik diatas, aku pake css disini untuk mempercantik web yang aku bikin, biar menarik dan ga monoton.

nah itu dasar- dasarnya, aku belajar bikin web bukan dari satu channel youtube aja, aku cari di beberapa channel youtube biar ada refrensi nya gitu, aku juga kalo kesulitan tanya ke temen aku, kalian jangan takut buat nanya ya, aku juga masih pemula, jadi mari kita belajar bareng-bareng, saling sharing aja, kalian juga pasti bisa.

Karena aku pengen websiteku ini dilihat sama orang lain, aku upload di netifly juga, link nya dibawah ini:

http://imambahrulgausi.netlify.app

Nah jadi sampe sini dulu ya,kapan-kapan lagi kita sharing-sharing!
inget “jangan pernah ngerasa gagal kalo kamu belum sukses”.

Komentar

Posting Komentar