Cara Membuat Web dengan HTML dan CSS
Memproduksi artikel seputar tutorial dan tips.
·waktu baca 2 menit
Tulisan dari Tips dan Trik tidak mewakili pandangan dari redaksi kumparan
PerbesarDi dalam web development, mengetahui cara membuat web dengan HTML dan CSS merupakan langkah mendasar. Apalagi jika masih pemula, wajib mempelajari dua bahasa tersebut sebagai pondasi dalam mengembangkan situs web.
Dikutip dari Analisis Teknologi Hyper Text Markup Language (HMTL) Versi 5, Gumolung S. G. Mulia, dkk (2021:1), banyak keuntungan yang didapat dari membuat website dengan HTML dan CSS yaitu fleksibilitas dan kontrol penuh yang dimiliki oleh user.
Yang berarti, pengguna bisa lebih leluasa untuk merancang dan mengatur tampilan setiap elemen sesuai keinginan.
Cara Membuat Web dengan HTML dan CSS bagi Pemula
Sebelum membuat web dengan HTML dan CSS, pengguna harus menyiapkan text editor dan web browser terlebih dahulu supaya prosesnya berjalan dengan lancar.
Text editor digunakan sebagai alat coding, sedangkan browser untuk mengakses situs yang dikembangkan. Berikut adalah cara membuat web dengan HTML dan CSS:
Siapkan konten website, menu apa saja yang akan ditulis di website. Biasanya terletak sebagai navigasi di bagian atas website, struktur atau tata letak dalam setiap halaman, detail konten dalam setiap struktur
Buat struktur file website dengan eksternal html, untuk membuat kode html, untuk halamn utama, agar bisa terbaca oleh browser kasih nama index.html
Setelah itu, buat pada folder yang sama juga file dengan eksternel.css
Lalu, tambahkan folder lagi untuk menampung file-file gambar yang digunakan dengan nama image
Tuliskan kode HTML sesuai dengan struktur dan tata letak yang telah disiapkan. Struktur HTML ada dua bagian, yaitu head dan body yang ditulis dengan tag <html> </html>, di bagian head tulis judul website dan body masukkan konten website yang sudah disiapkan tadi
Selanjutnya buat file CSS yang akan membuat tampilan website menjadi lebih rapi dan menarik. CSS yang dibuat harus menyesuaikan kebutuhan pada file HTML, dan tambahkan kode CSS pada file style.css agar lebih menarik
Jika sudah menambahkan kode CSS, maka tampilan website akan semakin rapi dan menarik. Jika ingin melihat hasilnya, buka file index.html di browser yang dimiliki. Maka akan muncul hasil dari website
Itulah cara membuat web dengan HTML dan CSS, setelah membuat website, langkah selanjutnya mengembangkan website dengan melakukan optimisasi mesin pencari atau SEO.
Dengan teknik optimasi, website akan muncul di peringkat penelusuran search engine seperti Google, Bing dan Yahoo. Selamat mencoba. (Bian)
Baca Juga: Cara Membuat Situs Web dengan Mudah untuk Berbagai Keperluan