Belajar Web Design
{Desain Web}


Belajar web design bersama dul.
adalah website untuk referensi belajar desain web (Web Design).


Apa itu Web Design?

"Desain untuk mempercantik dan membuat halaman web lebih menarik dan interaktif".

Web Design adalah istilah umum yang digunakan untuk mendeskripsikan bagaimana tampilan sebuah website dibuat? Mulai dari merencanakan, membuat struktur, tampilan muka, navigasi, layout, warna, font, icon, media (gambar, audio dan video jika diperlukan) dan semua aspek lainnya yang berkaitan dengan desain sebuah web. Ilmu yang mempelajari mengenai aspek tersebut diantaranya adalah berkaitan dengan HTML, CSS dan JavaScript. Orang yang membuat desain sebuah web disebut Web Designer. Seorang web designer, sepatutnya mengetahui ketiga dasar ilmu tersebut.

Anda akan mempelajari ketiga dasar ilmu tersebut disini secara bertahap. Untuk itu, sering-seringlah berkunjung kesini (dul.web.id).

Elemen-elemen Sebuah Web Design

Dalam sebuah web design, ada beberapa elemen visual yang perlu diketahui guna membentuk, melengkapi dan menciptakan karya dari sebuah desain web itu sendiri, meliputi hal-hal berikut:

  • Layout
    Layout dapat diistilahkan dengan sebuah "Tata Letak". Ini merupakan upaya bagaimana sebuah gambar, teks dan elemen lainnya ditata atau diletakkan sesuai posisi yang layak dan tepat agar dapat menciptakan sebuah design web yang menarik.
  • Warna
    Color atau warna yang digunakan dalam sebuah design web akan mempengaruhi estetika dan kenyamanan pandangan ketika dilihat.
  • Gambar
    Gambar atau Grafik yang digunakan dalam sebuah desain web mencakup logo, foto, icon dan gambar penunjang lainnya juga akan melengkapi desain sebuah web. Penggunaanya harus tepat dan proporsional, karena semakin banyak foto akan memperlambat kinerja dan loading sebuah halaman web.
  • Font
    Font adalah bentuk tulisan yang beraneka ragam yang digunakan dalam sebuah tulisan/teks. Dalam sebuah web, biasanya menggunakan font yang sudah familiar yang dikenal dengan istilah "Web-safe fonts". Anda dapat menggunakan beraneka ragam web fonts seperti yang disediakan oleh google secara gratis di Google Fonts.
  • Contents
    Konten adalah isi dari sebuah design atau halaman web mencakup media audio-visual dan teks. Seperti gambar / grafik, audio, video dan konten visual lainnya. "Content is the king" atau konten adalah "Raja" dalam sebuah halaman web. Konten yang berkualitas sesuai keyword yang relevan akan menduduki peringkat tertinggi dalam sebuah SEO (Search Engine Optimization).

Referensi Belajar Web Design?

dul.web.id

"Belajar dengan Code Editor"

Disini, Anda bisa mencari rujukan materi pembahasan seputar Web Design yang semuanya akan dibahas secara bertahap. dul.web.id berisi tutorial web desain yang dikemas dalam Bahasa Indonesia. Panduan belajar diupayakan menggunakan bahasa yang mudah dipahami, sehingga dapat dipelajari oleh semua kalangan.

Di dul.web.id, setiap materi pembelajaran disertai dengan contoh sekaligus Code Editor, sehingga contoh tersebut bisa diedit dan dilihat hasilnya secara langsung tanpa perlu menggunakan editor lain. Apabila diperlukan, setiap materi belajar kami berikan contoh dengan code editor langsung didalamnya, sehingga Anda bisa edit sendiri dan lihat hasilnya secara "live" saat itu juga.

dul.web.id memiliki dua online editor, yaitu "Code Editor" dan "Mobile Editor". dul.web.id Code Editor Ditujukan untuk penggunaan desktop atau ukuran layar lebar, sedangkan Mobile Editor dibuat untuk mobile device seperti smartphone, tab dan sejenisnya. Masing-masing editor memiliki kelebihan dan kekurangan apabila digunakan pada ukuran layar tertentu. Walau bagaimanapun, kedua editor tersebut dapat digunakan pada browser dengan ukuran layar berapapun, karena keduanya responsive atau dapat beradaptasi sesuai layar.

Berikut adalah link menuju dul Editor:


Berikut adalah link menuju dul Mobile Editor:

TOKO BUKU dul.web.id

Toko buku Online "GETBUKU" Kunjungi

Tutorial CSS