Kursus Web & IT Favorit di Jakarta Bandung Surabaya
Assalamualaikum Wr. Wb
Sahabat Webhozz dimanapun berada, apa kabarnya??? Mudah-mudahan sehat selalu dan selalu bahagia ya, amin.
Pada kesempatan kali ini kita akan belajar tentang table zebra. Kenapa disebut Zebra???
Hal ini dikarenakan warna backround tiap baris pada tabel memiliki corak warna selang seling. Maka dari itu disebut dengan Tabel Zebra.
Oke, langsung aja ya kita mulai. Continue reading
Assalamualaikum Wr. Wb
Sahabat Webhozz dimanapun berada, apa kabarnya??? Mudah-mudahan sehat selalu dan selalu bahagia ya, amin. To the point aja, ya…
Alhamdulillah kali ini kita akan belajar membuat background website full satu halaman. Jadi, di halaman website yang kita buat akan penuh dengan gambar di latar belakangnya.
Oke, langsung aja kita mulai ya…
1. Buat file HTML baru, dan siapkan satu buah gambar. Sangat disarankan gambarnya dengan format landscape. Karena mengikuti format web browsernya. Continue reading
Assalamualaikum Wr. Wb.
Sahabat Webhozz dimanapun berada, kali ini kita akan bahas sedikit mengenai dasar dalam CSS. Disini kita akan membuat menu navigasi sederhana. Sebuah web tentunya pasti punya menu navigasi, yang memiliki kesan akan konten apa saja yang dimuat dalam sebuah web. Biasanya masing-masing konten tersebut bisa memberikan pesan informasi juga kepada pengunjung web, hingga mudah untuk dimengerti oleh pengunjung web.
Pada kesempatan kali ini, kita akan membuat menu navigasi vertikal. Yang mana navigasi ini berisi menu pilihan yang berada di samping dalam sebuah halaman website. Oke, langsung aja kita persiapan untuk memulai. Continue reading
Assalamualaikum Wr. Wb.
Pada kesempatan kali ini webhozz akan berbagi ilmu lagi. Kali ini tentang Web design. Adapun pada artikel ini akan dibahas untuk membuat mempercantik form login.
Sebuah form login tentunya merupakan halaman awal saat kita coba memasuki ruangan user kita. Form login tentunya merupakan pintu masuk ke dalam ruangan user, baik itu seperti member maupun admin.
Tapi berhubung, form login adalah halaman awal maka kita akan belajar sedikit cara untuk mempercantik tampilannya. Oke langsung aja ya kita mulai. Continue reading
Assalamualaikum Wr.Wb.
Sahabat Webhozz, gimana kabarnya nih??? Seperti biasa, semoga sehat selalu ya…Amin.
Oke, pada kesempatan kali ini. Kita akan belajar gimana caranya memasukkan font eksternal ke dalam file css.
Seperti biasanya kalo dalam dunia web design, kita memerlukan berbagai macam font untuk mendukung pesan dari tampilan sebuah website.
Dan masing-masing font juga memiliki kesan yang berbeda.
Dalam css ada perintah yang biasanya kita pake yaitu “font-family:nama_font;”.
Akan tetapi, secara default jumlah font yang ada dalam sistem komputernya kita sangatlah terbatas.
Kita perlu tambahan font lagi, supaya web yang kita menjadi lebih menarik dan unik. Bener kan???
Di internet, kita bisa dapatkan font tambahan tersebut dan tinggal download aja. Tinggal cara pasangnya aja. Continue reading
Oke teman-teman , pada kesempatan kali ini saya akan memberikan tutorial pembuatan menu dropdown sederhana dengan css . Sebenarnya menu dengan css sudah banyak di internet . Agan sekalian tinggal download saja , namun agan juga harus tau basicdari css , jadi saat agan mau melakukan perubahana pada tampilan menu yang agan Continue reading
Defaultnya suatu form atau inputan selalu berada pada sebelah kiri. Tapi terkadang kita membutuhkan tombol submit yang berada di sebelah kanan halaman. Contohnya pada kasus dibawah yaitu tombol next dan prev page.
<form action=”action” method=”get”>
<input type=”text” name=”abc”>
<div id=”buttons”>
<input type=”submit” name=”next” value=”Next”>
<input type=”submit” name=”prev” value=”Prev’>
Assalamualaikum Wr. Wb.
Sahabat Webhozz dimanapun berada, kali ini kita akan bahas sedikit mengenai dasar dalam CSS. Disini kita akan membuat menu navigasi sederhana.
Sebuah web tentunya pasti punya menu navigasi, yang memiliki kesan akan konten apa saja yang dimuat dalam sebuah web. Biasanya masing-masing konten tersebut bisa memberikan pesan informasi juga kepada pengunjung Continue reading
Tooltip merupakan informasi tambahan pada teks yang akan muncul ketika mouse di arahkan ke area teks .
Untuk membuat tooltip , buat file dengan nama tooltip.html , kemudian masukkan script di bawah ini ke dalam file Continue reading
Agar tampilan suatu website terlihat lebih hidup, menarik dan interaktif terkadang design yang baik saja tidak cukup. Terkadang kita perlu menambahkan slider, popup dan sebagainya. Salah satu yang sering digunakan yaitu efek Hover pada CSS. Hover pada CSS adalah suatu fungsi yang hanya berjalan apabila kursor berada diatas suatu objek tertentu.
Bagaimana cara melakukannya? Apa saja kode yang digunakan?
Pertama-tama buat suatu element pada html dan atur / tambahkan css-nya.