Membuat Menu Sederhana dengan CSS

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

Cara Membuat Tombol Submit di Sebelah Kanan

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’>

Continue reading

Membuat Menu Navigasi Vertikal Sederhana

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

CSS Hover

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.

Continue reading

Pengertian CSS dan Contohnya

  1. Pengertian CSS

CSS (Cascading Style Sheet) adalah salah satu bahasa desain web (style sheet language) yang mengontrol format tampilan sebuah halaman web yang ditulis dengan menggunakan penanda(markup laguage. Biasanya CSS digunakan untuk mendesain sebuah halaman HTML dan XHTML, tetapi sekarang CSS bisa diaplikasikan untuk segala dokumenXML, termasuk SVG dan XUL bahkan ANDROID. Fungsi utama css adalah merancang, merubah, mendisain, membentuk halaman wesite(blog juga website). dan isi dari halaman website adalah tag-tag html, logikanya css itu dapat merubah tag-tag html(yang sederhana) sehingga menjadi lebih fungsional dan menarik.

2.  Struktur CSS

Bagian pertama sebelum tanda ‘{}’ dinamakan selector, sedangkan yang diapit oleh ‘{}’ disebut declaration yang terdiri dari dua unsur, yaitu property dan value.Selector dalam pernyataan di atas adalah h1, sedangkan color adalah property, dan blue adalah value.

 

SUBLIME TEXT 3, Aplikasi Web Editor Terbaik

Assalamualaikum Wr. Wb,

Alhamdulillah, kali ini bisa posting artikel lagi. Dan pada postingan ini saya akan membagi sedikit pengalaman pribadi dalam membuat halaman website. Yang mana dalam membuat website tersebut pasti tidak pernah lepas dari aplikasi web editor sebagai pendukungnya.

 

Sublime Text 3 merupakan aplikasi Web Editor yang saya pakai sampai saat ini. Yang mana aplikasi ini sangat ringan dan tidak ribet dalam penggunaannya. Desain warna tulisan kodingnya yang sangat interaktif beserta variasi warna yang menarik. Selain itu warna teks kodingnya juga bisa diganti warna temanya. Jadi dengan teks koding yang enak untuk dilihat bisa membuat banyak pengguna betah dalam proses koding. Itulah beberapa alasan yang tepat untuk membangun sebuah web.

Continue reading

Menggunakan Satuan Ukuran Relatif

 

Halo sobat Webhozz berjumpa lagi dengan saya, kali ini saya ingin membagikan artikel mengenai menggunakan satuan ukuran relatif dengan CSS. Nah biar sobat WebHozz tidak bingung langsung aja yuk kita masuk ke pembahasan artikelnya sobat Webhozz.

Salah satu pendekatan penting dalam membuat tampilan yang responsive adalah pemakaian satuan ukuran relatif. Lebar sebuah elemen web tidak menggunakan satuan tetap seperti px (piksel), namun menggunakan prosentase. Continue reading

Pentingnya Belajar Web Desain

Assalamualaikum Wr. Wb,

Kembali lagi dengan saya, dan Alhamdulillah sekarang bisa posting artikel lagi. Pada postingan ini, saya ingin membahas tentang Web Desain. Yang mana Web Desain itu merupakan suatu ilmu atau pemahaman tentang desain bentuk halaman suatu website.

 

Web Desain itu termasuk penting, karena web desain itu merupakan tahap awal dalam membuat suatu website. Web desain itu meliputi style, warna, bentuk kerangka suatu website. Dengan tampilan yang baik juga, seorang pengguna website bisa merasa nyaman dan betah berada dalam web yang kita bangun.

Continue reading

Menata Font Dengan CSS

 

Halo sobat Webhozz berjumpa lagi dengan saya, kali ini saya ingin membagikan artikel mengenai menata font dengan CSS. Agar sobat Webhozz tidak bingung langsung aja yuk kita masuk ke pembahasan artikelnya sobat Webhozz.

Untuk menata font, kalian dapat menggunakan properti font dengan berbagai variasinya. Berikut contohnya : Continue reading