Cascading Style Sheet (CSS) merupakan aturan untuk mengatur tampilan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam.
Pada umumnya CSS digunakan untuk memformat tampilan halaman web yang dibuat, biasanya dipakai untuk mengendalikan ukuran gambar, warna bagian tubuh pada teks, warna tabel, ukuran border, warna border, warna hyperlink, warna mouse over, spasi antar paragraf, spasi antar teks, margin kiri, kanan, atas, bawah, dan parameter lainnya.
Read More
Web Responsif adalah desain tampilan web yang secara otomatis bisa berubah ukuran, menyembunyikan, mengecilkan, atau memperbesar, situs web, agar terlihat bagus di semua perangkat (desktop, tablet, dan smartphone).
Tambahan Elemen META
Langkah paling awal yang harus dilakukan dalam membuatnya adalah dengan elemen <meta>. Berikut ini adalah scriptnya:
Pada artikel kali ini, kita akan membuat tampilan layout dalam sebuah website.
Dalam situs, web sering menampilkan konten dalam banyak kolom (seperti majalah atau koran).
Tiap kolomnya biasanya berisi informasi yang berbeda-beda.
Nah, dalam website HTML5 menawarkan elemen semantik baru yang mendefinisikan berbagai bagian halaman web:
Read More
Dalam dunia informasi, tentunya tabel sangat dibutuhkan untuk sajian dari kumpulan data-data. Jadi, di sebuah website juga sudah menjadi sebuah kebutuhan.
Nah, langsung aja ya. Berikut ini adalah script kodenya
Read More
HyperText Markup Language (HTML) adalah bahasa inti dari hampir semua konten Web. Sebagian besar dari apa yang Anda lihat pada layar browser anda adalah sebuah deskripsi, secara mendasar, menggunakan HTML. Lebih tepatnya, HTML adalah bahasa yang menggambarkan struktur dan isi semantik dari sebuah dokumen Web.
Adapun konten yang dimaksud adalah teks ukuran besar, teks paragraf, gambar, tabel, formulir dan lain sebagainya. Jadi, HTML itu untuk mendefinisikan semua.
Assalamualaikum Wr. Wb.
Man teman Alhamdulillah kali ini kita akan share ilmu lagi.
Pada kesempatan kali ini, kita akan berlajar tentang membuat Menu Navigasi. Nah, menu Navigasi itu biasanya terletak pada bagian atas.
Digunakan untuk mengarahkan ke suatu halaman, berdasarkan nama menu Navigasi tersebut.
Di postingan ini kita akan membuat menu navigasi yang posisinya tetap di atas saat kita scroll halamannya ke bawah.
Konsep kali ini, kita akan membuat dalam bentuk Landing Page dan ada efek smooth scrollingnya. Materi tersebut sudah pernah diposting disini (“https://www.webhozz.com/blog/membuat-efek-smooth-scrolling-pada-css/).
Jadi, temanya gak jauh dari itu. Cuma disini akan ada menu navigasinya.
Oke, langsung aja kita mulai ya codingnya. Lets Go…
Assalamualaikum Wr. Wb.
Man-teman…Alhamdulillah kali ini kita ada kesempatan untuk berbagi ilmu.
Sebelumnya, semoga man-teman sehat dan bahagia selalu ya, Amin.
Oke pada kali ini, kita akan membuat tampilan daftar produk e-commerce menggunakan HTML dan CSS.
Assalamualaikum Wr. Wb.
Man-teman dimanapun berada, semoga selalu dalam keadaan sehat dan bahagia selalu ya, Amin.
Nah, pada kesempatan kali ini kita akan mempelajari tentang Membuat Tabel Harga Produk dengan menggunakan CSS.
Tentunya kita pernah melihat dalam sebuah website yang menyediakan produk maupun jasa. Biasanya disitu ada berbagai jenis paket beserta harga hingga keunggulan masing-masing paket.
Tampilannya berbentuk seperti tabel. Sebagai contoh ada beberapa website yang menyediakan produk hosting beserta domain.
Nah, sebagai bahan pelajaran kita kali ini. Kita akan menghayal seolah-olah kita membuat tampilan website untuk kebutuhan hosting dan domain tersebut.
Oke, kita langsung aja ya codingnya.
Read More
Halo semua kali ini kita kembali ke lanjutan dari artikel sebelumnya, masih membahas mengenai membuat UI Activity Profile Instagram, kali ini kita kana mempelajari bagaimana membuat fragment, dan recylerview secara grid dan linear agar mendapat hasil tampilan UI seperti dibawah ini
Read More
Assalamualaikum Wr. Wb.
Teman-teman, gimana nih kabarnya??? Mudah mudahan sehat dan bahagia selalu ya, Amin.
Alhamdulillah kali ini kita akan berbagi ilmu lagi.
Pada kesempatan ini kita akan belajar Efek Smooth Scrolling menggunakan script dari CSS.
Nah, ngomong-ngomong…Apa sih itu Smooth Scrolling???