bài giảng thiết kế web - chương5 - frame - Pdf 24

FRAME
CHNG V
I. GII THIU FRAMES(KHUNG)
 Khi cn hin th trên trình duyt nhiu ni dung, ch đ
khác nhau trên cùng mt trang thì mt gii pháp có th
đáp ng cho trng hp này là frame (khung).
 Có th phân chia mt trang thành các khung, cho phép
ngi truy cp cùng mt lúc có th xem nhiu trang mà
không cn cun màn hình, mi khung cha mt trang
web riêng.
 Nu trong trang đã s dng Frame thì không s tag
Body
 Ví d: cn to mt trang web mà khung bên trái cha
các mc liên kt, bên phi hin th ni dung ca các
trang liên kt, phn trên ca trang cha logo

Cách thc hin:
Trc ht ta to các trang web riêng: trang logo, trang
cha các liên kt và các trang ni dung chính, sau đó đa
các trang này vào các khung ca frame

II. CÁCH TO MT FRAME LAYOUT
 Cú pháp:
<HTML>
<HAED>
<TITLE>Page Title</TITLE>
</HEAD>
<FRAMESET>
Frame Definitions
</FRAMESET>
</HTML>

<HEAD><TITLE>Ni dung tiêu đ</TITLE></HEAD>
<Frameset Cols=”a, b…” >
<Frame name=”Name1” Src=”Content1.htm>
<Frame name=”Name2” Src=”Content2.htm>
…
<Frame name=”Name_n” Src=”Content_n.htm>
</Frameset>
</HTML>

– a, b: là đ cao ca các dòng th 1, th 2 …, có th tính
bng pixel hoc bng %
– Name: tên khung, (xác đnh chc nng ca khung)
– Content.htm: đa ch trang web xut hin đu tiên trong
khung
Ví d:
<HTML>
<HEAD><TITLE>Frame</TITLE></HEAD>
<Frameset Cols=30%, 30%, * >
<Frame name=”Baner” Src=”head.htm>
<Frame name=”Content1” Src=”Content1.htm>
<Frame name=”Content2” Src=”Content2.htm>
</Frameset>
</HTML>
III. CÁC THUC TÍNH CA FRAME
 Noresize: Không đi kích thc
 Scrolling: có/không có thanh cun
Auto: Xut hin thanh cun khi ni dung dài
Yes: luôn xut hin thanh cun
No: không xut hin thanh cun
 Ví d:

kt đn trong tag <Frame>
Page.htm: trang hin th trong khung liên kt
 Tag <Base>:
Nu có nhiu liên kt đn các trang xut hin trong
cùng mt khung thì thuc tính target mc đnh đt
trong tag <Base>
 Cú pháp:
<Head>
<Base target=”name”>
</Head>
V. PHN T NOFRAMES
 Phn t NOFRAMES đc s dng đ ch ni dung thay th cho
frame khi trình duyt không h tr frame.
 Cú pháp:
<HTML>
<HEAD><TITLE>Page title</TITLE></HEAD>
<FRAMESET>
Frame Definitions
</TRAMESET>
<NOFRAME>
<BODY>
Page Layout
</BODY>
</NOFRAME>
</HTML>
VI. PHN T IFRAME
 Nu mun trn vn bn và khung trong cùng mt trang thì phi to
mt khung bên trong trang bng tag <iframe>, khi trình duêt
không h tr thì ni dung trong IFRAME s b tr li
 Cú pháp:Ti v trí mun chèn frame, nhp cú pháp:

Nhờ tải bản gốc

Tài liệu, ebook tham khảo khác

bài giảng thiết kế web - chương5 - frame - Pdf 24

Tài liệu, ebook tham khảo khác

Học thêm