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

Desain halaman web dengan konsep tabel

Assalamualaikum wr. wb.
kali ini saya akan memberikan sebuah informasi mengenai desain halaman web menggunakan tabel.

Desain halaman web dengan konsep tabel
- Top Index
Berikut adalah listing program untuk membuat layout “top index” halaman web dengan elemen table.

hasilnya:

- Bottom Index
Berikut adalah listing program untuk membuat layout “bottom index” halaman web dengan elemen table.

</form>
</body>
</html>

hasilnya:

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

Continue Reading

Layout halaman web

Assalamualaikum wr. wb.

kali ini saya akan memberikan sebuah informasi mengenai penyajian desain web, yaitu mengenai Layout Halaman Web.

Layout halaman web
Layout situs merupakan tata letak elemen halaman situs web.Layout situs yang baik akan menjadikan halaman web web baik juga. Dengan desain halaman web yang baik dan tepat akan membuat pengunjung merasa nyaman dengan tampilan (layout) halaman web tersebut, dan tetap dapat fokus pada isi (content). Desain halaman web tidak mengganggu kejelasan bagian isi.
Pada desain layout yang tepat, pengunjung dapat berpindah ke halaman lain dengan mudah melalui navigasi yang baik, mudah dan informatif. Pengunjung merasa bahwa setiap halaman dari situs merupakan satu kesatuan. Setiap halaman memiliki posisi dan kesamaan tampilan (layout), yang berbeda hanya isi (content).
Adanya layout tata letak yang baik dapat membuat halaman lebih cantik dan seimbang, terutama enak dilihat dan mudah dibaca. Desain layout suatu halaman web meliputi penyusunan:
- pembagian tempat pada halaman
- pengaturan jarak sepasi
- pengelompokan teks dan grafik
- serta penekanan pada suatu bagian tertentu
Beberapa model layout yang biasa digunakan dalam mendesain suatu halaman web, diantaranya adalah

- Top Index
 digunakan untuk menampilkan link yang banyak ke situs lain, seperti search engine

Navigasi atau daftar isi berada dibagian atas dari halaman web, seperti pada berikut merupakan tampilan dari www.google.com

- Bottom Index
 Biasanya digunakan apabila isi dari halaman banyak berhubungan dengan topik tunggal
- Left Index
 Digunakan untuk layar dengan resolusi yang lebar sehingga mudah dalam penyediaan navigasi, tanpa menimbulkan kekacauan penyajian pada halaman utama
- Layout Split
 Merupakan model yang banyak dipakai, karena terjaga keseimbangan dalam halaman web
- Alternating Index
 digunakan untuk halaman yang banyak menampilkan grafik, foto dan produk yang disertai dengan teks berupa keterangan, harga, jumlah, dan lain - lain.

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

Continue Reading

Anatomi halaman web

Assalamualaikum wr. wb.

kali ini saya akan memberikan sebuah informasi mengenai penyajian desain web yaitu tentang anatomi halaman web.

Anatomi halaman web
Secara garis besar anatomi atau susunan dari suatu halaman web terdiri dari containing block, Logo, navigation, content, white space dapat digambarkan sebagai berikut

• Containing Block.

Containing block merupakan bagian dari halaman web yang membungkus semua komponen halaman web. Umumnya dibuat dengan tag <body>, <div> atau <table>.

• Logo.

Identitas perusahaan, organisasi, pemilik situs.

• Navigation.

Navigasi atau menu merupakan bagian penting dari situs yang memudahkan pengunjung berpindah-pindah halaman.

• Content.

Content atau isi adalah segalanya, karena disinilah sebagian besar informasi disajikan.

• Footer.

Footer merupakan bagian bawah dan berisi informasi singkat pemilik situs (copyright) dan beberapa link.

• Whitespace.

Whitespace merupakan area kosong yang membatasi antar-komponen. Whitespace menjadi penting agar pengunjung mempunyai ruang berhenti di antara bagian-bagian situs yang lain. Whitespace dapat juga diisi dengan banner atau animasi.

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

Continue Reading

Menyajikan Desain Halaman Web dengan Konsep Tabel.

Assalamualaikum wr. wb.

kali ini saya akan memberikan sebuah informasi mengenai pembuatan web yaitu Menyajikan Desain Halaman Web dengan Konsep Tabel.

menurut buku yang pernah saya baca, adalah sebagai berikut:

Sebuah dokumen tidak jarang digunakan untuk menampilkan data kepada penggunanya. Terdapat banyak cara untuk menampilkan data, mulai dari dengan menggunakan grafik, daftar, sampai dengan tabel.
Tabel pada umumnya digunakan untuk menampilkan data tabular dalam bentuk baris dan kolom. perpotongan baris dan kolom di dalam tabel disebut dengan sel. Di dalam html, memungkinkan untuk menampilkan data di dalam tabel secara atraktif.
Meskipun terlihat sederhana, desain tabel yang dilakukan sampai sejauh ini masih merupakan sebuah tabel yang hanya menyimpan data. Data yang disimpan dan ditampilkan sendiri tidak memiliki struktur, sehingga tidak terdapat organisasi data yang baik. Pengorganisasian data yang baik dan benar pada sebuah tabel HTML akan sangat membantu dalam mengembangkan aplikasi web, terutama jika tabel yang ingin dibangun harus bersifat dinamis.
Penambahan kolom dan baris tabel saja tidak cukup untuk mengorganisasikan data pada tabel, karena tidak dapat secara langsung mengetahui mana bagian dari tabel yang merupakan data, mana yang merupakan isi data, dan mana yang merupakan nilai agregasi dari data. HTML menyediakan beberapa elemen yang dikhususkan untuk memenuhi beberapa hal yang disebutkan sebelumnya, yaitu elemen table,tr,td,th, caption.

berikut bisa di kilik, materi materi lain penyajian desain web:

1. Anatomi halaman web
2. Layout halaman web
3. Desain halaman web dengan konsep tabel

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

Continue Reading