Pemrograman Web Dan Perangkat Bergerak

Postingan

Haikal PG - XI RPL 1 - PWPB Sesi 9

Assalamualaikum Warahmatullahi Wabarokatuh Dipertemuan kali ini Kita akan masuk ke CSS. Apa itu CSS?, CSS (Cascading Style Sheet) Merupakan salah satu dokumen webstire yang bertujuan untuk mengatur gaya (style) tampilan website. CSS ini ada untuk mempermudah kita mengedit tampilan. Jika di analogikan CSS ini merupakan tampilan luar/ dan HTML kita analogikan sebagai kerangka. Manfaat CSS Kode HTML menjadi lebih sederhana dan lebih mudah diatur Ukuran file menjadi lebih kecil sehingga load file lebih cepat. Mudah untuk mengubah tampilan hanya dengan mengubah file CSS saja Dapat berkolaborasi dengan javascript. dapat digunakan dalam hampit semua jenis web browser. Anatomi CSS Anatomi CSS Pengkodingan CSS CSS memiliki 3 cara pengkodingan yaitu : Inline : Didalam tag html kita bisa menambahkan atribut "style" Embbeded : Didalam satu file yang sama External : Dengan membuat file CSS dan di dalam file html ki...

Baca selengkapnya

Haikal PG - XI RPL 1 - PWPB Sesi 8

Assalamualaikum Warahmatullahi Wabarakatuh Kembali lagi dengan saya,Haikal Putra Gustiansyah. Pada sesi ke 8 ini kita akan membahas textarea, form, dan input tag. Langsung saja ke pembahasan kali ini : Pada HTML, terdapat komponen entri teks yang fungsinya berbeda-beda salah satunya yang belum dipelajari adalah textArea. TextArea merupakan komponen entri teks yang digunakan untuk memasukan teks yang tersusun lebih dari 1 baris. Untuk menggunakannya textarea disisipkan pada tag form layaknya komponen form lain yang biasa digunakan. Format umum pengkodean TextArea : <textarea atribute=”value"> Terdapat beberapa atribut dari text area, diantaranya row,col dan lain sebagainya. Pada HTML 5 menyediakan banyak 6 atribut baru textarea. textArea.html Tampilan text area Kita buat text area seperti diatas dengan tag <textarea></textarea> dan berikan kolom juga baris dengan atribut rows dan cols didalamnya. Codenya agar lebih jelas : <!DOCTYPE html...

Baca selengkapnya

Haikal PG - XI RPL 1 - PWPB Sesi 7

Assalamualaikum Warahmatullahi Wabarokatuh Kembali lagi dengan saya, disini saya akan membahas kembali tag-tag pada HTML. Pada HTML juga kita bisa menambahkan seperti audio, video, flash dengan tag yang akan saya bahas kali ini. Kita langsung saja mulai tutorialnya : Menambahkan Audio Di HTML kita bisa menambakan audio dengan tag <audio> </audio>. Seperti pada tag img kita juga harus memsukkan sumber lagu dengan attribut src="lagu.mp3". Ada juga attribut untuk memulai musik secara otomatis yaitu autoplay, Attribut untuk controls untuk menampilkan sebuah control spesifik audio, Attribut loop ini untuk mengulang lagu jika lagu sudah selesai. Berikut tampilannya jika di jalankan di browser : Tag audio html Codenya : Haikal Putra Gustiansyah XI RPL 1 Audio Menambahkan Video Selain menambahkan audio kita juga bisa menambahkan video dengan tag <video> </video> dan jangan lupa masukkan sumber video dengan src="". Attribut n...

Baca selengkapnya

Haikal PG - XI RPL 1 - PWPB Sesi 6

Assalamualaikum Wahahmatullahi Wabarokatuh. Kita akan membuat variasi / mendesain dengan tabel. Kalau kita belum bisa/bingung menggunakan CSS maka desain tabel ini berguna untuk mendesain halaman web kita. Kita langsung masuk tutorialnya : 22.TOPINDEX.html dan lanjutannya Desain Top Index Untuk membuat desain table seperti diatas kita buat code. Contoh codenya : Contoh Code Tabel TOPINDEX 23.BOTTOMINDEX.html dan lanjutannya Bottom Index Code untuk desain diatas : Contoh Code Tabel BOTTOMINDEX 24.LEFTINDEX.html dan lanjutannya Left Index Contoh codenya : Contoh Code Tabel LEFTINDEX 25.LAYOUTSPLIT.html dan lanjutannya Layout Split Contoh Codenya : Contoh Code Tabel LAYOUTSPLIT 27.MYTABELINDEX_HaikalPG_XIRPL1 Kita coba pilih salah satu dari contoh diatas dan isi kontennya : Bottom Index Codenya : Code Sekian yang bisa saya sampaikan pada sesi ini. Wassalamualaikum Warahmatullahi Wabarokatuh.

Baca selengkapnya

Haikal PG - XI RPL1 - PWPB Sesi 5

Assalamualaikum Warahmatullahi Wabarokatuh Kembali dengan materi tag tag HTML. Pada kali ini kita akan fokus pada cara pembuatan tabel. Di tabel juga kita bisa menambahkan atribut yang diinginkan. Macam-macam atribut yang bisa digunakan diantaranya ada atribut yang dipasang didalam tag table dan di tr ataupun td, di tabel ada tag, height untuk mengatur tinggi, width untuk mengatur lebar, color untuk menambahka warna, cellspacing untuk jarak spasi antar sel, cellpadding untuk jarak didalam tabel. ,bgcolor untuk warna background dan align untuk mengatur posisi. Untuk lebih memahami kita masuk ke tutorial kali ini : 12.Tabel1 HTML juga bisa membuat sebuah tabel dengan menggunakan tag <table> </table>. Dan didalamnya juga harus ditambahkan lagi tag <tr> </tr> untuk menambahkan tabel row/baris dan tag <td> </td> untuk menambahkan tabel colom/kolom. Untuk lebih jelas lihat gambar ini : Contoh Code Tabel Juga kita bisa menambahkan attr...

Baca selengkapnya

Haikal PG - XI RPL 1 - PWPB Sesi 4

Assalamualaikum Warahmatullah Wabarakatuh Disini Saya akan melanjutkan materi tentang Tag di HTML yang sebelumnya. Kalo temen-temen belum baca artikel tentang HTML Sesi 3 saya sarankan untuk membaca sesi tersebut terlebih dahulu. Ok, kita lanjutkan ke tutorialnnya : 9.Ordered List Merupakan tag list untuk membuat daftar berurutan tagnya seperti ini <ol> </ol>. Jika ingin menambahkan list-list tinggal tambahkan, contoh : <ol> <li>Ini list 1</li> <li>Ini list 2</li> </ol> Pada tag ini juga bisa menambahkan attribut-attribut seperti start,type dll Contoh : <ol start="2" type="A"> ...

Baca selengkapnya