• Program Baru W3function

    Online Courses

    Premium tutorial pembelajaran tahap pembuatan website secara menyeluruh mulai dari desain grafis, desain web, pengembangan, publikasi website di internet sampai dengan tekhnik SEO

    Materi: Photoshop, HTML5, CSS3, jQuery, PHP, MySQL, Semantic template, Responsif desain

    Mendaftar
  • Paket Toko Online

    W3function Store ®

    Solusi paket website toko online murah dan berkualitas dengan fitur yang lengkap beserta tema design yang banyak dan menarik

    Selengkapnya
  • Desain dan Pengembangan Web

    Custom Project

    Kami mengerti jenis bisnis Anda berbeda dengan yang lain sehingga Anda membutuhkan website yang benar-benar mencitrakan bisnis anda. Apapun jenis website yang ingin Anda buat kami akan membuatnya bekerja untuk Anda

    Selengkapnya

Daftar Referensi tag HTML dan HTML5 Beserta Kegunaannya

06‘13
April

info77.jpg

Sayang sekali dari awal saya mulai menulis tutorial-tutorial mengenai web desain di blog ini, saya sama sekali belum pernah memberikan daftar referensi tag-tag HTML. Padahal seorang web desainer wajib mengetahui kegunaan tag-tag html beserta atribut-atribut globalnya. Daripada tidak sama sekali disini akan saya shared referensi tag HTML termasuk tag HTML5 yang terakhir di release oleh W3C. Dibawah akan disebutkan kegunaan masing-masing tag juga penggunaan tag yang harus di hindari karena sudah tidak lagi disupport HTML5 Semoga bermanfaat .style1 {co.. Selengkapnya

Tutorial Membuat Desain Website Responsif Bagian 2 - Content Website dan Tampilan Iklan Responsif

05‘13
April

info72.jpg

Artikel ini adalah lanjutan dari artikel saya yang lalu tentang Membuat Desain Website Responsif dimana saya menunjukan pada anda suatu cara untuk membuat sebuah navigasi menu menjadi responsif pada saat dibuka di berbagai ukuran layar yang berbeda. Disini saya akan melanjutkan tutorial sebelumnya dan menunjukan kepada anda bagaimana cara membuat content website yang responsif Apa yang harus saya kuasai? Untuk memulai tutorial ini anda harus memiliki pemahaman yang cukup tentang CSS dan HTML, silahkan klik link berikut CSS dan HTML untuk mempelajar.. Selengkapnya

Tahapan Membuat Template Design Website Semantic dengan Menggunakan HTML 5

03‘13
April

info75.jpg

Bagi anda yang baru saja ingin membuat template website, Ini adalah waktu yang sangat tepat untuk mulai mengadopsi tag elemen HTML5 semantik ke dalam desain website Anda. W3C telah melakukan penelitian pada miliaran website dan menyimpulkan bahwa sebagian besar ID dan CLASS pada DIV yang umumnya digunakan untuk template desain website terdiri dari header, nav (navigation), menu, content, title dan footer yang pada akhirnya HTML5 semantik dibangun dengan menggunakan elemen tersebut <header>, <nav>, <footer> dan sebagainya Mark-up di e.. Selengkapnya

Tutorial Membuat Desain Website Responsif Bagian 1 - Navigasi Menu

28‘13
March

info72.jpg

Beberapa hari yang lalu saya mengenalkan Desain Responsif (Responsive Design) kepada anda, dimana dengan Desain Responsif website dapat tampil dengan baik di berbagai browser dengan ukuran layar yang berbeda. Sekarang mari kita perdalam lagi pengetahuan kita dengan sama-sama belajar membuat sebuah halaman desain web responsif. Pada tutorial dibagian ke 1 (satu) ini saya akan memberikan tutorial tentang membuat menu navigasi yang responsif Berikut ini merupakan tampilan dari tutorial kali ini Apa yang harus saya kuasai? Untuk memulai tutorial in.. Selengkapnya

3 Langkah Membuat Desain Web Responsif (Responsive Design)

24‘13
March

info69.jpg

Perkembangan tekhnologi saat ini membuat desain web yang responsif menjadi suatu teknik desain web yang harus mulai anda lakukan saat ini. Tentunya website anda ingin tampil dan terbaca baik di berbagai device dengan ukuran layar yang berbeda-beda seperti notebook, tab, smart phone dan device lainnya. Responsive Design merupakan suatu teknik desain yang membuat website dapat tampil dengan baik di berbagai browser dengan ukuran layar yang berbeda, jika Anda baru mendengar kata desain responsif, berikut ini merupakan beberapa contoh website yang menerapk.. Selengkapnya

Penerapan Berbagai Style pada Tampilan Gambar dengan menggunakan CSS 3

25‘11
October

info61.jpg

Apabila anda sedang bingung untuk menerapkan suatu style pada gambar dan ingin secara otomatis semua gambar yang anda pasang di web mempunyai tampilan yang menarik tanpa harus memanipulasi setiap gambar di photoshop, maka CSS 3 bisa menjadi jalan alternatif anda. Bagi yang belum mengetahui CSS 3 silahkan buka artikel saya tentang CSS 3 di CSS 3 untuk border dan background Modul CSS 3 untuk border yaitu box-shadow atau border-radius bisa kita tambahkan pada elemen gambar supaya gambar yang ditampilkan bisa menarik. Namun untuk trik ini gambar harus dite.. Selengkapnya

CSS 3 untuk border dan background

24‘11
October

info59.jpg

CSS3 adalah standar untuk CSS yang paling baru, banyak batasan website design yang dahulu tidak bisa ditangani oleh CSS sekarang bisa dilakukan dengan CSS3. CSS3 sepenuhnya kompatibel dan pelengkap dari CSS lama, sehingga browser akan selalu mendukung CSS lama dan Anda tidak harus mengubah desain yang sudah ada. Walaupun CSS 3 adalah sebuah standard CSS baru yang membantu kita dalam memudahkan desain web, tidak semua browser ternyata mensupport CSS 3, misalnya MS Internet Explorer yang sampai artikel ini saya tulis masih belum mendukung CSS 3. Dibawah.. Selengkapnya

Tahapan Belajar Desain Web (Web Design)

Tahapan belajar web desain sesuai urutannya bisa anda temukan pada link dibawah

Usulan Kontribusi dan Saran

Kami sangat terbuka dengan berbagai saran dan kontribusi positif dari Anda. Kami ingin membuat halaman blog di w3function.com ini terbuka untuk banyak penulis, sehingga kita bisa bersama-sama mendiskusikan banyak topik yang lebih luas dan lebih menarik lagi. Apabila Anda memiliki artikel yang ingin Anda kontribusikan untuk w3function.com mohon email kami.

Pemberitahuan Disclaimer © Copyright

Semua isi termasuk di dalamnya semua artikel dan gambar adalah hak cipta w3function.com, kecuali ada statement khusus yang di cantumkan (kontributor). Mohon tidak menyalin isi atau mempublikasikan kembali tanpa seizin w3function.com dan atau kontributor artikel lain

Semua sumber download dari w3function.com adalah untuk tujuan edukasi semata, bukan untuk tujuan komersial atau lainnya kecuali ada statement khusus yang di cantumkan.

Social Stuff