PWEB 3: HTML 5

-

 

💣 Membuat Website: Warteg dengan HTML5 💣

💀Intro

HTMLS merupakan kelanjutan dari HTML 4 yang tidak diupdate sejak tahun 1999. Dimana W3C sebagai badan yang membuat standar HTML lebih berminat mergembungkan XHTML daripada melanjutkan HTML. 

Setelah beberapa tahun pengembangan, XHTML tarnyata tidak sesuai dengan harapan. XHTML 2.0 tidak kunjung selesai, sehingga beberapa programmer web bergabung membentuk badin tersendiri: WHATWG. WHATWG kemudian mengembangkan format yang akan menjadi cikal bakal HTML5. Singkat cerita, W3C meninggalkan XHTML 2.0 dan ikut mengembangkan HTML5 bersama WHATWG. 

Tepat puda tanggal 28 Oktober 2014 lalu, W3C telah resmi merampungkan standar HTML5 (sumber resminya dapat dibaca pada http://www.w3.org/blog/news/archives/4167). Walaupun demikian, saat ini HTMLS telah didukung hampir oleh semua web browser modern, sehingga sudah saatnya kita mulai membuat kode HTML menggunakan standar HTML.5.


💀 Project Saya
Pada tugas kali ini saya berkesempatan untuk membuat website sederhana menggunakan HTML5 dan CSS. Berikut tampilan websitenya







Untuk link website dapat dilihat disini.
Untuk file source code dapat dilihat disini.














Comments

Post a Comment

Popular posts from this blog

APP: TRAFFIC LIGHT PROGRAM

-
Image
          Kali ini kita akan mencoba untuk membuat program lampu lalu lintas sederhana menggunakan Java. Sebagaimana kita ketahui, lampu lalu lintas yang sering kita temui di jalan raya memiliki tiga warna utama yaitu merah, kuning dan hijau. Cara kerjanya pun telah di atur sedemikian rupa sehingga dapat berganti warna sesuai dengan waktu yang telah ditentukan. Setiap warnanya memiliki rentang waktu yang cara kerjanya hampir serupa dengan timer yang telah kita pelajari di artikel sebelumnya. Disini kita akan mmempelajari mengenai abstraksi, diagram kelas, diagram objek dan bagaimana source code program lampu lalu lintas sederhana menggunakan aplikasi BlueJ. ABSTRAKSI         Program ini akan menampilkan bagaimana sebuah rambu lalu lintas bekerja dengan menghitung mundur dan akan berganti warna setelah 40 detik. Perubahan warna berganti dari merah-hijau-kuning dan begitu seterusnya, untuk sekali putarannya memerlukan waktu 2 menit. Program ini terdiri dari 4 kelas yang memanfaatkan  GUI
Read more

PWEB 4 : E-commerce Website with CSS

-
Image
  💣  Membuat Website: Ecommerce dengan CSS  💣 💀Intro CSS adalah “kumpulan kode yang digunakan untuk mendefenisikan desain dari bahasa markup” , dimana bahasa markup ini salah satunya adalah HTML. Untuk pengertian bebasnya, CSS adalah kumpulan kode program yang digunakan untuk mendesain atau mempercantik tampilan halaman HTML. Dengan CSS kita bisa mengubah desain dari text, warna, gambar dan latar belakang dari (hampir) semua kode tag HTML. CSS biasanya selalu dikaitkan dengan HTML, karena keduanya memang saling melengkapi. HTML ditujukan untuk membuat struktur, atau konten dari halaman web. Sedangkan CSS digunakan untuk tampilan dari halaman web tersebut. Istilahnya, “HTML for content, CSS for Presentation”. 💀  Project Saya Pada tugas kali ini saya berkesempatan untuk membuat website katalog produk sederhana menggunakan implementasi dari CSS.  Berikut tampilan websitenya: Untuk website dapat dilihat  di sini 💀 Source Code Source code lengkap dapat dilihat  di sini
Read more

JAVA APPLET

-
Image
 Apa itu Java Applet? Applet adalah salah satu jenis program yang bisa dihasilkan oleh bahasa pemrograman Java selain program aplikasi desktop dan server. Applet Java harus dijalankan menggunakan web browser, misalnya di Microsoft Internet Explore, Mozilla FireFox, Google Chrome atau browser yang lain.  Applet Java dapat disertakan di dalam dokumen HyperText Markup Language (HTML) bila ingin dijalankan di web browser. Dokumen HTML menggunakan tag untuk memberi instruksi ke web browser dan web browser akan menterjemahkan dan memutuskan bagaimana menampilkan atau memperlakukan konten dari dokumen HTML. Kali ini kita akan mencoba mengimplementasikan java applet dalam sebuah program jam analog yang bekerja mengikuti waktu setempat. SOURCE CODE OUTPUT
Read more