Membuat Tampilan Web Menarik Dengan CSS
Others

4 Cara Untuk Membuat Tampilan Web Menarik Dengan CSS, Sangat Mudah!

Pada artikel ini kami akan membahas tentang membuat tampilan web menarik dengan CSS. Tentu saja ini adalah salah satu hal yang sangat penting apabila kita ingin menampilkan halaman web dengan cara yang menarik. Dalam pembuatannya anda dapat memperhatikan beberapa hal sehingga bisa membuatnya dengan baik dan cepat. Salah satu hal yang harus diperhatikan oleh anda adalah kode-kode yang berupa HTML dan juga CSS.

Lantas bagaimana cara-caranya? Setelah pembahasan website untuk kursus digital marketing, maka anda dapat simak ulasan dibawah ini jika ingin mencari tahu tentang cara-cara untuk membuat tampilan situs menarik. Yuk kita simak ulasan berikut ini.

1. Buatlah Struktur File HTML

Sebagai cara yang pertama dalam membuat tampilan web menarik dengan CSS adalah anda dapat membuat struktur file HTML terlebih dahulu. Di dalam kode HTML, akan tersedia tiga kelas yang berasal dari kelas utamanya. Disini kita akan membangun tiga kelas di dalam kelas main dengan nama kiri, tengah serta kanan.

Setiap kelas yang ada akan terdiri dari ukuran tertentu dan properti float di kode CSS sehingga dapat membuat kolom. Perlu anda tahu kalau pembuatan tampilan web menarik disini kami memakai kelas .container dan bukan kelas .wrapper.

2. Membuat/Mengatur Layout Situs Web

Jika anda sudah membuat struktur dari file HTML nya. Maka selanjutnya anda dapat membuat serta mengatur layout dari websitenya dengan memakai CSS. Karena layout tersebut membentuk seperti apa yang kita inginkan, jadi bentukanlah dengan memakai kode CSS sehingga layout akan terbentuk tiga kolom.

Kemudian buatlah file yang baru dengan namanya style.css, posisikanlah suatu folder folder dengan HTML anda. Masukkanlah kode-kodenya yang sudah ditemukan oleh anda lewat internet.

3. Membuat 2 Kolom Untuk Akses di Tablet

Nah, untuk langkah yang berikutnya dalam membuat tampilan web menarik dengan CSS adalah anda dapat membuat dua kolom untuk akses di tablet. Dalam mengubah ukuran layar seperti tablet, maka anda dapat memanfaatkan bantuan dari media query, artinya apabila ukuran dari layar ataupun layout kurang lebih 1080, maka anda dapat menentukan kode CSS yang selanjutnya.

4. Membuat 1 Kolom Untuk Akses di Ponsel

Pada umumnya, cara untuk membuat tampilan dari situs web yang menarik, sangat mudah dilakukan oleh anda. Dalam hal ini, anda dapat memanfaatkan beberapa jasa desain website yang sudah ada di internet. Tapi anda bisa membuatnya sendiri, dengan begitu cara selanjutnya anda dapat membuat satu kolom untuk akses di ponsel.

Seperti yang sudah diketahui bersama kalau tablet tidak dapat digunakan buat menampung ponsel, jadi anda dapat membuat ukuran layar yang sesuai dengan ponsel. Dalam hal ini, kita juga harus menentukan kode CSS nya lagi. Caranya sama seperit anda lakukan pada cara yang ketiga. Hanya saja kita mengubahnya untuk sebuah kolom saja pada saat diakses dengan ukuran 700 pixel kebawah.