flas script


kegunaan, kelebihan dan kekurangan penggunaan Frames pada HTML

Banyak orang tidak suka menggunakan frames, saya setuju karena saya sendiri jarang memakai frames. Tetapi untuk beberapa kasus, frames sangat berguna. Jadi anda perlu mengetahui kasus anda sebelum memutuskan apakah ingin menggunakan frames apa tidak.

Frames memungkinkan sebuah jendela browser dibagi menjadi jendela-jendela yang lebih kecil. Tiap-tiap jendela menampilkan file HTML yang berbeda. Frames pertama kali muncul didalam browser Netscape Navigator 2.0 tetapi frames sekarang telah menjadi standar HTML 4.0 yang telah distandarisasi oleh W3C (World Wide Web Consortium). Kelebihan frames adalah memungkinkan bagian suatu halaman tidak bergerak ketika bagian yang berada di jendela lain di scroll kebawah/keatas. Hal ini berguna apabila kita melakukan scroll tetapi kita tetap ingin menampilkan suatu bagian, seperti iklan, menu dan sidebar.

Frameset
Sebuah halaman web yang dibagi kedalam frame, diletakkan bersama didalam frameset. Sebuah halaman frameset juga memiliki header, tetapi tidak seperti dokumen HTML biasa yang memiliki body, frameset tidak memiliki tag <body> hanya memiliki tag <frameset> yang digunakan untuk mendefinisikan baris dan kolom setiap frames.
Untuk lebih jelasnya cobalah ketik kode berikut ini dan simpan dengan nama frames1.html:
<html>
<head>
</head>
<body>
Frames 1
</body>
</html>

Sekarang tulislah kode berikut ini dan simpan dengan nama frames2.html:
<html>
<head>
</head>
<body>
Frames 2
</body>
</html>

Sekarang kita harus membuat halaman frameset untuk menampilkan frames1.html dan frames2.html. Tulislah kode berikut ini dan simpan dengan nama main.html:
<html>
<head>
<title>Main frame</title>
</head>
<frameset cols="20%,80%">
    <frame src="frames1.html" name="sidebar">
    <frame src="frames2.html" name="main">
</frameset>
</html>
Jalankan main.html dan tampilannya kira-kira seperti ini:

Isi dari 2 dokumen HTML yaitu frames1.html dan frames2.html ditampilkan dalam 1 halaman didalam setiap frames. Isi dari frames yang sebelah kiri sebenarnya merupakan file HTML biasa yaitu frames1.html dan sebelah kanan merupakan isi dari frames2.html. Sekarang apabila kita ingin membuat frames seperti ini:

Kita cukup mengganti main.html menjadi seperti ini:
<html>
<head>
<title>Main frame</title>
</head>
<frameset rows="20%,80%">
    <frame src="frames1.html" name="sidebar">
    <frame src="frames2.html" name="main">
</frameset>
</html>
Frame attribute
Frame memiliki atribut untuk mengontrol bagaimana kita ingin menampilkan tiap frames. Atribut-atribut tersebut antara lain:
•    FRAMEBORDERS: Untuk menampilkan ukuran garis pembatas frames. Sebagai contoh, frameborder="0" menghilangkan garis, dan frameborder="1" memunculkan kembali. Secara default frameborders bernilai 1.
•    MARGINHEIGHT dan MARGINWIDTH: Mengatur jarak antara frames. sebagai contoh, marginwidth="10" memberi jarak 10 pixel antara batas kiri dan kanan.
•    NORESIZE: Mengunci frames agar ukurannya tidak bisa diubah oleh pengunjung website.
•    SCROLLING: Kondisi apakah anda ingin menampilkan scrollbar pada frames atau tidak. Nilai yang ada yaitu: yes, no, dan auto (nilai defaultnya adalah auto).
Sekarang coba ganti file main.html dengan kode berikut ini dan lihatlah perbedaannya:
<html>
<head>
<title>Main frame</title>
</head>
<frameset cols="20%,80%">
    <frame src="frames1.html" name="sidebar" scrollbar="yes">
    <frame src="frames2.html" name="main" noresize>
</frameset>
</html>
Targeting Frames
Salah satu tantangan dalam membuat frames adalah mengatur dimana link akan ditampilkan. Secara default sebuah link dokumen akan diload di frame yang sama dengan link tersebut. Tetapi apabila kita ingin menampilkan link pada frame yang berbeda kita memerlukan atribut target pada tag <a> untuk mengarahkan hasil dari link ke frame yang dituju.
Sekarang cobalah ketik kode berikut ini dan simpan dengan nama frames3.html:
<html>
<head>
</head>
<body>
Frames changed
</body>
</html>
Ubahlah file frames1.html dengan kode dibawah ini:
<html>
<head>
</head>
<body>
<a href="frames3.html" target="main">Change frames 2</a>
</body>
</html>
Sekarang jalankan main.html, perhatikan apabila anda mengklik link diframes yang sebelah kiri maka frames sebelah kanan akan berubah menjadi frames3.html.
Inline Frames
Inline Frames merupakan tipe frames yang banyak digunakan. Micrsoft Internet Explorer 3.0 memperkenalkan sebuah fitur yang disebut inline frames yang didefinisikan dengan tag <iframe>. Inline Frames memungkinkan sebuah frames dengan scrollbar dipasang ditengah-tengah kode HTML seperti halnya image. Tag <iframe> beserta atributnya telah ada didalam standar W3C's HTML 4.0. Memasang inline frame caranya hampir sama dengan memasang image didalam sebuah dokumen HTML. Didalam <iframe> kita mengatur tinggi dan lebar frame dan dokumen HTML yang ingin ditampilkan. Sama seperti images kita bisa mengatur align dan mengatur atribut hspace dan vspace. Kita pun dapat mengatur garis sama seperti images.
Oke, langsung saja coba kode berikut ini dan simpan dengan nama iframe.html:
<html>
<head><title>Inline Frame</title></head>
<body>
<h2>Inline Frames</h2>
your contents here
<iframe src="frames2.html" width="150" height="100" align="left" hspace="12"></iframe>
</body>
</html>

Jalankan iframe.html dan anda akan melihat frames2.html berada ditengah-tengah halaman anda.
Selesai sudah semuanya, anda sekarang telah memahami penggunaan frames.
Pergunakan frames dengan bijak sehingga pembaca / pengunjung blog / website anda tidak merasa terganggu…!!!

Cara Membuat Blog

Kembali ke Site Map / Daftar Isi di Blog Ini, Klik Di Sini !


    8 Penyebab Koneksi Internet Lambat

    Ada seorang teman yang merasa tertipu dengan janji provider bahwa kecepatan koneksi internet yang ditawarkan akan menyentuh batas maksimal 3.1mbps. Dalam prakteknya, Ia mendapati bahwa kecepatan download di komputernya hanya dalam kisaran 400kbps saja. Benarkah dia tertipu?

    Saya tidak ingin memasukkan diri sendiri dalam polemik dari pertanyaan diatas, hehehe. Tapi begini, dalam dunia elektronik semua perangkat elektronik tidak akan mencapai kinerja maksimum sesuai dengan yang diiklankan oleh providernya.

    Selama menempuh dunia usaha jurusan elektro, saya sering melakukan banyak kegiatan di ruang service. Pada umumnya berkaitan dengan pembuktian teori-teori para 'leluhur' di bidang elektro tentunya. Nah, dalam dunia elektro selalu ada yang dinamakan dengan rugi-rugi dan efisiensi. Secara gamblang, rugi-rugi adalah defisit daya yang terjadi dalam perjalanan dari satu titik perjalanan elektron ke titik lain, kira-kira begitu. Lalu efisiensi mengacu pada selisih kinerja secara teori dengan prakteknya. Sifat rugi-rugi daya dan efisiensi akan berlaku absolut pada setiap perangkat elektronik. Artinya setiap benda yang menggunakan daya elektrik pasti mempunyai rugi-rugi daya dan efisiensi.

    Baiklah, sebelum anda jatuh tertidur karena 'dongeng' saya diatas, kita kembali ke topik saja ya…hehehe…!!! Ada beberapa faktor mengapa modem TIDAK mencapai kinerjanya, disini adalah konsumen :
    1. Kekuatan sinyal dari provider di sisi konsumen. Semakin jauh lokasi anda dari BTS maka kecepatan koneksi internetnya makin buruk 
    2. Pembatasan dari pihak provider, atau sering disebut kuota. Provider telekomunikasi sering memberi batasan kecepatan maksimum didapatkan hanya pada pemakaian, misalnya, 1GB pertama saja. Setelah itu maka kecepatan akan drop. 
    3. Panas. Karakteristik perangkat elektronik adalah kinerja berbanding terbalik dengan panas. Artinya semakin panas modem (akibat lamanya operasional) maka kinerja modem akan semakin turun. Tentu panas ini dapat disiasati dengan kipas eksternal. 
    4. Setting/Konfigurasi modem yang tidak sesuai dengan standar dari provider. 
    5. Jumlah pengguna. Semakin banyak pengguna yang menggunakan akses internet pada waktu yang relatif bersamaan, tentu saja akan membuat jatah koneksi internet semakin kecil. Biasanya provider memiliki hitungan sendiri tentang rasio pembagian koneksi antara penggunanya. Sekedar ilustrasi, untuk 1 IP publik akan tetap efektif mempertahankan kecepatan 512kbps untuk 20 pengguna saja, jika dibagai ke 40 pengguna maka kecepatannya akan turun setengahnya. 
    6. Kualitas modem itu sendiri. Maraknya produk-produk bajakan membuat banyak konsumen tertipu dengan klain yang tertera pada kemasan produk. Untuk itulah teliti sebelum membeli. Sebaiknya langsung dicobakan saja di tempat penjual, agar tidak ada penyesalan dibelakang hari. 
    7. Komputer / perangkat yang anda gunakan memiliki specs yang rendah,sehingga lemot bila di bandingkan dengan komputer / perangkat yang lainnya. 
    8. Komputer / perangkat yang anda gunakan di penuhi dengan berbagai jenis Virus yang selalu loading di belakang layar yang mengirimkan data ke pemilik virus tersebut (virus pengintai).
    Jadi, kecepatan koneksi internet tidak serta merta tergantung dari provider saja atau jenis modem saja. Mudah-mudahan bisa memberi gambaran dan jika anda suka dengan artikle ini, silahkan di like atau di share…!!!

    Tips Browsing :

    Kembali ke Site Map / Daftar Isi di Blog Ini, Klik Di Sini !


    Cara Menampilkan Status Yahoo Messenger Pada Blog

    Berikut ini sekedar tips ringan, tips bagaimana cara menampilkan status yahoo messenger di blog kita. Fungsi dari tips ini adalah, agar pengunjung blog kita atau jika ada teman buka blog kita, mereka dapat menghubungi kita melalui yahoo messenger. Yup…tanpa panjang lebar lagi mari kita mulai, jika sampean ingin menempatkan status ini di bagian sisi blog atau sidebar, silakan Add gadget pada pengaturan tata letak blog anda lalu pilih HTML/JavaScript. Setelah itu sisipkan kode berikut ini.

    <a href="ymsgr:sendIM?IDYahoo">
    <img border=0 src="http://opi.yahoo.com/online?u=IDYahoo&m=g&t=1" /> </a> 

    Silakan ganti “ID-Yahoo” dengan id yahoo sampean sendiri, dan sampean juga bisa mengganti angka pada t=1 , angka tersebut menunjukkan variasi model gambar pada status ym anda nantinya, dan sampean juga dapat memilih variasi model image tersebut dari angka 0-16.
    Semoga tutorial cara menampilkan Status Yahoo Messenger di blog ini bisa berguna bagi teman teman Semuanya.
    Selamat mencoba ! 

    Cara Membuat Blog

    Kembali ke Site Map / Daftar Isi di Blog Ini, Klik Di Sini !

      Diberdayakan oleh Blogger.
      Twitter Delicious Facebook Digg Stumbleupon Favorites More