How to make web design with HTML and CSS
Hai semuaa!! Karena kita bakal bahas tentang desain web, Sebelumnya kita harus tau dulu tuh apa yang dimaksud desain web itu?. Web design adalah istilah mengenai desaign visual yang diterapkan kepada media digital yaitu website, design yang ditunjukan untuk pengembangan dan styling informasi di internet untuk menyediakan fitur konsumen high-end dan memberikan kualitas estetika. Definisi yang ditawarkan memisahkan desain web dari pemrograman web, menekankan fitur fungsional dari sebuah situs web, serta desain posisi web sebagai semacam desain grafis. Dalam pembuatan desain web, salah satu teknologi yang sangat penting adalah HTML dan CSS.
Sebelum membuat desain web kita harus tau apa yang dimaksud HTML.Hypertext Markup Language atau HTML adalah bahasa markup standar yang digunakan untuk membuat halaman website dan aplikasi web. Sejarah HTML diciptakan oleh Tim Berners-Lee, seorang ahli fisika di lembaga penelitian CERN yang berlokasi di Swiss.HTML adalah bahasa markup standar untuk membuat halaman website. Bahasa ini berfungsi untuk membuat struktur website hingga menyusun format teks dan gambar pada halaman web.Dalam membuat desain web dengan HTML, penting untuk memperhatikan struktur dan tata letak halaman agar mudah dibaca dan dimengerti oleh pengunjung.
selain itu dalam membuat desain web kita juga membutuhkan CSS. Nah sedangkan CSS (Cascading Style Sheets) ini 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
Firstly kita harus bikin desain yang kita mau dulu nih, mau desain yang gimana bentuknya, modelnya, font, warna, style 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
<!DOCTYPE html>
<html>
<head>
<title>Masukin Judul nya disinii</title>
</head>
<body> </body>
</html>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
<link rel="stylesheet" href="style.css"> <!--menghubungkan file css kedalam indeks html-->
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:
nah jadi itu dulu tutor simple dari aku.
Komentar
Posting Komentar