Website adalah salah satu media masa yang cukup digemari di masa sekarang, terlebih lagi website dengan jenis blog dan juga website jualan. Lalu, bagaimana sih cara untuk membuat website itu? Show
Apa itu website?Website, adalah situs dalam internet yang dapat diakses secara luas dan berisi beberapa halaman yang menghubungkan seseorang dalam wilayah atau daerah yang berbeda. Website, juga sering kali dijadikan tempat untuk mempromosikan barang atau jasa yang tidak perlu langsung mendatangkan orang kesuatu wilayah atau daerah tersebut. Selain itu, website juga memiliki beberapa jenis yang memiliki fungsi yang berbeda-beda.
Jenis-jenis website sangatlah beragam, tergantung fungsi dari website yang kita buat itu digunakan untuk apa. Namun, banyaknya jenis website yang ada yang sering kita temui adalah tiga jenis yang sudah disebutkan di atas. Membuat website ternyata ada beberapa cara yaitu dengan menggunakan coding dan juga ada yang menggunakan cara instant tanpa menggunakan coding. Nah, di masa sekarang ini cara yang sering dilakukan adalah membuat website dengan cara instant yang tanpa menggunakan coding, tetapi yang akan kita pelajari sekarang adalah cara membuat website menggunakan HTML dan CSS. Bagaimana ya caranya? Yuk kita simak sama-sama. Baca Juga : 9 Skills yang Harus Dimiliki Seorang Front End Developer Membuat wireframe / kerangka websiteLangkah yang pertama ini adalah membuat wireframe. Apa gunanya? Membuat wireframe sebelum membuat website dapat memudahkan kita dalam pemubuatan website agar tidak bingung akan dibuat desain seperti apa website kita nantinya. Membuat wireframe tidak perlu bagus, asalkan dapat mencakup semua isi dari website kalian nantinya dan tentunya dapat dijadikan patokan nantinya saat membuat. Menginstal text editorLangkah kedua inilah yang paling penting. Kalian harus menginstal terlebih dahulu aplikasi coding yang ingin digunakan, jika aplikasinya saja tidak punya gimana mau membuat website? Membuat folder baruMembuat folder ini dapat memudahkan kita untuk menyimpan hasil codingan kita nantinya agar tidak tercampur dengan file lainnya. Di folder inilah kalian dalam menyimpan semua hasil codingan yang telah dibuat dan juga file gambar yang akan digunakan untuk membuat website. Membuat file indexBuatlah sebuah file dengan nama index.html pada text editor yang kalian sukai atau yang telah diinstal.
Title: isikan judul untuk nama file tersebut Header: untuk membuat header atau judul awal website Nav: untuk membuat navbar/ navigasi bar pada website Article: membuat konten isi dari website yang akan dibuat Footer: membuat footer duntuk di bagian bawah website Membuat file styleSetelah membuat file index.html selanjutkan kalian dapat membuat file dengan nama style.css pada text editor yang sama dan tentunya juga pada folder yang sama pula. Dalam file style.css ini kita isikan dengan deskripsi dari file index.html yang berisikan spesifikasinya dari header, navbar, konten, dan juga footer.
Untuk codingan di atas hanya untuk refensi kalian dalam membuat file style.css selebihnya kalian bisa membuatnya sendiri dan menyesuaikan ingin seperti apa website yang akan dibuat. 6. Hubungkan file css dengan file htmlLangkah terakhir ini juga tidak kalah penting dengan langkah-langkah sebelumnya. Karena, jika kedua file tersebut belum dihubungkan maka program yang ada di file css tidak akan berjalan jika file html dijalankan. Untuk menghubungkan kedua file tersebut caranya cukup mudah.
Cukup kalian tambahkan code seperti itu di bagian head pada file index, maka kedua file tersebut akan terhubung. Untuk membuat file lainnya untuk isi konten, kalian cukup ikuti langkah-langkah seperti membuat file index.html di atas. Sekian tutorial yang dapat saya sampaikan, kurang dan lebihnya mohon maaf. Terimakasih, semoga membantu. Sumber referensi: https://www.niagahoster.co.id/blog/pengertian-website/ https://kelasprogrammer.com/cara-membuat-website-dengan-html-dan-css/ Bagaimana cara menghubungkan file HTML dan CSS?untuk Cara menghubungkan HTML dengan CSS caranya sangat mudah. gunakan tag <link> untuk menghubungkan html dengan css. tag link di letakkan pada bagian element head pada struktur HTML. baiklah perhatikan contoh cara menghubungkan html dengan CSS berikut ini.
Cara menginput atau menggunakan CSS pada halaman web ada berapa?Secara garis besar, terdapat 3 cara menginput kode CSS ke dalam HTML, yaitu metode Inline Style, Internal Style Sheets, dan External Style Sheets.
Kenapa file CSS terpisah dari HTML?CSS sebagai file terpisah lebih disukai karena dapat digunakan di lebih dari satu file HTML dan menjadikan tampilan halaman web (web page) lebih seragam.
Jelaskan apa yang dimaksud dengan CSS?Kata Tech Terms, CSS adalah salah satu styling language (bahasa desain), bagian dari markup language yang dapat “mewarnai” atau mendesain suatu halaman website. CSS sendiri adalah singkatan dari Cascading Style Sheet. Markup language ini biasanya dipasangkan dengan markup language (bahasa marka) seperti HTML.
|