Contoh Desain Website Menggunakan Bahasa HTML dan CSS

Seiring dengan perkembangan teknologi yang sangat pesat kita di tuntut untuk menjadi orang tidak Gaptek, oleh karena itu kita perlu belajar dan belajar supaya kita semua tidak ketinggalan dalam perkembangan teknologi.

Belajar mendesain website merupakan hal menarik untuk kita yang masih awam dan masih penasaran bagaimana mendesain web. Oleh karena itu saya sebagai penulis blog ini akan berbagi sedikit cara mendesain halaman website dengan menggunakan CSS (Cascading Style Sheet).

Penulis juga bukan ahli dalam mendesain atau membuat website akan tetapi dengan niat yang baik dari pengalaman-pengalaman yang di dapatkan dari proses belajar selalu di tuangkan ke dalam halaman blog ini untuk bisa di bagikan kepada teman-teman yang lagi membutuhkan. Sebelum anda melanjutkan membaca silahkan melihat screnshootnya pada gambar di bawah ini.

Untuk itu pada kesempatan ini saya sebagai penulis menyajikan contoh desain ini dalam bentuk file yang sudah jadi, tinggal teman-teman mendownloadnya. Di dalam desain website ini sebenarnya hanya melibatkan dua file yaitu File index.html dan template.css serta file yang lainnya yang ber type css hanyalah file Botstrap yang bisa kita gunakan untuk mendesain website yang lebih responsive. Gambar yang di tampilkan di contoh halaman desain website ini berada di folder image.

Jika anda ingin melihat contoh kode CSS yang di gunakan silahkan buka file template.css dengan aplikasi editor website seperti notepad, notepad++, dreamweaver, dll.

Jika anda berminat untuk melihat kode-kode yang di gunakan dalam desain website sederhana ini silahkan klik Download.

Mudah-mudahan tutorial ini bermanfaat untuk teman-teman dan salam blogger.

Tweet