fajarbaskoro: March 2018

PWeb-2-3-CSS

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”.

Css pweb from Fajar Baskoro

Latihan Pertemuan 3 CSS

Buatlah halaman web untuk kursus dengan menggunakan html dan css, sehingga tampilan dari kursus yang ditawarkan menjadi menarik.

https://www.geeksforgeeks.org/top-10-projects-for-beginners-to-practice-html-and-css-skills/

Htmlcss from Fajar Baskoro

Monitoring

Form Monitoring Tugas
Hasil Monitoring

Absensi

Kelas M

Referensi :

Html css

https://youtu.be/emn0F0j_2Lo

https://youtu.be/454V0qUxLEY

https://youtu.be/GueWfJNpROc

https://youtu.be/vyinCgm6JXI

https://www.duniailkom.com/css-uncover-panduan-belajar-css-lengkap-untuk-pemula/

https://www.youtube.com/watch?v=-kcbdojs2W4

DESAIN THEMES TOKO ONLINE DENGAN HTML DAN CSS

https://www.youtube.com/watch?v=RkHq5SRRYkg

https://www.youtube.com/watch?v=nIrgfSJ1xIQ

Java script

https://www.youtube.com/watch?v=CrSC1ZA9j0M

https://github.com/akashyap2013/Blooger_Website/tree/master/assets

https://www.youtube.com/c/NurisAkbar/playlists

PWeb-2-2-HTML5

Fajar Baskoro 6:02 AM 158 Comments

Fajar Baskoro

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

Setelah beberapa tahun pengembangan, XHTML ternyata tidak sesuai dengan harapan. XHTML 2.0 tidak kunjung selesai, sehingga beberapa programmer web bergabung membentuk badan 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 pada 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 HTML5 telah didukung hampir oleh semua web browser modern, sehingga sudah saatnya kita mulai membuat kode HTML menggunakan standar HTML5.

Html5 from Fajar Baskoro

Video

Contoh HTML5

Latihan Html 5
Contoh lain Html 5

Tugas

Membuat struktur html 5 untuk website menu warung, atau situs berita.

Latihan

Game HTML 5

https://github.com/AthulDilip/HTML5-Flappy-Bird

https://github.com/wanderdust/flappy-bird

Monitoring Kelas

Form Monitoring

Hasil Monitoring

Absensi

Kelas M

Kelas E

PWeb-2-1-Hyper Text Markup Language

Fajar Baskoro 4:55 PM 207 Comments

Fajar Baskoro

HTML atau Hypertext Marksup Language merupakan salah satu format yang digunakan dalam pembuatan dokumen dan aplikasi yang berjalan dihalaman web. Sebenarnya, dokumen HTML hanyalah sebuah dokumen teks biasa dan disebut sebagai Markup Language yakni bahasa yang mengandung tanda (tag) tertentu yang digunakan untuk mengatur format tampilan suatu dokumen. Simbol markup yang digunakan oleh HTML ditandai dengan tanda lebih kecil ( < ) dan tanda lebih besar ( > ).

HTTP atau Hypertext Transfer Protokol merupakan protokol yang digunakan untuk mentransfer data atau document yang berformat HTML dari web server ke browser. Dengan HTTP inilah yang memungkinkan Anda menjelajah internet dan melihat halaman web.

HTML merupakan singkatan dari Hyper Text Markup Language
Sebuah bahasa markup terdiri dari seperangkat tag markup
Dokumen HTML dijelaskan oleh tag HTML
Setiap tag HTML menjelaskan isi dokumen yang berbeda

Elemen Head

Bagian Head sebenarnya tidak harus ada pada dokumen HTML, tetapi pemakaian head yang benar akan meningkatkan kegunaan suatu dokumen HTML. Isi bagian head tidak akan terlihat oleh pembaca dokumen tersebut, kecuali judul dokumen.
Elemen-elemen pada bagian head akan mengerjakan tugas-tugas sebagai berikut :