Tc gi: Bi Thanh Lim

www.cloudmedianews.com

www.sosanhtinhnang.com

THIT K WEBSITE CHUYN NGHIP CHO NGI KHNG CHUYN

LI NI U
Bn c mt website c thit k chuyn nghip cha? y c l l mt cu hi kh i vi nhng bn cha c iu kin tip xc vi ngn ng lp trnh web. Hin nay, vic t tm cho mnh mt phn mm thit k website l rt n gin, cng thm hng lot dch v to website chuyn nghip trc tuyn lin tc ra i phc v mi nhu cu ca tng i tng ngi dng. Cho nn cc bn y khng cn t mi m nhng ngn ng lp trnh phc tp to website chuyn nghip na m ch cn c trong tay mt phn mm hoc mt dch v chuyn nghip l c th to ra mt website theo nh mong mun. Cc phn mm v dch v to website chuyn nghip c gii thiu trong chuyn ny tuy khng phi l mi nhng c trnh by theo phong cch d c d hc d vc th chc chn rng cc bn s khng cn tham kho mt ti liu no khc.

PHN I HAI PHN MM THIT K WEBSITE

Hin nay c rt nhiu phn mm phc v cho vic thit k website chuyn nghip nhng y ti ch gii thiu n cc bn hai phn mm c giao din thn thin v cch s dng tng i n gin. l Incomedia WebsiteX5 v8.0 v H&M StudioLine Web v3.6. Mi phn mm c nhng u, khuyt im ring v n cng ph thuc rt nhiu vo nhu cu, tng ca ngi thit k website. Do , cc bi vit di y s gii thiu khi qut v nhng c im ca tng phn mm ng thi cng gii thiu chi tit v cch ci t v s dng chng.

I. Incomedia Website X5 v8.0

C l phn mm Incomedia Website X5 c giao din n gin nht trong cc phn mm cng loi, vi ca s thut s hng dn ngi dng mt cch kh chi tit theo tng bc mt th tin chc rng y l mt la chn cho nhng bn mun thit k mt website trong khon thi gian ngn. Ngoi ra, phn mm cn cung cp cho bn mt th vin gm rt nhiu cc template c to sn. 1.Ci t phn mm: u tin, bn cn ti phn mm Incomedia Websites X5 v8.0 vi dung lng 78,5MB ti a ch: http://www.mediafire.com/?gmy3tjtondt .Sau khi ti v, bn tin hnh nhn i vo tp tin ci t ri ch mt khong thi gian ca s Incomedia Setup hin ra la chn ngn ng (Choose your language), bn nn chn ting Anh (EN-English) ri nhn OK.

Tc gi: Bi Thanh Lim

www.cloudmedianews.com

www.sosanhtinhnang.com

Cng vic tip theo l nhn Next> nhn Accept> nhn Next> nhn Next> ca s Incomedia Website X5 v8 Evolution Installation wizard, bn chn th mc ci t ca phn mm (hoc c th mc nh C:\Program Files\WebSite X5 v8 Evolution) bng cch nhn vo nt Browse duyt n th mc cn chn. Cui cng nhn vo Install bt u ci t.

Ri khi ng Incomedia WebsiteX5 v nhn nt Start Evolution 8 bt tay vo vic thit k websites. Lu , thy c nt Start Evolution 8 bn nn chnh phn gii ca mn hnh ln mc 1024768 bi v phn gii thp hn nt ny c th b che khut.

Tc gi: Bi Thanh Lim

www.cloudmedianews.com

www.sosanhtinhnang.com

2.S dng phn mm: ca s Project Selection, bn la chn mc Create a new Project to mt d n mi, cn la chn Edit an existing Project ch s dng khi bn c sn mt d n (d n ny c to t mc Create a new Project). K n, bn nhn Next tin hnh son web vi nm bc: General Settings, Plan Website, Create Pages, Advanced Settings, Export. -Bc 1: General Settings-Nhng thit lp u tin. bc u tin ny gip bn nh hnh v website ca mnh: tiu trang web c hin th trn trnh duyt (Website Title), tn bn hay tn cng ty (Website Author), a ch web (Website Address (URL)), m t ngn v trang web (Website Description), t kha (Websites Keywords), ngn ng trong web (Content Language), biu tng ca trang web (Website Icon-dng ico, bmp), ri nhn Next.

Tc gi: Bi Thanh Lim

www.cloudmedianews.com

www.sosanhtinhnang.com

-Choose Menu Type: bn s chn mt trong hai v tr t menu ca web: Vertical Menu-menu dng ng lun nm pha bn tri, Horizontal Menu-menu dng nm pha trn cng ca trang web, ri nhn Next.

Lu , nu mun cc menu ca web hin th pha di trang th nh kim vo Show first level menu at the bottom of the page. -Choose Template Style: K n, bn cn la chn mt trong hai dng Custom Template hoc Default Template xy dng mu ca website. i vi dng Custom Template, bn s c t tay thit k mt mu web mang phong cch c nhn bng cch chn tng mc Model Layout. mc Title Bar (thanh tiu ) gip thay i mu nn (Color), chn hnh nn (Image), kiu lp li hnh nn (Repeat), kiu canh chnh (Alignment) v kch thc ca thanh tiu (Width-b rng, Height-b cao). Cc vic lm ny cng thc hin tng t i Page Contents (ni dung trang) v Footer (phn chn trang).

Cn i vi dng Default Template, Incomedia WebsiteX5 s cung cp cho bn mt th vin gm nhiu mu website c thit k sn, thuc nhiu ch nh: Abstract, Geometry, Company, Nature, Themes, Animated, Interior Design, Panorama, Bn nhn vo tng mu ca tng ch tin hnh la chn, nu cn ti u mu sc ca mu th ko thanh trt mc Color Customization.

Tc gi: Bi Thanh Lim

www.cloudmedianews.com

www.sosanhtinhnang.com

-Edit Template Graphic: y, bn c th chnh sa giao din mu trang web theo thch bng cc cng c m chng trnh cung cp. Trong c Insert Text ( )chn vo vn bn, Insert Image ( )-chn hnh nh, Insert Flash Animation ( )-chn hiu ng Flash, Insert Slideshow ( )-chn bi trnh din, Insert Search Field ( )-chn trng tm kim, Insert HTML Code ( )-chn ngn ng HTML. th Header, bn chn cc yu t v Background Properties (hnh nn), Text Properties (on vn ngnbn c th chn thm hiu ng cho ch, c ch, Insert Flash Animation (chn cc Flash ng) v cng thc hin tng t i vi th Footer.

Tc gi: Bi Thanh Lim

www.cloudmedianews.com

www.sosanhtinhnang.com

Bc 2: Plan Website-To s website Vic to s web gip cho trang web ca bn c khoa hc h n, gip cho ngi truy cp hiu c cc tiu v nh hng c hot ng ca h trn trang web. y, vic to s cng ging nh vic to cy th mc trong Windows Explorer, tc l bn chn vo Menu ri nhn New Level to ra menu chnh ri ln lt to cc menu th cp (hoc to ra cc trang thuc menu) bng cch nhn vo menu chnh tng ng ri chn New Level (hoc New Page). Lu , bn khng nn vit cc menu bng ting Vit c du ti y bi v khng hin th c nhng n bc 4 th bn s nhp c ting Vit, sau khi to xong ri nhn Next.

Bc 3: Create Pages-Xy dng ni dung web y l mt bc tng i quan trng n quyt nh cht lng ca website m bn to ra. Bn tin hnh son tho trang web bng cch ko th (drag and drop), tc l bn nm gi chut ko cc i tng khung Object bn phi vo khung bn tri.

khung ny, bn s nhn thy cc cng c: Object Content ( )-thm ni dung cho i tng, Cell Format ( )-nh dng cho khi i tng c chn ni dung,

Tc gi: Bi Thanh Lim

www.cloudmedianews.com

www.sosanhtinhnang.com

Alignment ( )-iu chnh i tng, Enlarge by one row ( ) phng to mt hng, Add a new row ( )-thm hng mi, ti a l 28 hng, Add a new column ( )-thm ct mi, ti a l 6 ct. Cc i tng chnh gm c: -Text: l ni bn nhp vo vn bn, chnh sa cc vn bn, thay i mu sc, font ch, chn hnh nh (Insert Image), chn cng thc ton hc (Insert Equation), chn cc on m HTML (Enable HTML code),khi xong nhn OK hon tt.

-Image: gip chn cc hnh nh vo web, bn cnh tnh nng ny cn cung cp cho bn mt s cng c chnh sa hnh nh. th General, bn chn ng dn n tp tin nh Image File v lu n mc Save Options gip ti hnh nh sang nh dng JPG (JPG quality, Resample Method). Trong ca s Preview bn phi, bn nhn vo nt Edit ct, thm hiu ng, b lc, thm khung cho hnh nh. Cn th Display gip t ng thay i kch thc nh (Automatically Resize Image), phng to hnh nh (Image Zoom).

-Table: chn cc loi bng vi y vn bn, hnh nh, cng thc. -Flash Animation: a cc dng Flash ng vo web, bn nhn vo nt Select ti Local File duyt n tp tin trn cng hoc nhp vo ng dn n tp tin flash trn Internet ti Internet File.

Tc gi: Bi Thanh Lim

www.cloudmedianews.com

www.sosanhtinhnang.com

Ngoi ra, cn nhiu i tng khc nh: Video/Sound, Image Gallery-th vin nh, Slide Show-album nh, Email Form-Email lin lc vi bn, HTML Code-nhp m HTML, Product List-danh sch sn phm. Sau khi thit k cho trang ch xong, bn tip tc nhn Next thit k cho cc trang khc cng bng nhng i tng v cng c nu trn. Bc 4: Advanced Settings-Nhng thit lp nng cao bc ny gip cho website ca bn mang mt giao din vi phong cch chuyn nghip. Bn c th ty thch thm bt cc tnh nng cng nh chnh sa giao din trang web. Trong s nhng thit lp nng cao ny bn cn lu cc mc quan trng: -Main Menu: Gm c bn th tnh nng: General, Text, Graphic, 3D Style gip thay i cc thit lp mc nh ca cc menu chnh. th General, bn nh du kim vo Create button as image to cc nt dng 3D (khi th 3D Style mi hin ra) v c th tng hay gim rng menu (Width), khong cch gia ch v vin (Inner Margin), khong cch gia cc nt (Outer Margin). K n th Text, gip thay i font v c ch (Font), kiu font (Font Style), iu chnh v tr ch (Alignment). Lu , vit ting Vit cho menu bn cn chn cc font ch VNI v ph hp vi bng m, kiu g. Th Graphic, bn bm vo cc nt mu tng ng thay i v mu nn ca menu (Background Color), mu nn menu khi a chut n (Background Color on Mouse Over), mu ch (Text Color), mu ch khi a chut n (Text Color on Mouse Over), th 3D Style gip tng thm cc hiu ng p mt cho menu.

-Drop Down Menu v Sub Menu: Cng thc hin tng t nh Main Menu, tc l bn s thit lp cho cc menu th xung (hay ni cch khc l menu th cp). -Text Style: Nhng thay i v kiu ch c tp trung ti th General, y bn tin hnh chn tng khu vc vn bn Text Type ri nhn xung mc Style thay i v mu nn (Background Color), mu ch (Text Color), Font, canh chnh (Alignment). Ring th Link style, bn thit lp v mu sc ca cc ng dn trn website: ng dn cha xem (Active Link), ng dn xem (Visited Link), mu ch khi a chut n ng dn (Mouse over Link), mu nn khi a chut n ng dn (Background on Mouse Over Link), gch chn ca ch cha ng dn (Underline Link), gch chn ca ch cha ng dn khi a chut n (Underline Link On Mouse Over).

Tc gi: Bi Thanh Lim

www.cloudmedianews.com

www.sosanhtinhnang.com

-Welcome Page: Gip bn to ra trang cho mng n s hin ra trc khi vo trang ch. Bn nh du kim vo mc Show Welcome Page, chn mu nn ti Page Background Color v nhn vo nt Select (biu tng c du ) duyt tp tin hnh nh hoc Flash lm biu tng i din cho web. Ngoi ra, nu web c nhiu ngn ng th chn hnh nh i din bng quc k ca nc mc Language Settings (theo mc nh th mc cha quc k cc nc C:\Program Files\WebSite X5 v8 Evolution\Flags). -Advertising Corner: Nu bn cn qung co mt vn g trn web th y l mt tnh nng tuyt vi. N s gip to ra mt hiu ng lt trang hoc nhiu hiu ng ha p mt khc khi bn a chut n, thc hin cn chn kiu hiu ng (Type), tp tin hnh nh qung co (Image/Animation File), ng dn khi nhn vo qung co (Page to Link to on Click), kch thc hin th (Width and Height), trang hin th (Show on Home Page Only-ch c trang ch, Show on all Pages-tt c cc trang).

Tc gi: Bi Thanh Lim

www.cloudmedianews.com

www.sosanhtinhnang.com

-Reserved Area: bn s c la chn khu vc ch dnh ring cho bn v ban qun tr. Bn nhn nt Add , ri t tn cho khu vc ring ti Reserved Area Name, tn ngi truy cp (Username), mt khu (Password) v nhn Select duyt n cc trang m bn mun to khu vc ring, nhn OK. Bc 5: Export-Xut ra sn phm

y l cng on cui cng ca ton b qu trnh thit k website ca bn, bc ny s c ba la chn: -Upload to the Internet: Gip bn ti ton b trang web hon thnh ln Internet, bn cn in vo cc thng tin v ti khon FTP (s trnh by v ti khon FTP phn sau): FTP Address (chng hn ftp.thanhliem24.com hay a ch IP), User name (tn ti khon), Password (mt khu), Initial Directory (ng dn n th mc), ri nhn Next. Nu tin trnh ti d liu ln hosting khng hot ng th bn cn kim tra li kt ni Internet hoc kim tra v v hiu tng la, chng trnh chng virus trn my hoc server ti ln khng hot ng, ang bo tr hoc chuyn sang la chn k tip.

-Export to Disk: Gip xut website ca bn ra mt th mc trn cng, bn bm vo nt Select ti mc Destination Directory duyt n th mc cn lu tr v nhn Start. -Optimize and Batch to Folder: gip ti u ha cc hnh nh trn website v xut ra th mc trn my tnh.

Tc gi: Bi Thanh Lim

www.cloudmedianews.com

www.sosanhtinhnang.com

II. H&M StudioLine Web 3.6

Phn mm H&M StudioLine Web 3.6 c giao din gip cho bn d dng tng tc vi cc i tng trong website m khng cn bit n ngn ng HTML; gip thit k v duy tr mt website rt chuyn nghip; bn c th bin tp layout, trang, hnh nh v cc hiu ng ha theo nh ca mnh, thit lp mu cho cc trang ch bng phng php ko th (drag&drop); Nhng khi so vi phn mm Incomedia WebsiteX5 v8 th vic s dng H&M StudioLine Web 3.6 s c phn kh hn v bn phi t tm kim cc cng c trn ca s lm vic. 1.Ci t phn mm: Phn mm H&M StudioLine Web 3.6 c dung lng 100MB, bn c th ti bn y ti http://www.mediafire.com/?ywntm0vmm2y. Sau khi ti v phn mm H&M StudioLine Web, bn hy nhn nt Accept khi nhn i chut vo tp tin StudioLine_W.exe. Trong ca s k tip, bn nhn nt Browse chn th mc lu tr hnh nh v trang web bn di mc Select the path where StudioLine stores your images and websites; chn th mc cha b ci t ti mc Select the path for the StudioLine Program files, nhn Next. K n th vic ci t din ra bnh thng ging nh cc phn mm thng dng khc.

Yu cu h thng: -H iu hnh Windows 98, Windows 2000, Windows XP. -B x l ti thiu phi l Pentium III 800MHz. -RAM ti thiu l 256MB v cng phi cn dung lng t nht l 150MB. -c bit, mn hnh phi c phn gii 1024768 pixels (24bit). By gi, chng ta c th bt tay vo vic thit k mt trang web cho chnh mnh vi H&M StudioLine Web 3.6. 2.S dng phn mm:

Tc gi: Bi Thanh Lim

www.cloudmedianews.com

www.sosanhtinhnang.com

Khi khi ng vo chng trnh th bn s c la chn mt trong cc hnh thc: lm vic vi trang web (work on sites and pages), lm vic vi ni lu tr hnh nh (work with the Image Archive), lm vic vi cc mu web (work on layout templates), thot khi phn mm (exit StudioLine). Bc 1: Thit k mu web

cc la chn trn, bn chn work on layout templates tin hnh bin tp mu web ca mnh. Trong mc Basic, H&M StudioLine Web 3.6 s cung cp ba dng mu website theo cch sp xp cc menu: Centered, Left, Top bn la chn. -Thay i tiu v menu: Ti ca s thit k, bn c th ty thay i kch thc ca cc i tng bao gm kch thc cc menu, kch thc trang, kch thc tiu (Header),bng cch ko th. V nhp vn bn ting Vit hy s dng cc font ch VNI tng ng vi bng m VNI Windows (b g Unikey). Mun chnh sa i tng no th ch vic nhn i chut vo n xut hin thanh cng c v thanh thc.

Tc gi: Bi Thanh Lim

www.cloudmedianews.com

www.sosanhtinhnang.com

-To lin kt: Mt vic lm kh quan trng na l bn nhn chut phi tng menu chn Link to lin kt cho chng. Trong ca s Link for Objects chn hnh thc lin kt, ri nhn Browse (hoc tng ng), chng hn nu bn chn Link to URL th cn chn giao thc lin kt http://, https://, ftp:// v nhp vo ng dn cnh bn.

-To nn v kha mu: K n, bn cn to hiu ng nn lm ni bt ni dung trang web bng cch bm chut phi vo khu vc nn chn Background, nhn vo th mu cnh dng ch Background Color thay i mu nn, khi xong cn b du kim ti mc Use Background Image th thay i mi c hiu lc. Lu , khi s dng mu thit k cho tng trang trnh b ngi khc v tnh thay i th hy nhn chut phi vo nn v chn Layout Objects Locked.

Tc gi: Bi Thanh Lim

www.cloudmedianews.com

www.sosanhtinhnang.com

Bc 2: Xy dng ni dung cho cc trang. la chn u tin (work on sites and pages), bn hy nhn Create page v t tn cho web ti Page Name trong ca s Create New Page. Khi bc vo giao din ca H&M StudioLine Web, bn s pht hin ca s lm vic c giao din gn ging vi b Office thng dng nhng n c thm cc thanh iu hng qun l cc nhm tnh nng (Navigation Pane); ca s tng tc (thit k); thng rc (Recycle bin)-ni cha nhng bc nh b xa, nhng thit lp v cc b lc. *Lm vic vi thanh iu hng -Navigation Pane: Cc nhm tnh nng chnh trn thanh iu hng: -Albums: l th vin gip cho bn tin li hn trong vic thit k trang web, nu cm thy StudioLine Web cha cung cp th bn nhn Browse and Load duyt n bc nh c trn my ri ko th bc nh mong mun vo ng ch trn th mc Design. Ngoi ra, bn c th dng cng c Edit chnh sa bc nh theo mnh.

-Image Toolbox: Tp hp cc cng c gip bn chnh sa cc hnh nh nh: canh chnh hnh nh (Image Alignment), xoay nh (Rotate), ct (Crop), t ng cn i mu sc nh (Auto Tone Levels), thay i mu i tng (Gradation), lm m nh (Blur),Bn cnh cn c rt nhiu cng c lm hiu ng hnh nh: chiu sng mt

Tc gi: Bi Thanh Lim

www.cloudmedianews.com

www.sosanhtinhnang.com

bn i tng (Buttonize & Shadow), trng en (Black & White), ng bn quyn ln nh (Text), xoay ngc bc nh (Invert Image), -Timeline: Cho bn bit chnh xc thi im m bn chn mt i tng hnh nh no vo th vin. Cng c c cch sp xp rt khoa hc gip bn nhanh chng tm ra cc bc nh. -Image Archive Filter: Tnh nng gip bn lc ra nhng hnh nh c lu tr trong th vin (Albums) vi nhng thng tin do chnh bn cung cp vo cc : Descriptor, Operator, Value. Khi StudioLine Web s xem xt thng qua cc gi v tr li cho bn cy th mc cha cc hnh nh ph hp (Show without folder tree). -Sites: y chnh l nhm tnh nng quan trng trong Navigation Pane, cha s website ca bn. Cng ging nh Windows Explorer, bn cng phi tin hnh to cc th mc chnh tng ng vi ch chnh m mnh d kin, nhn vo biu tng New Folder ( ) to. Khi xong, vic k n l cn to ra cc trang nm trong cc th mc , bn nhn New ( ) ri chn th mc bn phi v t tn vo Page Name, nhn OK. Vic lm ny din ra nhanh hay chm l ty thuc vo quy m trang web ca bn. Lu , trnh b li v ch bn khng nn g ting Vit c du phn to th mc, to trang ny.

*Lm vic vi cc trang Sau khi lm quen v thnh tho vi nhng nhm tnh nng nu trn, bn hy tin hnh thit lp mu thit k (Layout Temlate) cho tt c cc trang ca website.

Tc gi: Bi Thanh Lim

www.cloudmedianews.com

www.sosanhtinhnang.com

Bn vo ca s StudioLine Explorer Layout Templates (biu tng trn thanh cng c) ri ko-th mu vo tng trang, nhn Apply ca s hin ra, sau hy xy dng ni dung c th cho cc trang y.

Ngoi ra, chng trnh cn nhiu cng c khc gip cho vic bin tp ni dung web nhanh chng v chuyn nghip: Text Link Properties (thuc tnh cc lin kt), Search and Replace (tm kim v thay th t hoc cm t), Spell Checker (kim tra chnh t), Include HTML File (gm tp tin HTML). Bc 3: Xut ra sn phm Menu Publish cung cp cho bn nhiu la chn xut ra sn phm nhng trong cn ch n hnh thc Profile. Trong ca s Publishing Profile, bn nhn Edit in vo nhng thng tin v ti khon FTP ca mnh: FTP server, Login/User (tn ti khon), Password (mt khu), Default Document,

Nu tin trnh a d liu ln hosting khng gp tr ngi th bn s c mt website chuyn nghip v t tin chia s vi bn b, ng nghip.

III. Dch v cung cp tn min v hosting min ph

Tc gi: Bi Thanh Lim

www.cloudmedianews.com

www.sosanhtinhnang.com

i vi hai phn mm to website trn th bn cn phi ti d liu ln my ch. Hin nay, vic t mua cho mnh mt tn min (domain) v mt hosting khng g kh khn nhng trong thi gian tp lm website bn khng cn phi u t ln nh th. Cc dch v min ph cung cp tn min, hosting cng c rt nhiu nhng dch v hot ng n nh th ch m trn u ngn tay. Tn min co.cc v hosting www.000webhost.com c rt nhiu ngi dng web la chn v tnh n nh ca n v c hai u h tr ting Vit. Do , bi vit ny s gii thiu v tn min Co.cc, cn v hosting th c gii thiu trn Cm nang my tnh s 35. Bc 1: u tin, bn truy cp vo website www.co.cc v chuyn giao din web v ngn ng Vit d s dng bng cch nhn vo nt x xung ti mc Change Language > tm n Ting Vit.

Bc 2: Bn nhn vo mc Cn mt tn min mi > nhp vo tn min mun to v nhn nt Kim tra tnh sn sng > nhn nt Tip tc ng k. Trong ca s k tip, bn nhp vo Tn ngi dng (Email) a ch mail, Mt khu, xc minh t vo bn cnh v nhn ng nhp.

Tc gi: Bi Thanh Lim

www.cloudmedianews.com

www.sosanhtinhnang.com

Bc 3: K n, bn nhn Ci t bc vo ca s qun l tn min (Manage

Domain). y bn c th ci t Name Server hng n my ch c cung cp bi hosting www.000webhost.com bng cch nhp vo hai Name Server 1 v Name Server 2, nhn Ci t hon tt.

PHN II DCH V TO WEBSITE TRC TUYN

Khng cn phi tri qua cc bc ci t phn mm, ng k tn min, hosting v ti d liu ln my ch, y c l l nhng li th trc tin khi ta n vi cc dch v to website trc tuyn. Nh ni trn, cc dch v dng ny c rt nhiu nhng ni v kh nng p ng cho ngi dng th OfficeLive ca Microsoft lun gi v tr hng u. Khi n vi dch v to website ca Office Live, bn s c cung cp min ph mt dung lng lu tr c xem l kh ln vi ngi dng ph thng l 500MB. Khng nhng vy, bn s nhanh chng to cho mnh mt trang Web m khng gp phi mt kh khn g, bi v chc hn ai s dng my tnh cng dng qua Microsoft Office. Website c bn to ra t dch v ny mang y phong cch chuyn nghip khng thu km g vi mt website c lp trnh bng HTML. By gi, bn c th bt tay vo vic thit k website bng b ng dng trc tuyn Office Live:

I. ng k ti khon
Bc 1: Bn hy truy cp vo trang Web: http://www.officelive.com v quan st tm n mc Also from OfficeLive: Get a Free Website and more ri nhn nt Create a Free Website.

Tc gi: Bi Thanh Lim

www.cloudmedianews.com

www.sosanhtinhnang.com

Bc 2: Trong ca s Sign up for Microsoft Office Live Small Business, bn cn khai bo y nhng thng tin c cha du sao *: -Nhp vo a ch email ti Your e-mail address ri nhn Next (e-mail ca gmail hoc yahoo cng c);

-Nhp mt khu t nht 6 k t vo hai Type password v Retype password; chn tnh (thnh ph, tiu bang) ti State/Province; nhp s bu chnh ti Zip/Postal Code (s ny phi chnh xc, chng hn nh bang New York c s ny l 10001); chn cu hi bo mt Secret question v tr li t nht nm k t ti Secret answer; chn email thay th OfficeLive gi thng tin khi bn qun mt khu ti Alternate e-mail address; ri nhn Save and continue.

Tc gi: Bi Thanh Lim

www.cloudmedianews.com

www.sosanhtinhnang.com

-K n, bn cn in mt s thng tin c nhn ti mc Enter your information gm c: First name-tn, Last name-h, Organization name-tn t chc, Type of organization loi hnh t chc, Number of employees-s lng nhn vin, ri nhn Save and continue.

Tc gi: Bi Thanh Lim

www.cloudmedianews.com

www.sosanhtinhnang.com

-Tip tc, bn hy nhp m an ton gm tm k t ti Characters ca mc Match the characters in the picture ri nhn Save and continue v hon tt qu trnh ng k bn nhn I accept.

-Bc 3: ca s cui cng ca qu trnh ng k, bn s c thng bo yu cu ng nhp vo hp th e-mail kch hot ti khon. By gi, bn vo mail ca mnh tm th c ch Action Required-Verify your account v nhn vo nt Verify e-mail address kch hot ti khon.

II. Xy dng website

Tc gi: Bi Thanh Lim

www.cloudmedianews.com

www.sosanhtinhnang.com

Khi kch hot xong ti khon, bn s c OfficeLive cung cp mt tn min min ph c a ch nm gc phi pha trn ca s Get Started. bt tay vo vic thit k web, bn nhn Design your site ti khung Get Started.

Bc 1: Ti khung Page Manager tin cho vic thit k bn chn Design Site>Design site trn thanh cng c (hoc chn Edit mt trang bt k c lit k bn di). Trong ca s Microsoft Office Live Small Business Web Design Tool, bn s thy mt ca s lm vic tng t nh Microsoft Office 2007 nhng ch gm c hai th Page Editor v Site Designer. By gi, bn ng vi bt tay vo vic thit k ni dung cho cc trang m hy xy dng mt h thng cc menu chnh (cng nh menu th xung) v giao din sao cho tht s khoa hc, nh hng tt cho ngi xem.

Bc 2: To h thng menu: -Bn phi to ra cc menu chnh trc tin (tng ng vi mi menu l mt trang), theo mc nh th Office Live s cung cp bn menu chnh About US, Contact US, Home, Site map. Bn c th chnh sa cc menu ny li theo nh ca mnh bng cch nhn vo menu ri chn th Page Editor> chn mc Advanced > chn Page properties (biu tng ). Trong ca s Choose page properties, bn nhp tiu trang ti Page title cng nh tiu ca n trong bng iu hng (Navigation)

Tc gi: Bi Thanh Lim

www.cloudmedianews.com

www.sosanhtinhnang.com

Navigation title, ri nhn OK. Vic lm ny cng thc hin tng t nh cc menu khc.

- thm vo mt trang mi, bn chn Web pages > chn New page , ri k n chn mt trong cc mu chun m Office Live cung cp khung Standard Tamplates v nhn Next. Trong khung Page Information, bn in vo tn trang mi (Page title), a ch Web ti trang ny (Web address), ri nhn Finish.

Khi to y cc trang, bn cn sp xp v phn loi chng li thnh menu chnh hoc menu th xung tng ng. Vo th Page Eidtor > chn mc Advanced > chn Navigation, bn chn tn menu (tn trang) khung Select the page you want to move: nu to ra trang th cp (menu th xung) nm sau trang chnh (menu chnh) th nhn chn tn trang chnh Place page under ; nu mun di chuyn th t cc trang (k c trang chnh v trang th cp) th nhn Move down (hoc Move up), nhn OK.

Tc gi: Bi Thanh Lim

www.cloudmedianews.com

www.sosanhtinhnang.com

Bc 3: To giao din ph hp v bt mt: Vic to mt giao din web p v ph hp vi ngi xem l mt iu quan trng th hin tnh chuyn nghip ca website. Do , nu bn xc nh mnh lm website ny v lnh vc g th hy vo th Site Designer lm cho mnh mt giao din web theo ch li cun ngi xem. -Site Zones: Mc ny cho php t tiu (Site Title) v khu hiu (Site Slogan) ca trang ti Header, nhp nhng thng tin s hu web Footer text i vi Footer, chn logo ca bn ln u trang ti Logo.

-Design Options: Bn chn lnh vc m web hng n ti Theme, mu trang web ch thay i i vi Header ti Style, phi mu ti Color, font ch ti Font. -Advanced: Mt s thit lp v trang web: rng (Page Width), canh chnh (Page Alignment) v nu khng mun hin th Bing search ( tm kim pha trn), Power by Microsoft Office Live (cm t ca Microsoft pha di bn tri) th bn b du kim hai bn di mc Display Options.

Tc gi: Bi Thanh Lim

www.cloudmedianews.com

www.sosanhtinhnang.com

Ngoi ra, cn mt s tnh nng khc th Page Editor gip t im thm giao din nh: -Page layouts ( mc Advanced): gip thit lp kiu 1 ct hoc 2 ct ,cho ni dung trang.

-Page background ( mc Advanced): nu bn c hnh nn bong by th c th dung n lm hnh nn cho web ti tnh nng ny.

Tc gi: Bi Thanh Lim

www.cloudmedianews.com

www.sosanhtinhnang.com

Bc 4: Xy dng ni dung: n vi th Page Editor, vic son tho ni dung cho website kh d dng vi cc cng c lin quan n font ch (Font); on vn (Paragraph); chn bng, hnh nh, cc lin kt, trnh din nh,(Insert). c bit, mc Insert c tnh nng Module> HTML gip cho nhng bn thnh tho v ngn ng ny c th chnh sa, thm bt nhng on code nhm tng hiu ng p cho web.

Sau khi thit k xong, bn hy nhn nt View xem li thnh qu ca mnh v nhn nt Save lu li. By gi, bn c th tha thch gii thiu vi bn b, ngi thn, v trang web ca ring mnh.

Tc gi: Bi Thanh Lim

www.cloudmedianews.com

www.sosanhtinhnang.com

KT LUN
thi i bng n thng tin th vic tp hp nhng kin thc cng loi thnh mt v phn lp chng thnh mt chui c h thng l mt vic lm thng xuyn v lin tc. Do , bn cng cn trang b cho mnh nhng chuyn my tnh khi cn dng n mt lnh vc no th c th tra cu nhanh chng. Chuyn thit k website chuyn nghip cho ngi khng chuyn c vit da trn nhng kin thc m tc gi tri nghim v c trnh by gc nhng bn khng chuyn. Hy vng, vi chuyn ny s gip ch cho cc bn mi lm quen vi lnh vc webdesign c th t tay thit k cho mnh mt trang web phc v nhu cu hc tp, trao i kinh nghim, vui chi gii tr,
BI THANH LIM Email: thanhliem24@gmail.com Website: www.cloudmedianews.com www.sosanhtinhnang.com