Thiết kế Web

Gi¸o tr×nh ThiÕt kÕ Web : NguyÔn H÷u TuÊn Email: prohuutuan@yahoo.com -0912378211 PhÇn I Giíi thiÖu ng«n ng÷ Html I. C¸c thÎ ®Þnh cÊu tróc tµi liÖu 1.1 HTML CÆp thÎ nµy ®îc sö dông ®Ó x¸c nhËn mét tµi liÖu lµ tµi liÖu HTML, tøc lµ nã cã sö dông c¸c thÎ HTML ®Ó tr×nh bµy. Toµn bé néi dung cña tµi liÖu ®îc ®Æt gi÷a cÆp thÎ nµy. Có ph¸p: Tr×nh duyÖt sÏ xem c¸c tµi liÖu kh«ng sö dông thÎ nh nh÷ng tÖp tin v¨n b¶n b×nh thêng. 1.2 HEAD ThÎ HEAD ®îc dïng ®Ó x¸c ®Þnh phÇn më ®Çu cho tµi liÖu. Có ph¸

Thể loại Giáo án bài giảng Giáo dục Đặc biệt (CĐ-ĐH)

Số trang 1

Ngày tạo 9/20/2010 8:45:31 PM +00:00

Loại tệp doc

Kích thước 1.72 M

Tên tệp giaotrinhthietkeweb doc

Download

Gi¸o tr×nh ThiÕt kÕ Web : NguyÔn H÷u TuÊn Email: prohuutuan@yahoo.com -0912378211

PhÇn I Giíi thiÖu ng«n ng÷ Html

I. C¸c thÎ ®Þnh cÊu tróc tµi liÖu

1.1 HTML

CÆp thÎ nµy ®îc sö dông ®Ó x¸c nhËn mét tµi liÖu lµ tµi liÖu HTML, tøc lµ nã cã sö dông c¸c thÎ HTML ®Ó tr×nh bµy. Toµn bé néi dung cña tµi liÖu ®îc ®Æt gi÷a cÆp thÎ nµy.

Có ph¸p:

Tr×nh duyÖt sÏ xem c¸c tµi liÖu kh«ng sö dông thÎ nh nh÷ng tÖp tin v¨n b¶n b×nh thêng.

1.2 HEAD

ThÎ HEAD ®îc dïng ®Ó x¸c ®Þnh phÇn më ®Çu cho tµi liÖu.

Có ph¸p:

1.3 TITLE

CÆp thÎ nµy chØ cã thÓ sö dông trong phÇn më ®Çu cña tµi liÖu, tøc lµ nã ph¶i n»m trong thÎ ph¹m vi giíi h¹n bëi cÆp thÎ <HEAD>.

Có ph¸p:

ThÎ nµy ®îc sö dông ®Ó x¸c ®Þnh phÇn néi dung chÝnh cña tµi liÖu - phÇn th©n (body) cña tµi liÖu. Trong phÇn th©n cã thÓ chøa c¸c th«ng tin ®Þnh d¹ng nhÊt ®Þnh ®Ó ®Æt ¶nh nÒn cho tµi liÖu, mµu nÒn, mµu v¨n b¶n siªu liªn kÕt, ®Æt lÒ cho trang tµi liÖu... Nh÷ng th«ng tin nµy ®îc ®Æt ë phÇn tham sè cña thÎ.

Gi¸o tr×nh thiÕt kÕ Web

Gi¸o tr×nh ThiÕt kÕ Web : NguyÔn H÷u TuÊn Email: prohuutuan@yahoo.com -0912378211

Có ph¸p:

Trªn ®©y lµ có ph¸p c¬ b¶n cña thÎ BODY, tuy nhiªn b¾t ®Çu tõ HTML 3.2 th× cã nhiÒu thuéc tÝnh ®îc sö dông trong thÎ BODY. Sau ®©y lµ c¸c thuéc tÝnh chÝnh:

BACKGROUND=	§Æt mét ¶nh nµo ®ã lµm ¶nh nÒn (background) cho v¨n b¶n. Gi¸ trÞ cña tham sè nµy (phÇn sau dÊu b»ng) lµ URL cña file ¶nh. NÕu kÝch thíc ¶nh nhá h¬n cöa sæ tr×nh duyÖt th× toµn bé mµn h×nh cöa sæ tr×nh duyÖt sÏ ®îc l¸t kÝn b»ng nhiÒu ¶nh.
BGCOLOR=	§Æt mÇu nÒn cho trang khi hiÓn thÞ. NÕu c¶ hai tham sè BACKGROUND vµ BGCOLOR cïng cã gi¸ trÞ th× tr×nh duyÖt sÏ hiÓn thÞ mÇu nÒn tríc, sau ®ã míi t¶i ¶nh lªn phÝa trªn.
TEXT=	X¸c ®Þnh mµu ch÷ cña v¨n b¶n, kÓ c¶ c¸c ®Ò môc.
ALINK=,VLINK=,LINK=	X¸c ®Þnh mµu s¾c cho c¸c siªu liªn kÕt trong v¨n b¶n. T¬ng øng, alink (active link) lµ liªn kÕt ®ang ®îc kÝch ho¹t - tøc lµ khi ®· ®îc kÝch chuét lªn; vlink (visited link) chØ liªn kÕt ®· tõng ®îc kÝch ho¹t;

Nh vËy mét tµi liÖu HTML c¬ b¶n cã cÊu tróc nh sau:

II. C¸c thÎ ®Þnh d¹ng khèi

2.1. thÎ P

ThÎ ®îc sö dông ®Ó ®Þnh d¹ng mét ®o¹n v¨n b¶n.

Có ph¸p:

Gi¸o tr×nh thiÕt kÕ Web

Gi¸o tr×nh ThiÕt kÕ Web : NguyÔn H÷u TuÊn Email: prohuutuan@yahoo.com -0912378211

2.2. C¸c thÎ ®Þnh d¹ng ®Ò môc H1/H2/H3/H4/H5/H6

HTML hç trî 6 møc ®Ò môc. Chó ý r»ng ®Ò môc chØ lµ c¸c chØ dÉn ®Þnh d¹ng vÒ mÆt logic, tøc lµ mçi tr×nh duyÖt sÏ thÓ hiÖn ®Ò môc díi mét khu«n d¹ng thÝch hîp. Cã thÓ ë tr×nh duyÖt nµy lµ font ch÷ 14 point nhng sang tr×nh duyÖt kh¸c lµ font ch÷ 20 point. §Ò môc cÊp 1 lµ cao nhÊt vµ gi¶m dÇn ®Õn cÊp 6. Th«ng thêng v¨n b¶n ë ®Ò môc cÊp 5 hay cÊp 6 thêng cã kÝch thíc nhá h¬n v¨n b¶n th«ng thêng.

Díi ®©y lµ c¸c thÎ dïng ®Ó ®Þnh d¹ng v¨n b¶n ë d¹ng ®Ò môc:

<H1> ... </H1>	§Þnh d¹ng ®Ò môc cÊp 1
<H2> ... </H2>	§Þnh d¹ng ®Ò môc cÊp 2
<H3> ... </H3>	§Þnh d¹ng ®Ò môc cÊp 3
<H4> ... </H4>	§Þnh d¹ng ®Ò môc cÊp 4
<H5> ... </H5>	§Þnh d¹ng ®Ò môc cÊp 5
<H6> ... </H6>	§Þnh d¹ng ®Ò môc cÊp 6

2.3 ThÎ xuèng dßng BR

ThÎ nµy kh«ng cã thÎ kÕt thóc t¬ng øng (BR>), nã cã t¸c dông chuyÓn sang dßng míi. Lu ý, néi dung v¨n b¶n trong tµi liÖu HTML sÏ ®îc tr×nh duyÖt Web thÓ hiÖn liªn tôc, c¸c kho¶ng tr¾ng liÒn nhau, c¸c ký tù tab, ký tù xuèng dßng ®Òu ®îc coi nh mét kho¶ng tr¾ng. §Ó xuèng dßng trong tµi liÖu, b¹n ph¶i sö dông thÎ

2.4 ThÎ PRE

§Ó giíi h¹n ®o¹n v¨n b¶n ®· ®îc ®Þnh d¹ng s½n b¹n cã thÓ sö dông thÎ <PRE>. V¨n b¶n ë gi÷a hai thÎ nµy sÏ ®îc thÓ hiÖn gièng hÖt nh khi chóng ®îc ®¸nh vµo, vÝ dô dÊu xuèng dßng trong ®o¹n v¨n b¶n giíi h¹n bëi thÎ <PRE> sÏ cã ý nghÜa chuyÓn sang dßng míi (tr×nh duyÖt sÏ kh«ng coi chóng nh dÊu c¸ch)

Có ph¸p:

III. C¸c thÎ ®Þnh d¹ng danh s¸ch

3.1. Danh s¸ch th«ng thêng

Có ph¸p:

Gi¸o tr×nh thiÕt kÕ Web

Gi¸o tr×nh ThiÕt kÕ Web : NguyÔn H÷u TuÊn Email: prohuutuan@yahoo.com -0912378211

Cã 4 kiÓu danh s¸ch:

` Danh s¸ch kh«ng s¾p xÕp ( hay kh«ng ®¸nh sè) <UL>

 Danh s¸ch cã s¾p xÕp (hay cã ®¸nh sè) <OL>, mçi môc trong da nh s¸ch ®îc s¾p xÕp thø tù.

 Danh s¸ch thùc ®¬n <MENU>

 Danh s¸ch ph©n cÊp <DIR>

Víi nhiÒu tr×nh duyÖt, danh s¸ch ph©n cÊp vµ danh s¸ch thùc ®¬n gièng danh s¸ch kh«ng ®¸nh sè, cã thÓ dïng lÉn víi nhau. Víi thÎ OL ta cã có ph¸p sau:

trong ®ã:

TYPE =1 C¸c môc ®îc s¾p xÕp theo thø tù 1, 2, 3...

=a C¸c môc ®îc s¾p xÕp theo thø tù a, b, c...

=A C¸c môc ®îc s¾p xÕp theo thø tù A, B, C...

=i C¸c môc ®îc s¾p xÕp theo thø tù i, ii, iii...

=I C¸c môc ®îc s¾p xÕp theo thø tù I, II, III...

Ngoµi ra cßn thuéc tÝnh START= x¸c ®Þnh gi¸ trÞ khëi ®Çu cho danh s¸ch.

ThÎ < LI > cã thuéc tÝnh TYPE= x¸c ®Þnh ký hiÖu ®Çu dßng (bullet) ®øng tríc mçi môc trong danh s¸ch. Thuéc tÝnh nµy cã thÓ nhËn c¸c gi¸ trÞ : disc (chÊm trßn ®Ëm); circle (vßng trßn); square (h×nh vu«ng).

IV. C¸c thÎ ®Þnh d¹ng ký tù

4.1. C¸c thÎ ®Þnh d¹ng in ký tù

Sau ®©y lµ c¸c thÎ ®îc sö dông ®Ó quy ®Þnh c¸c thuéc tÝnh nh in nghiªng, in ®Ëm, g¹ch ch©n... cho c¸c ký tù, v¨n b¶n khi ®îc thÓ hiÖn trªn tr×nh duyÖt.

... B>

... STRONG>

In ch÷ ®Ëm

... I>

... EM>

In ch÷ nghiªng

Gi¸o tr×nh thiÕt kÕ Web

Gi¸o tr×nh ThiÕt kÕ Web : NguyÔn H÷u TuÊn Email: prohuutuan@yahoo.com -0912378211

<U> ... U>	In ch÷ g¹ch ch©n
<DFN>	§¸nh dÊu ®o¹n v¨n b¶n gi÷a hai thÎ nµy lµ ®Þnh nghÜa cña mét tõ. Chóng thêng ®îc in nghiªng hoÆc thÓ hiÖn qua mét kiÓu ®Æc biÖt nµo ®ã.
<S> ... S> ... STRIKE>	In ch÷ bÞ g¹ch ngang.
<BIG> ... BIG>	In ch÷ lín h¬n b×nh thêng b»ng c¸ch t¨ng kÝch thíc font hiÖn thêi lªn mét. ViÖc sö dông c¸c thÎ <BIG>lång nhau t¹o ra hiÖu øng ch÷ t¨ng dÇn. Tuy nhiªn ®èi víi mçi tr×nh duyÖt cã giíi h¹n vÒ kÝch thíc ®èi víi mçi font ch÷, vît qu¸ giíi h¹n nµy, c¸c thÎ <BIG> sÏ kh«ng cã ý nghÜa.
<SMALL> ... SMALL>	In ch÷ nhá h¬n b×nh thêng b»ng c¸ch gi¶m kÝch thíc font hiÖn thêi ®i mét. ViÖc sö dông c¸c thÎ <SMALL>lång nhau t¹o ra hiÖu øng ch÷ gi¶m dÇn. Tuy nhiªn ®èi víi mçi tr×nh duyÖt cã giíi h¹n vÒ kÝch thíc ®èi víi mçi font ch÷, vît qu¸ giíi h¹n nµy, c¸c thÎ <SMALL> sÏ kh«ng cã ý nghÜa.
<SUP> ... SUP>	§Þnh d¹ng chØ sè trªn (SuperScript)
<SUB> ... SUB>	§Þnh d¹ng chØ sè díi (SubScript)
<BASEFONT>	§Þnh nghÜa kÝch thíc font ch÷ ®îc sö dông cho ®Õn hÕt v¨n b¶n. ThÎ nµy chØ cã mét tham sè size= x¸c ®Þnh cì ch÷. ThÎ
<FONT> ... FONT>	Chän kiÓu ch÷ hiÓn thÞ. Trong thÎ nµy cã thÓ ®Æt hai tham sè size= hoÆc color= x¸c ®Þnh cì ch÷ vµ mµu s¾c ®o¹n v¨n b¶n n»m gi÷a hai thÎ. KÝch thíc cã thÓ lµ tuyÖt ®èi (nhËn gi¸ trÞ tõ 1 ®Õn 7) hoÆc t¬ng ®èi (+2,-4...) so víi font ch÷ hiÖn t¹i.

4.2. C¨n lÒ v¨n b¶n trong trang Web

Trong tr×nh bµy trang Web cña m×nh c¸c b¹n lu«n ph¶i chó ý ®Õn viÖc c¨n lÒ c¸c v¨n b¶n ®Ó trang Web cã ®îc mét bè côc ®Ñp. Mét sè c¸c thÎ ®Þnh d¹ng nh P, Hn, IMG... ®Òu cã tham sè ALIGN cho phÐp b¹n c¨n lÒ c¸c v¨n b¶n n»m trong ph¹m vi giíi h¹n bëi cña c¸c thÎ ®ã.

C¸c gi¸ trÞ cho tham sè ALIGN:

LEFT	C¨n lÒ tr¸i
CENTER	C¨n gi÷a trang
RIGHT	C¨n lÒ ph¶i

Gi¸o tr×nh thiÕt kÕ Web

Gi¸o tr×nh ThiÕt kÕ Web : NguyÔn H÷u TuÊn Email: prohuutuan@yahoo.com -0912378211

Ngoµi ra, chóng ta cã thÓ sö dông thÎ CENTER ®Ó c¨n gi÷a trang mét khèi v¨n b¶n.

Có ph¸p:

4.3. C¸c ký tù ®Æc biÖt

Ký tù & ®îc sö dông ®Ó chØ chuçi ký tù ®i sau ®îc xem lµ mét thùc thÓ duy nhÊt. Ký tù ; ®îc sö dông ®Ó t¸ch c¸c ký tù trong mét tõ.

Ký tù	M· ASCII	Tªn chuçi
<	&#060	&lt
>	&#062	&gt
&	&#038	&amp

4.4. Sö dông mµu s¾c trong thiÕt kÕ c¸c trang Web

Mét mµu ®îc tæng hîp tõ ba thµnh phÇn mµu chÝnh, ®ã lµ: §á (Red), Xanh l¸ c©y (Green), Xanh níc biÓn (Blue). Trong HTML mét gi¸ trÞ mµu lµ mét sè nguyªn d¹ng hexa (hÖ ®Õm c¬ sè 16) cã ®Þnh d¹ng nh sau:

#RRGGBB

trong ®ã:

RR - lµ gi¸ trÞ mµu §á.

GG - lµ gi¸ trÞ mµu Xanh l¸ c©y.

BB - lµ gi¸ trÞ mµu Xanh níc biÓn.

Mµu s¾c cã thÓ ®îc x¸c ®Þnh qua thuéc tÝnh bgcolor= hay color=. Sau dÊu b»ng cã thÓ lµ gi¸ trÞ RGB hay tªn tiÕng Anh cña mµu. Víi tªn tiÕng Anh, ta chØ cã thÓ chØ ra 16 mµu trong khi víi gi¸ trÞ RGB ta cã thÓ chØ tíi 256 mµu.

Sau ®©y lµ mét sè gi¸ trÞ mµu c¬ b¶n:

Mµu s¾c

Gi¸ trÞ

Tªn tiÕng Anh

§á

§á sÉm

Xanh l¸ c©y

Xanh nh¹t

Xanh níc biÓn

#FF0000

#8B0000

#00FF00

#90EE90

#0000FF

RED

DARKRED

GREEN

LIGHTGREEN

BLUE

Gi¸o tr×nh thiÕt kÕ Web

Gi¸o tr×nh ThiÕt kÕ Web : NguyÔn H÷u TuÊn Email: prohuutuan@yahoo.com -0912378211

Vµng

Vµng nh¹t

Tr¾ng

§en

X¸m

N©u

TÝm

TÝm nh¹t

Hång

Da cam

Mµu ®ång phôc h¶i qu©n

#FFFF00

#FFFFE0

#FFFFFF

#000000

#808080

#A52A2A

#FF00FF

#EE82EE

#FFC0CB

#FFA500

#000080

#4169E1

#7FFFD4

YELLOW

LIGHTYELLOW

WHITE

BLACK

GRAY

BROWN

MAGENTA

VIOLET

PINK

ORANGE

NAVY

ROYALBLUE

AQUAMARINE

Có ph¸p:

<BODY

LINK = color

ALINK = color

VLINK = color

BACKGROUND = url

BGCOLOR = color

TEXT = color

TOPMARGIN = pixels

RIGHTMARGIN = pixels

LEFTMARGIN = pixels

.... phÇn néi dung cña tµi liÖu ®îc ®Æt ë ®©y

BODY>

Sau ®©y lµ ý nghÜa c¸c tham sè cña thÎ BODY:

C¸c tham sè	ý nghÜa
LINK	ChØ ®Þnh mµu cña v¨n b¶n siªu liªn kÕt
ALINK	ChØ ®Þnh mµu cña v¨n b¶n siªu liªn kÕt ®ang ®ang chän
VLINK	ChØ ®Þnh mµu cña v¨n b¶n siªu liªn kÕt ®· tõng më

Gi¸o tr×nh thiÕt kÕ Web

Gi¸o tr×nh ThiÕt kÕ Web : NguyÔn H÷u TuÊn Email: prohuutuan@yahoo.com -0912378211

BACKGROUND	ChØ ®Þnh ®Þa chØ cña ¶nh dïng lµm nÒn
BGCOLOR	ChØ ®Þnh mµu nÒn
TEXT	ChØ ®Þnh mµu cña v¨n b¶n trong tµi liÖu
SCROLL	YES/NO - X¸c ®Þnh cã hay kh«ng thanh cuén
TOPMARGIN	LÒ trªn
RIGHTMARGIN	LÒ ph¶i
LEFTMARGIN	LÒ tr¸i

4.5. Chän kiÓu ch÷ cho v¨n b¶n

Có ph¸p:

<FONT

FACE = font-name

COLOR = color

SIZE = n >

...

FONT>

4.6. Kh¸i niÖm v¨n b¶n siªu liªn kÕt

V¨n b¶n siªu liªn kÕt hay cßn gäi lµ siªu v¨n b¶n lµ mét tõ, mét côm tõ hay mét c©u trªn trang Web ®îc dïng ®Ó liªn kÕt tíi mét trang Web kh¸c. Siªu v¨n b¶n lµ m«i trêng trong ®ã chøa c¸c liªn kÕt (link) cña c¸c th«ng tin. Do WWW cÊu thµnh tõ nhiÒu hÖ thèng kh¸c nhau, cÇn ph¶i cã mét quy t¾c ®Æt tªn thèng nhÊt cho tÊt c¶ c¸c v¨n b¶n trªn Web. Quy t¾c ®Æt tªn ®ã lµ URL (Universal Resource Locator).

C¸c thµnh phÇn cña URL ®îc minh ho¹ ë h×nh trªn.

 DÞch vô: Lµ thµnh phÇn b¾t buéc cña URL. Nã x¸c ®Þnh c¸ch thøc tr×nh duyÖt cña m¸y kh¸ch liªn l¹c víi m¸y phôc vô nh thÕ nµo ®Ó nhËn d÷ liÖu. Cã nhiÒu dÞch vô nh http, wais, ftp, gopher, telnet.

Gi¸o tr×nh thiÕt kÕ Web

Gi¸o tr×nh ThiÕt kÕ Web : NguyÔn H÷u TuÊn Email: prohuutuan@yahoo.com -0912378211

 Tªn hÖ thèng : Lµ thµnh phÇn b¾t buéc cña URL. Cã thÓ lµ tªn miÒn ®Çy ®ñ cña m¸y phôc vô hoÆc chØ lµ mét phÇn tªn ®Çy ®ñ – trêng hîp nµy x¶y ra khi v¨n b¶n ®îc yªu cÇu vÉn n»m trªn miÒn cña b¹n. Tuy nhiªn nªn sö dông ®êng dÉn ®Çy ®ñ.

 Cæng : Kh«ng lµ thµnh phÇn b¾t buéc cña URL. Cæng lµ ®Þa chØ socket cña m¹ng dµnh cho mét giao thøc cô thÓ. Giao thøc http ngÇm ®Þnh nèi víi cæng 8080.

 §êng dÉn th môc : Lµ thµnh phÇn b¾t buéc cña URL. Ph¶i chØ ra ®êng dÉn tíi file yªu cÇu khi kÕt nèi víi bÊt kú hÖ thèng nµo. Cã thÓ ®êng dÉn trong URL kh¸c víi ®êng dÉn thùc sù trong hÖ thèng m¸y phôc vô. Tuy nhiªn cã thÓ rót gän ®êng dÉn b»ng c¸ch ®Æt biÖt danh (alias). C¸c th môc trong ®êng dÉn c¸ch nhau bëi dÊu g¹ch chÐo (/).

 Tªn file : Kh«ng lµ thµnh phÇn b¾t buéc cña URL. Th«ng thêng m¸y phôc vô ®îc cÊu h×nh sao cho nÕu kh«ng chØ ra tªn file th× sÏ tr¶ vÒ file ngÇm ®Þnh trªn th môc ®îc yªu cÇu. File nµy thêng cã tªn lµ index.html, index.htm, default.html hay default.htm. NÕu còng kh«ng cã c¸c file nµy th× thêng kÕt qu¶ tr¶ vÒ lµ danh s¸ch liÖt kª c¸c file hay th môc con trong th môc ®îc yªu cÇu

 C¸c tham sè : Kh«ng lµ thµnh phÇn b¾t buéc cña URL. NÕu URL lµ yªu cÇu t×m kiÕm trªn mét c¬ së d÷ liÖu th× truy vÊn sÏ g¾n vµo URL, ®ã chÝnh lµ ®o¹n m· ®»ng sau dÊu chÊm hái (?).URL còng cã thÓ tr¶ l¹i th«ng tin ®îc thu thËp tõ form. Trong trêng hîp dÊu th¨ng (#) xuÊt hiÖn ®o¹n m· ®¨ng sau lµ tªn cña mét vÞ trÝ (location) trong file ®îc chØ ra.

§Ó t¹o ra mét siªu v¨n b¶n chóng ta sö dông thÎ <A>.

Có ph¸p:

HREF = url

NAME = name

TABINDEX = n

TITLE = title

TARGET = _blank / _self

... siªu v¨n b¶n

</A>

ý nghÜa c¸c tham sè:

HREF	§Þa chØ cña trang Web ®îc liªn kÕt, lµ mét URL nµo ®ã.
NAME	§Æt tªn cho vÞ trÝ ®Æt thÎ.
TABLEINDEX	Thø tù di chuyÓn khi Ên phÝm Tab
TITLE	V¨n b¶n hiÓn thÞ khi di chuét trªn siªu liªn kÕt.
TARGET	Më trang Web ®îc liªn trong mét cöa sæ míi (_blank) hoÆc trong cöa sæ hiÖn t¹i (

Gi¸o tr×nh thiÕt kÕ Web

Gi¸o tr×nh ThiÕt kÕ Web : NguyÔn H÷u TuÊn Email: prohuutuan@yahoo.com -0912378211

_self), trong mét frame (tªn frame).

4.7. §Þa chØ t¬ng ®èi

URL ®îc tr×nh bµy ë trªn lµ URL tuyÖt ®èi. Ngoµi ra cßn cã URL t¬ng ®èi hay cßn gäi lµ URL kh«ng ®Çy ®ñ. §Þa chØ t¬ng ®èi sö dông sù kh¸c biÖt t¬ng ®èi gi÷a v¨n b¶n hiÖn thêi vµ v¨n b¶n cÇn tham chiÕu tíi. C¸c thµnh phÇn trong URL ®îc ng¨n c¸ch b»ng ký tù ng¨n c¸ch (ký tù g¹ch chÐo /). §Ó t¹o ra URL t¬ng ®èi, ®Çu tiªn ph¶i sö dông ký tù ng¨n c¸ch. URL ®Çy ®ñ hiÖn t¹i sÏ ®îc sö dông ®Ó t¹o nªn URL ®Çy ®ñ míi. Nguyªn t¾c lµ c¸c thµnh phÇn bªn tr¸i dÊu ng¨n c¸ch cña URL hiÖn t¹i ®îc gi÷ nguyªn, c¸c thµnh phÇn bªn ph¶i ®îc thay thÕ b»ng thµnh phÇn URL t¬ng ®èi. Chó ý r»ng tr×nh duyÖt kh«ng göi URL t¬ng ®èi, nã bæ sung vµo URL c¬ së ®· x¸c ®Þnh tríc thµnh phÇn URL t¬ng ®èi x¸c ®Þnh sau thuéc tÝnh href=. Ký tù ®Çu tiªn sau dÊu b»ng sÏ x¸c ®Þnh c¸c thµnh phÇn nµo cña URL hiÖn t¹i sÏ tham gia ®Ó t¹o nªn URL míi.

VÝ dô, nÕu URL ®Çy ®ñ lµ: http://it-department.vnuh.edu.vn/HTML/index.htm th×:

 DÊu hai chÊm (:) chØ dÞch vô gi÷ nguyªn nhng thay ®æi phÇn cßn l¹i. VÝ dô ://www.fpt.com/ sÏ t¶i trang chñ cña m¸y phôc vô www.fpt.com víi cïng dÞch vô http.

 DÊu g¹ch chÐo (/) chØ dÞch vô vµ m¸y phôc vô gi÷ nguyªn nhng toµn bé ®êng dÉn thay ®æi. VÝ dô /Javascript/index.htm sÏ t¶i file index.htm cña th môc Javascript trªn m¸y phôc vô www.it-department.vnuh.edu.vn.

 Kh«ng cã dÊu ph©n c¸ch chØ cã tªn file lµ thay ®æi. VÝ dô index1.htm sÏ t¶i file index1.htm ë trong th môc HTML cña m¸y phôc vô www.it-department.vnuh.edu.vn.

 DÊu th¨ng (#): chØ dÞch vô, m¸y phuc vô, ®êng dÉn vµ c¶ tªn file gi÷ nguyªn, chØ thay ®æi vÞ trÝ trong file.

Do ®êng dÉn ®îc xem lµ ®¬n vÞ ®éc lËp nªn cã thÓ sö dông ph¬ng ph¸p ®êng dÉn t¬ng ®èi nh trong UNIX hay MS-DOS (tøc lµ . chØ th môc hiÖn t¹i cßn .. chØ th môc cha cña th môc hiÖn t¹i).

URL c¬ së cã thÓ ®îc x¸c ®Þnh b»ng thÎ

4.8. KÕt nèi mailto

NÕu ®Æt thuéc tÝnh href= cña thÎ

Trang WEB nµy ®îc

WEBMASTER

<\A> b¶o tr×

Gi¸o tr×nh thiÕt kÕ Web

Gi¸o tr×nh ThiÕt kÕ Web : NguyÔn H÷u TuÊn Email: prohuutuan@yahoo.com -0912378211

<\ADDRESS>

4.9. VÏ mét ®êng th¼ng n»m ngang

Có ph¸p:

<HR

ALIGN = LEFT / CENTER / RIGHT

COLOR = color

NOSHADE

SIZE = n

WIDTH = width

ý nghÜa c¸c tham sè:

ALIGN	C¨n lÒ (c¨n tr¸i, c¨n ph¶i, c¨n gi÷a)
COLOR	§Æt mµu cho ®êng th¼ng
NOSHADE	Kh«ng cã bãng
SIZE	§é dµy cña ®êng th¼ng
WIDTH	ChiÒu dµi (tÝnh theo pixel hoÆc % cña bÒ réng cöa sæ tr×nh duyÖt).

ThÎ nµy gièng nh thÎ BR, nã còng kh«ng cã thÎ kÕt thóc t¬ng øng.

5.1. Giíi thiÖu

Liªn kÕt víi file ®a ph¬ng tiÖn còng t¬ng tù nh liªn kÕt b×nh thêng. Tuy vËy ph¶i ®Æt tªn ®óng cho file ®a ph¬ng tiÖn. PhÇn më réng cña file ph¶i cho biÕt kiÓu cña file.

KiÓu

PhÇn më réng

M« t¶

Image/GIF

.gif

ViÕt t¾t cña Graphics Interchange Format. Khu«n d¹ng nµy xuÊt hiÖn khi mäi ngêi cã nhu cÇu trao ®æi ¶nh trªn nhiÒu hÖ thèng kh¸c nhau. Nã ®îc sö dông trªn tÊt c¶ c¸c hÖ thèng hç trî giao diÖn ®å ho¹. §Þnh d¹ng GIF lµ ®Þnh d¹ng chuÈn cho mäi tr×nh duyÖt WEB. Nhîc ®iÓm cña nã lµ chØ thÓ hiÖn ®îc 256 mµu.

Më réng cña chuÈn nµy lµ GIF89, ®îc thªm nhiÒu chøc n¨ng cho c¸c øng dông ®Æc biÖt nh lµm ¶nh nÒn trong suèt - tøc lµ ¶nh cã thÓ næi b»ng c¸ch lµm mµu nÒn gièng víi mµu nÒn cña tr×nh duyÖt.

Gi¸o tr×nh thiÕt kÕ Web

nguon VI OLET

Toán học (CĐ-ĐH) Vật lý (CĐ-ĐH) Hóa học (CĐ-ĐH) Sinh học (CĐ-ĐH) Lịch sử (CĐ-ĐH) Địa lý (CĐ-ĐH) Ngữ văn (CĐ-ĐH) Ngoại ngữ Giáo dục Công dân (CĐ-ĐH) Giáo dục Quốc phòng (CĐ-ĐH) Nghệ thuật (CĐ-ĐH) Giáo dục Thể chất (CĐ-ĐH) Công nghệ thông tin (CĐ-ĐH) Lí luận Chính trị (CĐ-ĐH) Triết học (CĐ-ĐH) Tâm lý học (CĐ-ĐH) Giáo dục học (CĐ-ĐH) Công tác xã hội (CĐ-ĐH) Quản lý Giáo dục (CĐ-ĐH) Giáo dục Tiểu học (CĐ-ĐH) Giáo dục Mầm non (CĐ-ĐH) Giáo dục Đặc biệt (CĐ-ĐH) Khác (CĐ-ĐH)

Thiết kế Web

PhÇn I Giíi thiÖu ng«n ng÷ Html

I. C¸c thÎ ®Þnh cÊu tróc tµi liÖu

1.1 HTML

1.2 HEAD

1.3 TITLE

1.4 BODY