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

Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (1.55 MB, 17 trang )

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>

1. Các dng frame:
 To frame theo dòng
Cú pháp:
<HTML>
<HEAD><TITLE>Ni dung tiêu đ</TITLE></HEAD>
<Frameset Rows=”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 Rows=20%, 60%, 20% >
<Frame name=”Head” Src=”head.htm>
<Frame name=”Content1” Src=”Content1.htm>
<Frame name=”Content2” Src=”Content2.htm>
</Frameset>
</HTML>
 To frame theo ct
Cú pháp:
<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:

<frameset rows="80,*" frameborder="NO" border="0" >
<frame noresize src="topFrame" scrolling="NO" >
<frame noresize src="leftFrame" scrolling="NO" >
</frameset>
 Frameborder: đng vin ca khung mc đnh là 1, mun gia
các khung không còn đng vin thì trong tag Frameset nhp
thêm Border=0,
 Marginwidth: hiu chnh khong cách t ni dung
đn l trái và phi ca khung (tính bng pixel)
 Marginheight: hiu chnh khong cách t ni dung
đn l trên và di ca khung (tính bng pixel)
 Các frame lng nhau:
<Frameset >
<Frame name=”name” src=”Page.htm”>
<Frameset>
<Frame name=”name” src=”Page.htm”>
…
</Frameset>
…
</Frameset>
IV. LIÊN KT FRAME
 Trang đu tiên ca khung đc ch ra trong thuc tính
SRC, ta có th chnh các trang khác cùng xut hin trong
khung đó bng cách ch ra v trí trang đích (Target)
 Ti trang mun to liên kt vi khung, ta nhp cú pháp:
<a Href=”Page.htm Target=”name”>
Nhãn mc liên kt
</a>
Trong đó :
Target=Name : tên ca khung mà trang mun liên

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:

<Iframe Src=”Page.htm” Name=”name” Width= x Height=y
Align=left/ right>
Ni dung thay th khi trình duyt không chp nhn khung
</Iframe>
Trong đó:
Page.htm: là trang đu tiên xut hin trong khung
Name: tên ca khung
x, y: kích thc ca khung
Align: canh l
VÍ D:

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

Tài liệu liên quan

Tài liệu bạn tìm kiếm đã sẵn sàng tải về