You are on page 1of 37

Trnh by: GV.

Hunh Minh Tun

GIAO DIN BTT (HNH THC TRNH BY)

Giao din bo trc tuyn l hnh thc ca t bo, gip ta tip cn v tng tc vi t bo thng qua cc yu t ha c thit lp sn. Hnh thc ny c thit lp bi cc nh lp trnh web hay thit k ha, n ch tn ti trn mng ch khng c dng thc trong thc t nh bo in.

Vi bo in, bo hnh, bo ni, qu trnh truyn ti thng tin thng qua hnh thc bo ch theo mt chiu: t ta son n c gi. Nu mun phn hi kin li vi ta son, c gi phi thng qua mt phng tin khc. Vi bo trc tuyn, qu trnh truyn ti thng tin mang tnh hai chiu: t ta son n c gi v ngc li, u thng qua vic tng tc vi giao din t bo.

Giao din bo trc tuyn l hnh thc tn ti ca t bo, l cch thc truyn ti thng tin n c gi ca t bo, l cu ni hai chiu gia ta son vi c gi, l mt khng gian thng tin khng h b gii hn. Giao din bo trc tuyn l ci ta thy, ta bit, ta nm bt v tc ng vo c c thng tin do mt t bo trc tuyn cung cp.

Cc yu t truyn ti ni dung Cc yu t ha Cc cng c / chng trnh h tr

vn bn gm ta bi, cc tt (titre, subtitre, intertitre), dn, ni dung bi vit v c ch thch nh, ni chung l nhng th tn ti di dng ch (text) dng truyn ti thng tin. ng : thay i kch c (phng to hoc thu nh), pha ta son ban bin tp cng c th thay i, b sung ni dung bi vit ang ng ti bt c khi no.

Ch (text): c gi chung l vn bn. y

vn bn hoc th hin ni dung m khng cn ti vn bn (tr ch thch nh). Hnh nh l yu t u tin ngi c nhn thy trn mt trang bo, v n l hnh nh trc quan, d thu ht th gic ca c gi. Mt bc nh p c thng tin s gip ngi xem hng th tip tc c bo, gp phn quan trng trong vic gi chn c gi cho t bo. ng: thay i kch thc, kh nng chuyn ng.

Hnh nh (image): gip minh ha r hn cho

hin sau vn bn v hnh nh nhng cng khng km phn quan trng. Ban u c tc dng h tr cho hnh nh v vn bn. Vai tr ca cc yu t ny ngy cng quan trng: thng c phn t ring cho vic b tr cc audio hoc cc video clip trn trang ch. Nhiu t bo xy dng mt chuyn trang ring dnh cho cc yu t a phng tin nh Tui Tr Online, Vietnamnet

m thanh (audio) v video: l yu t xut

c thit lp sn trong qu trnh thit k mt website: cc chi tit trang tr, banner, icon, button trn website duyt web d dng hn. Gip tng tc vi trang bo, to ra format chnh cho giao din ca t bo Bn cht ca cc yu t ha ny l cc ng link c thit lp sn. Cc link ny s dn ti cc trang bn trong ca website hoc cc website khc.

Gm: Manchette bo Cc hp d liu, mu sc, ng nt, ha tit, khung v ha thng tin B ch ring: font ch, c ch dnh ring cho phn ni dung bi, tt bi, ch thch nh, cc tt ph, dn, biu , tn cc gi Mt khi la chn hnh thc v cch s dng cho cng c ha => gi n nh trong sut t bo.

Manchette bo

Thanh tc v hay thanh menu (navigation bar)

Cc box chuyn mc

Cc box qung co

Cng c tm kim (Search)

Cng c RSS Cng c km theo bi vit: print mail phn hi kin facebook Lin h

Tin cc loi Bi vit thng thng Bi tng thut trc tip Bi giao lu trc tuyn ng dng Multimedia: Audio, Video, Game Ni dung t bn c Qung co

Manchette: gc tri, trn cng Tin/bi ni bt: gc tri, pha trn Cc tin/bi mi nht: pha trn Chuyn mc chnh: bn tri, di tin ni bt, cng xung di mc quan tm ca c gi cng gim (dn hng ngang d c hn dn hng dc s lng chuyn mc khng nn qu nhiu) Nhng chuyn mc t quan trng hn: bn phi Qung co: cng gn nhng tin/bi cng d thu ht v tr ph bin nht l bn phi mn hnh

Manchette: gc tri, trn cng Menu: chy ngang trang bo / chy dc bn tri Tn chuyn mc cha tin bi: gc tri, di menu Tt/ta: di tn chuyn mc dn v link cc tin bi lin quan: di ta Ni dung bi vit: text, hnh nh, ha Cng c h tr: di ni dung Qung co v cc box chuyn mc: bn phi mn hnh

Trang ch (Homepage)

Theo nghin cu ca Jakob Niesel v John Morkes th 79% ngi s dng Internet ch lt qua trang web, ch c 16% l c trang web. Tc c trn mn hnh my tnh thp hn tc c trn giy 25%. Nhm c gi trc tuyn ny c th chia ra: c gi mi v khng thng xuyn c gi thng xuyn

Cc quy trnh c gc trn quan trng hn gc di, gc tri quan trng hn gc phi
Gc tri, pha trn Gc tri, pha di Gc phi, pha trn Gc phi, pha di

nh (minh ha) Ch thch nh Tt bi dn

Cc quy trnh c:
NH

CH THCH NH

TT BI -TT BI
DN DN DN DN DN DN

Ni dung bi vit

Cc quy trnh c cho trc tuyn


Tt bi dn nh (minh ha) Ch thch nh (nu c) Ni dung bi vit TT BI -TT BI
NH DN DN DN DN DN DN

CH THCH NH

Sc ht ca nh trn bo trc tuyn khng mnh bng nh trn bo in: 1. Yu t ha, hnh nh hin th lu hn vn bn trn website 2. Cht lng, cch thc hin th hnh nh khng ng nht ty theo cu hnh my

CH KHNG CHN (SAN SERIF):

Arial, Tahoma, Verdana


CH C CHN (SERIF):

Times New Roman, Geogia, Palatino


C CH:
Arial (9, 10.5, 13.5) Tahoma (8.5, 9, 10, 13.5) Verdana (7, 10)

Kch thc: point = 1/72 inch (1 ich = 2,5 cm)

3 mu cn bn: Vng Lam

Cc h mu v mu cn bn: RGB: Red Green Blue CMYK: Cyan Magenta Yellow Back Mu sc: Chc nng thm m - trang tr Cung cp c tnh cho t bo lin kt t bo vi c gi H tr quy trnh truyn thng cng c thng tin

Hin ti, cc bo trc tuyn thng dng cc kiu ch khng chn gip cho ngi c d c hn. Ta nn tn dng format v mu sc vo vic x l ch thu ht c gi, y l mt li th khc ca bo trc tuyn. C mu ch o cho c trang, mu sc cc yu t ha cn c s nht qun, khng qu lm dng mu (ti a 3 mu/trang manchette khng qu 2 mu).

You might also like