Trik Blogger

Trik-trik mempercantik blogger,kumpulan trik blogger terlengkap,trik blogspot,cara membuat blog,trik membuat blog tampil menarik

Senin

Home » » Tutorial HTML Bab.11

Tutorial HTML Bab.11

By No comments
Bab 11: Menggunakan Bingkai
Apa Frames Apakah ...
Bingkai adalah salah satu fitur baru dari HTML yang hanya diimplementasikan pada browser terbaru (Netscape 2.0 dan lebih tinggi, dan Internet Explorer yang baru, dan banyak lainnya) yang memungkinkan satu jendela browser dibagi menjadi beberapa bagian, masing-masing dengan independen halaman HTML dimuat di dalamnya, dan halaman HTML ini dapat berinteraksi dengan satu sama lain. Setiap page loaded dalam setiap bagian dari jendela frame yang terpisah dokumen HTML.
Contoh kode untuk halaman bingkai sederhana ...
<html>
pengujian <title> <head> frame ...</ title> </ head>

<frameset cols="25%,75%">

<frameset>
<frame src="test.html" name="indexbar">
</ frameset>

<frameset>
<frame src="main.html" name="main">
</ frameset>

</ frameset>

<noframes>
Halaman ini memerlukan frame-browser mampu ... silakan mendapatkan satu!
</ noframes>
</ html>
Lihat ini Frames Halaman
Halaman bingkai itu sendiri dalam banyak kasus tidak benar-benar berisi konten apapun, semua konten ditempatkan pada halaman HTML terpisah dimuat dalam setiap frame (bagian). Sebaliknya, halaman bingkai bertindak sebagai panduan, menentukan halaman yang akan dimuat ke dalam setiap bingkai, dan bingkai atribut sendiri. Seperti Anda mungkin telah menyadari, suatu halaman frame mirip dengan halaman HTML biasa, kecuali bahwa tubuh diganti dengan rangkaian bingkai, dan tambahan tag noframes ditambahkan.
Menggunakan Frameset Tag ...
Tag rangkaian bingkai digunakan untuk mendefinisikan karakteristik dari frame, dan noframes tag digunakan untuk mendefinisikan apa browser yang tidak frame-enabled akan melihat. Tag rangkaian bingkai karena diabaikan oleh non-frame browser, apa saja di dalam tag noframes akan dianggap halaman HTML normal. Jadi setelah tag <noframes> harus ditempatkan <body> tag, dan kemudian setiap konten dan tag, kemudian ditutup dengan </ body> tag, diikuti oleh </ noframes> tag. Noframes konten yang tidak akan terlihat oleh seseorang menggunakan frame-enabled browser kecuali jika mereka memilih 'view source'.
Tag rangkaian bingkai akan digunakan beberapa kali sepanjang satu halaman frame. Tag frameset pertama digunakan untuk menentukan jumlah kolom frame yang terpisah di dalam jendela browser, dan apa yang lebar masing-masing akan jendela. Set berikutnya tag rangkaian bingkai akan digunakan untuk menentukan berapa banyak baris bingkai akan berada di jendela browser, dan tinggi badan masing-masing. Atribut baris diatur secara terpisah untuk setiap kolom, misalnya, kolom pertama Anda mungkin memiliki 4 frame, dan kolom kedua Anda dapat memiliki 2 frame, dll Tidak ada batasan khusus jumlah frame yang mungkin Anda miliki dalam satu jendela browser , tetapi Anda harus menyadari bahwa halaman Anda akan dilihat dalam resolusi yang berbeda, dari 640 x 480 piksel ke 1024 x 768 pixel dan lebih besar. Saran saya adalah untuk membatasi halaman Anda tidak lebih dari 4 frame dalam satu jendela browser.
Mendefinisikan Kolom ...
Tag frameset pertama harus membaca <frameset cols="SIZE_OF_COLUMN_1,SIZE_OF_COLUMN_2,ETC">. Tag pertama ini akan ditutup dengan </ frameset> tag, tetapi hanya setelah rangkaian bingkai untuk setiap kolom baris juga didefinisikan. The SIZE_OF_COLUMN dapat menjadi salah satu dari tiga nomor ...
* X% - setiap kolom adalah ditentukan oleh suatu persen dari jendela browser yang tersedia. (x adalah angka dari 1 hingga 100)
* X - setiap kolom adalah ditentukan oleh jumlah piksel tetap. (tidak disarankan, karena lebar pixel bervariasi tergantung pada si pengamat resolusi) (x adalah sembarang angka)
* * - The * memberitahu browser untuk menggunakan semua ruang yang tersedia yang tersisa untuk kolom ini.
Jadi frameset <frameset cols="20%,80%"> membaca akan berarti bahwa kolom pertama adalah jendela browser akan mengambil 20% dari lebar jendela browser, dan kolom kedua akan mengambil 80% dari total browser lebar. Contoh lain adalah <frameset cols="120,*"> di mana kolom pertama tepat 120 piksel lebar, dan kolom kedua mengambil semua sisa lebar. Hanya satu kolom yang dibutuhkan, dan tidak ada batasan pada seberapa banyak kolom dapat didefinisikan.
Mendefinisikan Baris ...
Dalam rangkaian bingkai mendefinisikan kolom pembuka dan tag penutup adalah tag frameset mendefinisikan baris. Jumlah baris tag frameset mendefinisikan secara langsung tergantung pada jumlah kolom yang didefinisikan dalam tag frameset mendefinisikan kolom. Jika ada dua kolom yang ditetapkan, akan ada dua baris terpisah frameset mendefinisikan tag, jika tiga kolom ditetapkan, akan ada tiga baris frameset mendefinisikan tag.
Tag frameset baris harus membaca <frameset rows="SIZE_OF_ROW_1,SIZE_OF_ROW_2,ETC">. Yang SIZE_OF_ROW didefinisikan hampir sama dengan SIZE_OF_COLUMN ... x% adalah persentase yang tersedia browser yang tinggi, x adalah nilai piksel didefinisikan tinggi, dan * adalah semua ruang yang tersisa. Didefinisikan baris atas ke bawah, dan Kolom didefinisikan kiri ke kanan.
Mendefinisikan Frames ...
Dalam setiap baris tag frameset datang bingkai tag, yang mendefinisikan halaman yang harus dimuat dalam bingkai dan beberapa atribut pada bingkai. Frame tag yang sederhana berbunyi <frame src="document_to_load.html">, di mana document_to_load adalah nama halaman web yang bisa dimuat dalam bingkai, dan bingkai tag tidak memiliki tag penutup. Frame tag memiliki beberapa atribut lain yang berguna:
* SCROLLING = "yes | no | auto" - ini mendefinisikan jika frame memiliki scroll bar atau tidak. Secara default frame bergulir set ke auto, yang berarti browser menentukan apakah scroll bar yang diperlukan. Jika diatur ke Ya, frame akan selalu memiliki scroll bar, dan jika diatur ke tidak, frame tidak akan pernah memiliki scroll bar.
* NORESIZE - atribut ini menyatakan bahwa pengguna tidak dapat mengubah ukuran frame. Secara default pengguna dapat merubah ukuran semua frame dalam jendela browser.
* NAME = "x" - atribut ini mendefinisikan nama dari frame, yang digunakan untuk menargetkan halaman yang akan diambil dalam bingkai, yang akan dijelaskan nanti. (x adalah setiap kombinasi alphanumerical)
Jika Anda ingin menggulir ke dinonaktifkan, cukup gunakan kode:
<frame src="document_to_load.html" SCROLLING="no">
atau jika Anda ingin mengubah ukuran yang akan dinonaktifkan hanya menggunakan kode:
<frame src="document_to_load.html" NORESIZE>
Contoh halaman frame yang kompleks ...
<html>
kompleks pengujian <title> <head> frame </ title> </ head>

<frameset cols="33%,33%,33%">

<frameset rows="*,100">
<frame src="page1.html" NAME="index">
<frame src="page2.html" NORESIZE>
</ frameset>

<frameset>
<frame src="main.html" NAME="main">
</ frameset>

<frameset rows="50%,50%">
<frame src="page3.html">
<frame src="page4.html" SCROLLING="no">
</ frameset>

</ frameset>

<noframes> <body>
Halaman ini memerlukan frame-enabled browser!
</ body> </ noframes>

</ html>

Apa halaman frame ini tampak seperti ...
----------------------------------------------
| Halaman1.html | main.html | page3.html |
| | | |
| | | |
| | | |
| | | |
| | | |
| | |--------------|
| | | Page4.html |
| | | |
| | | |
|--------------| | |
| Halaman2.html | | |
| | | |
----------------------------------------------
Lihat contoh ini
Menggunakan atribut TARGET ...
Bagaimana jika Anda memiliki halaman dalam satu frame dengan link, tapi ketika user mengklik link tersebut, Anda ingin dimuat ke dalam salah satu frame yang lain Anda ditentukan? Ini adalah apa yang TARGET atribut untuk. SASARAN atribut yang merupakan bagian dari <a href> tag. A href tag digunakan dengan atribut TARGET berbunyi:

<a href="page_to_load.html" TARGET="target_frame"> teks </ a>
Di mana page_to_load.html adalah nama file yang harus diambil dalam rangka, didefinisikan target_frame adalah nama yang Anda berikan kepada bingkai yang ingin Anda link untuk memuat ke dalam, dan teks adalah teks berlabuh link. Jika Anda menghubungkan tanpa target, yang terhubung akan memuat halaman ke dalam frame. Ada juga beberapa target sihir khusus lainnya yang dapat digunakan di mana target_frame adalah:
* TARGET = "_blank" - link dimuat ke sebuah window browser kosong baru.
* TARGET = "_self" - link tersebut dimuat ke dalam bingkai yang diklik link masuk
* TARGET = "_top" - link dimuat ke jendela browser saat ini penuh, dan semua bingkai menghilang, meninggalkan halaman baru untuk memiliki seluruh jendela.
Halaman HTML Anda sendiri ...
Buat file baru, yang disebut "frames.htm", yang berisi sebagai berikut:
<html>
<head> <title> My Home Page </ title> </ head>
<! - Halaman yang akan memiliki satu baris dengan dua kolom, satu baris dengan satu kolom ->
<! - Frameset pertama mendefinisikan baris: dua baris, yang kedua lebih sempit ->
<frameset rows="85%,15%">
<! - Frameset kedua mendefinisikan kolom pada baris pertama ->
<frameset cols="15%,85%">
<! - Tentukan dua file untuk ditampilkan di baris pertama ->
<! - File pertama akan berisi indeks untuk halaman rumah anda ->
<frame src="indexbar.htm" name="indexbar">
<! - File kedua Home.htm: file Anda telah bekerja pada sejauh ini ->
<frame src="Home.htm" name="mainframe">
</ frameset>

<! - Tentukan file untuk ditampilkan di baris kedua ->
<! - File ini berisi informasi hak cipta ->
<frame src="copyright.htm" name="copyright">
</ frameset>

<! - Tentukan apa yang akan ditampilkan ke browser yang tidak mampu frame ->
<noframes>
Halaman ini memerlukan frame-browser mampu ... silakan mendapatkan satu!
</ noframes>
</ html>

Buat file baru yang lain, yang disebut "indexbar.htm", yang berisi sebagai berikut:
<html>
<body background=&quotbgnd.gif">
<! - Halaman indeks berisi link ke halaman utama, dan halaman umpan balik ->
<! - Mereka akan memuat halaman ke dalam "utama" target ->
<a href="Home.htm" target="mainframe"> Home </ a>
<a href="feedback.htm" target="mainframe"> Saran atau masukan </ a>
</ body>
</ html>
Buat file baru lagi, yang disebut "copyright.htm", yang berisi sebagai berikut:

<html>
<body background=&quotbgnd.gif">
<! - Halaman hak cipta berisi informasi hak cipta untuk halaman web Anda ->
<center> Copyright © 1997 Yourname's Web Page Development </ center>
</ body>
</ html>
Buat file kosong pada dasarnya, yang disebut "feedback.htm". Kami akan melengkapi berkas ini kemudian.
<html>
<body background=&quotbgnd.gif">
</ body>
</ html>
Share:  Facebook Twitter Google+

0 komentar:

Posting Komentar