THI

Vi c thi t k th h th ph M ng ngh v m ngu web,

T K

WEBSITES - KHNG KH NH

NG T
i ta

NG

c bi t l web c nhn, khng gh g m nh c n sai m t d u ch th m l t t c

nh ng g ng

n, no l ngn ng Th

l p trnh HTML, Visual Basic hay C++, no l cc o n i tong , no l x l m t n gi n: thi t k trang web = g v n b n +

n di d ng d c m ch a cao c p,

t ra, vi c v cng n gi n nh

trang tr. Tuy nhin, v mm thu c vo kh

m cc trang web c nhn h n thua nhau v c nh tm ti.

, sng t o c a ng

i t o ra chng. V vi c ny th ch ng ai d y c , n ch

n ng c nhn v cc kinh nghi m c

ng Internet l ph

ng ti n chnh. N cung c p cho chng ta ngu n ti nguyn phong ph m, hnh nh, m thanh, t li u, th ch c cm ts thu t, cm i xy Internet, website c a b n

g m v s ng

cc ti n ch, cc ph n m

d ng m t trang web hon ch nh v sau , nh i bi t t i. V th c ab ns nh phong ph v mang

, b n cng ch u kh tm ki m, l c l i, h c bi t b y nhiu. Tuy nhin, c, b n ph i c

i bao nhiu, trang web c phong cch sng t o nh t

ring, ngoi nh ng kinh nghi m thu th p

s n ph m c a mnh khng i theo l i mn hay mu m a phong cch . gi i thi u n cc b n m ts khi ni m, cch th t trong vi c khai thc c

Trong ph m vi bi vi t ny, ti s c n b n nh t Internet v m t s 1. Tr l cc t t thi t k

m t trang web ring, cc th

thu

kinh nghi m c n bi t. i bi t phn bi t website v web page (trang web). Cc trang web p tin v n b n g m hnh ph p cc trang web gi i thi u s nh, t l li u, nh c lin k t v cv i c, ) c d ng i nhau. V d , c khi trang ct cm o

c tin, b n c n ph p tin (th

ng l cc t

*.HTML hay *.HTM. Website l m t t vi c, 1 trang ni ring v ch m ng 2. Nh , mu t lin k t d n ng t c l i. ni trn, vi c thi t k

website c a b n g m 3 web pages: 1 trang ch n bi t thng tin v n u mu n t

gia nh v cng c ny

gia nh, 1 trang ni ring v gia nh b n, click vo m trang ch

cng vi c. Ng c GIA NH, m

n trang web v

thng tin gia nh b n v trang web ny s --> trang cng vi c, t

ln. T

cng vi c --> gia nh hay

web c n b n ch t

l g v n b n v trang tr. l tnh o website c ng c. General n

n ng c a Microsoft Word. V th Th t v y, r t chn hnh th n gi n.

, b n dng Word u tin, b n m

Word v ch n File/New. Trong th hnh, t tc gi ng nh

templates(pha bn ph i) b n ch n Web Page. T i y l cng vi c c a b n: g thng tin, nh, chn m thanh, ch n mu n n, v khi b n so o m t v n b n. Xong vi c, b n ch n Save as type l: Web Page (hnh)

Vi c b n c n bi t thm l vi c t o lin k t (hyperlinks). V d web: trang ch v c tn l trangchu.html, trang v cng vi c c a b n - congviec.html, t t c n m c gi i thi u gia nh, b n qut chu giadinh.html (trong tr ch gia nh, con tr cm B ra. T t ng t ch

b n hon thnh 3 trang

gia nh b n - giadinh.html, trang gi i thi u a trong c:web. Trong trang trangchu.html, gia nh , click ph ng d n i chu t, ch n n n trang a chu t c l i. t bi en ch

Hyperlinks, trong Type File or Webpage name , b n g vo chu ts nh thay th v

ng h p ny l c:webgiadinh.html). Click OK. Khi , khi i cc lin k t n congviec.html v ng

i v khi b n click vo , trang web giadinh.html s

n cn c th

o m t lin k t c a mnh

n nh ng trang web c s n trn m ng. V d , b n n ngay trang Yahoo!Mail, hy g vi t , Yahoo!, click ph i chu t, ch i khi nh dz a n Hyperlinks v g

mu n t ch

trang ch

Yahoo! xem c mail khng? . bi en ch Khi , khi ng mail.yahoo.com s 3. Microsoft Word ch trong b Nh r i!). i c cm

c a trang Yahoo!Mail (mail.yahoo.com) vo khung Type File or Webpage name v click OK. a click chu t vo ch . Yahoo!Mail trong trang ch c a b n, trang

l gi i php cho nh ng trang web c n b n. Microsoft Frontpage (MF, i l m t ph n m m chu n, dnh ring cho vi c thi t k y h n so v web. i Word (d nhin

Microsoft Office) m

ng tnh n ng c a MF l chuyn nghi p, ti n d ng v

MF cung c p cho b n nhi u ki u m u trang web c s n nh : Format - >Themes nh ng s v cc lin k T T T T t. i mu Insert/Component/Hover Button y gang mn hnh Insert/Component/Marquee l t ng i n th m trang web c a b n Insert/Component/Hit Counter n th m b ng cch t nh ng cu h i( i lo i nh : t o, website c a b n gip b n ki m sot d dng cc trang web

o c nt b m o dng ch o my os ch ms

thu th p ki n cho khch mm

b n ch T T

y i m cho website c a tui? ) hay nh ng cu h khch vi t nh ng ki n c a h it

i tr c nghi m t

o nh ng khng gian o hi u ng

, Insert/Form

c bi t cho cc

ng Format/DHTML Efeects

Hay khi chuy n t

trang ny sang trang khc Format/Page Transitions ... Ngoi ra, b n cn c

th

xem

c trang web c a mnh s gc d i bn ph

ho t

ng nh

th

no b ng cch click vo th y, iv ng lo MF r t d h s p ti ch i

Preview

i c a mn hnh. b n khm ph t im m c n b n nh t c, b i m i ng i cc . chin gia nh. c trn, b n cn c nhi u l a ch n khc m hon h o, th v , gip nh t o ng cm c) 1 vi c n mu, c n lm t h o web. V khng gian h n h . B n lm v t

MF cn r t nhi u tnh n ng h p d n khc ch d ng v n g n nh khng th ch l ph n m d n lm 1 website

thm, c g ln di n n ny 4. Ngoi nh ch ng m m ch n6 t

ng ph n m m quen thu

website cho mnh. Trn m ng c r ng h n nh t cch d i khng bi t m t cht g v dng. V i ph n m ch ng trnh s

t nhi u ph n m ngn ng

m, ti n ch gip b n lm cng vi c ny, c trang web ring c a h

Site Craft. SiteCraft l m t ph n m

HTML thi t k

m ny, b n t o ra m

t trang web theo t ng b n gi n nh t nh

d n m t cch t n tnh . B n click vo cc nt Steps (b n tn v ch tc c a website, vi c trang tr, ch nh c c n gi n ho, b n ch nh

hon ch nh website c a mnh. l cc cng vi c t ng m thanh v hnh

o ra c u trc c a website, ch n vi c i u ch nh cc hi u

n vi c t i (upload) v qu ng b n trang tr ng, m thanh, ... N u c c r t nhi u c nt p trung t. dng ng

b trang web c a b n trn Internet. T theo ch d n c a ch giao di n website c a mnh nh b n v n ch ch a hi lng, ph h tr

ng trnh. SiteCraft cung c p r nm ms c

t nhi u cng c

cc wallpaper, cc buttons, cc ng d n giao di n nh p d n l cch t

n trang (http://www.sitecraft.ws/ ) th , b n ch o ra m

b n download thm nh ng g mnh c n. Ngoi ra, SiteCraft cn hon h o v i dung c a trang web. Giao di n SiteCraft thn thi n, hi n ng trnh ny h tr h uh

file multimedia. V i s cho ph n n Nh v n h

i v b t m

ng i u lm cho ch

t website c c k d

t cc cng o n quan tr ng. B n demo c a SiteCraft c dung l i: www.websitecraft.com/en/download.php . ph i tm cch a trang web c a b n ln m ng. ng k cho mnh 1 ti

kho ng 12MB, download t 6. Cng vi c thi t k u tin, b n ph kho n (gi ng nh theo l m

xong, by gi a ch vi c t

i ki m m t a ch

. Hy vo cc trang web sau,

ng k mail trong Yahoo hay Hotmail). Qua e-mail. cc trang web s trang web c a b n theo username m b n m i th t i ln a ch ng k, km .: b n qu n l t t c i ln m

cung c p cho b n m

t m t m

www.topcities.com cho php b n t n ng khc nh t b n m t cch d web c a b n s

ng t i 150 MB d

li u. Ngoi ra, cn nh ng tnh g i mail tr c ti p a ch n cho trang

o forums (di n n), form mail (khch c th dng) hay guest book (s l: www..topcities.com/tenban i nh cung c p ny, b n s c

ki n c a khch vi ng th m).

www.brinskerter.com v

c m t trang web s

ch, ngh a l

trn trang web c a b n s www.brinkster.com/. www.counter.com s web c a b n. 7. Cng vi c cu ch m nh

khng c b t k m u qu ng co no c.

a ch

web s

l:

cung c p cho b n m t my

ms

t ng

i truy c p vo trang

i cng l vi c ti cc trang web c a b n t a ch ) v ch n cc file t c th

my ln m ng. B n vo trang i ln trang web n gi n

(trang cung c p cho b n c Upload v b n s a ch

ng nhp (log in) vo ti kho n c a mnh. Vo my c a mnh t i cng, b n g vo

vi c ch n file nh lm khi g i mail b ng Yahoo! hay Hotmail. Cu tn trang web c a mnh v ki m tra l i. nh trong Website chuy n l qu s t n gi n nh

khung T B

o Album n

ng lo l ng v s

c mnh, hy yn tm v chuy n t ang gi n. Th t ra, album n gi n nh t, th ng trnh gip b n t

o album l m t ts o nh ng

nh

trong website c a mnh r trang web g m cc album n c gi i thi u mnh! 1. Album khch y l m nh. Ph Ph nh 2. T

nh ch

nh thi! By gi , c r t nhi u ch nv

nh r t ti n l i nh ng trong bi vi t ny cch d n, b n s c album

cng nh

i b n. Khng c n ph i bi t nhi u ti ng Anh, khng c n ph nh v a trn trang web c a

n c suy ngh , hy lm theo ch

nh trn website l g? Nh

ni px

trn, th

t ra, ch

l cc trang web ch a hnh nh cho th t logic, t o cho

thi, nh ng v n

y l lm sao s

p v trnh by album

n th m trang web c a b n tho u n gi n v chu n nh

i mi. nh g m 2 ph n. Ph n gi i thi u v ph n

t: 1 album

n gi i thi u l 1 trang web (t n th .H 2 l cc hnh trong album i c s

m g i l trang web gi i thi u) g m cc hnh thu nh nh. V y l ph ng th c ho t cs nm . QU ng: trang web

(ti ng Anh g i l thumbnails) c a cc hnh trong album. gi i thi u, ng c gi i thi u danh sch cc hnh trong album b ng cc hnh thu xem cc hnh th i nh t i ph N GI N!!!!

click vo cc hnh thu nh

o cc hnh thu nh

thumnails: b n ph i

m Easy Thumbnails 2.5. nh nh . n gi n u lm vi c. Cng vi c

y l ph n m m gip b n bi n cc th t ra ch h n.

nh l n c a mnh thnh cc ng n ln v b t

Sau khi download Easy Thumbnails, b n kh l ch n hnh v click nt Make

t o cc thumnails. Khng cn g

Khi ch

n hnh, b n nhn qua mn hnh bn ph c hnh thu nh

i, nh

c 2 Original Image v Preview th no, ch c n click vo Preview

output . B n mu n xem tr output l th y ngay. N u ch a hi lng v Thumbnailstings phn gi i, nh : b n ch ti t ki m ch n th kch th

c hay mu s c c a thumnails, b n vo SEasy a. y b n c th nghing v ch t l i u ch nh chi u ngang, chi u d c, ng c a thumbnails. M t kinh nghi m

ch nh s c,

sng, mu s

c n ch n ch t l c vi KB m x

ng thumnails (JPEG Output) kho ng 30-50% thi, khng l hnh m u! Quan tr ng h n, b n s thu nh m t lc nhi u file b ng cch

c n ph i nhi u v suy cho cng cc thumnails ch i hnh. B n cn c th m c ch a cc file

nh v click nt Make all . M t i m ti n l i nh t c a Easy JPG, PNG, TIFF, ICO, PCX, GIF, . File a n 1MB, download t i:

Thumbnails l n c th

l nhi u d ng hnh g c nh

insatall Easy Thumnails n ng ch

http://www.fookes.net/ftp/free/EzThmb_Setup.exe 3. T m o trang web gi i thi u: kh i ng Microsft Frontpage. Ch n new v m m ng d n 1 trang web nt m

i. Sau , b n ch n Table/draw table nh th t s . V t i y, b n s

t b ng g m cc dng v c t. Sau , i y c a ti:

b n click vo thumbnail v ch

n hyperlink, trong URL, b n ch n

c 1 trang web gi ng gi ng trang web d

Vi c cn l i c a b n l ch nh s a v trang tr cho web site c a mnh. Cu vo i cng, b n c 1 album nh nh ,m tc as nh trn website c a mnh. Khi khch vo xem, h th y c click chu ct m t

Internet Explorer m i hi n ln v khch s

nh l n. Qu T n GI n! Hy th 1 l n r i xem, b n s thch ngay m !!!

o nt b m

Button cho trang web. button l m t ph n khng th th th t tc l i tr thi u c a 1 trang web. Chng th ck tn i ln h t s l t i1s v c n gi n, nh ang t ra l nh ng n cho + Paint, 1Cool

Cc nt b m file tr

nh c d ng gi ng 1 ci nt b m

n 1 trang web khc hay 1 file khc.

Khi b n ngh nh C r

ng g v y.(B n thi nha, cn ti th . Cha ght) t nhi u cch t o ra cc nt b m nh tm ki m t b ng cc ph n m m nh n. d ng cc ch ng trnh t o nt b m nh

Photoshop, Corel Draw hay Foto Canvas; s Button. Ho c b n c ng c th

website cung c p m u s o button

Trong ph m vi bi vi t ny, ti s

gi i thi u cho cc b n cch t

1.http://www.coolarchive.com/buttons.cfm khi vo trang ny, b n s trn 20 ki u nt b m. Click ch n ki u no m b n th y c ch n cch trnh by n n th ch ngo c o ng qu s l a ch n. Nh c. Vi c c a b n l g vo Text nh ng ch ng nh cng kh nhn trong ph ch av ng nh background c a nt (trong su t, n ch n font ch th y cng

c cung c p kho ng t. Sau , b n s n en, n n mu), kch c t i 63 fonts ng

trn nt b m. B n c

n gi n cng t t, b i lo

m vi 1 BUTTON b nh . c k t qu c a mnh. Click ph i i d ng file i cc trang web. Hnh c save d

Sau cng, click submit. JPEG.

trang web m i, b n s

chu t v save hnh trong cng

2. www.flashbuttons.com cc nt b m file JPEG khng bao gi c . D nhin ngoi vi c c th ng r t c o v v th Flashbuttons s gi ng nh Nh m i nt s chuy n cs ng th v gy n i ng

h p d n b ng cc button flash flash t o u c nhi u hi u is d ng. Trang web i d ng *.SWF. Nh ng b l i o nt b m c ng ng, m u s c .

c, cng ngh

gip b n t o nh ng nt b m b ng flash, d trn c p, ch n ki u nt, ch

cc file SWF chi m nhi u dung l

ng h n cc file JPEG. C n b n, vi c t n cch trnh by, hi u

ng trang web ny cn cho b n nhi u ti n ch khc nh c lin k t n s n trang web c a b n.

: t o m t lc nhi u nt b m, ng d n ). Sau , i t o ra cu i trang, c

Sau khi ch n tn cho nt b m, b n ph i g vo Links to assign to your button c a trang web m nt c a b n lin k b ns m c cung c p 1 t (v d nh hinhanh.html; amnhac.html, ch av i cc trang web. ng d n download cc button m b n v a m cng nh ng hy save l i.)

xu ng my. l m t file SWF. Hy l u t o n m r t kh hi u (d nhin r i

3. Cch chn nt vo trang web: b n m ch n Open v m c ra nhin khi th y m t r HTML th ph ct ng ch

Start/Programs Files/Accessories/Notepad. Sau , ng ng c c m t b n, n gi n thi, cch trang web b ngoi c a 1 chi c xe; cn ci thi). B m Enter. Chn

trang web m b n mu n chn cc nt b m vo (file HTML). hi n ln tr o b ng ngn ng

HTML. Ci m chng ta th y qua Internet Explorer l n ph n quan tr ng: b n b m nt End c ch a thay i. Dng Internet Explorer i Hoangcamapus ny ly cafe a<

n trnh by c a trang web (Preview, t m hnh dung l v c m t l ph n my xe. cu i dng u tin (dng v u tin ch

chng ta ang c tr trn bn phm m m s

dng m m b n copy vo. Sau save l i v n b n v trang web xem thnh qu t qua nhn ti c c a mnh, b n ch

c ch n s

c m th y hi lng. Quay n u thong th xin ly n

i 1 ci nh, n u l b n gi. Cn b n trai m

a l mn nguy n l m r i. Khng dm i h i chi h n

=== Nghi n cafe m Nh ng kinh nghi m mu ch y ur i khi dn A MA T h i l m...(l m m m m)

Vi c

u tin l b nh ng d

c chu n b px

cho s p, mu s m

ra

ic a trang web nh

a con tinh th n

n : B n hy vi t ra

gi y t t c

nh c a mnh v

i dung chnh, c u trc cc i

trang web, cch trang tr, s gian trong giai o trnh r c r cs nn K

c chnh c a t ng trang, cc trang web c n l y t ti t ki m cho b n r t nhi u th

li u, . Hy lm vi c ny cng t

cng t t v n s

n xy d ng website. i pht sinh sau ny, b n ph i l u tr in cc trang web c a mnh v cc file d ng file m trong 1 th m c. Ngoi ra, b n

d ng trong m t

ch a. V d : trong trang giadinh.html c a b n c s

hnh ancom.gif v file nh t tn cho trang ch ti p ch n vi c s cc file

c giutar.mid th 3 file ph

c a mnh thay v l trangchu.html hay home.html thnh index.html. p cc cng c . B n nn s u t . Internet l ph kho nh p th t nhi u cc t v p tin a chng vo

px

multimedia nh nh ng

nh, cc file m thanh, ti ng

ng, cc file flash, ng ti n ch

a m t cch tr t t ki m

y u. Hy g vo thanh tr ng nh

Search c a Google hay Yahoo cc t Ngoi ra, b n cn c th

pictures , images , clips art , sounds , .

c nh ng g mnh c n trong cc CD trn th

l HTML Grafix, Web Decoration, Best Pictures, Clips Art, . Bn c nh , b n cn c th Xara3D AniGif ph t o ra m t hnh xoay, c ti n ch t o nt b m nh v i nhi u hi u ng c bi t nh

n m m lm cc ch nh ng, .

Button Studio, 1 Cool Button, Button Maker t o cc

- Cc file multimedia chu n (WAV, BMP, ) th d ng chng Internet t iv chn vo web, ng i

ng c dung l xem

ng r t l n, n u b n s c v khng ng cch sau: d ng trong web c a b n sang b ng ph n m i click OK. ys khc bi t hon dung l t thanh tr ng cng th ng c a t p v m kin nh n ch

c kh c th

i xu ng vi MB cho 1 trang web. V th , hy dng nh nh: hy chuy n it tc mx ACD See, tm i c nn v i u ch nh cc file l nh. n nh s

i cc file

file JPG hay file GIF b ng cc ph n m thng d ng nh t l ACD See. M So snh dung l ton. Ring v nh ct ng c a file m

y, ti l y v d n JPG hay GIF r th tl

ng d n v ch n file hnh, ch n

Tools/Convert. Trong khung Destination Convert, b n ch i file JPG, b n c th ch ng

i file g c, b n s

ng c ng nh

o ra. Sau khi ch n JPG trong khung Destination Convert, b n click ch n nt nh b ng cch tr p th dung l nh c phn gi i cng th

Format Settings. Sau , b n i u ch nh ch t l trong ph n Image Quality. Hnh ng c l i. Sau click OK

hon thnh cng vi c. WAV hay WMA, hy nn chng l i b ng MPEG Layer-3. b ng

V i cc file m thanh l n nh

ph

nm

m trn, file nn c a b n s ng g n nh cc ch

c dung l

ng ch

b ng 1/5, th

m ch 1/10 file g c

m ch t l Ho v

ng km bao xa. Ngoi ra, b n cn c th n m m WAV2MIDI. t tm cho mnh 1 ch

chuy n cc file WAV c trong GOOGLe

thnh cc file nh it iv nh kha:

b n MIDI b ng ph

c kh tnh h n, b n c th Convert music

ng trnh Convert nh

i cc file COM, EXE, DOC, RAR, hy nn chng l i b ng cc ph n m

m nn ph

thng

WinZip hay WinRar. nm mk tr trn b n r t thng d ng, b n c th ng. ki m chng d dng trong cc CD

Cc ph

sofwares trn th Lm

p trang web c a b n trang web c a b n thm ph n h p d n, hy thm vo cc hi u dng. ng c bi t. M t

vi ph n m m d Koolmoves 3.70

i y s

gip b n lm vi c d

KoolMoves gip b n d k th c p cho n

dng t o file Flash, banner, nh i nh ng hnh ch n trong th

ng... cho trang web c a mnh. N nh, m thanh, v n b n m b n cung vi n s c a n r cs t nhi u hi u c. N cho php

p v thao tc m t cch kho lo v t o Flash. B n c th

ng v n b n, clip art, hnh b n thm vo nhi u lo chuy n KoolMoves

nh, video... cho file Flash c a mnh thm ng y.

i file m thanh(MP3,WAV...), nhi u hi u

ng chu t, button v s

i hi ha gi a cc hi u

c nh gi 5 sao theo bnh ch n c a t ng 2.6MB, download t

p ch PC Magazine(M ), y l

shareware, dung l

i www.getafile.com/cgi-

bin/merlot/get/koolmoves/kmsetup.exe Anfi- T o hi u Ph nm iv hi u cho ng ng s ng ng o ra nh cc ng hi u it ng s ng ng ng cho cc nt b m, hnh ch n. V d n iv nh, i

m ny gip b n t ni chung l t tc i it

banner,

ng trong trang web c a b n. c bi t t hnh c a b n trong sa m chm d n trong m t h ng l m t khc ang ch c Sahara. hay lm c su khng y, b n khm ph. Sau khi

im

ng, b n c g n 20 hi u nh, b n c th y l b n ang b

ng dnh cho hnh i ta c m th

Cn r t nhi u, r t nhi u nh ng hi u hon t t m i cng o n nh hnh n n, b n s ch n hi u c cung c p m

ng, i u ch nh nh sng, tr c quay, mu s c,

i m ngu n. Hy click vo nt Copy into clipboard

l u m ngu n ny vo my. Sau , b n m v v kh am i t o b ng Notepad. D ng kho

trang web m b n mu n chn cc hi u d u ng v cc hi u

ng

i dng , b n thm vo , ng 3,3MB, download t

b n chn o n m b n ti n tham

a l u. Anfi cn cung c p cho b n g n 100 v d o. File install c a Anfi n

i: www.anfyteam.com ng h nho

Javascript Clock 1.0: y l m t ph n m m nh , gip b n t o ra m t chi c nh th c a trong trang web c a mnh b ng ngn ng i u ch nh ng h c kch th Java. Kh i nc a ng ng ch ng h c n ch n mu c a cc kim gi , pht, giy v mu n trn trang web.

ng trnh, b n ch . Ngoi ra b n cn c tr, lin k t

c, ki u dng hay hi u

c bi t v v

Sau khi xong vi c, b n ch n Menu/Build HTML. L u o n m HTML nh File xi th cch m ti h ng d n trn. y

vo v chn vo cc file

c a Javascript Clock 1.0 n ng kho ng 500KB, ch n c th download t i:

c trn h

i u hnh

Win9x, Win2k, WinNT v WinXP. B

www.usingit.com/products/js/datetime/jck/jck10trl.zip Xara Webstyle t tc trong m t ng trnh Button Maker hay 1Cool Button, t o b ng Microsoft Frontpage, i tm n ch ng trnh ABC thng tin ph n m n ng t ki u , b n ph

t o nt b m cho trang web, b n tm ch t t o cc banner b n tm ph n m o cc dng ch xoay anh m t ki u, em m

m Create Banner hay t

no , XZY... Th tc. N m

t o cc menu cho trang web b n ph i l c tung trn xa l t l m t chuy n khng n gi n... D l ng u khi ph i th

i lun say m, tm ti t o web c hi n qu nhi u

nh ng nhi u khi b n c ng c m th y h i kh ch c tm l ny, hng Xara cho ra i ph

n m m XARA WEBSTYLE coi l m t ci gi ng trang i m

(http://www.xara.com/products/webstyle). y c th c a cc trang web c a b n. Th t v y, ch xoay, hnh n th ng trnh cho php t n, nh ng ch m ng b c tr ch c, th

o ra cc nt b m, cc banners, cc menu, cc logo, ch nh, v cng b t m t m t cch d c hy s d ng hnh dng. nh c a y m ch c tr m m u t um i o s n cho b n l a ch n, n c i XARA WEBSTYLE , c ngay . Khi

u dng, hnh

XARA WEBSTYLE c s n c lm v a lng t t c c ln trang ch th gi i mu s mnh ho b n c c

cc b n kh tnh nh t. Ho cm t. Qu i

download xu ng nh ng m u n h

i. R rng, v i. V

th t ti c ng 1 th chu

i c m t m khng th l i tn soft

ni THI S N, do giao di n c a XARA h b qu

ti ng vi t : XA RA, t m hi u TRNH XA TI RA. Nn ti cho chia tay nng lun t c chn ch p ch ng lm web, i lc tnh b v tr t th no khng XARA n a m G N RA . Th l ti ln tin

gi a ch ng th nng XARA lc ma xui

Khi kh

ng ch u!

ng trnh, b n s

th y xu t hi n m

tc as

c g i l c a s

Start. Hy b t 1.T

o button: Vi c ny c ng u ph i l kh l m! B n ch n ph n Button c t pha tri mn hnh. Hy click vo t ng ph ph n Design, b n s ph s hi n ln trn nt. Sau , trong ph n i ch n ki u c a button.

c as b t

Start. t

Sau , hy thc cng vi c. nh ng ch cho nt nh th Quality. B h s 2.T k ph th

u v k

ph n Text, b n g c ng

n Colors v Textures, b n ch n mu n n i 3 d ng

v mu nt. B n ch n hi u ph n Size. Cu p nh t, nh ng s n cn c th c nh c n xem tr m ng nt b m t GIF, JPEG, PNG v d

ng bng cho button trong ph n Shadows v ch nh kch th ch t l ng: Fast download (ngh a l ch t l

i cng b m Save. XARA WEBSTYLE cho php l u file d

i 3 tiu chu n v cs

c download nhanh h n trn m ng), Medium Quality v High n ph m b ng Browser Preview. B n cn t o ra m t n b ng cch click vo NavBar. Ph n ny

cc m u c a button c s c 3.

o logo (bi u t ngh nt

ng), background (mu v hnh n n), dividers (t

m d ch l cc m, g ch ng (t 2 u

ng

thu t), banner (cc b ng thng bo, qu ng co), bullets (cc ch t o ra m t danh sch). V i cc ph o nt b m. Khi l u l i, b n c th ch n s mu c a it

dng, dng mu). 3.T

n ny, b n c ng thao tc gi ng nh n 256

o NavBar v Menu: ni nm na l m c km theo m t t xu hi u

th

th ng nt b m gi ng nhau v nh khi b n

hnh th c v

ng m thanh, hnh

a hay click chu t vo n.

XARA WEBSTYLE cung c p cho chng ta r b t m t. Cc cng vi c vo k t n u tin c ng bnh th i (hyperlinks) c a t d

t nhi u m u Navbar r t snh i u , h p d n v ch n ki u, ch n mu, giai an cu i,

ng nh

b n click vo ph n Navbar. B n s vo nt Add hay Delete gi a cc nt (Spacing). 4. 3D Heading: l m t ph c mt ph c a c kh it i l u l ph n bevel ng.

th y hi n ra m

t b ng. Trong c t URL, b n ph ch nh

i g

ng buttons. N u mu n thm hay xa m t button, b n click y, b n cn c th c kho ng cch

i b ng.

n truy n th ng c a Xara. ch nh gc c nh,

y, b n c th m

o ra cc t

, cc i cong,

n ng xoay theo nhi u ki u khc nhau.

c ny, b n c m

t ph n m

dy m ng, hi u

ng nh sng,

XARA WEBSTYLE cn r ch a bi t s

t nhi u tnh n ng th v

khc n

a. N u b n cn c g th

c m c hay

d ng m t chi ti t no c a ch

ng trnh, b n c th

click vo nt Tutorial v

ch

ng trnh s

ng d n cho b n th

tt

t ng b

c th

c hi n.

Ni chung, XARA WEBSTYLE c th ng m n Cu d is t th tnh n ng c a n r t d i b t gi a m ng . i cng n i. u b n th khai thc v s

c ch m 9.5/10 v nh i, h

ng l i ch c a n cung c p cho pm t, ngoi ra, cc

d ng. Ti n ch ny c giao di n hi n

p d n v

d ng. V i XARA WEBSTYLE ny, b n khng c n c ch lm trang web b n

i gian tm ki m nhi u ti n ch khc nhau cho cng m t m

y bi ny c ch th b n hy gip chng ti gy qu p chu t vo b ng qu

BTD tr ng co

nhu n bt v gip trang web pht tri n b ng cch nh

(S u t m) ////////////////////////////////////////////////////////////////////////////////////
Chao cac ban, minh khong biet lam sao biet chu Viet trong Dreamweaver MX. Minh co nghe cac ban nhac qua Unicode nhung ma minh van cua ro lam. Xin chi ro rang! Cam on nhieu. Chuc cac ban luon vui ve. Adam Le H i m: Khi b n ch n Dreamweaver MX lm website, tr c h t b n open software v right click vo kho ng tr ng c a trang web ch n Page Properties. Trong ph n ny b n nhn vo hng Document Encoding v nh n vo m i tn ch xu ng, tm UTF-8 (Unicode) xong nh n Apply r i ch n OK. Hay l nh n ch Edit ch n Preferences, nh n ch Fonts, ngay bn tay ph i s th y Fonts Settings th c ng tm hng UTF-8, xong nh n OK. Ci quan tr ng l b n c n ph i c b g n a nha v ph i bi t ch nh trong b g c d u cho ti ng Vi t. Hi n nay c r t nhi u b g c d u t ng ng v i font ch c a Microsoft (Times New Roman v Arial ) cho nn b n c n ph i bi t l mnh c b g no v ch nh ra sao. Ti n l i nh t l c hai lo i l Vietkey v Unikey. Nguyen Qui Hung Hi, g c ti ng Vi t trong Dreamweaver MX. B n ph i s d ng b ng m Unicode v thay m m c c a Dreamweaver MX b ng UTF-8, b ng cch thay meta tag sau (trong ph n header) thnh Chc b n thnh cng. nh