Kamis, 16 Agustus 2018

#7 Basic Web | Web Programming Tutorial

Assalamualaikum wr, wb


Pada kesempatan ini saya Angga Gemilang dari kelas XI - RPL 1 akan menjelaskan seluk beluk tentang Basic Web. mudah-mudahan kalian bisa dan mudah mengerti dengan penjelasan - penjelasan yang saya sampaikan. Saya akan menjelaskan sedikit tentang Tag - tag dasar pada pemrograman web (Seperti cara membuat list, membuat biodata dengan dan tanpa CSS)

DIbawah ini ada 4 bab yang akan kita pelajari kali ini, antara lain :
  1. Cara Membuat Tabel
    • Menampilkan Audio
    • Menampilkan Video
    • Mencoba Adobe Flash
    • Gabungan dari Photo, Video, dan Audio

Tanpa langsung berlama-lama. silahkan disimak penjelasan-penjelasan saya dibawah ini :

Menampilkan Audio dan Video
Tag - tag untuk menampilkan audio dan video

Untuk membuat sebuah tampilan Video atau Audio di HTML mudah saja, untuk audio kita membutuhkan tag <audio> untuk mengatur tampilannya, dan menggunakan tag <source> untuk memasukkan file yang dibutuhkan. Sedangkan untuk video kita juga memerlukan tag <video> untuk tampilan video dan tag <source> untuk memasukkan file video yang diperlukan. Untuk selengkapnya, kita bisa lihat kumpulan tag - tag tersebut di bawah ini :

Ringkasan tag - tag untuk menampilkan audio dan video
No Nama Tag Fungsi
1. Video <video> Tag untuk membuat tampilan video
2. Audio <audio> Tag untuk membuat tampilan audio
3. Source <source> Tag untuk memasukkan sebuah file

Ringkasan atribut - atribut untuk menampilkan audio
No Nama Atribut Fungsi
1. Autoplay Agar musik berjalan secara otomatis
2. Control Untuk menampilkan tampilan
3. Bufferedt; Untuk mendelay

Ringkasan atribut - atribut untuk menampilkan video
No Nama atribut Fungsi
1. Autoplay Agar video berjalan secara otomatis
2. Control Untuk menampilkan tampilan
3. Width and Height Mengatur panjang dan lebar

Menampilkan Audio
Praktek Percobaan

NOTICE!!!

"type audio tersebut harus ditulis secara benar (audio/mpeg), karena jika penulisan type tersebut salah tampilan audio tidak akan muncul"



Hasil dari pengerjaan menampilkan audio

Nella Kharisma = Jaran Goyang


Menampilkan Video
Praktek Percobaan

NOTICE!!!

"type video tersebut harus ditulis secara benar (video/mp4), karena jika penulisan type tersebut salah tampilan video tidak akan muncul"



Hasil dari pengerjaan menampilkan video

Nella Kharisma = Jaran Goyang


Menampilkan Flash
Praktek Percobaan

NOTICE!!!

"File ini saya ambil dari google, karena jujur saja. sama sekali saya belum mengerti tentang cara pembuatan file - file seperti ini."


Hasil dari menampilkan file SWF

Karya Gabungan
Praktek Percobaan

NOTICE!!!

"File ini saya ambil dari google, karena jujur saja. sama sekali saya belum mengerti tentang cara pembuatan file - file seperti ini."



Hasil dari pengerjaan Praktek Gabungan


Mungkin sekian saja yang dapat kami sampaikan pada kesempatan kali ini dalam post yang berjudul #3 Basic Web | Web Programming Tutorial karena postingan juga sudah sangat panjang, pinggang kami juga kayaknya sudah encok, mata udah sangat lelah melihat codingan yang begitu panjang dan acak-acakan. saya cukupkan saja.

Wassalamualaikum wr, wb

0 komentar:

Posting Komentar