Belajar CSS

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

Membuat Web Responsive

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:

Read More

Belajar HTML : Dasar HTML, Heading, Paragraf, Gambar, Link, List

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.

Read More

Membuat Menu Navigation Bar Fixed pada Posisi Atas

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…

Read More

Membuat Tabel Harga Produk dengan 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