Blog EntryTutorial Membuat FRAMEMar 19, '08 4:56 PM
for everyone

Pengenalan Dasar Frame


Rumus untuk membuat frame:

Di mulai dengan <FRAMESET TYPE="XX,XX"> dan di tutup dengan </FRAMESET>.

TYPE kita ganti dengan COLS atau ROWS. Kalau kita ingin membuat Frame dengan 2 kolom, maka kata2 TYPE di ubah menjadi COLS. Kalau kita ingin membuat Frame dengan 2 Baris, maka kata TYPE kita ubah menjadi ROWS.

XX koma XX maksudnya, XX adalah persentasi dari ukuran pixel yang akan kita buat, sedang koma menentukan akan kita buat berapa banyak framenya.

Contoh 1:

....<HEAD>

<FRAMESET ROWS="50%,50%">
<FRAME SRC="http://www.web-page-1.com" NAME="page1">
<FRAME SRC="http://www.web-page-2.com" NAME="page2">
</FRAMESET>

</HEAD>....

Itu maksudnya, kita membuat page dengan 2 Frame yang terbelah secara vertikal dengan ukuran atas 50% dan bawah 50%.


Contoh 2:

....<HEAD>

<FRAMESET COLS="50%,50%">
<FRAME SRC="http://www.web-page-1.com" NAME="page1">
<FRAME SRC="http://www.web-page-2.com" NAME="page2">
</FRAMESET>

</HEAD>....

Itu maksudnya, kita membuat page dengan 2 Frame yang terbelah secara horizontall dengan ukuran kiri 50% dan kanan 50%.

Disini kita bebas memainkan nilai dari persentasenya, jika kita ingin sebelah kiri kecil kanan besar, rubah saja komposisinya menjadi 30% dan 70%.

Frame Border

Untuk menambah garis, rumus menjadi begini:

<FRAMESET TYPE="XX,XX" BORDER="#">

Tanda # kita ubah dengan besar pixel garis yang kita inginkan, misal 20 atau berapa saja yang kita inginkan.

Contoh:

....<HEAD>

<FRAMESET ROWS="50%,50%" BORDER="20">
<FRAME SRC="http://www.web-page-1.com" NAME="page1">
<FRAME SRC="http://www.web-page-2.com" NAME="page2">
</FRAMESET>

</HEAD>....


Frame Border Color

Jika kita ingin bordernya berwarna, maka kodenya menjadi begini:

<FRAMESET TYPE="XX,XX" BORDERCOLOR="#XXXXXX">

Tanda #XXXXXX kita ubah dengan color (warna).

contoh:

....<HEAD>

<FRAMESET ROWS="50%,50%"
BORDERCOLOR="#0000FF">
<FRAME SRC="http://www.web-page-1.com" NAME="page1">
<FRAME SRC="http://www.web-page-2.com" NAME="page2">
</FRAMESET>

</HEAD>....

Scroll Bar

Jika kita ingin membuat scroll bar, maka rumusnya begini:

<FRAME SRC="URL" SCROLLING="X">

Kita ubah X dengan 3 kemungkinan:

YES berarti scroll bar ON.
NO berarti scroll bar OFF.
AUTO berarti web page akan bergerak manual jika di butuhkan.

contoh:

....<HEAD>

<FRAMESET ROWS="50%,50%">

<FRAME SRC="http://www.web-site-1.com" NAME="page1" SCROLLING="YES">

<FRAME SRC="http://www.web-site-2.com" NAME="page2" SCROLLING="NO">

</FRAMESET>

</HEAD>....

Selamat mencoba, semoga bermanfaat.

*zeventina



24 CommentsChronological   Reverse   Threaded
ferryzanzad wrote on Mar 19
Thanks Zev...
Segera di praktekkan deh....


stifter wrote on Mar 19
Segera di praktekkan deh....
Ok mas, nanti akan di bahas lebih detail lagi.. agar yang selama ini BLANK bisa mengerti lebih seksama. Thank you mas, selamat malam.
aqse wrote on Mar 19
terima kasih...
bisa di praktekkan langsung....
ferryzanzad wrote on Mar 19
stifter said
Ok mas, nanti akan di bahas lebih detail lagi.. agar yang selama ini BLANK bisa mengerti lebih seksama. Thank you mas, selamat malam
Kalau pakai program authoring, tinggal klik doang.
But mengenal koding adalah langkah terbaik....
stifter wrote on Mar 19
Kalau pakai program authoring, tinggal klik doang.
But mengenal koding adalah langkah terbaik....
Setuju mas, pemahaman dasar terhadap code2 itu penting, kalau ada problem kita cepat bisa tahu di mana letak salahnya, tergantung pada yang instant tidak melatih ketajaman intuisi kita..
stifter wrote on Mar 19
aqse said
terima kasih...
bisa di praktekkan langsung....
Sama2 mas, terimakasih sudah mampir. Salam kenal.
rhytem82 wrote on Mar 19
Tq........
Coba Langsung aahh...................
hpoerwanti wrote on Mar 19
Makasih ya? udah sharing ilmunya, nanti aku juga mau praktek ahhh...
retnipra wrote on Mar 19
mantabbbb so jadi dapat ilmu lagi dah thanks cantik:)
boeldozzer wrote on Mar 20
bisa buat reply kan ?
puisisj wrote on Mar 20
stifter said
semoga bermanfaat.
mba... tambahin ilustrasi udah jadinya donk :)

*pasti bermanfaat... apalagi kl muridnya males kayak saya :)
stifter wrote on Mar 20
Tq........
Coba Langsung aahh...................
Iya di coba.. ntar variasikan ukurannya.. kalo sering nyoba jadi ngerti nanti..
stifter wrote on Mar 20
Makasih ya? udah sharing ilmunya, nanti aku juga mau praktek ahhh...
Hihi, Hen aku tunggu imagenya ya sayang.. cepetan kirim okay.. HUgs
stifter wrote on Mar 20
mantabbbb so jadi dapat ilmu lagi dah thanks cantik:)
sama2 bunda, maaf aku belum reply PMnya, ntar ya..
stifter wrote on Mar 20
bisa buat reply kan ?
cobain aja.. :-)
stifter wrote on Mar 20, edited on Mar 20
puisisj said
mba... tambahin ilustrasi udah jadinya donk :)

*pasti bermanfaat... apalagi kl muridnya males kayak saya :)
Biasanya aku kalo bikin tutorial lengkap beserta illustrasi, cuma kali ini aku lagi males.. so praktekin sendiri aja gimana..
dianlantinga wrote on Mar 20
Terima kasih say.
nightvision99 wrote on Mar 22
thx for the tips, its useful enough......
damuhbening wrote on Mar 22
makasi cantik, semoga aku punya keberanian untuk mencobanya

bawa petuah lainnya ya, aku tunggu dengan pasti
stifter wrote on Mar 22
Terima kasih say.
sama2 Dian..
stifter wrote on Mar 22
thx for the tips, its useful enough......
ur welcome mas..
stifter wrote on Mar 22
makasi cantik, semoga aku punya keberanian untuk mencobanya

bawa petuah lainnya ya, aku tunggu dengan pasti
kembali kasih mas bening, semoga aku punya keberanian untuk posting lainnya.. bawa petuah sakti ajian mandraguna..
kiepathra wrote on Apr 7
ITS COOL.... sumpah. Makasih ya ilmu nya. Untuk selanjutnya jgn bosen ya kalo aku kunjungi sitenya mbak Tina trus....
salam kenal
stifter wrote on May 16
Salam kenal juga mas.. thank you.
Add a Comment
   
© 2008 Multiply, Inc.    About · Blog · Terms · Privacy · Corp Info · Contact Us · Help