Menyajikan animasi pada tampilan web

Assalamualaikum wr. wb.

kali ini saya akan memberikan sebuah informasi mengenai desain web yaitu menyajikan animasi pada tampilan web.

File animasi juga dapat ditampilkan pada halaman web dengan cara di embed-kan. Embed digunakan untuk melampirkan file dari eksternal seperti *.swf dan lain-lain sebagainya. Perintah yang digunakan adalah
<embed src="siboy.swf">

mungkin hanya itu yang dapat saya sampaikan, mohon maaf atas segala kekurangan saya, sekian dari saya wassalamualaikum wr. wb.

Continue Reading

Kegunaan SRC/source pada tag video di web

Assalamualaikum wr. wb.

kali ini saya akan memberikan sebuah informasi mengenai kegunaan SRC.

Source atau src digunakan disini sama halnya untuk keperluan video dan audio, hanya saja pada <source> akan menggunakan 2 sumber dimana file tersebut memiliki isi yang sama tetapi format yang berbeda. Tujuannya disini adalah web browser akan memilih memutar yang mana nantinya sesuai dengan format yang didukung oleh web browser tersebut .

mungkin hanya itu yang dapat saya sampaikan, mohon maaf atas segala kekurangan saya, sekian dari saya wassalamualaikum wr. wb.

Continue Reading

Singkatan MIME

Assalamualaikum wr. wb.

kali ini saya akan memberikan sebuah informasi mengenai singkatan MIME.

MIME adalah Multipurpose Internet Mail Extension

mungkin hanya itu yang dapat saya sampaikan, mohon maaf atas segala kekurangan saya, sekian dari saya wassalamualaikum wr. wb.

Continue Reading

program yang dapat mengkonversi format video

Assalamualaikum wr. wb.

kali ini saya akan memberikan informasi mengenai program apa saja yang dapat mengkonvrensi format video. converter sering dibutuhkan untuk itu ada beberapa program di bawah yang bisa kita gunakan.

program yang dapat mengkonversi format video adalah :
 Miro Video Converter dapat diunduh secara gratis atau melalui layanan www.microvideoconverter.com .
 FormatFactory  di unduh gratis di http://format-factory.en.softonic.com
 http://video.online-convert.com  layanan konversi secara online

mungkin hanya itu yang dapat saya sampaikan, mohon maaf atas segala kekurangan saya, semoga bermanfaat. sekian dari saya wassalamualaikum wr. wb.

Continue Reading

Format tampilan file Video pada web

Assalamualaikum wr. wb.

kali ini saya akan memberikan informasi mengenai Format tampilan file Video.

Untuk menampilkan video pada halaman web dapat ditangani secara langsung oleh HTML5. Tag yang digunakan untuk menampilkan video adalah <video> </video>. Namun tidak semua format videonya dapat ditampilkan di web. Sementara ini, hanya beberapa format video yang bisa diproses, di antaranya adalah WebM ,OGG , MP4.

mungkin hanya itu saja yang dapat saya sampaikan, mohon maaf atas segala kekurangan saya, sekian dari saya, terima kasih telah mengunjungi blog saya, sekian dari saya wassalamualaikum wr. wb.

Continue Reading

Menyajikan audio dalam tampilan web

Assalamualaikum wr. wb.

kali ini saya akan memberikan sebuah informasi mengenai cara menyajikan audio dalam tampilan web.

File audio seperti mp3 dapat dilantunkan melalui tag<audio> < /audio>. Berikut adalah format lengkap untuk memainkan musik ke dalam aplikasi web.

</body>
</html>

mungkin hanya itu yang dapat saya sampaikan, mohon maaf atas segala kekurangan saya, sekian dari saya wassalamualaikum wr. wb.

Continue Reading

Format tampilan file audio di web

Assalamualaikum wr. wb.

kali ini saya akan memberikan sebuah informasi mengenai desain web, yaitu format tampilan file audio.

Kebanyakan file audio diputar melalui sebuah plug-in, misalnya seperti flash. Namun, browser yang berbeda mungkin memiliki berbagai plug-in. HTML5 mendefinisikan elemen baru yang menentukan cara standar untuk menanamkan file audio pada halaman web: elemen <audio> </audio>.
Untuk memasukkan suara pada html bisa menggunakan tag <audio>. Format suara yang telah didukung hingga saat ini adalah MP3, Ogg dan WAP. File-file Audio yang didukung HTML5 adalah MP3,WAV, dan OGG. Tidak semua tipe file audio tersebut didukung oleh browser.
 OGG merupakan format audio yang didukung oleh Mozilla firefox, opera, dan google chrome.
 MP3 merupakan format audio yang didukung oleh Google Chrome dan safari.
 WAV merupakan format audio yang didukung oleh Mozilla Firefox dan Opera.
Jenis file audio untuk dukungan pada web browser bisa dilihat pada tabel berikut ini.

a. Dari tabel di atas dapat dilihat bahwa bila saat meletakan file mp3 di web yang kita buat, akan ada beberapa orang yang tidak bisa memutar hasil embed mp3 di web yan telah kita buat tersebut. Hal tersebut bisa jadi disebabkan browser yang digunakan tidak support pada file berekstensi mp3.
b. MIME untuk format audio
MIME (Multipurpose Internet Mail Extension) digunakan untuk mekanisme untuk mengirim berbagai informasi seperti text, aplikasi, gambar, suara, video, dan lain sebagainya agar browser tidak salah menterjemahkan konten yg diterima. Tidak hanya pada web, email juga menggunakan MIME. Berikut adalah tipe mime untuk format audio.

mungkin hanya itu yang dapat saya sampaikan, mohon maaf atas segala kekurangan saya, sekian dari saya wassalamualaikum wr. wb.

Continue Reading

Memberi keterangan pada gambar di web

Assalamualaikum wr. wb.

kali ini saya akan memberikan sebuah tutorial mengenai  pemberian keterangan pada gambar di web.

Agar lebih terkesan informatif, anda dapat memberikan keterangan yang relevan dan seperlunya (tidak berlebihan) terhadap gambar yang anda tampilkan pada halaman web. Keterangan ini akan muncul dalam bentuk tooltip ( sesaat, hanya beberapa detik) pada saat penunjung mengarahkan kursor (penjujuk mouse) ke atas gambar.
Untuk membuat keterangan semacam ini, kita dapat menggunakan atribut TITLE maupun ALT pada tag

 <img>. <img src=”namafile” title=”keterangan”/>

Contoh hasil dokumen HTML di Web Browser seperti gambar berikut :

Pada gambar di atas dapat dilihat bahwa keterangan gambar terlihat pada saat mouse di atas gambar, di sana tertulis “Komputer Desktop” sebagai keterangan gambar.

mungkin hanya itu yang dapat saya sampaikan, mohon maaf atas segala kekurangan saya, sekian dari saya, wassalamualaikum wr. wb.

Continue Reading

Memperkecil dan Memperbesar Ukuran Gambar Pada Web

Assalamualaikum wr. wb.

kali ini saya akan membrikan sebuah informasi mengenai memperkecil atau memperbesar ukuran gambar di web.

gambar yang ditampilkan pada dokumen HTML terkadang tidak memiliki ukuran gambar yang sama dengan ukuran sebenarnya. Untuk menghasilkan gambar dengan kualitas yang mirip aslinya, penentuan ukuran juga menjadi hal yang penting untuk diperhatikan. Maka dari itu perbandinganya harus sesuai dengan ukuran asli dari gambar tersebut. Untuk menentukan ukuran gambar, kita perlu mengisi atribut HEIGHT berfungsi untuk menetukan tinggi gambar dan WIDTH untuk menetukan lebar gambar. Perhatikan contoh berikut ini.
<img src=”images/komputer.jpg” />
Kode diatas akan menampilkan gambar dari file komputer.jpg yang berada dalam direktori images sesuai dengan ukuran asli (misal 500X375 pixel).
Untuk memperkecil gambar tersebut, kita tinggal memperkecil nilai-nilai tersebut, misalnya
 <img src=images/komputer.jpg” width=320” height=”230” />

mungkin hanya itu yang dapat saya sampaikan, mohon maaf atas segala kekurangan saya, sekian dari saya, wassalamualaikum wr. wb.

Continue Reading

Menggabung Gambar dan Teks pada Web

Assalamualaikum wr. wb.

kali ini saya akan memberikan sebuah tutorial mengenai penggabungan gambar dan teks pada web.

Jika kita ingin menggabungkan ataumenyisipkan gambar di dalam suatu teks atau paragraf tertentu, terdapat pilihan posisi gambar yang harus diperhatikan:
Secara vertikal:
 Teks bisa berada sejajar dengan bagian atas gambar
 Teks bisa berada sejajar dengan bagian tengah gambar
 Teks bisa berada sejajar dengan bagian bawah gambar
Secara horisontal:
 Gambar bisa berada di bagian kiri teks/paragraf
 Gambar bisa berada di bagian kanan teks/paragraf
Untuk posisi gambar yangdilihat dari arah vertikal dapat ditentukan dengan mengisi nilai TOP, MIDDLE, atau BOTTOM ke dalam atribut ALIGN yang terdapat pada tag <img>.
Contoh hasil dokumen HTML di Web Browser seperti gambar berikut :

mungkin hanya itu yang dapat saya sampaikan, mohon maaf atas segala kekurangan saya, sekian dari saya wassalamualaikum wr. wb.

Continue Reading

Menyajikan Format Tampilan Gambar pada Web

Assalamualaikum wr wb.

kali ini saya akan memberikan informasi mengenai penyajian format tampilan gambar pada web.

Format gambar yang sering digunakan dalam halaman web adalah GIF (.gif ) dan JPEG (.jpg atau . jpeg ). GIF adalah singkatan dari Graphics Interface Format sedangkan JPEG, adalah singkatan dari Joint Photographic Expert Group. Selain kedua format tersebut, saaat ini juga sudah mulai banyak digunakan gambar dengan format PNG (.png ), yanag merupakan singkatan dari Portable Network graphics.

mungkin hanya itu yang dapat saya sampaikan, mohon maaf atas segala kekurangan saya, sekian dari saya wassalamualaikum wr. wb.

Continue Reading