Kuliah Dosen Tamu Pemrograman Web, Materi Desain Layout CSS oleh Afriq Yasin Ramadhan, S.T.
(FTI Press) Dalam dunia desain, Layout berbicara mengenai bagaimana penataan elemen-elemen dalam sebuah halaman dengan benar. Sama seperti tipografi, terdapat sangat banyak elemen-elemen pada layout, elemen-elemen layout yang umumnya ditemukan pada dokumen web, dan bagaimana membuat elemen-elemen tersebut dengan HTML dan CSS. Layout atau susunan kerangka website adalah salah satu unsur pembuatan web yang harus diperhatikan.Tampilan website akan menggambarkan tingkat profesional seseorang web designer. Sebelum mulai melakukan coding, langkah pertama pastikan bahwa kita mengerti apa CSS itu. CSS berarti Cascading Style Sheets dan itu adalah sebuah bahasa yang membantu kita mengubah tampilan halaman HTML. Jika Anda ingin memulai di dunia web desain, ada beberapa kemampuan penting yang harus Anda kuasai. Anda membutuhkan pengetahuan tentang bagaimana kode pada sebuah halaman HTML itu bekerja. Kemudian, Anda harus dapat mengaplikasikan CSS untuk menciptakan efek visual yang Anda inginkan, apakah itu tata letak tertentu, tipografi, atau pun warna dan latar belakang.
Sebuah dokumen web umumnya memiliki elemen-elemen sebagai berikut : Elemen Header merupakan elemen yang berisi judul dan penjelasan lain dokumen. Biasanya elemen ini diisikan dengan logo website, menu-menu global (seperti login dan logout), maupun nama halaman yang sedang ditampilkan. Elemen Navigation Elemen navigasi, yang memberikan akses navigasi ke halaman-halaman lain dalam web. Elemen Sidebar Elemen pendukung konten, dapat berupa pembantu navigasi konten, ataupun berbagai hal lain seperti daftar konten lain, iklan, atau menu tambahan. Sidebar dapat berada di kiri atau kanan konten, atau bahkan di kiri dan kanan konten, sesuai dengan kreatifitas perancangnya. Elemen Konten Isi utama dari dokumen web. Pengguna biasanya datang ke web untuk melihat teks yang berada pada bagian ini. Elemen Footer Bagian penutup dari website, yang dapat saja berisi informasi lain tentang website, seperti lisensi pengunaan, sitemap, ataupun link ke website lain.
Uraian diatas tadi disampaikan oleh Afriq Yasin Ramadhan, S.T. pada acara kuliah dosen tamu pemrograman web, dengan materi desain layout CSS yang diperuntukan Kelas D dan E matakuliah pemrograman web dengan dosen pengampu FiFtin Noviyanto, S.T., M.Cs. yang dilaksanakan pada hari Jumat 13 April 2018 di Kampus 4 Universitas Ahmad Dahlan. Afriq yang sedang mengambil Master di UGM ini juga menambahkan “bagaimana untuk menjadi seorang webdesigner?” apakah harus bisa desain? apakah harus bisa photoshop? apakah harus bisa coding. Banyak langkah-langkah yang harus ditempuh untuk mejadi seorang webdesigner, salah satunya yaitu menguasai HTML, CSS, dan Javascript (WAJIB!!!), sebenarnya ini adalah titik penting untuk menjadi seorang webdesigner. karena seorang webdesigner itu bisa membuat desain diphotoshop dan merubahnya ke bentuk HTML/CSS. jadi belajar desain layout CSS merupakan kewjiban bagi webdesigner.
/(ns)