burung twitter

Friday, January 25, 2013

tugas 4 softskill HTML 5

Ok, kali ini kita akan memulai belajar tentang HTML 5. Mungkin bagi anda yang sudah mengenal HTML bertanya-tanya, apa bedanya HTML dan HTML5? Dan apa keistimewaan HTML5 dibanding dengan HTML?

Baiklah, sebelum kita mulai tutorial belajar HTML5 kita, ada baiknya kita lihat dulu apa keistimiewaan dan perbedaan HTML dibanding HTML5.

HTML5 ini adalah standar baru dari HTML, yang dikembangkan oleh World Wide Web Consortium (W3C) dan Web Hypertext Aplikasi Teknologi Working Group (WHATWG). ebagaimana pendahulu sebelumnya yaitu: HTML 4.01 dan XTHML 1.1, HTML5 adalah sebuah standar untuk menstrukturkan dan menampilkan isi pada World Wide Web. Standar ini memperkenalkan fitur baru seperti memutar video serta drag and drop, Sebelumnya fitur ini bergantung pada plugins pihak ketiga di penjelajah web seperti Adobe Flash dan Microsoft Silverlight.

Nah, untuk itu ada beberapa aturan yang harus kamu pelajari saat belajar HTML5, yaitu :

    Fitur baru harus didasarkan pada HTML, CSS, DOM, dan JavaScript
    Mengurangi kebutuhan untuk plugin eksternal (seperti Flash)
    Lebih baik penanganan kesalahan
    Lebih banyak penggunaakn markup untuk mengganti scripting.
    HTML5 harus independen
    Proses development-nya harus terlihat untuk umum (visible)

Dalam HTML5 hanya ada satu <DOCTYPE> deklarasi, dan sangat sederhana, yaitu :

<!DOCTYPE html>

Dengan belajar HTML5 sebenarnya kamu akan mendapat banyakmanfaat. Misalnya kita akan mempelajari bahwa HTML 5 menyederhanakan banyak praktek coding yang digunakan dalam versi sebelumnya dari HTML. Sebagai contoh, ketika memulai sebuah file, Anda sebelumnya harus memulai dokumen sehingga tampak seperti ini:
Try This: 4 Langkah Mudah Belajar Cara Membuat Website, Langsung Praktek! KLIK DI SINI!.

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/

Disederhanakan menjadi seperti dibawah ini:
HTML 5


<!DOCTYPE html><html lang=”en”>



Dibawah ini adalah contoh dari kesederhanaan HTML5 :

<!DOCTYPE html>

<html>

<head>

<title>Title of the document</title>

</head>



<body>

The content of the document……

</body>



</html>



Okey, saya rasa cukup untuk pengenalannya sebelum kita mulai belajar HTML5. Jangan lewatkan untuk pantau terus web prothelon.com, karena saya akan membahas HTML5 lanjutan seperti tutorial tentang elemen HTML5 ini yang pasti sangat berguna dalam membangun web anda.

Selamat belajar HTML5!
 Sumber belajar HTML5 1
15 Feb 2012   | Web

Trend Web programming semakin hari makin meningkat, hal ini ditambah dengan banyaknya materi dan teknologi berbasis web yang terus berkembang, dari XML, JSON, SVG, RestFul, Web API dan yang sekarang sedang hot yaitu HTML5. HTML5 adalah evolusi dari HTML4. Banyak hal yang membuat html 5 Istimewa, diantaranya adalah sbb:

     Dukungan terhadap Canvas (anda bisa menjadikan browser anda melakukan editing gambar).
    Dukungan native terhadap format video dan audio . Dengan HTML5 anda tidak perlu plugin untuk melihat / mendengar audio/video di web
    Dukungan terhadap type input baru seperti tanggal, angka,email ,warna dan tipe lainnya
    Dukungan terhadap GeoLocation
    Dukungan fitur Drag and drop layaknya di desktop.
    dan masih banyak lagi!

Karena teknologi ini masih baru, tentunya cukup susah mencari sumber belajar yang tepat, terutama untuk pemula. Nah disini saya akan memberikan daftar website untuk mendalami ilmu html5, tapi ingat ya gan!, semuanya website luar, jadi agan agan juga harus belajar bahasa inggris :).

No comments:

Post a Comment

silahkan komentar disini