Sabtu, 02 Mei 2015
pengertian html5
HTML5 adalah sebuah bahasa markah untuk menstrukturkan dan menampilkan isi dari Waring Wera Wanua, sebuah teknologi inti dari Internet. HTML5 adalah revisi kelima dari HTML (yang pertama kali diciptakan pada tahun 1990 dan versi keempatnya, HTML4, pada tahun 1997[1]) dan hingga bulan Juni 2011 masih dalam pengembangan. Tujuan utama pengembangan HTML5 adalah untuk memperbaiki teknologi HTML agar mendukung teknologi multimedia terbaru, mudah dibaca oleh manusia dan juga mudah dimengerti oleh mesin.
HTML5 merupakan salah satu karya Konsortium Waring Wera Wanua (World Wide Web Consortium, W3C) untuk mendefinisikan sebuah bahasa markah tunggal yang dapat ditulis dengan cara HTML ataupun XHTML. HTML5 merupakan jawaban atas pengembangan HTML 4.01 dan XHTML 1.1 yang selama ini berjalan terpisah, dan diimplementasikan secara berbeda-beda oleh banyak perangkat lunak pembuat web.
Kamis, 19 Maret 2015
Jumat, 13 Maret 2015
Hypertext Markup Language (HTML) adalah bahasa yang digunakan untuk menulis halaman web. HTML merupakan pengembangan dari standar pemformatan dokumen teks yaitu Standard Generalized Markup Language (SGML). HTML sebenarnya adalah dokumen ASCII atau teks biasa, yang dirancang untuk tidak tergantung pada suatu sistem operasi tertentu.
HTML dibuat oleh Tim Berners-Lee ketika masih bekerja untuk CERN dan dipopulerkan pertama kali oleh browser Mosaic. Selama awal tahun 1990 HTML mengalami perkembangan yang sangat pesat. Setiap pengembangan HTML pasti akan menambahkan kemampuan dan fasilitas yang lebih baik dari versi sebelumnya. Namun perkembangan resmi dikeluarkan pada bulan November 1995 oleh IETF (Internet Engineering Task Force). HTML 2.0 ini merupakan penyempurnaan dari HTML+ (1993).
HTML 3.0 (1995) memberikan kemampuan lebih daripada versi sebelumnya. Sebuah usaha dari World Wide Web Consortium’s (W3C) HTML Working Group pada tahun 1996 menghasilkan HTML 3.2. HTML versi ini secara resmi diterbitkan pada bulan Januari 1997. HTML versi terbaru adalah HTML 4.01 yang dikeluarkan secara resmi oleh W3C pada tanggal 24 April 1998. HTML merupakan perbaikan dari HTML 4.0 yang lebih dulu diterbitkan. (18 Desember 1997).
Dasar-Dasar HTML
Mendesain HTML berarti melakukan suatu tindakan pemrograman. Namun HTML bukanlah sebuah bahasa pemrograman. Namun HTML hanyalah berisi perintah-perintah yang telah terstruktur berupa tag-tag penyusun. Menuliskan tag-tag HTML tidaklah sebatas hanya memasukkan perintah-perintah tertentu agar HTML kita dapat di akses oleh browser. Mendesain HTML adalah adalah sebuah seni tersendiri. Homepage yang merupakan implementasi dari HTML adalah refleksi dari orang yang membuatnya. Untuk itu kita perlu mendesainnya dengan baik agar para pengunjung homepage yang kita buat merasa senang dan bermanfaat.
Mendesain HTML dapat dilakukan dengan dua cara:
1. Menggunakan HTML Editor, seperti Microsoft FrontPage, Adobe Dreamweaver, dan lain-lain. Dapatkan editor HTML lainnya disini.
2. Dengan cara menuliskan sendiri secara manual satu persatu tag-tag HTML ke dalam dokumen HTML.
Ada kelebihan dan kekurangan dari dua cara di atas. Cara pertama kelebihannya adalah HTML Editor merupakan sebuah program yang khusus didesain untuk membuat, melakukan editing bahkan mem-publish ke internet. Dengan kemampuannya menggabungkan kemudahan dan kecanggihan teknologi internet ke dalam dokumen HTML maka cara ini sangat disukai oleh para pemula dan desainer yang tidak ingin belajar lebih mendalam mengenai HTML. Sedangkan cara kedua adalah menuliskan secara manual satu persatu tag-tag HTML. Hal ini sangat disarakan sulit dikarenakan akan memakan tenaga dan waktu ekstra untuk melakukannya, ditambah lagi Anda harus melakukan cara-cara konvensional untuk melihat hasilnya pada web browser. Namun pada cara kedua adalah dasar dari segala bentuk HTML yang akan Anda pelajari, karena dengan cara itulah Anda akan lebih paham mengenai cara kerja dan berbagai perintah yang biasa dipakai pada bahasa HTML.
HTML dibuat oleh Tim Berners-Lee ketika masih bekerja untuk CERN dan dipopulerkan pertama kali oleh browser Mosaic. Selama awal tahun 1990 HTML mengalami perkembangan yang sangat pesat. Setiap pengembangan HTML pasti akan menambahkan kemampuan dan fasilitas yang lebih baik dari versi sebelumnya. Namun perkembangan resmi dikeluarkan pada bulan November 1995 oleh IETF (Internet Engineering Task Force). HTML 2.0 ini merupakan penyempurnaan dari HTML+ (1993).
HTML 3.0 (1995) memberikan kemampuan lebih daripada versi sebelumnya. Sebuah usaha dari World Wide Web Consortium’s (W3C) HTML Working Group pada tahun 1996 menghasilkan HTML 3.2. HTML versi ini secara resmi diterbitkan pada bulan Januari 1997. HTML versi terbaru adalah HTML 4.01 yang dikeluarkan secara resmi oleh W3C pada tanggal 24 April 1998. HTML merupakan perbaikan dari HTML 4.0 yang lebih dulu diterbitkan. (18 Desember 1997).
Dasar-Dasar HTML
Mendesain HTML berarti melakukan suatu tindakan pemrograman. Namun HTML bukanlah sebuah bahasa pemrograman. Namun HTML hanyalah berisi perintah-perintah yang telah terstruktur berupa tag-tag penyusun. Menuliskan tag-tag HTML tidaklah sebatas hanya memasukkan perintah-perintah tertentu agar HTML kita dapat di akses oleh browser. Mendesain HTML adalah adalah sebuah seni tersendiri. Homepage yang merupakan implementasi dari HTML adalah refleksi dari orang yang membuatnya. Untuk itu kita perlu mendesainnya dengan baik agar para pengunjung homepage yang kita buat merasa senang dan bermanfaat.
Mendesain HTML dapat dilakukan dengan dua cara:
1. Menggunakan HTML Editor, seperti Microsoft FrontPage, Adobe Dreamweaver, dan lain-lain. Dapatkan editor HTML lainnya disini.
2. Dengan cara menuliskan sendiri secara manual satu persatu tag-tag HTML ke dalam dokumen HTML.
Ada kelebihan dan kekurangan dari dua cara di atas. Cara pertama kelebihannya adalah HTML Editor merupakan sebuah program yang khusus didesain untuk membuat, melakukan editing bahkan mem-publish ke internet. Dengan kemampuannya menggabungkan kemudahan dan kecanggihan teknologi internet ke dalam dokumen HTML maka cara ini sangat disukai oleh para pemula dan desainer yang tidak ingin belajar lebih mendalam mengenai HTML. Sedangkan cara kedua adalah menuliskan secara manual satu persatu tag-tag HTML. Hal ini sangat disarakan sulit dikarenakan akan memakan tenaga dan waktu ekstra untuk melakukannya, ditambah lagi Anda harus melakukan cara-cara konvensional untuk melihat hasilnya pada web browser. Namun pada cara kedua adalah dasar dari segala bentuk HTML yang akan Anda pelajari, karena dengan cara itulah Anda akan lebih paham mengenai cara kerja dan berbagai perintah yang biasa dipakai pada bahasa HTML.
Menjadi webdesigner handal
Banyak orang beranggapan menjadi seorang web designer itu mudah, hanya bermodalkan bisa mendesain di photoshop dan bisa sedikit HTML sudah bisa melenggang menjadi seorang webdesigner :) sebenarnya tidak sepenuhnya benar dan tidak sepenuhnya salah. Tapi yang ingin saya tekankan disini adalah bagaimana caranya agar menjadi seorang webdesigner handal dan disegani *halah
Banyak langkah-langkah yang harus ditempuh untuk mejadi seorang webdesigner, seperti layaknya kera sakti yang banyak cobaan dan godaan ketika pergi kebarat mengambil kitab suci :D begitupun jika memilih menjadi seorang webdesigner. Banyak pertanyaan yang mampir ke saya “bagaimana sih untuk menjadi seorang webdesigner?” apakah harus bisa desain? apakah harus bisa photoshop? apakah harus bisa coding? dll.
Nah dari pengalaman yang saya jalani selama ini ada beberapa langkah yang harus Anda lalui untuk menjadi seorang webdesigner.
Niat!
Anda harus punya niat yang ikhlas untuk menjadi seorang webdesigner, jangan setengah-setengah :D dalam artian Anda sudah punya tekat yang kuat.
Olah gambar
Dalam tahap ini Anda harus belajar menggunakan software untuk membuat desain, seperti Photoshop, Illustrator, fireworks dan sebagainya, ya mungkin bisa dimulai dengan membuat lingkaran :D maksudnya cari tutorial-tutorial yang berhubungan dengan webdesain, seperti bagaimana membuat text yang bisa kelihatan 3D dan lain sebagainya.
Inspirasi
Dalam hal ini Anda dituntut untuk mencari inspirasi untuk mengasah imajinasi Anda, lihatlah contoh-contoh tampilan website yang keren misalnya http://zulsdesign.com :P lihat secara “detail” maksudnya lihat setiap elemen-elemen yang ada diwebsite tsb secara teliti dan men-detail Biasanya untuk para pemula melihat detail ini tidak dihiraukan, baiklah saya kasih ilustrasi gambar cara melihat detail ini :
Anda lihat gambar diatas bagaimana bentuk elemen yang bagus sama yang jelek :D
Baca buku tentang webdesain, banyak buku-buku tentang webdesain ditoko buku kesayangan Anda atau jika mau materi yang bagus saya rekomendasikan buku dari sitepoint.com atau smashingmagazine.com
XHTML, CSS, Javascript
Pelajari yang namanya HTML, CSS, dan Javascript (WAJIB!!!) yup sebenarnya ini adalah titik penting untuk menjadi seorang webdesigner. karena menurut saya seorang webdesigner itu adalah yang bisa membuat desain diphotoshop dan merubahnya ke bentuk HTML/CSS, kalau cuma bisa desain di photoshop aja mah bukan seorang webdesigner, tapi seorang grafik desainer :D
Nah, kemampuan dalam XHTML, CSS dan Javascript ini usahakan sangat-sangat-sangat menguasai, kan repot misalkan seorang webdesainer dibuat kelabakan karena desain yang dia buat amburadul jika dilihat di IE6 dan tidak bisa memperbaikinya :D
IE6 masih menjadi sahabat setia seorang webdesigner. LOL!
Usahakan Anda mengoleksi tutorial-tutorial tentang XHTML, CSS dan Javascript.
Koding
ini hanya opsi saja kok, tapi agak penting juga, ya harus mengerti sedikit lah bagaimana kode bahasa pemprograman itu bekerja.
Yup! begitulah cerita bagaimana menjadi seorang webdesigner, jika ada yang kurang, harap tambahkan di komentar :)
Tags
contoh html keren,contoh script html,contoh script html web,web bagus,cara menjadi web designer,contoh html yang bagus,desain web keren,contoh skrip html,design web keren,script html keren,web html keren,contoh web html keren,contoh html web keren,menjadi web designer,contoh web bagus,html keren,contoh web yang bagus,contoh desain web dengan css,contoh website yang baik,website bagus
November 7, 201026 Replies
pure-css-yahoo
Pure, CSS Module dari Yahoo!
Baru-baru ini Yahoo! meluncurkan Pure CSS yaitu sebuah CSS Module yang bisa dipakai untuk project website kita, ya seperti Bootstrap lah tapi Pure CSS lebih kecil gak sekomplek Bootstrap, meskipun tidak sekomplek bootstrap tapi keren juga dipakai pada project website kita selanjutnya.
[related_posts]
Seperti CSS Framework lainnya, Pure CSS juga menyajikan beberapa elemen seperti Layout yang bisa responsive, Menu, Form, tombol, Grid Base, Tabel.
Contoh Design Website Keren yang dibuat dengan HTML 5
Assalamu'alaikum...
Mungkin sebagian besar blogger sudah tidak asing lagi mendengar istilah HTML 5. Terutama bagi blogger yang memakai template valid HTML 5. Termasuk Template blog Fian Syauqi ini juga salah satu template web valid HTML 5. Namun saya tidak menemukan sesuatu yang lebih dari template-template blogspot Valid HTML 5 yang saya cari di internet. Hingga pada akhirnya saya coba googling mencari contoh-contoh Design Website Keren yang dibuat dengan HTML 5.
Sebelumnya akan dijelaskan Tujuan dan Fitur dari HTML 5.
Berikut tujuan dibuatnya HTML5 :
Fitur baru harus didasarkan pada HTML, CSS, DOM, dan JavaScript
Mengurangi kebutuhan untuk plugin eksternal ( Seperti Flash )
Penanagan kesalahan yang lebih baik
Lebih markup untuk menggantikan scripting
HTML5 merupakan perangkat mandiri
Proses pembangunan dapat terlihat untuk umum
Fitur baru dalam HTML5 :
Unsur kanvas untuk menggambar
Video dan elemen audio untuk media pemutaran
Dukungan yang lebih baik untuk penyimpanan secara offline
Elemen konten yang lebih spesifik, seperti artikel, footer, header, nav, section
Bentuk kontrol form seperti kalender, tanggal, waktu, email, url, search.
Beberapa browser sudah mendukung HTML5 seperti safari, chrome, firefox, dan opera. Kabarnya IE9 ( Internet Explorer ) akan mendukung beberapa fitur dari HTML5.
Nah berikut ini beberapa Contoh Design Website Keren yang dibuat dengan HTML 5 yang kreatif, dinamis, dan sadisss !!
Brandongenerator
brandon generator
Thebeast
thebeast
Fridzo Keys | The Rational Keyboard
Ini Website Keren banget, jika ditekan tuts nya maka akan muncul suara piano. Jadi kita bisa main piano disini.
fridzo keys
Unfinished Business
unfinished business
Assalamu'alaikum...
Mungkin sebagian besar blogger sudah tidak asing lagi mendengar istilah HTML 5. Terutama bagi blogger yang memakai template valid HTML 5. Termasuk Template blog Fian Syauqi ini juga salah satu template web valid HTML 5. Namun saya tidak menemukan sesuatu yang lebih dari template-template blogspot Valid HTML 5 yang saya cari di internet. Hingga pada akhirnya saya coba googling mencari contoh-contoh Design Website Keren yang dibuat dengan HTML 5.
Sebelumnya akan dijelaskan Tujuan dan Fitur dari HTML 5.
Berikut tujuan dibuatnya HTML5 :
Fitur baru harus didasarkan pada HTML, CSS, DOM, dan JavaScript
Mengurangi kebutuhan untuk plugin eksternal ( Seperti Flash )
Penanagan kesalahan yang lebih baik
Lebih markup untuk menggantikan scripting
HTML5 merupakan perangkat mandiri
Proses pembangunan dapat terlihat untuk umum
Fitur baru dalam HTML5 :
Unsur kanvas untuk menggambar
Video dan elemen audio untuk media pemutaran
Dukungan yang lebih baik untuk penyimpanan secara offline
Elemen konten yang lebih spesifik, seperti artikel, footer, header, nav, section
Bentuk kontrol form seperti kalender, tanggal, waktu, email, url, search.
Beberapa browser sudah mendukung HTML5 seperti safari, chrome, firefox, dan opera. Kabarnya IE9 ( Internet Explorer ) akan mendukung beberapa fitur dari HTML5.
Nah berikut ini beberapa Contoh Design Website Keren yang dibuat dengan HTML 5 yang kreatif, dinamis, dan sadisss !!
Brandongenerator
brandon generator
Thebeast
thebeast
Fridzo Keys | The Rational Keyboard
Ini Website Keren banget, jika ditekan tuts nya maka akan muncul suara piano. Jadi kita bisa main piano disini.
fridzo keys
Unfinished Business
unfinished business
Langganan:
Komentar (Atom)