v

Pht trin Web

2012

Mc Lc
Chng 1 : Bn cn g thit k mt trang web ..................................... 5
Bn cn g xy dng mt trang web ..................................................................... 6 Cng c upload files ln mng FTP ........................................................................ 8 Phn mm FTP min ph FileZilla.......................................................................... 9 Top 10 trnh son tho code ..................................................................................... 11 Hng dn dng Sublime text 2 .............................................................................. 18 Ngun icon min ph................................................................................................. 20 Ngun ca ti Qun l ngun ............................................................................... 23 Ngun ca ti Ngun lp trnh.............................................................................. 26 Ngun ca ti Ngun tng ............................................................................... 31 Ngun ca ti Ngun thit k ................................................................................ 35

Chng 2 : Thit k v xy dng website ................................................... 40

Ti nn lm trang web v ch g? ....................................................................... 40 Mt trang web mt ch ....................................................................................... 42 Gii thiu v Z-Layout ............................................................................................. 44 Tm hiu F Layout .................................................................................................... 50 Nguyn tc thit k web hin i ............................................................................. 57 Mu sc trong thit k .............................................................................................. 60 Thit k vi ngi c l trung tm ........................................................................ 66 n gin trong thit k ............................................................................................ 68 To trang web thn thin vi thit b di ng ......................................................... 71 Responsive web design: Khi nim & ng dng ..................................................... 72 Trang web c cn tng thch vi mi trnh duyt?............................................... 79 Thn trng khi dng hnh minh ha ....................................................................... 81 Lun s dng th Alt ................................................................................................ 83 nh dng hnh: GIF, JPEG v PNG ...................................................................... 84 t tn cho hnh nh th no cho c li .................................................................. 87

1 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Trnh lm dng th Div ........................................................................................... 88

Chng 3 : Nhng iu nn v khng nn trong thit k website .... 92

Nhng iu nn v khng nn ................................................................................. 92 Nhng iu nn trnh khi thit k trang web ......................................................... 97 Bn nn s dng IE Tester .................................................................................... 100 Bn nn dng XML Sitemap cho trang web ......................................................... 101 Nn hay khng n ni dung trang web? ................................................................ 103 8 l do khng nn lm Flash Website .................................................................... 105 Khng nn lm dng qung co ............................................................................ 108 Khng nn dng WYSIWYG Editor ..................................................................... 110 Nhng iu nn trnh khi ti u ho cng c tm kim ....................................... 112

Chng 4 : SEO .................................................................................................. 113

SEO: bnh c ru mi? ........................................................................................ 113 Gii thiu Google Analytics ................................................................................... 118 Gii thiu Google webmaster ................................................................................. 120 Tiu ch Google xp hng trang web ..................................................................... 122 Cng c tm kim hot ng nh th no ............................................................. 124

Chng 5 : Nhng th thut trong thit k v lp trnh .................... 125

To nt bng Photoshop ........................................................................................ 125 Gi hng v Session ................................................................................................ 128 Gii Thut trong lp trnh ..................................................................................... 131 Ajax-Jquery vs JavaScript ..................................................................................... 135 Cch to trang 404 Error Page .............................................................................. 139 Trang bo li 404 t to ......................................................................................... 141 Cch to v s dng file Robots.txt ....................................................................... 142 Tips Virtual Directory in Apache ....................................................................... 143 Gii thiu v cch s dng github ......................................................................... 147

Chng 6 : Pht trin web .............................................................................. 148

2 www.izwebz.com
Demon Warlock

Pht trin Web

2012

Qu trnh to mt trang web ................................................................................. 148 Chi ph to mt trang web ................................................................................ 151 Thut ng chuyn ngnh bn cn bit .................................................................. 152 Lnh vc trung tm ................................................................................................ 153 ng lm na chng ri ngng ............................................................................. 155 Lp trnh web v s Li nhc.............................................................................. 156 To im khc bit ................................................................................................. 158 Lun bt u t nh n ln ................................................................................. 160 Bit nhn ni v kin tr ......................................................................................... 162 Ai cng phi bt u t u ............................................................................. 164 i din vi ph bnh ............................................................................................. 166 W.E.B.S 4 iu quan trng tr thnh No1 Webmaster ................................ 168 Hy l mt webmaster thn thin .......................................................................... 170 Tnh hnh chung ca nhng trang web Vit ......................................................... 171 Gii php mi cho cng ng WordPress ............................................................. 173 Em rt thch lm web ............................................................................................. 179 Bi hc t mt chic a CD .................................................................................. 183 Cch hc code hiu qu .......................................................................................... 185 Lorem Ipsum l g? ................................................................................................ 188 Backlink l g? Cch s dng ................................................................................ 189 Lm g c Bookmark .................................................................................... 191

Chng 7 : K nng vit bi .......................................................................... 192

Nguyn tc ABC Ni dung bi vit ..................................................................... 193 Cch vit bi hiu qu trn web ............................................................................ 194 Vit bi hiu qu trong mi trng o .................................................................. 195 Cch vit bi cho i tng c lt ..................................................................... 196 Bn nn vit bi cho mi i tng ....................................................................... 199 Vit bi vi hiu sut cao ....................................................................................... 201 Lin kt n cc bi vit c .................................................................................... 203

3 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Lun c li bi vit ca mnh ............................................................................... 205 Tm cm hng vit bi ........................................................................................... 206

Chng 8 : Dch v Hostting.......................................................................... 208

Cc dch v Host FREE ......................................................................................... 208 Nhng bn khon v dch v Free Host ................................................................ 210 Trnh xa nhng ni khng gii hn .................................................................. 212 Gii php hosting free cho Amateur ..................................................................... 213 Cch chn mua web host........................................................................................ 215

Chng 9 : Dch v tn min ......................................................................... 217

V sao bn nn mua domain ................................................................................... 217 Hng dn cch ng k domain .......................................................................... 218 ng k domain vi 1and1 .................................................................................... 221 Cch chn domain .................................................................................................. 223 Bn nn s dng Private Domain Registration ..................................................... 226 Vng i ca domain ............................................................................................. 228 Cch thit lp 301 Permanent Redirect ............................................................. 230 S dng domain dng c www hay khng www ........................................... 232

Chng 10 : Chin lt pht trin mt trang web................................ 233

Chin lc pht trin mt trang web .................................................................... 233 Tn ch hot ng ca trang web .......................................................................... 234 Mc tiu hnh ng ................................................................................................ 235 Kho st th trng v xc nh th phn ............................................................. 237 M hnh phn tch SWOT ...................................................................................... 238 Xc nh i tng ngi c ................................................................................ 241 Chn ch cho trang web .................................................................................... 243 Cc cch qung co trang web .............................................................................. 244 So snh v hc t i th ....................................................................................... 245

Chng 11 : Lut bn quyn ......................................................................... 247

4 www.izwebz.com
Demon Warlock

Pht trin Web

2012

Gii thiu lut bn quyn ...................................................................................... 248 Nhng quan nim sai lm v lut bn quyn ........................................................ 249 Nhng bc cn lm khi b n cp bn quyn ...................................................... 250 Khai thc thng tin ca i tng n cp bn quyn ........................................... 255 DMCA l g? ti sao bn cn bit .......................................................................... 258

Chng 1 : Bn cn g thit k mt trang web

5 www.izwebz.com
Demon Warlock

Pht trin Web

2012

Bn cn g xy dng mt trang web

Ngoi nhng th quan trng khc phi chun b ra nh domain, web host, chin lc pht trin, ch trang web cng c xy dng ln mt trang web cng rt quan trng. Di y l nhng cng c ti thiu m mt webmaster tng lai nh bn phi cn n.

Mt my tnh ni mng ti nh
Nu bn khng c my tnh ni mng ADSL ti nh th vic qun l trang web ca bn l rt kh khn. Tuy khng phi l khng th, nhng mi khi cn vit bi, chnh sa, tr li comments, email m phi ch n lc ra c tim internet th rt mt thi gian v khng hiu qu. Hn na, vic qun l trang web cha nhiu thng tin nhy cm nh: password admin, mt khu qun l web host domain, database, emails, credit card c lm ch ng ngi l rt nguy him. Nhng ngi xu c th li dng s h v n cp thng tin nhy cm ny.

Cng c upload files ln mng FTP

y l cng c khng th thiu ca cc webmaster. V n ng vai tr l cu ni gia my tnh ca bn v web host. Nu bn mun upload hoc download g t my ln web host v ngc li, bn phi cn n n.

Phn mm chnh sa nh
lm web l bn s phi lm vic vi hnh nh. i khi bn cn ct gim kch thc ca hnh, tng sng, xo vt nh c nhng cng c n gin v min ph cho php bn lm vic ny. Nhng sau ny kiu g bn cng cn n nhng cng c mnh hn cho php bn thit k banner, hnh nh ca ring mnh hoc thm ch lm hn mt giao din cho mnh. a phn cc webmaster u s dng phn mm Adobe Photoshop.

6 www.izwebz.com

Demon Warlock

Pht trin Web

2012

y l cng c rt mnh cho php bn bin nhng tng sng to trong u thnh hnh nh. Kh nng ca Photoshop l v bin. Bn c th download bn dng th ca phn mm Adobe Photoshop

H thng qun l ni dung CMS (tu chn)

y l phn khng bt buc bi v tu thuc vo nhu cu ca bn m mua nhng phn mm hp l. Nh trang izwebz i hi phi c cp nht thng xuyn, do vy mt trang web ng hot ng da trn MySQL database l bt buc. Nhng nu bn ch lm mt trang web tnh n gin, bn c th ch cn mi Notepad l . Hoc nu bn cha thnh tho v HTML hoc CSS, bn c th download phn mm Dreamweaver. y cng l cng c rt mnh v trc quan, gip bn to ra nhng trang web HTML.

7 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Cng c upload files ln mng FTP

Khi mi vic chun b hon tt, by gi s n cng on bn cn upload trang web ca bn ln mng. Qu trnh truyn ti files ny gi l qu trnh upload. Vi nhng web host c h tr FTP (File Transfer Protocol) bn cn mt phn mm c gi tt l FTP ti files. Trong bi ny ti s hng dn cc bn tng bc mt s dng phn mm CuteFTP. Khi bit cch s dng mt phn mm FTP ri, bn s t bit cch s dng nhng phn mm khc.

Download v ci t CuteFTP

Nhn vo link sau download chng trnh CuteFTP. y l phn mm thng mi, do vy bn phi mua hoc ti bn xi th. http://www.globalscape.com/products/ftp_clients.aspx ti bn Demo. Sau khi download bn s theo hng dn ci t CuteFTP.

Cc bc chun b
Trc khi bn chy chng trnh CuteFTP, bn cn bit mt s thng tin ca host ca bn c th kt ni t my ca bn web host . Bn cn phi bit nhng thng tin sau

Tn FTP server ca trang web, thng th c dng ftp.trangcuaban.com Username v password ng nhp Th mc m bn s phi upload trang web ln m ngi c c th xem c bng trnh duyt. V d bn thng gp dang th mc c tn l www hoc public_html

Thng nu bn xi host thng mi, ngha l c tr tin th hu ht bn u c th s dng chng trnh FTP ti trang web. Cn nu bn xi host min ph, i khi h khng cho php bn s dng FTP.

8 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Phn mm FTP min ph FileZilla

Phn mm FTP l cng c khng th thiu cho cc webmaster. l cng c duy nht gip bn upload file ln host hoc download xung t host. Hin nay c rt nhiu cng c FTP min ph cng c m thng mi cng c. Nhng nu phn mm no va min ph li va nhanh, gn nh th chnh l FileZilla. Nh bt c phn mm FTP thng thng khc FileZilla cho php bn ng nhp vi thng tin c sn, upload, download, ko th file, thanh trng thi v.v.. Nhng iu ti thy bt ng nht l n hon ton min ph. y ti ni hon ton l v n khng c qung co, khng bt buc bn phi lm bt c iu g ht m bn c s dng n hon ton min ph.

9 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Ti bit hin ti Vit Nam nu mun s dng phn mm no cc bn c th download v tm cch crack v cng c th s dng c. Nhng bn cng bit c rt nhiu nguy c tim n vi cc cng c keygen, patch v crack. a phn trong s u ci virus khi bn kch hot n s m thm hot ng v ph hng my tnh ca bn. y l cn cha ni n khi s dng cc phin bn crack bn kh c th update khi c phin bn mi ra hoc chng trnh b li do phn mm lu. Cho nn nu phn mm no min ph m tt th thit ngh cng ng xi lm ch. Ti ang s dng FileZilla v rt thch chng trnh ny. Ti c bit thch nhng chng trnh no nh gn, nh nhng v khng rm r. Bn c th s dng th v xem c thch khng? hoc bn ang s dng chng trnh FTP g? bn c th chia s vi mi ngi y.

10 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Top 10 trnh son tho code

Trnh son tho code l cng c khng th thiu ca cc lp trnh vin chuyn nghip. Ai khuyn bn ch nn s dng Notepad vit m l li khuyn v b nht m bn c th nhn c. Ti khng thch nhng chng trnh vit code nng n v qu nhiu tnh nng nh DreamWeaver. Ti ch thch nhng chng trnh nh gn c vi tnh nng c bn nh: highlight code, Auto Complete (t ng hon thin), debug (sa li) v mt vi tnh nng nho nh na. Di y l top 10 trnh son tho code m ti thy l hay v gii thiu n cc bn. Mt vi trong s ti th xi, v mt vi th ti c thng tin thy ngi ta cng gii thiu n. Cng lu cc bn l danh sch di y c sp xp ngu nhin ch khng theo mt th t no ht.

Notepad++
L do ti a Notepad++ ln u danh sch v n l phn mm rt mnh, ty bin cao v li hon ton min ph. N l trnh son tho code vit cho ngi s dng Windows v h tr mt vi ngn ng lp trnh. L do ti ngng s dng Notepad++ do gn y l v giao din ca n khng thc s thn thin cho lm v nhn n khng c bt mt v khng c mt. Nhng n rt n nh v hot ng tt.

11 www.izwebz.com

Demon Warlock

Pht trin Web

e-Texteditor

2012

Nhng ai c may mn s dng my Mac v quen vi Textmate th khng khi vui mng nu nh h ci t E-texteditor. y l mt phin bn gn nh hon ho ca Textmate dnh cho ngi s dng Window. Nhn n b b ht tiu m lm c khi vic nh: tch hp FTP ngay trong editor, Project Panel, highlight code, auto complete v.v.. Ti cng s dng chng trnh ny mt thi gian v thy n rt th v. Bn cng nn th xem. Nhng y l phn mm phi tr ph v cng khng c r cho lm

Eclipse
y l phn mm m ngun m pht trin da trn nn tng Java. Ban u Eclipse ch c s dng bi nhng ngi pht trin Java. Nhng sau ny ngi dng c th m rng nhng tnh nng ca n bng cch ci t thm nhiu Plugin. T Eclipse c s dng rng ri hn bi nhiu chuyn gia trong nhiu lnh vc khc nhau. Nhng plugin ph bin nh cho C, C++, Perl, PHP, ColdFusion, Ruby, Python v c C# na.

12 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Aptana
Aptana c ting t lu trong lng cc IDE (integrated development environment) h tr HTML, DOM, JavaScript v CSS. Mt s tnh nng nh sot li, bo li v sa li cng c trong Aptana. Bn cng c th s dng rt nhiu Plugin cho Aptana gip bn lm vic vi Ruby on Rails, PHP, Adobe Air. Aptana cng bao gm mt s th vin JavaScript ph bin nh Prototype, MochiKit, YUI, Mootools, Dojo Toolkit, JQuery, Scriptaculous v c JSON. y l phn mm rt chuyn nghip v mnh m. Nhng n cng hi nng so vi nhng phn mm trn.

13 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Komodo Edit
L trnh son code cng h tr nhiu ngn ng nh HTML, CSS, JavaScript, Perl, PHP, Ruby, Django v.v.. N cng c nhng tnh nng nh auto-complete, menu h tr, kim tra c php, xem trc code HTML, code snippet (dng lm trc), edit nhiu trang cng mt lc v c Project Management.

14 www.izwebz.com

Demon Warlock

Pht trin Web

Scriptly

2012

Scriptly l trnh son tho code min ph, n cng c th dng vit code HTML v cc ngn ng lp trnh nh PHP. N cng nh a s cc trnh son tha code khc, cng cho php code highlight, search v replace nhanh nhn.

EditPlus
y cng l mt trnh son code hay v n gi ti vn ang s dng n. Bi v n khi ng cc nhanh, gn tng ng vi Notepad. N cng c nhng tnh nng nh highlight code v auto complete. Ti a phn s dng n nu cn chnh sa nhanh mt file no m khng mun ch lu. N l trnh son tho code mc nh trong my ca ti. y l phn mm thu ph v cng n nh khi lm vic.

15 www.izwebz.com

Demon Warlock

Pht trin Web

2012

PHPDesigner
Lm sao m c th qun c anh bn PHPDesigner ny. Ti s dng n cho phn ln thi gian lm vic vi code ca mnh v giao din rt thn thin, nhiu tnh nng hay nh: xem trc trang web trn trnh duyt, code snippets, auto complete, bo li c php khi lp trnh vi PHP v.v Ti rt cao phn mm ny v cng khuyn bn nn dng th cho bit.

16 www.izwebz.com

Demon Warlock

Pht trin Web

Webstorm

2012

y l anh bn mi nht m ti bit trong thi gian gn y. Phn mm ny vn ang trong giai on pht trin nn cha c phin bn chnh thc. Bn c th download v dng th trong vng 45 ngy (ri sau sao th tui cng chng bit ). Ti mi xi c mt thi gian ngn nhng rt nghin v n h tr Zend coding cho php bn tit kim nhiu thi gian khi vit code. Auto complete thng minh v cc ty bin d s dng. Bn cng nn s dng th phn mm ny.

NetBeans
NetBeans l trnh IDE min ph cng rt ph bin v c th lm vic trn cc h iu hnh nh Windows, Mac, Linux v Solaris. NetBeans bao gm b IDE m ngun m v nn tng ng dng cho php lp trnh vin c th to trang web, phn mm ng dng mt cch nhanh chng. N s dng Java Platform, JavaFX, PHP, JavaScript, AJAX, Ruby v C/C++. Tuy ti cha dng th NetBeans bao gi nhng cng thy n nhiu ln. Cc bn th xem

17 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Hng dn dng Sublime text 2

Sublime text 2 l mt editor kh mi, v n vn cn trong giai on th nghim. Tuy nhin, n cung cp mt hiu sut lm vic vi cc tnh nng rt tuyt vi, lm mnh phi chuyn t Dreamweaver sang dng n. Sublime text 2 bn thn n h tr rt nhiu th cho cc nh pht trin web, v ngoi ra n cn c mt h thng th vin Plugins rt phong ph v a dng. Trong bi hm ny, mnh s gii thiu vi cc bn v cch s dng c bn v chuyn su v sublime text 2. Video tutorial: http://www.izwebz.com/design-usability/huong-dan-dung-sublime-text-2/

Plugin cn thit y l danh sch cc plug-in cn phi c khi s dng Sublime text 2, n s gip cho cc bn tn 1 khi thi gian y. Cch s dng th mnh hng dn trong video pha trn. Ngoi ra th cn rt nhiu phugin khc, cc bn c th xem thm ti y: http://wbond.net/sublime_packages/community

Sublime Prefixr (Ctrl+Alt+X) Sublime Alignment (Ctrl+Alt+A) Jquery Jquery snippets

18 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Nettuts Fetch Sublime CodeIntel Tag Prefixr Google search WordPress HTML5 Indent Guides

Lu : Cc plugin khng nn dng: Color Highlighter v Live CSS. Hai plug-in ny gy ra li cho bn sublime text 2 trn nn windows, khi ci t cc bn nn lu . Ngoi ra, khi ci cc plugin cc bn nn xem n h tr phin bn dnh cho h iu hnh no nh. Cc plug-in no mi mnh s update tnh nng & cch s dng y. Trailling Space: Gip bn pht hin b i nhng khong trng d tha trong qu trnh code. Sau khi ci t th bn c th nhn thy rng cc vng c khong trng d n s t hightlight ln.

Ngoi ra, bn cng c th to thm phm tt khi bm vo phm tt, n s xa tt c cc khong trng d tha. Sau y l cch thc hin: 1/ Bn vo menu Preference > Key Bindings User 2/ Khi n m ra mt tab mi, trong tab mi s ch c du [ ] (ngoc vung). Cc bn vo gia du [ ] ngoc vung v dn on code di y vo:

{ "keys": ["ctrl+shift+t"], "command": "delete_trailing_spaces" } Sau , bn khi ng li ST2 v nu cn xa cc khong trng d tha th c dng phm tt ctrl+shift+t

19 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Ngun icon min ph

Nu bn l Web Designer v cng vic ca bn l thit k ha th bn lun cn hnh nh t liu t nhiu ngun. Nhng tm c ngun min ph v cho php s dng vi mc ch thng mi cng khng phi l chuyn d. Ngoi hnh nh, font ch th icon cng l mt trong nhng th bn cn thit k giao din. Di y l danh sch mt s trang web cho php bn tm v download icon min ph. Trong thc t ti ch bit n nhng trang ny v cha c nhiu thi gian c quy nh s dng ca h. Cho nn nu bn nh dng hnh nh t nhng trang ny, hy dnh thi gian c mt cht v quy nh s dng xem n c thc s min ph hay khng trnh rc ri v sau.

Icon Finder
y l trang web ti hay s dng nht tm icon. N hay ch bn ch vic g t kha vo v n s hin th icon m bn mun. V d bn c th g heart, pencil, rose . m ti cha th bnh chng .

Icon Fever
Tm v dit

Icons Pedia

20 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Icons Seeker

Very Icon

365 Icon

21 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Kt lun
Trn y l nhng ngun chnh ti hay tm icon cho design ca mnh, ti cng phi nhc li bn l nn thn trng khi s dng hnh minh ha cho thit k c bit l cho nhng trang web thng mi. Khng phi ci g bn tm thy trn mng u min ph v c th s dng ty tin u.

22 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Ngun ca ti Qun l ngun

Trong cc bi vit trc th mnh gii thiu vi cc bn v Ngun ca mnh. Nhng m danh sch ngun ln n gn 20 trang web khc nhau. Vy lm sao chng ta c th qun l n 1 cch d dng tin truy cp. Trong bi hm nay mnh s dng plug-in Speed Dial ca Google chrome qun l danh sch ngun ca mnh.

RESOURCES MANAGEMENT SPEED DIAL EXTENSION

OTHER RESOURCES Smashing Magazine

23 www.izwebz.com

Demon Warlock

Pht trin Web

2012

c thnh lp vo nng 2006, Smashing Magazine (SM) l mt tp ch trc tuyn, cung cp thng tin hu ch v lnh vc thit k, ha Web. H lun cung cp nhng thng tin b ch trong lnh vc. Vi lng bi vit ln ti 1302 v c 476748 hnh nh c SM ng ti v cng b. Ngoi ra, SM cn cung cp mc Coding, ni m bn c th hc nhng th thut th v v Jquery/Wordpress/HTML/CSS/PHP. Shop ca SM cn c nhng quyn sch th v v c o m bn c th mua (tt nhin l ting Anh). Bn hy mt ln vo SM m cm nhn nhng tc phm ha tht c o ca cc tc gi hng u trn th gii nh.

Power to the Poster

Nu bn l mt Art Designer th y l website m bn khng th b qua c. C rt rt nhiu Poster mi th loi khc nhau c ng ti ti y. Nhng poster y mu sc v rt sng to ca cc tc gi t khp ni quy t v y. Ngoi vic xem, tham kho, bn cn c th download file PDF cht lng cao v my v in ra na. Rt th v !!!

Deviant Art

24 www.izwebz.com

Demon Warlock

Pht trin Web

2012

c thnh lp vo 8/2000. Website c to ra nhm gii tr, truyn cm hng cho cc designer t mi ni trn th gii. Hin Deviant Art c 13 triu thnh vin, 35 triu lc truy cp mi thng, khng l phi khng cc bn. Bn hy vo y v xem nhng tc phm y th v, t mi th loi nh v tay, chp nh, web design, Catoon, Comic, Manga, v.v Rt nhiu mc th v khc na, bn hy vo v t tri nghim nh.

Action Scrpit Tutorials

C mt thi gian mnh rt m Flash, nhng m do khng c thi gian tm hiu su nn mnh b. Tuy nhin th mnh cng xin gii thiu cc bn mt trang cung cp cc bi ging rt hay v Flash. Trang ny cung cp cc bi hc v Flash cn bn, cc bi vit v AS 2 v AS 3. Active+ cng l mt sn phm ca Envato na .

Kt lun
Qua lot bi vit Ngun ca ti th cc bn chc hn bit thm nhiu trang web hay v hc hi c nhiu kinh nghim t cc trang web . Chc cc bn thnh cng v t c nhiu thnh cng trn con ng thit k v lp trnh web. Bn no c ngun hay, hy vit 1 bi t 5-10 dng v email v cho mnh chia s cng bn b trn izwebz. Email: izwebz.art@gmail.com

25 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Ngun ca ti Ngun lp trnh

i lc vic tm kim nhng bi hng dn v HTML/CSS/PHP/ASP c cht lng th qu l kh. Hm nay mnh s gii thiu vi cc bn v Ngun lp trnh m trong nhng nm qua mnh tip xc v hc hi. Ni s cung cp cc bi hng dn, video cht lng cao t nhng lp trnh vin hng u trn th gii.

CODING RESOURCES PHP Vit Nam Portal

Cng thng tin PHP Vit Nam c thnh lp vi mc ch l gip cho cc bn no yu thch v mun t my m hc v PHP. Cc bi hc c chia lm 5 cp bt khc nhau t ti kh.

Level 1: Cc kin thc cn bn Level 2: Gii thiu v HTML Level 3: Gii thiu v CSS Level 4: PHP cn bn Level 5: Cc vn nng cao

Nhng kin thc v PHP m mnh c cng u xut pht t y . Qu tht rt kh tm c ngun ti nguyn no c y bng ting Vit nh vy. Ngoi ra, ban qun tr cn chiu sinh m cc lp hc trc tuyn v HTML/CSS/PHP v CMS nh Joomla vi chi ph kh r so vi th trng.

Free Code Vit Nam

26 www.izwebz.com

Demon Warlock

Pht trin Web

2012

FCVN l mt trong nhng cng ng coder ln nht Vit Nam. Hin nay th FCVN c 149,663 thnh vin v c khong 93.800 bi vit. Qu l mt th vin rt ln phi khng cc bn. Trong FCVN c nhiu chuyn mc rt hp dn, c bit l cc chuyn mc v ExtreMedia, VBB, PHP, Web Design. Mnh tham gia FCVN t lc mi tp tnh lm web, cho ti by gi cng 4-5 nm ri, hi cng nhiu, tr li cng nhiu. V cc bn c thc mc g, c vic vo y tm kim v cng nhau trao i. Vi lng thnh vin v qun l ng, giu knh nghim, h lun gii quyt cc thc mc ca cc bn va vo ngh. Ngoi ra th FCVN c rt nhiu cc mu template, intro, m ngun m PHP (tin tc, m nhc, phim,) ca Vit Nam mnh vit v thit k c chia s mt cch min ph.

Net tuts

Mt sn phm ca ng chm Envato y, trang ny chuyn cung cp cc bi vit v pht trin web. Bao gm cc lnh vc nh HTML, CSS, Javascript, CMS, PHP, ASP.NET v Ruby on Rails. Cng vi i ng chuyn nghip, dy n kinh nghip, h lun cung cp cho chng ta

27 www.izwebz.com

Demon Warlock

Pht trin Web

2012

nhng bi vit v cng sng to v phong ph. Ngoi cc bi vit cn bn trong mc Basix h cn c nhiu Tips, cc bi hc nng cao. Hy thng xuyn theo di nhng bo vit, video ca h nh.

W3C

Vi tn ting Anh y l World Wide Web Consortium, l mt t chc vi nhng nhn vin t khp ni trn th gii cng nhau pht trin cc bi hc v web mt cch chun nht. H t ra cho mnh nhim v l nh thc tim nng ca cc ngi ham hc hi, t to nn mt cng ng cng pht trin lu di. Ngoi vic hng dn hc, W3C cn to iu kin cng vic cho nhng ngi tht s ti nng v cn c hc bng cho cc bn ham hc hi na. Hy c gng ln nh, bit u bn l ngi t c hc bng th sao?

W3Schools

c thnh lp t nm 1998, vi cu slogan l W3Schools Will Always Be Free, c ngha l W3schools lun lun min ph. Vi mnh, website ny ging nh mt cun t in v HTML

28 www.izwebz.com

Demon Warlock

Pht trin Web

2012

vy, bn khng hiu v tag html no, c vo y tm kim, s c tt c. Ngoi HTML 4.01 th cn c c HTML5, ngoi ra cn c CSS (level 2-3), Script (Java Script, VB Script, ), SQL, PHP, Cn nhiu na, bn hy t mnh vo v khm ph i no.

HTMLDOG

Ci tn ng qu phi khng cc bn. HTMLDOG c thnh lp vo nm 2003, v hin ti th c hn 1.5 triu lc truy cp mi thng. Vi ngi ch l Patrick Griffiths, c dy dng kinh nghim v HTML v CSS, anh tng l vic cho cc d n ca chnh ph Anh, hng in thoi vodafone, v.v Cc bi hc trn HTMLDOG c chia lm 2 loi l cn bn v nng cao, nn cc bn s d dng tip thu.

Jquery

29 www.izwebz.com

Demon Warlock

Pht trin Web

2012

D n Jquery c thnh lp vo thng 9/2009. y l mt th vin Javascript min ph c cung cp vi t cch ca mt m ngun m. Vi jquery th bn c th to ra cc hiu ng tuyt vi cho website ca mnh. Bn c th xem mt vi demo sau: QuickSand, Text with Moving Backgrounds, Zoomer Gallery. Trong trang Docs ca Jquery th bn c th hc t cn bn ti nng cao v u c sp xp theo th mc ring nh Selectors, Event, Effect .. v.v v tt c u c v d ring nn bn c th d dng tip thu c. Mnh chc chn rng y l mt website m bn khng th b qua c y.

PHP.NET

Cc bn bit khng? Khi m mnh khng bit ngha hay tnh cht ca mt hm no trong PHP th PHP.NET l ni u tin m mnh hng ti. Mi hm ca php u c tm thy y. Ngoi ra cn c v d v kt qu na, rt d hiu. Nu bn no xi trnh duyt Chrome th c th ci extension PHP documentation do chnh cc k thut vin ca PHP.net pht trin, rt tin dng. Bn hy th xem sao nh.

Kt lun
Hin ti trn mng th c kh nhiu cc trang khc cng chia s nhng bi hc b ch v lp trnh, tuy nhin th y l nhng trang nm trong danh sch bookmark ca mnh. Hi vng rng cc website trn s cung cp c cho cc bn cc kin thc cn thit trong qu trnh hc lp trnh web. Trong bi tip theo th mnh s hng dn cho cc bn qun l cc ngun ca bn d dng c th cp nht. V trong bi tip th s c vi ngun khc mnh mun gii thiu vi cc bn.

30 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Ngun ca ti Ngun tng

L mt Designer, i lc bn s phi i mt vi mt cn bnh cc k kh chu Cn tng hoc tng cha v. Nhng lc bn phi lm g? c ngi v i n ht ? i vi mnh th mnh khng lm th u cc bn. Mnh phi ch ng tm tng, v y l nhng ni m mnh thng lm khi phi i mt vi vn trn.

IDEA FOR DESIGN Liu thuc Qun

i lc th i mt trc tip khng gii quyt c vn g u cc bn. Nu cc bn c cn c, m hai mt ra m i mt th hu qu s l cc bn s b stress nng y. Cho nn, li khuyn ca mnh l hy Start > Shutdown ci my tnh. Ri bn lm vic v gi cho nhng ngi bn thn, cc bn c th i gii tr u ty nh i xem phim, banh, nh banh, tenis, rt nhiu cc bn , mi ngi mt s thch m, ring mnh th phim hi ca Chu Tinh Tr l la chn s 1. Cc bn c th dnh mt ngy vui chi, lc , u c ca mnh s tr nn cc k thoi mi. C th tng s ti lc vui chi, cng c th n s xut hin trong gic ng chng hn. ^^! V hy bt u cng vic vo ngy hm sau vi tnh thn tht thoi mi.

31 www.izwebz.com

Demon Warlock

Pht trin Web

Liu thuc Notebook

2012

i lc, tng cht a v, lc bn s lm th no nh? T th c mt cun notebook, lc no cng c bn mnh, c tng th v ra ngay v dnh . S c nhng lc death-line cn k ri m tng n c u u y, cha v ti. Lc ny cun notebook li l v kh quan trng y. Nhng tng m mnh lu li th by gi li tht s rt cn thit. (Hnh pha trn l 2 mu thit k trong notebook ca mnh)

Giao lu tng
Cc bn , i lc thoi mi m tng vn cha ra th mnh mi cc bn lt qua nhng trang web di y. N s gip ch rt nhiu cho cc bn y.

Awwwards

32 www.izwebz.com

Demon Warlock

Pht trin Web

2012

AW l mt website c thnh lp nhm cng nhn nhng ti nng trong lng Webdesign. H c mt ban gim kho l nhng nh thit k, nhng bloger ti nng trn th gii. Vi thang im 10 bao gm 50% Design, 25% Creativity, 10%Content v 15% Usability. Mnh chc rng, khi bn b tng, vo y do mt vng, tr ra ht th tht su, th l li c tng. Nu bn c mt thit k v t tin bn cng c th d thi vi 21.6$. Nu thng gii th bn s c 1 sticker nho nh gc website, trng rt l ngu. Hin mnh cng ang c gng hon thin mt bn thit k em i thi xem th no.

The Best Designs

TBD c thnh lp vo nm 2001, v nm nay chnh l sinh nht trn 10 tui ca h . TBD c khong 4000 website c lu tr, vi nhiu th k a dng, nhiu sc mu, nhiu tng rt l v bt mt u tp trung y. Mi nm h c hng ngn thit k d thi, nhng ch mt s t trong c ng ln web. Mnh ngh rng, y l mt website gip bn m mang tr c, vng cnh vi nm chu.

Creattica

33 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Creattica l mt b su tp tuyt vi truyn cm hng cho bt k nh thit k no. Mi ngy c hng ngn ngi truy cp. Bn hy to cho mnh mt ti khon (hon ton min ph) v chia s nhng thit k ca mnh. Hin ang c 11406 mu thit k mi th loi t 3544 nh thit k. y s l b th vin m bn khng th b qua lc ang gp kh khn trong vic thit k. Cc tc phm t nhiu ngi khp ni trn th gii chc chn s l ngun cm hng cho bn.

Kt lun
trn ch l nhng chia s ca ring mnh, cn bn th sao nh? Bn c cch g vt qua rc ri trn? Hy mail ngay cho mnh v chia s cch m bn vt qua c cn bnh Cn tng mnh b sung vo bi vit cho thm sinh ng nha cc bn. Trong bi tip theo th s l bi v Ngun lp trnh, mnh s gii thiu nhng ni m bn c th hc hi v trao i kin thc v lp trnh web HTML/CSS/PHP.

34 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Ngun ca ti Ngun thit k

Ngun ca ti mt tiu rt l phi khng bn. Nhng m li rt cn thit cho cc bn ang v s l webdesigner & coder. Trong qu trnh thit k website chc chn bn rt kh khn trong vic tm cc ngun vector, icon, brush, hnh ca ngi mu, thin nhin.Hay thm ch l cc bi ging, chia s kinh nghim t cc ngi i trc. Trong loi bi vit Ngun ca ti mnh s gii thiu vi cc bn v cc ngun m mnh v ang dng trong thit k v lp trnh.

DESIGN RESOURCES Th vin Font min ph Dafont

Dafont hin ang c 12,486 font vi nhiu th loi khc nhau nh vit tay (Grafitti, vit u), nt thng, font theo ngy l (hallowen, valentine) v cn nhiu th loi khc na. Cc font trn dafont hu ht u cho bn ti min ph, nu nh c kh nng th nn donate cho font ca h. Tuy nhin bn cng phi xem cc qui nh v chia s trong tp tin Readme.txt km theo tp tin nn khi download v.

UTM font cho ngi Vit Font ch p UTM

35 www.izwebz.com

Demon Warlock

Pht trin Web

2012

y l trang portfolio ca anh Michael inh Trung Kin, hin ang l Graphic designer, bt u thit k font t nm 2003 vi font VNI-Ong Do l tc phm u tay. UTM l l vit tt ca Unicode Thin Minh, b font c rt nhiu th loi (vit tay, nt m, trang tr, chc mng nm mi), v mang m phong cch phng Ty ln phng ng. V hai font m mnh thc s thch trong b font UTM l UTM Neo Sans Intel v UTM Avo, va mang phong cch Ty, va g c ting Vit. L mt webdesigner th chc chn rng UTM l mt b font m bn cn phi c.

Free Icon Iconfinder

Vi 155,756 icon c ng ti v 810 icon sets c to ra, v tt c u c ti min ph. Wow!!! Tht tuyt vi phi khng cc bn. y l ni m mnh tm kim v download icon min ph cho cc thit k ca mnh. Ch vic g t kha m bn mun kim nh heart, arrow, icon, facebook chng hn, tt c u c.

Free Vectors Vecteezy

36 www.izwebz.com

Demon Warlock

Pht trin Web

2012

c thnh lp vo nm 2007 bi anh chng Shawn, n nhanh cng tr thnh mt website chia s vector min ph ln. Vi khu hiu Stupid Name. Cool Vector Art!, Vecteezy tp hp nhiu mu vector t cc nh thit k trn th gii to thnh mt ngun ln cho bn la chn. Cc vector u c ti v s dng min ph cho cc d n ha v thit k ca bn. Tuy nhin, khi ti v bn phi ng vi nhng quy nh do nh thit k ra khi ti v s dng.

Free PSD Brushes Brusheezy

y cng l mt sn phm na ca anh chng Shawn, hin nay th c thm 2 ngi na cng pht trin Jonathan v Erin. Mi thng c hn 1,2 triu lt download, v ang c hn mt ngn thnh vin cng hot ng chia s trn brusheezy. Ngoi cc brush mu th website ny cn cung cp c cc patern, action, file psd,v.v Chc chn rng y l ngun m bn khng th b qua c trong qu trnh thit k.

Hnh nh min ph SXC

37 www.izwebz.com

Demon Warlock

Pht trin Web

2012

SXC c a ra vo thng 2/2001 nh mt s thay th cho cc nh thit k khng th mua c cc nh vi cht lng cao v t tin cc website khc. tng l to ra mt trang web ni m nhng ngi sng to c th trao i hnh nh ca h tm cm hng lm vic. Trang web pht trin thnh cng ng ln vi hn 2.5 triu thnh vin v khong 400.000 hnh nh trc tuyn t 30.000 nhp nh trn ton th gii c ng ti vi nhiu th loi khc nhau (thin nhin, cht liu, kin trc, ..) bn ch vo v g t kha mnh cn tm, ting Anh thi nh.

Kuler Color

Vi ch Explore, create and share color themes tm dch l Khm ph, sng to v chia s mu sc. Kuler l mt sn phm ca ng trm ha Adobe. Vi mc ch l to ra nhng b su tp mu sc, gip cho bn nhanh chng trong vic la chn mu sc cho thit k ca mnh. Vi hng ngn b su tp c to ra, th y chc hn s l website m bn khng th b qua c. B cng c ny s c mnh gii thiu r hn trong bi 3 ca series v mu sc trong thit k. n xem nghen.

PSD Tutorials Plus

38 www.izwebz.com

Demon Warlock

Pht trin Web

2012

PSD+ thuc h thng ca Envato, vi mt i ng nng ng, sng to, v giu tr tng tng t khp cc ni trn th gii. H cung cp cc bi vit chia s kinh nghim, video tutorial v photoshop t cn bn ti nng cao. Vi cch lm vic y kinh ngim v thm thin chc chn s cung cp cho bn nhng bi hng dn y cht lng.

Webdesign Tutorials Plus

Webdesign+ cng thuc h thng Envato, nhng khc vi PSD+. H ch cung cp cc t liu v thit k web, cng vi mt i ng sng to, v y ng kinh nghim v WordPress, webdesign, html/css. Cng vi kin thc t cn bn ti nng cao, cc cng ngh hin i nh HTML5 v CSS3, v cn c nhiu nhng tip rt hay khc ang i bn khm ph.

Kt lun
Ch ch, rt nhiu ng khng cc bn. Nhng m ch l Ngun thit k thi. Trong phn sau, mnh s gii thiu vi cc bn Ngun tng, trong bi ny mnh s gii thiu v nhng ni m bn c th hc hi kinh nghim cng chim ngng v th mnh cng c sng to ca cc webdesigner trn ton th gii

39 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Chng 2 : Thit k v xy dng website

Ti nn lm trang web v ch g?
Mun to ra c mt trang web thc s c ch v mang li gi tr cho ngi c, bn phi bit nhiu v lnh vc m bn s vit v n. Nhng bit nhiu v n cng cha m bn phi c am m na. Bi v to ra mt trang web thc s khng phi l vic mt sm mt chiu, m l c mt qu trnh lao ng v sng to. Nu bn khng thc s c nim am m, th ch vi ba l bn s chn v trang web ca bn s kh c th thnh cng.

Do vy to ra c mt trang web hay bn nn

To trang web c ch lin quan trc tip n cng vic hoc bn c nhiu kinh nghim v ch . Mt trang web v cng vic hin ti ca bn cng l mt cch kh ph bin. Ni n gin nu bn lm v ngh chy bn, nu bn thc s gii v c nim am m. Bn hon ton c th lm mt trang web v ngh chy bn. Bn c th vit v cch thc bng b n, cch thu tin, cch lm sao cho khng qun nhng g khch ku .v.v..

Hoc bn c th ngh li bn thng thch lm g nht lc rnh ri? Uhm, ti khng ni l ng ngy hoc ngi ngoy l tai. Bn thch cu c? lm lun mt trang v cch bt giun, chn mi, ch no nhiu c, loi c no hay cn cu. Bn thch nui c hoc trng cy? sao khng lm mt trang web v ti . Bn c th vit rt nhiu v cch nui c trong ma ng, cch chm sc khi c trng, cch trit cnh, cch bn phn .v.v.. Ni chung ai trong s chng ta cng phi c t nht mt nim am m no . Nu bn khng pht hin ra, th nh bn b, cha m, anh ch em tm gip h bn.

Nu thc s bn khng c g vit

Nu vy bn th vit blog xem sao! gi Yahoo cho php bn to mt blog c nhn trong vng vi pht. Bn c th huyn thuyn v vic ti hm qua nhu xn b nh tai. Hoc vit blog v

40 www.izwebz.com

Demon Warlock

Pht trin Web

2012

ca thn con ch hng xm lm bn mt ng .v.v.. sau mt thi gian di vit linh tinh, bn cng c th nhn li v thy rng c nhng bi bn vit c nhiu ngi hng ng, nhiu ngi pht hin ra bn c khiu hi hc lc bn c th c rt li v tm ra hng i cho mnh. Bi v blog cng thc cht l mt dng trang web vy. Tm li, lm ra mt trang web bn cn hai yu t quan trng nht: Kin thc v am m. Hy rng tm xem bn thch lm g nht v ti no bn c th b ra hng gi ni v n m khng thy chn.

41 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Mt trang web mt ch
Nu bn c c Series v chin lc pht trin trang web chc bn cng c bi Chn ch cho trang web. Trong bi ti ni v cch chn ch cho trang web th no cho ph hp. Trong bi ny chng ta hy xem xt thm mt kha cnh khc v nhiu ch trn mt trang web. Hm nay ti c ngi lt web mt cht v v tnh vo my trang web Vit Nam. Mt iu ti nhn ra trong rt nhiu trang ti c gh thm l nhng trang mun bin mnh thnh mt cun bch khoa ton th. Ti thy trang web c rt nhiu ni dung nhng chng bit u l ni dung chnh ca trang web. C nhng ch ch c 3, 4 bi vit v nhng bi vit cng hi ht khng chuyn su. Thm ch cn c nhng ch chng lin quan g n ni dung chnh nh: m nhc, truyn ci, hi nhng ngi yu chp nh trn mt trang web chuyn v thit k web. Vn y l khng phi bn khng c quyn m nhiu ch . Nhng m bn c sc v lc bao ht cc vn khng? Ti sao bn phi m ra nht nhiu ch ri li khng tp trung vo lnh vc th mnh ca mnh. C rt nhiu din n c n c trm box, vi chc MOD v c chc ngn thnh vin. Nhng nhng box nh thn con gi, xm con trai, t vi bi ton, l s x v.v.. liu c ph hp v phc v mt mc ch no khng?

Chnh v th nu bn chn ra mt ch lm lnh vc trung tm, hy tp trung vo lnh vc v ch c lnh vc m thi. Hy lm cho tt nhng g bn chn t hn s thnh cng. ng qu m m ri khng c ci no l thc s ra hn. Tc ng Vit Nam c ni mt ngh cho chn cn hn chn ngh l vy.

42 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Tuy nhin nu bn c kh nng lm vic vi cng cao v c th bao qut c nhiu vn . Hy m mt trang web khc vi domain khc v tch n hn ra ni dung m bn ang lm. V d ti rt thch nui ch, ti khng th m thm vi Categories trn izwebz v cch chm sc ch. Nhng nu c nhiu thi gian ti s lm mt trang hon ton mi v cch nui dy ch. Mt v d rt r rng cho bi vit ny l h thng cc trang tin tc ca FTP nh: vnexpress.net, gamethu.net, sohoa.net, ngoisao.net. Tt c nhng trang ny u thuc quyn s hu ca cng ty FTP nhng mi trang v mt ch khc nhau v h lm rt tt vic ny.

Kt lun
Ch ca mt trang web l linh hn ca trang web . Trang web c tn ti c hay khng v c thnh cng hay khng ph thuc vo cch m bn xy dng ni dung xunh quanh ch chn. ng v b tng hoc thch phong ph m m rng trang web sang nhng lnh vc khng lin quan n ch chnh. Hy tp trung vo mt ch v lm tht tt hay ni cch khc mi trang web ch nn v mt vn .

43 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Gii thiu v Z-Layout

Z-Layout l mt cch tuyt vi bt u bt k d n thit k web. Bi v n gip web hot ng c hiu qu trong: h thng phn cp, xy dng thng hiu, cu trc thit k, v ku gi hnh ng. Z-Layout l v kh li hi nu nh thit k website bit phi hp cch b tr ca ZLayout v tng ca mnh. 1. Gii thiu v Z-Layout B cc Z-Layout thc s l kh n gin: ch vic p ch Z ln bn thit k ca mnh. t mc m bn mun ngi xem nhn thy u tin khi vo website u ca ch Z. T , mt ca ngi xem s di chuyn theo ch Z, v cho n cui ch Z l mc tiu. Bn hng ngi xem i theo nhng ni dung m bn b tr sn xy dng s tin tng ngi xem v cui cng l ku gi hnh ng no ca h. Chng ta hy nhn vo biu :

Ch rng mnh nh s cc im chnh dc theo ch Z, l nhng i din cho th t m ngi xem s xem ni dung trang. V bn hy xem mt layout thc t pha di:

44 www.izwebz.com

Demon Warlock

Pht trin Web

2012

By gi hy p ch Z ln layout trn:

45 www.izwebz.com

Demon Warlock

Pht trin Web

2012

n gin, phi khng? C chc chn khng c g phc tp v b tr ny nhng n nhanh chng v hiu qu, hng mt ngi xem i t im 1 n im 4 theo mt th t hp l kt thc vi li ku gi mnh m hnh ng. V mt vi lu khi bn thit k ti cc im nt nh sau:

Chn nn ph hp c th thu ht c s tp trung ca ngi xem. Biu tng phi to c s ch ngay t im s #1, thng y s b tr logo. C th thay i mu sc hoc hnh nh cui im s #2 hng ngi xem i theo ch Z. Trong v d l thay i mu sc ch signup. Mt Images slider n tng gia, iu ny s lm gip ta tch ring c phn u v phn cui ca thit k, v hng s ch ca ngi xem di chuyn t im #2 sang im #3. y bn nn nhng hnh nh v cty, sn phm, v.v Mt vi dng thng tin ngn gn, iu ny s gip cho ngi xem hu c bn lm g v bn mun g h. Ti im s #3 ny, thng tin phi cc k ngn gn v sc tch. Thng th ti y bn s thng tin v dch v, tm nhn, vn ha cng ty, v.v Cui cng l mt nt ln ku gi hnh ng im s #4.

2/ Ti sao li chn Z-Layout ? Z-layout chc chn khng cn phi l gii php cui cng cho tt c cc trang web, nhng n thng l mt la chn tt cho bt k d n thit k bi v n hi t 4 ca cc nguyn tc v mc ch ca mt thit k hiu qu:

Xy dng thng hiu H thng phn cp Cu trc thit k Ku gi mt hnh ng (t thin, quyn gp, ang k, mua hng,)

3/ Mt vi v d v Z-Layout 1. AVISIO

46 www.izwebz.com

Demon Warlock

Pht trin Web

2. Amnesia

2012

3. London Creative

47 www.izwebz.com

Demon Warlock

Pht trin Web

4. INFOCUS

2012

5. ARROWHEAD

48 www.izwebz.com

Demon Warlock

Pht trin Web

Bn c th xem thm ti y

2012

4. Kt lun
iu quan trng cn lu l Z-layout khng phi l m hnh b tr duy nht, cn c nhiu b tr khc tng ng vi bng k t ch ci. Z-Layout thng dng bi v cch b tr ca n n gin m tha mng nhiu tiu ch ca vic thit k website. Nu c th, mnh s gii thiu vi cc bn v F-Layout.

49 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Tm hiu F Layout
Mnh tng gii thiu v Z Layout, trong bi hm nay th mnh s hng dn cc bn v cng dng, chc nng ca F-Layout, y l mt trong nhng kiu layout ph bin i vi cc thit k hin i ngy nay. Thay v hng ngi xem i theo nhng v tr c xp xp sn nh Z Layout. Th F Layout li i su hn vo vic tm hiu mt cch c khoa hc cc thi quen chung ca ngi dng v a ra nhng mu thit k hp l. Trong bi ny th chng ta s tm hiu su hn v nguyn tc ca F Layout, ti sao n li hu dng v lm cch no bn c th to cho ring mnh mt thit k theo nguyn tc F Layout. GII THIU F LAYOUT Da theo cc nghin cu khoa hc, bng cch kho st v quan st ngi lt web, ngi ta nhn thy rng, ngi lt web thng c xu hng xem theo th t nh sau: trn cng bn tri, sau chuyn ng ngang v pha bn phi, n cui cng, sau h s chuyn hng xung dng pha di v cng c t tri sang phi. C nh th th h s to ra mt m hnh theo dng hnh ch F. Theo nh hnh v mu pha di th mt ngi xem s i chuyn t v tr s 1 > 2 > 3 > 4. V cch d hnh dung nht l n ging nh

50 www.izwebz.com

Demon Warlock

Pht trin Web

2012

cc bn ang c mt quyn sch vy, c c ht dng ny s xung dng k tip. i vi 1 website th ngi xem h cng lt qua tng i tng 1 theo nh trong mu trn. V cc i tng bn tri pha trn thng s l nhng i tng quan trng (logo, slogan, menu, bi vit). Cc i tng pha phi th thng t quan trng hn (slide-bar, sponsor, ads,.) Nu nh thit k vi F Layout th bn s c c nhng li th sau: - Nhn hiu, thng hiu l nhng i tng u tin c ngi xem ch u tin. - Cc hnh nh, tiu , bi vit s c ch nhiu hn. A F -LAYOUT VO THIT K Bn hy xem mt mu thit k trong 1 d n m mnh ang thc hin dang d.

51 www.izwebz.com

Demon Warlock

Pht trin Web

2012

52 www.izwebz.com

Demon Warlock

Pht trin Web

2012

V nu nh bn nhn vo thit k trn th bn s i theo nguyn tc m mnh nu ln trn. V khi mnh gn ch F vo th c th d dng thy c tc dng ca thit k F Layout, khi vo web, theo thi quen, ngi xem s xem qua logo ca bn trc, sao l cc lin kt (1-2). Sau , ngi xem s chuyn v u v chuyn sang dng th hai, y cc bn c th silder hoc mt mu qung co gy ch cho ngi dng. Tip , ngi xem s xung dng di v cc i tng pha bn tri (3) nh thumbnail hnh nh, title v mu tin ngn gn. bn phi (4) th l cc box cha menu, category, ads, social, V nhng i tng pha ny t c ch n.

53 www.izwebz.com

Demon Warlock

Pht trin Web

2012

54 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Khong cc gia cc dng trong F Layout c th c chiu cao khc nhau, tuy nhin cc nh thit k li thch cho thit k ca mnh mng li (tc khon cc gia cc dng ngn li) nhm tng ln tng s qut ca ngi xem, tuy nhin, th cch ny li c th gy ra tc hi l lm cho ngi xem b chong vi lng thng tin dy c. Nhng chng ta li c th gii quyt vic bng cc sau mt vi dng th chng ta c th thm 1 break object (qung co, hnh nh vui nhn, l mt), mc ch l loi b s nhm chn cho ngi xem. Ngoi ra, cc i tng pha bn tri, chng ta cng c th thit k sao cho bt mt, nhm gy s ch ca ngi xem. U V KHUYT IM Z Layout c hiu qu khng? Cu tr li l C, nu nh cc bn th hu nh cc blog hin ny iu c thit k vi F Layout (Izwebz cng thuc F-Layout) V ti sao n li c yu thch n th? Bi v n gin n l thi quen t nh khi chng ta c sch, tri sang phi, trn xung di. Nn rt d dng v thoi mi cho ngi xem. Mt im tt nht F-Layout chnh l SEO, chnh cc tiu v ni dung ngn gn bi vit rt tt cho SEO. Tuy nhin, n cng c nhng nhc im l: - iu bt buc l ni dung nng phi nm trn. - Ngi dung ko c chi tit ch, m ch xem hnh v tiu , do , cc hnh nh v tiu phi c chn lc k cng. Ch : Ni dung l ch cht gi chn khch hng, slice-bar v cc i tng bn phi ch l ph. THIT K MU 1.DesignSnack

55 www.izwebz.com

Demon Warlock

Pht trin Web

2. Phototuts

2012

3. CreativeSessions

56 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Nguyn tc thit k web hin i

Mt iu lm au u cc Web Designer nht v cng l vn c hu nht ca lnh vc thit k web l vic tng thch gia cc trnh duyt. Trong bi ny, chng ta s khng bn v lm cch no trang web tng thch vi mi trnh duyt m ti ch tp trung ni v hai nguyn tc c bn m mi ngi lm web no cng nn tm ti. Hai thut ng ny ting anh l Progressive Enhancement (Nng cao ly tin) v Grateful Degradation (Ging cp d chu ><). Vi nhng ngi thit k web kinh nghim, th y l hai khi nim lun i chung vi nhau trong qu trnh thit k mt trang web. n gin th cp khi nim ny c to ra khi thit k trang web phi lm sao cho trang web c th truy cp c vi mi i tng ngi dng. Nhng i vi nhng trnh duyt hin i hn th c th p dng nhiu hn v mt thm m cng nh tng tnh kh dng ca n.

Grateful Degradation
Thut ng Grateful Degradation c p dng trong nhiu lnh vc c bit l trong c hc v in t hc. Nguyn tc ca n l khi lm ra mt sn phm th lm cho nhng th tt nht v ph thng nht, hay ni cch khc l tp trung pht trin cho s ng trc khi mi quay li h tr cho phn cn li. Cn trong lnh vc thit k web th bn c th lm sao cho trang web ca mnh hin th tt nht trn nhng trnh duyt hin i v khng c li. Bn cng c th p dng nhng khi nim mi v CSS3, HTML5 cung cp cho nhng trnh duyt hin i nh Chrome v Safari.

Sau khi to ra nhng hiu ng mong mun, bn s quay li nhng trnh duyt c hn v ging cp n t t. V d khi bn p dng hiu ng bo trn gc cho trnh duyt hin i bng CSS3. Sau quay li dng hnh nh to ra hiu ng tng t vi nhng trnh duyt thp hn. Nh th nhng ai s dng trnh duyt hin i s c hng li nh kh nng mi ca trnh duyt, cn vi nhng ai khng c th vn c th s dng c.

57 www.izwebz.com

Demon Warlock

Pht trin Web

Progressive Enhancement

2012

Thut ng ny c gii thiu mun hn nhiu, khong nm 2003. N ngc li vi thut ng trn l chng ta xy dng trang web cho nhng trnh duyt km h tr nht sau t t b sung nhng tnh nng mi cho nhng trnh duyt hin i hn. V d cho khi nim ny l khi bn lm mt h thng menu ca trang web s dng JavaScript to hiu ng cho p mt hn. Nhng trc khi thm JavaScritp, bn nn to mt h thng ch c m HTML cho nhng ngi khng bt JavaScript hoc c CSS vn c th xem ni dung trang web ca bn. Sau bn mi s dng CSS lm cho menu c th Dropdown hoc Fly Out. nhng ai khng c JavaScript vn xem c. V cui cng mi l s dng JavaScript cho menu thm bt mt cho nhm ngi c cui cng.

C cn phi hon ho n tng chi tit

y l cu hi m cu tr li cn phi ph thuc vo nhiu yu t nh thit k, nhm ngi c, phc tp ca code v.v nhng tu chung ngi ta ch yu cu bn lm sao cho trang web mc c bn nht nh l khng c hnh nh, khng c CSS v c JavaScript vn c th s dng c tuy khng p bng phin bn y . Theo kinh nghim ring ca ti th i vi nhng trnh duyt qu c nh IE 6, 7 th min sao ni dung trn trang web ca bn vn c th c c l c. Chnh v th Google n mi c on code ci sn, nu ai s dng IE 6 m truy cp vo trang ca bn. N s ch a ra phin bn c bn nht l ch c ch m khng c hiu ng g c. Tt nhin v yu cu cng vic hoc c th ca mt trang web m ngi ta vn mun trang web phi p d vi nhng trnh duyt c. Nhng bn khng phi chnh xc n tng pixel. Bn kh c th lm mt trang web nhn ging nhau n tng Pixel trn cc trnh duyt khc nhau c. Ni v d nh padding bn IE 6 ht mt 2 px so vi Firefox, hoc menu li c gch chn cui cng danh sch vi IE 6 v.v. nhng khc bit nh nh th khng nh hng n ton b giao din.

58 www.izwebz.com

Demon Warlock

Pht trin Web

2012

i khi bn cng phi t hi c cn thit phi s dng c mt qun th code ch sa mt li l ci border ca list item khng? Nhng th khng trc tip nh hng n tnh kh dng ca trang web i vi nhng trnh duyt c th bn khng nn qu kht khe lm g.

Kt lun
Hai khi nim trn l nhng nguyn l rt hay m nhng ngi lm web c kinh nghim hay lm theo. p dng n nh th no v mc no l ty thuc vo bn v ty thuc vo Project m bn ang lm. Nhng ng tp trung qu vo nhng trnh duyt hin i m b i nhng trnh duyt km hn. Hoc ng qu quan tm ti sao trang web ca mnh li lch sang phi 3 px IE 6 so vi Firefox.

59 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Mu sc trong thit k
Mu sc l mt phn trong cuc sng ca chng ta v i vi mt ngi thit k th mu sc v cng quan trng. Mt sn phm p l s phi hp hon ho ca b cc v mu sc. Do , mu sc ph hp s lm cho thit k tr nn sinh ng, bt mt v n trc tip tc ng n cm tnh ca ngi xem. Trong bi nay, mnh s gii thiu vi cc bn nh ngha v mu sc, cc h mu, cc gam mu trong thit k.

Phn 1: Mu sc v phn loi mu sc Mu sc l g?

Mu sc c t rt lu, nhng m vn cha c mt nh ngha chung no dnh cho mu sc. V c l con ngi l mt trong nhng sinh vt may mn nht c th nhn bit c mu sc. Thng thng, mt ngi nhn bit c v vn mu sc v cc mu sc lun bin i da trn mi tng quan gia nh sng v gc nhn.

Hnh nh minh ha Mu sc trong thit k Trong thit k, mu sc to nn sc ht, tm l v phong cch. Ngi ta c th dng ngh thut phi mu ni ln tng ca mnh m khng cn n li ni hay cu vn.

60 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Mu sc ngoi ci p tri cho cn c mt chiu su kn o, chnh ci iu k diu y lm rung ng lng ngi. Tt nhin khng phi lc no mu sc cng p, khng phi lc no mu sc cng hi ho. V vy ngh thut phi mu s b p nhng khuyt im . Mu sc lun tc ng n cuc sng ca chng ta. Mu sc c ngn ng ring ca n m chng ta phi t cm nhn. Mu sc c sc mnh lm tm hn chng ta rung ng. Cc h mu trong thit k RGB (Red) Xanh l cy (Green) v Xanh da tri (Blue). y l h mu c s dng nhiu nht. V cng l h mu cn bn v ph bin nht trong thit k website v chnh sa hnh nh. Vi 3 mu c bn ny chng ta c th phi thnh hng t mu khc, ty vo mc ch s dng.

H mu RGB CMYK H mu ny ch yu c dung trong in n sch bo, tp ch, v.v. L s phi hp gia Cyan (da tri), Magenta (tm), Yellow (vng) v black (en).

H mu CMYK

61 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Lap l mt khng gian mu c lp v chnh sa mu trong h ca n l mt cng vic th v v mt s di chuyn nh nhng trn knh a hoc knh b cng to ra nhng thay i mnh m nht v mu sc. Lab l h mu rt thch hp trong chnh sa nh KTS.

H mu LAP H mu HSB -Hue lin quan n mu sc, Saturation ( thm qua) xc nh s lng mu sc v Brightness ( chi) lin quan n s lng nh sng c trong mu sc. HSB thng c dng trong vic chnh sa nh chn dung.

H mu HSB

62 www.izwebz.com

Demon Warlock

Pht trin Web

Cc gam mu sc c chia lm 8 loi

2012

Mu nng: Mu nng t mang trong n s li cun v gy ch , c tnh phn chiu cao. To nn nhng tng ti vui, ci m, kch ng, N c tc ng mnh m n khng gian trong b cc chung. Mu nng gm 2 mu chnh l v vng cng cc mu tng cn ca chng (nh cam, hng, tm , vng xanh lc). Mu lnh: nhng mu cho ta cm gic mt m, v d nh: xanh lam, xanh l cy, en, tm Mu lnh lm cho bc hnh cm gic ti tn, to sng, gi cm gic mt m, nh nhng. Mu lnh i lp vi mu nng.

Mu nng v mu lnh Mu tng phn: l s i lp ca mu nng v mu lnh. Tng phn vi cc h thng cc mu gc: Xanh = C, Vng = Y, = M, nh c mu tng phn m bc hnh t c s rc r. Mu tng phn thng l nhng mu gc hoc c tnh gc cao. Bn thn cc mu ny c mnh th gic cao, nn khi t cnh nhau trong mt b cc, cc mu s to nn th cm mnh. Vi nhng mu nng v lnh ng cnh nhau, s tng phn s du hn nu c thay i sng ti. Mu tng ng: Vi nhng mu cng Gam nng hoc lnh c mt s tng quan nht nh, chng c gi l mu cng tone, hoc mu tng ng. Trong thc t, mu tng ng vn c

63 www.izwebz.com

Demon Warlock

Pht trin Web

2012

th cha mt lng mu tng phn hoc ngc li, vn l phi xem xt lng mu trn mt din tch v vai tr ca n n quan h ho sc.

Mu tng ng Mu v sc: L nhng mu m khi ta ho trn chng vi nhau khng to nn c mu mi. V d en, trng v cc thang xm khi c ho trn.

Mu v sc Mu b tc: Nhng cp mu b tc l nhng cp mu c tnh tng phn mnh, gm c nhng cp mu c bn sau y. Xanh lc, Da cam Xanh lam, Vng Tm. Nhng mu ny khng th gy cm cm gic ng thi i vi con ngi, chng hn khng th c mt mu gi l lc hoc vng tm. iu ny tng t cm gic v nhit , khng c cm gic no c gi l cm gic nng lnh, m l nng hoc lnh.

64 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Mu sc : y l thut ng ch m nht ca tng loi mu. S thay i ny ph thuc vo vic ta cng thm mu en hay mu trng cho mu gc to nn cc di mu. Mu trng s cho ta mu sng hn cn mu en th ngc li. Mu sc iu: L khi nim ch s bin thin ca mu sc. S kt hp gia cc mu hu sc s cho ta thy iu ny. Bn c th d dng hiu c th no l mt bc hnh ng vng, tone xanh hay thin chnh l hiu qu ca s kt hp cc mu. Mu en, trng v xm khng c sc iu m ch c sc m thi. Vng trn mu cn bn (The color wheel) Vng trn mu cn bn c 12 cung chia u theo hnh nan qut trn din tch hnh trn, mi cung c 8 cp mu i dn vo tm vng trn t m n nht. 12 cung x 8 cp s to ra 106 mu cn bn v c nh s t 1 n 106 cng l k hiu khi ta chn mu. V d: S 1 l mu sm nht (C:0 M:100 Y:100 K:45) s 36 l mu vng ti (C:0 M:0 Y:100 K:0) s 84 (C:80 M:100 Y:0 K:0) l mu tm ru np than (hc nghe mthm) s 68 (C:100 M:60 Y:0 K:0) l mu xanh nc bin

Hnh nh minh ha Vng trn mu cn bn c to ra t 3 mu: Vng Lc lam. T ba mu ny, mu sc c pha ln hai mu vi nhau . V d nh hnh bn trn, ta pha 2 mu Blue+Yellow=Green, Red+Yellow=Orange, Red+Blue=Violet. Ri c ha trn vi nhau nh th ta s c hn 3.400 mu thng dng nht trong thit k ho v nu c pha , pha v pha trn mi bn s c hng ty t sc mu cho ring bn.

65 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Thit k vi ngi c l trung tm

Cho d mc ch ch yu trang web ca bn c l kim tin hoc ch n thun l chia s thng tin vi mi ngi, th ngi c bao gi cng l yu t quan trng nht. Ni ngn gn, khng c ngi c th s khng c trang web. Cho nn vic bn thit k trang web ca bn, y ti khng ch gii hn vic thit k giao din, m ti mun ni rng hn l cch bn sp xp b cc, banner qung co, trang ng nhp Hy lun t v tr ngi c l trung tm.

t banner qung co quan trng hn ni dung

Trong bi khng nn lm dng qung co ti ni n nhng iu bn cn ch khi t banner qung co trn trang web. Trc y nhng trang web hng dn kim tin trn mng lun khuyn cc webmaster mun kim c nhiu tin, th phi t banner ch d thy nht l nm mn hnh u tin khi ngi c m trang web, m h khng phi ko chut xung. ng l khi t banner nhng v tr mang li cho bn nhiu tin hn, nhng bn c ngh cho ngi c khng?

Khi vo mt trang web ln u tin t kt qu tm kim ca Google, ci u tin p vo mt l mt banner ln chim ht phn u. Ko xung di mi thy mt cht ni dung, c c mt na li mt banner na v cui trang tc gi cng khng qun kt thc bng mt banner na. l cha k xung quanh cn v s nhng banner khc. Nu y l ln u tin ti n trang web ny, ti s c cm gic rng tc gi ch mun kim tin ch khng quan tm nhiu n nhu cu ca ti l tm kim thng tin.

66 www.izwebz.com

Demon Warlock

Pht trin Web

Pop up bt ng k thnh vin

2012

My hm trc khi ang tm thng tin trn mng, ti tnh c vo mt trang web ca Vit Nam. Cha thy phn thng tin mnh va tm kim u c mt pop up c theo mi con tr chut bt ng k thnh vin. Thc s th ti cng c th ng k thnh vin cho forum nu n c ni dung hay, nhng ch t cng phi cho ti c c hi xem bn vit v ci g . Ti cn cha c dp c th b pop up lm phin nn nh quay li trang kt qu tm kim v th trang khc.

Bt ng k thnh vin mi cho xem ni dung din n

y l ti c th gy tranh ci v c ngi ni nu cho h xem cha th h s khng ng k thnh vin v khng tham gia din n. Nhng theo kin ca ring ti th bn khng cn phi bt h ng k thnh vin mi c xem ni dung din n bi v nhng l do sau:

t nht th bn cng phi cho ti bit ni dung ca bn c thc s hay khng . C qu nhiu din n cho ti la chn, nu vic c thng tin din n ca bn kh khn n th. Vy ti i sang trang khc. Nu h thch xem cha th cho d c ng k thnh vin, h cng chng chu vit bi. iu quan trng nht y l bn mun c cng nhiu ngi c cng tt, bi v nhiu ngi c, bn c nhiu traffic v l gi tr duy nht khng nh s thnh cng ca mt trang web. Nu ni dung din n ca bn thc s hp dn ti, ti s t ng ng k thnh vin. C rt nhiu trang web trn mng khng bt buc bn phi lm bt c mt th g m bn c hon ton xem ni dung ca h. iu duy nht h mun bn l quay li trang web ca h cng thng xuyn cng tt. Nu mun xem m khng cn ng k thnh vin, h ch cn dng chc nng Cache ca Google. Nhng chc chn bn khng mun ngi c ca mnh phi vt v n vy mi xem c.

Kt lun
Ni chung khi bn lp ra trang web th bn lun mun c cng nhiu ngi bit n trang web ca bn cng tt v cng nhiu ngi c cng tt. Khi thit k cc thnh phn ca trang web, hy t ngi c l v tr trung tm v bn thit k sao cho h thy tin li nht khi tip cn thng tin trn trang web ca bn. Nu hiu ng ng ca banner p nhng load chm, b n i. Nu qung co chon ht ch ni dung, thay bng qung co nh hn. Nu phn menu c Javascript tuy hay nhng kh s dng, thay bng menu thng trc quan hn. Mt khi bn lun quan tm n ngi c v cung cp cho h ci h mun th sau ny h s cho li bn ci m bn mun.

67 www.izwebz.com

Demon Warlock

Pht trin Web

2012

n gin trong thit k

Thit k web n gin m vn p v hiu qu khng h n gin nh ci tn ca n. Ti am m ch ngha n gin trong thit k web. Ti rt b cun ht bi nhng trang web c thit k n gin v sng sa, nhiu khong trng, ch ngha r rng. Nhng ti li cng rt d ng vi nhng trang web nng v mt trnh by vi qu nhiu thnh phn d tha khng cn thit. Trong bi ny chng ta s tho lun v nhng th mnh ca cch thit k web n gin. C nhiu ngi cho rng trang web phi c thit k cu k th nhn n mi Pro, phi c nhiu hiu ng Java, Flash nhn n mi bt mt. Ti khng phn i kin ny bi v mi ngi mt thch. Nhng c nhn ti li cho rng nhng iu va nu trong a s trng hp l tha thi v khng cn thit. Hy ly lm v d mt s nhng thit k n gin m li thnh cng vt tri so vi nhng th khc c thit k cu k. u tin ai cng bit trang ch ca Google. Khng c g ngoi mt khung Search, khng l Google khng c i ng thit k no lm cho ci trang ch n ra hn hoc ci Logo n snh iu mt cht? c l h hiu c rng ta vo trang ch ca h ch search ch khng vo ngm cc kit tc Java hay Flash.

Ngc li vi Google l Yahoo! trang ch ca Yahoo th thc s nh mt m bng bong. Cng ngy cng ri, trc kia t gi cn t hn khi m mi th h u mun vt ln trang ch. T Hot Jobs, Online Degree, Movies, Weather thin a h b cc loi th trn trang ch. Trong khi ti ch mun vo check email, c cn phi nh th khng?

68 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Cn na gn y chc ai cng bit s bng n ca iPhone v iPod. Apple i mt nc c sng khng th sng hn. iPhone v mt thit k th n gin khng cn g phi ni nhng ai dm ni thit k l xu? N u cn mt trt, cng u cn xoay 180 , u cn bn phm th ra tht vo v cng chng mng n nt bm. y vy m bao ngi m mn iPhone v iPod. Bao nhiu i in thoi ra sau c mnh danh l st th ca iPhone nhng ri cng i vo qun lng. chnh l s n gin n hon ho trong thit k.

Nu bn vn khng tin th bn t hi bao ln bn s dng tnh nng Advanced Search trn bt c cng c tm kim no? chc t khi lm bi v chng ta khng mun phi i mt vi c chc nhp d liu v n ri mt qu. Hay ni cch khc l chng ta cng yu s n gin hn l phc tp.

69 www.izwebz.com

Demon Warlock

Pht trin Web

Di y l mt s nhng th mnh ca cch thit k web theo trng phi n gin.

2012

D xem, d c v d thy
Vo mt trang web c thit k khoa hc v c cu trc bn c cm tnh ngay hn l mt trang web c thit k cu th v lm dng hiu ng ng.

Gim thiu thi gian load

Khi lt web bn khng phi tr tin mt nhng bn phi tr bng thi gian. Trang no cng mt nhiu thi gian load th trang cng lm tiu tn thi gian ca bn. Do vy ngi dng Internet rt khng kin nhn v mi ln trang ca bn mt n 10 giy load mi ln click th bn cn xem li cc yu t nh hng n tc load ca trang.

Ni dung c nhn mnh nht

Bn vo mt trang web ch yu l tm thng tin ch khng phi xem nhng hiu ng nhp nhy, ngi sao bay nhy v.v.. vi thit k n gin, ngi ta s to ra im nhn cho ni dung v a thng tin ca trang web lm vn chnh.

D qun l
Trang web c thit k n gin cng d qun l, d chnh sa hn l nhng trang c qu nhiu thnh phn. N cng tit kim cho bn thi gian nu khng may xy ra li. M tit kim c thi gian l cng tit kim c chi ph.

Kt Lun
Trong bi ny ti khng c kch cch thit k phc tp. Mi mt trang web cn c mt thit k ph hp vi ni dung ca n. Nhng trang v game thng c thit k phc tp v nghing v Graphic hn l ni dung bi v nhm ngi c chnh qu quen vi nhng kiu Graphic s ri. H kh chp nhn kiu giao din ch c ton ch v khong trng. Nhng bi ny ti mun ch ra rng thit k web khng phi lc no cng phi cu k, honh trng mi l chuyn nghip, mi l hn ngi. Bn hy tm hiu k xem yu cu ca nhm ngi c ca mnh l g v thit k sao cho ph hp vi nhu cu ca h. ng trang im lng ly ri ch i t nh ra u ng rc.

70 www.izwebz.com

Demon Warlock

Pht trin Web

2012

To trang web thn thin vi thit b di ng

Vi s xut hin ca Apple iPhone v iPod touch, Apple tin phong trong cng ngh mn hnh cm ng a cham cho in thoi di ng cng nh cc thit b cm tay khc. Vi iPhone v iPod touch, hn bao gi ht, vic lt web bng DTDD li th v nh by gi. c rt nhiu ch s cho thy rng con s ngi s dng thit b cm tay lt web ang gia tng ng k. Trong s , phn ln l iPhone v iPod touch. Tuy hin ti Vit Nam iPhone cha thc s ph bin, nhng ai bit c rng trong vng nm nay hoc nm ti s c nhng thay i g. L mt webmaster, chng ta nn nhy cm vi nhng vn ny. Nu c iu kin, bn nn th xem trang web ca mnh hin th nh th no trong iPhone. Bn nn kim tra hnh nh, ng Link v nhng thng s khc. i khi nhng trnh duyt bnh thng, trang web ca bn hin th tt, nhng trong iPhone hoc iPod touch, n c th b v hoc khng theo bn. iPhone v iPod Touch c mt tnh nng cho php bn to icon ca trang web ra Home Screen, ta nh tnh nng to icon ra m hnh Desktop vy. Nu mc nh, n s chp li nh mn hnh ca trang web v a ra Home Screen ca n. Nhng l mt webmaster kh tnh, bn khng mun icon ca trang web li n gin nh th m phi chuyn nghip hn nh c logo ca trang web trong na. lm c vic ny rt d, bn ch cn to mt file hnh vi kch thc 6060 px v t tn l apple-touch-icon.png ( y PNG l nh dng hnh). Sau upload ln th mc gc ca trang web vy l xong. Hnh ny l icon ca izweb.com

Cch lm rt n gin nhng ngi c cng thy c rng bn quan tm n h n mc no.

71 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Responsive web design: Khi nim & ng dng

S pht trin nhanh chng ca cc tablet pc v mng 3G t ra mt yu cu chnh ng cho nhng ngi thit k web: giao din trang web phi thch nghi c trn tng loi thit b d cho ngi dng Iphone, iPad, netbook, BlackBerry, Kindle hay nhng chic in thoi di ng c mn hnh nh. V trong 5 nm ti s cn rt nhiu thit b c a ra th trng vi v vng cc rng buc mi v nhiu kch thc mn hnh khc nhau, bi ton ny s lm nhng ngi thit k tip tc au u trong thi gian sp ti. Pht trin nhiu phin bng khc nhau cho tng thit b? R rng khng phi l mt la chn tt, bi vi v vng cc thit b hin ti khin chng ta phi mt mi h tr tng y thit b cha tnh n nhng nm sau khi thi ca tablet ln n nh im. Vy bn phi hy sinh mt lng ngi dng trn mt vi loi thit b no hay c cn mt la chn no khc?

Responsive web design (tm dch thit k thch nghi) l mt khi nim khuyn co nhng ngi thit k v ngi pht trin phi p ng v thch nghi c vi mi trng (hay thit b) ca ngi dng v kch thc mn hnh, platform, trng thi xoay hay ng. Khi nim v Responsive web design Trong ngnh thit k responsive architecture khng phi l khi nim xa l, bn c bao gi n nhng cnh ca t ng ng m, n s t ng m ra mt khon khng gian va cho mt ngi hoc nhm ngi bc vo. Mt h thng iu chnh iu ha v nh sng t ng iu tit nhit v nh sng ty theo s lng ngi ang c trong phng

72 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Responsive web design khng phi l tng hon ton mi, n k tha v tng t nh responsive architecture, trang web khi c thit k phi c kh nng t ng iu chnh thch nghi vi nhiu nhm ngi s dng khc nhau.

Hin nhin mt iu chng ta khng th dng mt cm bin hoc mt chip thng minh nh cch m ngi ta lm khi xy dng ca t ng hay h thng nh thng minh. Chng ta phi nhn nhn n mt cch kh tru tng. Hin ti, mt vi tng c s dng: fluid layout, media queries v script c th nh dng li trang web v mark-up kh tt. Bn cng nn nh rng responsive web design khng ch l vic ty chnh cho ph hp vi kch thc mn hnh v resize li hnh nh, n m ra mt cch ngh hon ton mi v thit k. Chng ta s lt qua nhng tng c s dng v nhng tng ang cn nm trn bn giy. phn gii mn hnh Cng nhiu thit b, cng nhiu phn gii khc nhau, s ph bin ca nhng thit b nh iPhone, iPad v cc smartphone c th chuyn t dng xem ngang v ng mt cch nhanh chng.

73 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Thm na khi thit k cho c mn hnh nm ngang v mn hnh ng, chng ta phi tnh n hng trm kch thc mn hnh khc nhau. Ta c th nhm mt s kch thc li vi nhau v thit k cho tng nhm mt, v thit k ring cho tng nhm ny nu cn thit. Bn cnh bn cng phi bit rng kh nhiu ngi dng khng bao gi maximize trnh duyt ca mnh.

74 www.izwebz.com

Demon Warlock

Pht trin Web

Flexible layout

2012

Mt vi nm trc, khi flexible layout cn l th g xa x i vi website. Th duy nht flexible trong thit k l s lng ct v text. nh c th d dng lm v cu trc website. Vic thit k trn mt khong kch thc tnh bng pixel khin ngi thit k lng tng khi trang web chuyn gia cc kch thc khung hnh khc nhau.

Hnh nh cn phi c t ng iu chnh v khng c php lm v cu trc website, v ta khng lm mt sn phm in n. Khi kch thc nh khng b fix mt gi tr no , n mang li nhiu li ch hn mong i, tng tuyt vi cho nhng nhng thit b c th xoay ngang v ng. Trang web trn c thit k bng cch s dng markup mt cch thng minh, fluid grid, fluid image. C th tham kho thm nhng bi vit sau

Hiding and Revealing Portions of Images Creating Sliding Composite Images Foreground Images That Scale With the Layout Flexible Web Design: Creating Liquid and Elastic Layouts with CSS (book), Zoe Mickley Gillenwater

75 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Filament Groups Responsive Images K thut ny c gii thiu bi Filement Group, theo thay v resize li hnh nh, s load hn mt nh khc khi cn, cch ny c th tit kim c vic load nh ln ko cn thit vi cc thit b nh.

<img src="smallRes.jpg" data-fullsrc="largeRes.jpg">

76 www.izwebz.com

Demon Warlock

Pht trin Web

Media Queries

2012

CSS 3 vn h tr y media type t CSS2.1 nh screen, print, handheld, v b sung kh nhiu khai bo mi nh max-width, device-width, orientation, color. Mai mn thay nhng thit b chy android, ipad u khng s dng trnh duyt IE!!! nn bn an tm khi s dng nhng thuc tnh css 3. <link rel="stylesheet" media="screen and (max-width: 600px)" type="text/css" href="shetland.css" /> n hoc hin th ni dung R rng vic ch hin th nhng ni dung tht s cn thit trn nhng thit b c kch thc nh l cn thit, kinh nghim cho thy trn cc thit b di ng bn ch nn c mt thanh navigation n gin, nhn mnh ni dung, xem dng list niu dng tt hn l chia thnh nhiu ct

Touchescreen vs. Cursors mn hnh cm ng ngy cng ph bin. Nhng thit b c mn hnh cm ng thng c kch thc nh, r rng bn phi thy c rng vic tng tc qua ngn tay cn mt khon khng gian ln hn nh khi dng chut, mn hnh cm ng cng chng h c trng thi hover khi g bn ch c chm v chm

77 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Tng Kt Web design khng n thun l to ra sn phm p trong mt ngi dng m cn l cng vic to ra tri nghim mi cho ngi dng. Responsive web design nu c implement tt s tng tri nghim ngi dng nhng khng th gii quyt cho tt c mi ngi dng mi loi thit b, mi nn tng, n s cn c tip tc ci thin trong nhiu nm ti, nhng bn c th p dng n ngay hm nay cho nhng d n mi.

78 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Trang web c cn tng thch vi mi trnh duyt?

C rt nhiu bn khi mi bt u vi thit k web lun lo lng rng trang web ca mnh c tng thch vi mi trnh duyt hay khng? thc ra s dng t tng thch y cha hon ton st ngha, m l ra phi ni l giao din trang web c cn phi ging nhau y ht trn mi trnh duyt hay khng?. Trc khi bt u phn tch vo chi tit, ti mun ly mt v d trong cuc sng minh ha cho lun im ny. Bn bit rng khi i du lch bng my bay, h c hai loi v. V hng nht (hng thng gia) v v bnh dn (hng kinh t). Nu kh nng ti chnh ca bn cho php, bn c th chn i v hng nht th c nhng tin nghi nh: ch ngi rng ri hn, thc n ba n ngon hn, c phc v chu o hn, yn tnh hn v.v.. Cn nu bn chn hng bnh dn, th bn cng c phc v y . Nhng tt nhin khng th so snh vi v hng nht. Tuy nhin iu quan trng l cho d l v hng nht hay hng bnh dn th bn vn c th i n ch. Tuy mi s so snh u l khp khing, nhng hy tng tng nhng ngi s dng trnh duyt hin i l nhng hnh khch i v my bay hng nht. Cn nhng ngi s dng trnh duyt c hn l nhng ngi i hng bnh dn. Vi nhng ai s dng trnh duyt hin i nh Safari, Chrome, Firefox, Opera v IE9 th h c quyn c hng th nhng cng ngh tin tin nht nh CSS3 v HTML5. Cn vi nhng ai vn cn ang s dng nhng trnh duyt li thi th bn cn m bo rng h vn c th s dng c trang web m khng gp tr ngi no ch c iu h s khng thy c nhng hiu ng c bit m bn lm cho nhm ngi c kia. hiu r c lun im ny bn hy xem trang web ny vi ba trnh duyt: FireFox 3.6+, IE 8+ v Safari (hoc Chrome). Di y l hnh chp mn hnh ca 3 trnh duyt

79 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Vi trnh duyt IE th bn thy ch l mt hiu ng Hover n gin chuyn t mu xm sang xanh. Vi FireFox bn thy khc bit l c hiu ng bo trn. Nhng vi Safari th bn s thy n chuyn ng mn mng v p mt hn nh nhng tnh nng mi ca CSS3. V c bn khi mi truy cp trang web ny bng ba trnh duyt khc nhau th bn khng thy g khc bit. iu khc bit ch xy ra khi chng ta bt u tng tc vi cc thnh phn trn trang web. Tc gi ca trang web ny kho lo cho nhng ai s dng trnh duyt hin i c nhng tri nghim th v hn, nhng h vn m bo rng chc nng chnh ca ng lin kt l khng thay i. Thm mt v d na v s khc bit gia v hng nht v hng bnh dn. Bn c th truy cp trang web ny vi 3 trnh duyt nu trn. Cng ging nh trang trc, s khc bit ch l nhng hiu ng lm cho trang web thm p v sinh ng. Nhng nu trnh duyt ca bn khng h tr, th bn vn c th s dng trang web ch c iu bn mt i c hi chim ngng nhng k thut tin tin hn. Qua hai v d trn ta thy rng, ngi ta chia trang web ra lm hai tng. Tng th nht l v bc bn ngoi ni bn c th trang tr, v vi. Tng th hai l ni dung v chc nng ch yu ca trang web. Chng ta phi m bo rng ngi c lun c tip cn ni dung ca trang web mt cch ton din nht v s khng gp kh khn g khi s dng nhng chc nng ch yu ca trang web. Tuy nhin, vi nhng ai c th, chng ta s tc ng vo tng th nht cho tri nghim ca h c th v hn v h s nh trang web ca chng ta hn. V d nh khi ti gii thiu cch s dng bo trn gc bng CSS3, c rt nhiu ngi email hoc comment rng th cn IE th sao? trong IE hiu ng bo trn khng c! iu l hin nhin v ngi thit k phi bit. Nhng khi bn ng trc nhng la chn v mt k thut. Bn c th s dng JavaScript bo trn gc, hoc l s dng hnh nh thay th hoc l chp nhn thc t rng nhng ai s dng IE s khng thy c hiu ng bo trn. y bn phi hiu r rng bo trn gc, hiu ng bng, transition l nhng k thut thm mm, dm mui cho trang web thm sinh ng. Nu gc bin t trn sang vung hoc mt i hiu ng bng th n c nh hng n chc nng ca trang web hay khng? ni dung ca trang web c b thay i hoc hn ch hay khng? l iu bn cn cn nhc.

Kt lun
Trong bi vit ny ti mun bn hiu rng thit k web khc hon ton vi vic dn trang bo. Vi nhng n s nh phn gii mn hnh, trnh duyt, font ch, h iu hnh v.v.. bn khng th m bo rng trang web ca bn ging nhau 100% tt c cc trnh duyt. Nu khng may logo ca bn b lch sang phi 5 px trong IE bn c th a) chp nhn n nh mt thc t b) tm cch gii quyt vn cho bng c (tt nhin s phi tr gi). Nhng c mt iu chc chn rng, d cho ngi c c s dng nhng trnh duyt c hn th bn vn phi m bo rng chc nng chnh ca trang web khng b thay i v ngi ta vn c th xem ni dung ca trang web m khng gp phi tr ngi no. Nh v hng nht v hng bnh dn cng s i c t A n B, nhng tri nghim trn chuyn bay ca mi ngi mt khc.

80 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Thn trng khi dng hnh minh ha

S dng hnh minh ha cho bi vit l vic rt nn lm. N lm cho bi vit sinh ng hn, lm ch ngh cho mt, cho ngi c d hiu hn bi v mt tm hnh ng gi ngn t. Nhng c vi iu cc bn cn lu khi s dng hnh minh ha cho bi vit cng nh cho nhng thit k cho khch hng hoc trang web ca mnh. Nh cc bn bit qua lot bi gii thiu v lut bn quyn trn izwebz.com, bt c th g trn mng nu khng phi ca bn to ra u c bn quyn. Chnh v th hnh minh ha nu khng phi bn t lm ra th cng khng thuc quyn s hu ca bn. Chnh vic nay gy ra mt s rc ri v mt php l nu bn khng cn thn khi s dng hnh minh ha hoc lm nguyn liu thit k trang web cho khch hng. Trc y ti cng hay mc li ny l khi mun tm hnh minh ha cho bi vit c Google ri copy hnh v lm hnh minh ha. i vi nhng trang web nho nh nh izwebz th thc t cng chng ai my quan tm m kin co. Nhng i vi nhng trang web ln hn, trang web thng mi, trang web ca mt cng ty ln th vn li khc. C th ngi gi bn quyn ca tm hnh s kin bn v bn s gp rc ri v mt php l. Nh nhng th ch vic b tm hnh cn rm r th mt c thng gii quyt vn .

Chnh v th mi khi quyt nh s dng mt tm hnh minh ha no, bn phi bit chc chn rng mnh c quyn s dng hnh v s khng gp rc ri g v mt php l. Ti bit dn thit k lu trong my c ngn tm hnh lm nguyn liu thit k. Nhng my ai trong s c bn quyn s dng nhng tm hnh ny. Nu bn s dng n thit k cho khch hng l mt cng ty ln chng hn. Khi ngi gi bn quyn tm hnh mun lm tin th h s kin co v i bi thng. Lc th s vic s rt phc tp v bn s l ngi trc tip chu trch nhim. K c khi bn c ti khon c s dng hnh nh trn nhng trang web chia s hnh nh. Nhng bn cng nn b cht thi gian c Service Agreement ca h hiu v nhng yu cu s dng

81 www.izwebz.com

Demon Warlock

Pht trin Web

2012

hnh nh ny. Rt nhiu trong s cho php bn s dng cho mc ch thng mi, nhng hu ht li khng cho php chia s li nhng hnh nh ny. Ti bit lut bn quyn hin nay cha thc s nghim khc, nhng nu chng ta bit lut v hiu lut th khi ha nhp vi lut mi chng ta s t b ng hn.

Kt lun
S dng hnh nh cho bi vit v thit k l thi quen tt, nhng s dng sao cho ng cch l iu mi ngi lm ngh thit k cn phi suy ngh. Vi nhng trang web nh th vic ny khng qu quan trng, nhng vi nhng khch hng ln, cc bn phi ht sc cn thn v trnh mi rc ri sau ny cho h v cho mnh. Ch mt cu ni ti khng bit lut khng th bin minh cho bn khi gp rc ri v mt php l.

82 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Lun s dng th Alt

Th Alt l mt dng th HTML, n c i km vi dng code chn hnh nh vo trang web. N c tc dng thng bo cho cng c tm kim bit hnh l hnh g hoc nu tm hnh khng c hin th, ngi c s thy c ch nm trong th Alt. y l mt v d v th ALT

Bn s thy v d trn khi hnh logo.jpg c chn vo trang web, ngi c c th thy c hnh, nhng cng c tm kim th n phi c ch. Ngoi ra khi v mt l do no hnh ca bn b mt, ngi c vn s thy ch thay cho th hn l khng thy g. Hn na, c nhiu ngi thch c trang web bng cch tt ht hnh nh i, nu bn khng c th alt th s rt kh cho i tng ngi c ny ly thng tin t trang web ca bn. Rt nhiu ngi qun khng s dng th Alt cho hnh nh, hoc thm ch c ngi cn khng cn s dng n n. Trong thc t, th t ngi ngh rng th Alt quan trng bi v ch cn hin th c hnh l thnh cng ri. Nhng y l mt li thng gp m bn nn trnh, bi v th Alt cn c s dng bi cng c tm kim nhn dng hnh nh v xc lp keyword trn trang web ca bn. Cui cng quy lut ca Xhmtl bt buc bn phi khai bo th alt, cho d hnh ch l hnh background th th alt=" vn phi c. Nu khng th code ca bn s khng c validate Cng quan trng nh th Alt l th Title nm trong dng code chn nh. Mt s trnh duyt khng c ni dung th Alt, do vy nu c c th title l tt nht. Cho nn ln sau nu bn phi chn mt hnh no vo bi vit, hy to thi quen thm th Alt cho mi hnh.

83 www.izwebz.com

Demon Warlock

Pht trin Web

2012

nh dng hnh: GIF, JPEG v PNG

Gif v JPEG l hai nh dng c dng ph bin nht hin nay trn mng Internet. Trong bi ny cc bn s hiu thm v nhng c im ca tng loi v khi no bn nn dng loi no

nh dng Gif
nh dng ny l ph bin nht hin nay trn mng Internet. Bi v n c th nn hnh vi nhng mu ging nhau rt tt, hn th na n l nh dng duy nht h tr hiu ng ng cho php trnh duyt hin th trn mng (tr khi bn s dng Flash hoc nhng nh dng hnh ng vector khc). Gif cng h tr hiu ng trong sut.

nh dng Gif h tr ti a l 256 mu, qu s dng cho nhng hnh mang tnh ho. N khng mu th hin hnh nh y mu sc nh nhng tm hnh bn chp. Nu bn mun gim dung lng ca file Gif, bn c th lm bng cch gim s mu ca n Color Palette. Bn cng nn bit rng nh dng ny s dng ch nn hnh LZW t ng v lm cho n c dung lng nh nht c th m khng lm nh hng n d liu. trong sut: Nh ni trn, Gif l nh dng h tr hiu ng trong sut. V d khi bn mun tch mt tm hnh ra khi nn ca n, v lu li di ui .Gif, th tm hnh s c m bo trong sut l khng cn hnh nn na. Cho nn khi bn t tm hnh ny vo mt ti liu c hnh nn l mu khc, n s hin ln trn nn mi. Khi no nn s dng Gif: nh dng gif nn c s dng cho hnh logo, icons v hnh ho. Trnh s dng gif cho nhng hnh chp t nhin hoc nhng hnh ho c khi mu cng tng lin tip. Khi bn thit k vi nh dng gif, trnh s dng Gradients v tt chc nng Anti-Aliasing gim thiu dung lng.

nh dng JPEG

84 www.izwebz.com

Demon Warlock

Pht trin Web

2012

nh dng JPEG h tr 16.7 triu mu, n c dng ch yu cho hnh chp t nhin. Thut ton nn hnh ca JPEG khc vi nh dng Gif, n thc cht lm mt i d liu ca hnh. V d khi bn lu li mt tm hnh, tu thuc vo bn thit lp thng s ra sao, nhng d liu b mt i c th khng thy c bng mt thng. Cho nn mt khi bn gim cht lng ca hnh v la li, nhng d liu b mt i khng th ly c li.

Progressive JPEG: Khi xem hnh trn mng, nht l mng c tc chm, bn s thy hnh c load t t, m dn v tr nn r rng hn. Tt c cc nh dng JPEG u c th lu li di dng Progressive JPEG, n cho ngi c thy hnh c cht lng thp hn trc v t t nng dn cht lng hnh. Mt vi cng c chnh sa nh cho php bn thit lp bao nhiu bc m m ngi c s thy trc khi hin th hnh tht. Khi no nn s dng JPEG nh dng ny lun c s dng vi nhng hnh chp t nhin hoc nhng hnh nhn khng p khi hin th ch 256 mu.

nh dng PNG

85 www.izwebz.com

Demon Warlock

Pht trin Web

2012

y l nh dng mi nht v c h tr rng ri trong 3 nh dng c ni n trong bi ny. nh dng ny c cu to khc phc nhng im hn ch ca Gif. PNG c tt c nhng tnh nng m nh dng Gif c, nhng n c su hn v mu sc. Ngi ta hy vng rng nh dng PNG s c s dng rng ri hn trong tng lai. Tuy nhin n s khng bao gi thay th hon ton c gif bi v n khng h tr hiu ng ng.

86 www.izwebz.com

Demon Warlock

Pht trin Web

2012

t tn cho hnh nh th no cho c li

bi bn nn dng th Alt cho hnh nh, ti ch ra tm quan trng ca vic s dng th Alt. Nhng vic bn thn tn ca tm hnh cng ng gp mt phn quan trng vo vic ti u ho cng c tm kim. Khi ni n SEO l ngi ta li cp n nhng t kho quan trng, th title ca trang web, th meta v.v Nhng cng c mt phn khc ca SEO cng rt quan trng l tnh nng tm kim hnh nh t google. Ngy nay, ngy cng nhiu ngi s dng tnh nng tm kim hnh nh ca Google tm nhng hnh h mun. V d bn mun tm hnh v my tnh, my chp hnh hoc bt c th g bn c th ngh ra. Bn ch cn vo Google v g t kho tm kim, nhn vo th Images l bn s c mt vi trang kt qu vi nhng tm hnh ph hp vi t kho ca bn. Do vy bn c th tn dng tnh nng ny ca Google ti u ho cng c tm kim ca bn. C th trc y bn c thi quen t tn hnh khi phi upload ln mng theo s th t: 1, 2, 3, 4 hoc theo ch ci A, B, C, D hoc thm ch bn gi nguyn n l dng mc nh nh 093949IDD.jpg. Cho d l tn g th hnh nh vn s c hin th, nhng thay v nhng dy s v ngha bn c th t tn n theo ni dung ca tm hnh. Gi s bn c tm hnh v ng qu, ngy hi bn chp c hoc tm hnh v cnh bin. Bn c th t tn theo dng rice-field.jpg, ocean.jpg, spring-festival-2008.jpg. Vi du (-) Google ngm hiu rng n i din cho du cch v n s hiu tm hnh ca bn hn v do sp xp n chuyn mc n bit. Khi c ngi g t kho ph hp vi ni dung m n c sn, hnh nh ca bn s c hin ra.

Kt lun
Khi ni v ti u ho cng c tm kim vn xa tm vi ca trang web, bt c mt k thut no cho d c nh cng gip trang web ca bn. Nu bit ci c th gip ch cho trang web ca bn, m bn li khng lm th mi l li ca bn. Cho nn, k t hm nay, mt khi bn upload hnh nh, hy dnh vi giy t tn cho n ph hp vi ni dung ca tm hnh.

87 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Trnh lm dng th Div

Trn izwebz ti c ng mt video v S dng div ng cch nhng video vn cha bao qut ht v cch s dng th Div. Hn na gn y khi cc bn c gi code nh ti hng dn qua email, th ti thy rng rt nhiu bn vn cha hiu tng tn cch s dng th div dn n tnh trng lm dng th div hoc s dng n cha ng cch. Trong bi ny ti s c gng gii thch r rng hn v th div v a ra mt s v d m bn c th thay v dng div th dng nhng thnh phn Block Elements khc thay th. Nhng c mt nguyn tc m bn c th s dng khi vit code l mt khi bn phi s dng n hn 2 th div cho mt thnh phn, th bn hy ngh li v xem xem c thc s cn n 2 th div hay khng?. Nu by gi bn hi vy ti sao ti khng c s dng nhiu th div?. S dng qu nhiu th div hn mc cn thit th bn lm cho code HTML ca mnh khng c sch p. Sau ny c phi sa cha cng kh khn v kh qun l. c bit khi bn lm vic vi nhm m khi h nhn vo code HTML ca bn vit m khng hiu c thit k ca bn hay cc thnh phn trn trang nh th no. Vit code gn gng, mch lc, d c d hiu l nguyn tc hng u m tt c cc designer ngy cng mun hon thin mnh.

nh ngha ca th Div
Th div l mt dng Block-level Element n gip nh dng mt phn ca trang web. Cho nn ngi ta hay s dng th div nh dng cu trc cho trang web. Div n thun ch l mt thnh phn trng, khng ni dung, khng ngha nu n khng c khai bo trong CSS. Chnh v th Div c s dng nh dng mt thnh phn m cc thnh phn Block Element khc khng ph hp. Khi nhng ngi mi hc v nh dng trang web bng Div h c xu hng s dng div nhiu hn mc cn thit v ti gi vui l ch ngha duy div

S dng ban u kh hn Table

Khi mi lm quen vi div, bn nhn thy n kh s dng hn Table rt nhiu. Bi v Table n trc quan hn v c bit l khi bn s dng nhng chng trnh WYSIWYG th thit k trang web ging nh to bng trong Excel vy. Nhng s dng c div theo mun th bn phi c kinh nghim vi CSS, phi bit v hiu c s ging v khc nhau gia Block element v Inline Element, khi no th s dng float v khi no th s dng Absolute Position v lm cho giao din tng thch vi mi trnh duyt. c bit l khi bn cha hiu su v CSS, khi lm giao din vi div bn s thy cc thnh phn chy khng theo mun v d dng cm thy nn v b cuc. Nht l khi bn phi s dng div to mt giao din phc tp vi nhiu thnh phn khc nhau. Nhng bn c kin tr lm giao din t nh n ln, t n gin n phc tp. Mi khi bn lm thnh cng mt giao din l bn hiu thm mt cht v div.

Li thng gp khi s dng div

88 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Mt vn nghim trng nht khi s dng div l s dng qu nhiu th div khng cn thit. Div ch nn c s dng l mt dng hp cha ni dung khi m cc thnh phn block element khc khng th lm c. Khi code HTML ca bn lng nhiu th div vo vi nhau, l lc bn nn xem li code ca mnh c vn . Mi khi bn nh thm mt th div, hy ngh li ln na xem mnh c thc s cn n khng. Hnh tng ha mt cht cho bn d hiu. Gi s khi bn lm giao din cng ging nh bn gi gm c chuyn nh. Bn mun cho tt c c ca mnh vo hp di chuyn. Nhng bn mun phn loi n ra cho d qun l. Sch bo vo mt hp, bng a vo mt hp, chn ga gi m vo mt hp, my tnh game vo mt hp v.v.. Nh th th rt hp l v khng ai c th ni c g. Nhng tng tng khi bn gi hp c id= Sch V bn s khng gi tng quyn sch vo mt hp nh ch?. iu m mi ngi thng lm l cho ht tt c sch v vo hp c id=sach_vo ch khng ai li gi tng cun sch vo mt hp ring ri li cho ht cc hp nh ny vo mt hp ln. Nh th n va kh qun l, tn km thi gian, by ba nh ca, hao tn ti nguyn .v.v Tng t khi s dng div. Khi bn to mt div vi id=banner th bn s cho ht nhng g lin quan n banner vo trong th div ny. Tt c nhng th nh logo, Slogan, Navigation v.v.. s nm trong div ny v cc thnh phn ny khng cn phi c div bao quanh tng thnh phn nh na.

Mt vi v d v cch lm dng th div

S dng qu nhiu th div khng cn thit

Thay vo nu s dng ng cch bn ch cn vit

89 www.izwebz.com

Demon Warlock

Pht trin Web

S dng sai mc ch This is a header This is the second header Lorem ipsum dolor sit amet ng cch phi l This is a header This is the second header Lorem ipsum dolor sit amet S dng div thay th cho dng list

2012

ng cch phi l

Mt s trng hp th div khng cn thit

DNG TH DIV BAO QUANH UL

90 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Trong khi c th b th div id=navigation i khng cn thit

DNG TH DIV BAO QUANH FORM

Trong khi bn cng c th lc b th div vn c th style trong CSS nh thng

Nguyn tc khi s dng div

y l nguyn tc rt quan trng cho nn ti mun nhc li ln na. Mi khi s dng div bn hy nh n v d chuyn trn. Nu bn khng gi tng ring bit trong tng hp th bn cng ng bao cc thnh phn khc nhau trong mt th div ring bit. Th hai, mi khi bn phi s dng n th div th hai trong cng mt thnh phn, hy t hi mnh xem n c thc s cn thit hay khng.

91 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Chng 3 : Nhng iu nn v khng nn trong thit k website

Nhng iu nn v khng nn
Hin nay c rt nhiu th loi website khc nhau trn th trng, mi loi c nhng tnh cht, c im khc nhau v chng cng c nhng ci nn v khng nn trong thit k v ni dung. Trong bi vit ny, mnh s gip cc bn lm r iu qua 6 loi website ph bin hin nay.

Trang web thng tin tin tc

c im: C chc nng cung cp thng tin, c th v mt lnh vc nht nh (v th thao, chnh tr), hoc c th l nhiu lnh vc thng l cc website ca cc ta son bo nh tui tr, thanh nin hoc cc trang bo in t (knh 14, vnexpress,) c cp nht hng ngy, hng tun v thm ch tng gi, tng pht ( i vi cc website v chng khon hoc ti chnh). Cc website tham kho:Vnexpress, Bo tui tr, Knh 14 Lu :

Nn: Ngun thng tin nhanh chng, cp nht lin tc v chnh xc. Thit k phi n gin, gn nh, khng dng nhiu hnh nh cho phn giao din ca website, c bit quan tm mu ca phn nn v ch. Tc truy cp nhanh. Khng nn: a nhng thng tin sai lch, thiu chnh xc (xem bi Nguyn tc ABC), b tr ni dung khng ph hp. Thit k cha qu nhiu hnh nh (lm ngi xem phi i lu khi load).

92 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Trang web v thng mi dch v (E-commerce)

c im: y l website ca doanh nghip, cc c quan cung cp dch v, cc ca hng. Loi website ny c hai mc ch chnh l: gii thiu sn phm v bn sn phm ti cho khch hng. Cc website tham kho: Nhn ha, Travel, Paypal Lu :

Nn: Thng tin v sn phm phi th hin r rng, c trt t, b tr tt nht khch hng c th nhn bit c cc c tnh quan trng v ni bt ca sn phm, c bit l phi c gi phi r rng (gi bn l hay bn s, gi bao gm thu hay cha?). Mu sc cn theo mu ch o ca ca hng hay sn phm, dch v. Khuyn khch dng thit k Z-Layout s t hiu qu cao. Khng nn: S dng cc loi thit k, phc tp, qu ph cch, nn v ni dung qu chi, khin ngi xem kh chu. Khng nin yt gi sn phm, dch v hoc gi khng r rng. i vi cc website v dch v nh du lch: khng nn dng hnh nh h thc, khu hiu dng nhng k thut hiu ng hnh nh khng cn thit.

93 www.izwebz.com

Demon Warlock

Pht trin Web

Website v vn ha ngh thut

2012

c im: l website v vn ha ngh thut nh hi ha, th vn, nhp nh hay tn gio. Website ny c th cung cp thng tin v lch s (s ra i ca mn ngh thut), nhn vt (thi s, ha s), tc phm (th, vn, tranh nh) v.v Website tham kho: Ha s Vit Nam, Poetry,Art Web, Poetry foundation Lu :

Nn: Mu sc, cch th hin nn ph hp vi tng loi hnh vn ha ngh thut. Giao din website phi th hin c ch , thng tin chnh cho loi hnh website. Nu l website ngh thut nn c mt cht ph cch nhng phi theo khun kh ca loi hnh ngh thut. Logo cn phi tinh t, din t c ni dung ca mn ngh thut. Khng nn: Nhng bi vit khng theo tiu ch ca website. Thit k hoa he, le lot, khng theo ng ch ca website. i vi cc website v vn ha: khng nn ng cc qung co nhy cm.

Website gii tr
c im: L website mang tnh cht gii tr hoc kinh doanh bng hnh thc gii tr. V d: cc website nghe nhc, xem phim, webgame, hnh nh vui, nh bc, casino v.v Website tham kho:Zing Mp3, Youtube, Vimeo, Tuyn ci tiu lm Lu :

Nn: Dng cc mu sc nh nhng, mang tnh cht th gin (xanh da tri, xanh l,). Ni dung nn phong ph, ang dng. Khng nn: Dng mu nng n (, tm), gi bun. Ni dung qu nhm chn, cp nht ni dung chm chm. ang ti cc ni dung thin v chnh tr, tn gio. ang ti qung co qu nhiu, gy phin phc.

94 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Website hc tp nghin cu
c im: thng c xy dng di dng forum hoc blog chia s. Giao din n gin, gn gng. Mc ch, chia s kin thc, cng trnh nghin cu. Thng l cc website phi thng mi. Ni dung do thnh vin t nguyn cung cp. Website tham kho:Izwebz, Webdesign+, Psd+ Lu :

Nn: Mu sc cun ht, nghim tc, sch s. Ni dung phi c xp gn gng theo chc nng v phi c h thng phn cp bc. Giao din thit k ph hp vi i tng. Khng nn: Thng mi ha cc bi gii, cng trnh nghin cu c thnh vin chia s. ang ti qu nhiu qung co flash. Cc popup gy phin cho ngi xem.

95 www.izwebz.com

Demon Warlock

Pht trin Web

Website c nhn (Portfolio)

2012

c im: gii thiu v mt nhn vt no (ca s, din vin,) hay chnh bn thn ca ngi thit k. Mi freelancer thng c mt website c nhn ring, th hin cc tc phm, bn thn, cc k nng, v lin h, .v.v. Website tham kho:eurors cg colombia, Egopop, Awwwards Lu :

Nn: To mt phong cch ring t tn min, cho ti ni dung, cch thit k. Th hin c c tnh c lp, phi c y thng tin v bn thn, cch thc lin h, sn phm tng lm, khch hng tng cng tc. Thit k phi mang tnh cht sng to, mang tnh cht ph cch v phi c du n ring, mang gu thm m ca ring mnh. Nn dng t 2 ngn ng tr ln. Nn c Blog ring chia s v cc kinh nghim, bi hng dn, v cuc sng,v.v. Khng nn: thiu thng tin hoc thng tin khng chnh xc. Khng c sn phm minh ha. Thit k trng lp hoc ly tng ca ngi khc.

96 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Nhng iu nn trnh khi thit k trang web

Nu bn l ngi mi tp lm web, chc chn bn s mc phi nhiu sai lm. Do vy gim thiu nhng sai lm m c th trnh c, bn hy ghi nh nhng iu sau y

1. Khng nn qu phc tp
Trn trang web ca bn, bn khng nn thit k n qu phc tp v ph cch. Bn khng cn phi cho tt c nhng hnh nh bn kim c ln trang web. Bn hy la chn tht k lng nhng g thc s c lin quan n ti ca trang web hoc t nht c lin quan n nhng g bn ang vit. ng ch cho hnh nh ln trang web ch v bn thy n p

2. Dung lng file khng qu ln

Tuy hin nay s lng ngi s dng ADSL ang gia tng, nhng vi mt trang web qu nng v hnh nh, cng s mt v s thi gian trnh duyt load ht.

3. Thanh menu tht n gin

Nhng v tr c nhiu ngi quen dng l bn tay tri v di banner. Ngi c s c thi quen nhn v pha nhiu nht. Do vy bn nn to thanh menu n gin, khng cn qu cu k v graphic. Min sao n d c, d hiu v ngi c c th tng tng ra c cu trc trang web ca bn qua thanh menu.

4. Mua domain cho ring bn

Tin mua domain thc s khng t, ch khong di $10. Vi domain cp 1, trang web ca bn nghim nhin c ngi c cng nhn l nghim tc v c gi tr hn nhng domain min ph dng tentrangweb.freedomain.com. Hn na, domain ca ring bn cng gip h d nh hn.

97 www.izwebz.com

Demon Warlock

Pht trin Web

5. Phi c thng tin lin h

2012

Bn nn lun lun li email trn trang web ngi dng c th lin lc vi bn nu hc c cu hi, gi hoc thm ch t qung co hoc ti tr cho trang web ca bn.

6. Font ch n gin
Bn khng nn chn font qu phc tp ch v bn thch n. Nn nh rng c th bn c font trong my, nhng cha chc ti c. Do vy bn nn xi font ch ph bin nht nh l Arial, Times New Roman.

7. Trnh dng ch gch chn

Theo thi quen s dng, ngi dng c thy ch gch chn l h ngh l ng link. Do vy trnh nhm ln, bn nn dng kiu ch khc nh du nhng on quan trng

8. Mu sc hi ho
Theo nhng nghin cu cho bit, mt ngi thy d chu nht khi c ch en trn nn trng. Do vy bn khng nn chn mu sc qu chi tr khi mu phc v mt mc ch c th. Ch xanh l cy trn nn en l mt v d nn trnh.

9. Tuyt i khng nn dng hnh nn v nhc nn

Ti thy nhiu trang web s dng mt tm hnh b thit b lm nn v cn chn mt bn nhc no na. iu khng cn thit bi v hnh nn th nht lm ri mt v gim tc load. Nhc nn cn t hn na bi v bi ht c th bn thch, nhng ti th khng. Khi c thng tin m n c oe o th kh chu lm.

10. Khng nn dng hiu ng cho tr chut

Trc y c nhiu trang web s dng Javascript trang tr thm cho con tr chut nhng hiu ng lp lnh, sao bay, ng h bay theo chut. Nhng script ny to ra ch dng cho nhng trang cho tr con, n ch lm ngi c thm kh chu

11. Trnh s dng Flash

Flash l mt chng trnh hay t im cho trang web. Nhng nhc im ca n l tng ng k thi gian load trang web . Do vy bn nn trnh s dng flash trang ch v ch s dng flash khi thc s cn thit

98 www.izwebz.com

Demon Warlock

Pht trin Web

2012

12. Kim tra xem trang ca bn c tng thch vi nhng trnh duyt ph bin
Bn hy t kim tra xem khi c trang web ca bn vi nhng trnh duyt ph bin c ch no cha c khng v chnh sa ngay nu bn pht hin li.

13. Lun kim tra cc ng link

Bn nn kim tra cc ng lin kt trn trang web ca bn thng xuyn v nh kim tra c nhng hnh nh minh ho xem n cn hin th hay khng. Nhng ng link hng hoc hnh nh b mt lm mt im trang web ca bn.

99 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Bn nn s dng IE Tester
Vi s bng n ca cuc chin gia cc trnh duyt th ngi dng c nhiu la chn hn cho mnh. Trc y hu ht cc my tnh u s dng Internet Explorer ca Microsoft. Th nay ngi dng c th chn gia cc trnh duyt ph bin nh FireFox, Safari, Opera v Chrome. Nu trc y bn ch phi thit k cho IE th gi y bn phi lo n vic trang web ca bn phi tng thch vi cc trnh duyt ph bin. iu gy phin toi nht li l cc trnh duyt ny c nhng im khng tng ng. Do vy i khi giao din ca bn hin ra hon ho trnh duyt ny, nhng li khng c nh cc trnh duyt khc. V d Firefox hp ni dung ca bn c bo trn gc p mt, nhng sang IE th n li vung thnh sc cnh v.v.. Chnh v th khi thit k web, iu rt quan trng l bn phi kim tra trang web ca mnh trn hu ht cc trnh duyt ph bin c nu trn. Nhng cng ging nh mt c nng ng nh, IE lun kim ra ch th hin bn tnh ng nh ca mnh. Vi cc trnh duyt ph bin khc th vic update n ln mt phin bn mi nht c thc hin hon ton t ng v nhanh gn. n gin nh FireFox, mi khi c phin bn mi n s hin mt bn thng bo cho bn bit v khi bn restart li FireFox n s t ng update bn ln phin bn mi nht.

Nhng vi IE th khng th. n by gi l cui nm 2009 nhng vn c ngi s dng trnh duyt IE 6. C th l izwebz cho n by gi c tng cng 479 lt truy cp bng IE 6 chim 31.66% lng ngi truy cp bng trnh duyt IE. Tuy con s khng qu ln so vi tng s lng truy cp, nhng t nht cng c mt lng nh ngi c khng th s dng c hoc thiu st nhng phn trn trang web ca bn, nu trang web ca bn khng tng thch vi trnh duyt IE 6. Do vy vic kim tra trang web ca bn trn trnh duyt IE 6 l iu lm khng tha v hon ton cn thit. Nhng IE c nhiu phin bn v mi nng mt tnh ng l mi ngi mt v mi phn vn mi. M bn th khng th install ht tt c cc phin bn c. Do , bn c th s dng phn mm min ph IE Tester tch hp cc phin bn t IE 5.5 cho n phin bn hin i nht by gi (lc ang vit bi ny) l 8.0. Ti thng xuyn s dng IE Tester kim tra th tnh tng thch ca giao din vi cc phin bn ca IE. Ti cng khuyn bn nn s dng phn mm ny. V n gn nh, min ph v cng kh thn thin vi ngi dng.

100 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Bn nn dng XML Sitemap cho trang web

C hai loi sitemap mt loi l HTML sitemap v XML Sitemap. HTML sitemap c s dng ch yu cho ngi c bit c s ca trang web v h c th d dng tm kim thng tin hn. Loi th hai l XML Sitemap c to ra dnh ring cho cc cng c tm kim. N bo cho cc cng c tm kim v cu trc ca trang web, tn sut cp nht ni dung ca trang v trang no c u tin hn trong kt qu tm kim. Trong bi ny chng ta s ch nghin cu n loi th 2 l XML Sitemaps c Google gii thiu ln u tin t nm 2005. XML Sitemap n gin l mt danh sch bao gm tt c cc trang trong trang web ca bn. To v khai bo Sitemap cho google gip Google bit v s tn ti ca tt c cc trang trong trang web ca bn, bao gm a ch URL m c th robot ca Google khng tm thy c.

Sau khi Google gii thiu XML Sitemap, Yahoo! v MSN cng s dng Sitemap index cc trang web. Nu bn to XML Sitemap cho Google, bn khng cn phi thay i g ht bi v c 3 cng c tm kim ny u c cng chung mt tiu chun.

Ti sao bn nn dng Sitemap

Nu trang web ca bn ri vo mt trong nhng hng mc sau th Sitemap s rt c ch cho trang web ca bn Trang web ca bn l web ng Trang web ca bn s dng AJAX hoc Flash lm cho robot tm kim ca Google kh tm thy c

101 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Trang web ca bn va c pht trin v t c lin kt n. Bi v Googlebot crawl web bng cch i theo cc ng link lin kt t trang ny qua trang khc, cho nn nu trang web ca bn khng c link n nhiu, s rt kh cho Googlebot tm c trang ca bn. Trang web ca bn c nhiu trang ni dung khc nhau nhng khng c lin kt vi nhau hoc lin kt gia chng khng nhiu.

Bn cnh , Sitemap c th gip Google bit c nhng thng tin khc v trang web ca bn nh l

Ni dung ca bn c cp nht thng xuyn hay khng. V d bn c th post bi thng xuyn trong blog ca bn, nhng nhng trang nh Lin H t c cp nht hn. Ngy chnh sa ni dung cui cng ca trang. Bn c th thit lp tm quan trng ca tng trang khc nhau. V d Trang Ch s c tm quan trng l 1.0 im, trang con nm trong trang ch nh Categories c 0.8 im, v cc bi post c 0.5 im. Thang im ny ch c tc dng ch ra tm quan trng ca mt a ch URL c th so vi nhng a ch URL khc trong trang ca bn, n khng nh hng n PageRank ca trang trong kt qu tm kim ca Google

nh dng XML Sitemap

Trong phn ny bn s hc qua v nh dng ca XML Sitemap v cc th XML ca n. Tt c cc th ca Sitemap u phi c th ng cui cng v Sitempa buc phi c m ho vi UTF-8. Di y l mt trang Sitemap v d, ch c mt ng link URL v cc th tu bin i km. Nu bn mun to Sitemap cho trang ca mnh, bn phi khai bo TT C cc a ch URL ca trang web.

Kt lun
XML Sitemap cung cp thm thng tin cn thit v trang web ca bn cho Google m phng php crawl thng thng ca Google c th b st. To XML Sitemap khng h mt thi gian, khai bo vi Google cng rt n gin. Nhng hiu qu m n mang li cho trang web ca bn cng rt ln. Bt c th g c li cho trang web ca bn, bn cng nn p dng cho mnh.

102 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Nn hay khng n ni dung trang web?

y l mt cu hi m v c 2 chiu cho nn trong bi ny ti s ni nhng g ti ngh v nu bn c khc, chng ta c th tho lun di phn comment. Bn bao gi tm kim vi Google vi mt vi t kha no , Google dn bn ti mt din n vi thng tin lin quan n cu hi ca bn. Nhng bi vit ch dnh cho thnh vin, hoc mun thy link download bn phi ng k thnh vin ca din n. Ti b rt nhiu ln nh th ri v ln no ti cng back li v tm trn mt trang khc khng bt ti ng k thnh vin. y c mt s vn m ti khng hiu c ti sao nhng webmaster ca din n li quyt nh lm vy. Bn bit rng chng ta phi vt v th no ti u ha cng c tm kim, v phi n lc th no trang web ca mnh c xut hin trn trang u phn kt qu tm kim ca Google. Vy m khi ngi c nhp chut, h khng th xem c nhng g mnh mun. Nh th c ung lm khng?

Khi ai ang mun tm kim thng tin cho mt d n chng hn, h cn n ngay v cn n ngay by gi. Ngi ta thng th khng kin nhn ng k thnh vin, ch email kch hot, check email, check hm mail rc, nhp vo link kch hot . Tuy rng c qu trnh ny ch mt chng 5 pht. Nhng chng ta cng bit rng ngi s dng Internet rt khng kin nhn. By nhiu thi cng ngi c nn lng ri.

103 www.izwebz.com

Demon Warlock

Pht trin Web

2012

V th din n ti tm c cho php ti xem thng tin m ti ang tm kim. Nu thy hay ti c th ng k thnh vin hoc t nht cng quay li nhiu ln. Mc ch cui cng bn m trang web l g? l c cng nhiu ngi c cng tt ch khng phi c cng nhiu thnh vin cng tt. Nhiu thnh vin m h khng ng gp bi vit th cng ch nng database m khng c tc dng g. Nhng kin ngc li th c th l nhng ci g cng cho h xem ht, th h khng lm g ?. Trc y ti cng ngh ti vn ny. Nhng bn th nhn nhng trang web ln m xem. Nhng trang nh vnexpress.net, smashingmagazine.com, cc bo in t trong nc v nc ngoi. Bn thoi mi xem m khng b gii hn bt c u. Vic duy nht h i hi bn l c cng nhiu cng tt. V chnh s quay li thng xuyn ca bn lm trang web ca h thm gi tr. Trn th gii mng, ngi ta o thnh cng ca mt trang web bng s lt truy cp ch khng phi ai nhiu thnh vin hn. Cng nh bt c quy nh no cng c ngoi l. Nu bn c mt box hoc mt phn trang web c thng tin rt rt c bit m t trang web no c c. Bn c th ku gi ngi c ng k thnh vin v tr mt khon ph nh duy tr trang web. y l s hp tc 2 bn cng c li. Bn cho ngi c nhng thng tin qu gi v ngi c s gip bn duy tr trang web.

Kt lun
Nn hay khng nn n ni dung vi ngi c khng phi l thnh vin ty thuc vo nhn nh ca tng ngi. Nhng nhng tng ni dung trn trang web ca bn ch l v ngha nu khng c ai c n. Ci ch cui cng m cc webmaster hng ti l rank trang web, s lng truy cp ch khng phi thnh vin. Chnh v vy, theo kin c nhn ti, vic n ni dung i vi khch l vic lm khng nn v n cng lm mt tnh thn thin trn trang web ca bn. Bn c t ch n ni dung vi ngi c khng phi l thnh vin khng? nu c kin ca bn l g

104 www.izwebz.com

Demon Warlock

Pht trin Web

2012

8 l do khng nn lm Flash Website

Flash r ln nh mt tro lu trong mt khong thi gian rt ngn ri lm li rt lui khi v i cng m thm khng km. Ti cn nh c mt thi gian hu nh trang no cng phi c mt on Flash Intro, Flash Banner hoc ch t cng phi c cht Flash Navigation. n t hng no ca khch hng cng phi c mt cht Flash th h mi cho l ng tiu chun ca mt trang web hin i. Vy ti sao Flash li thoi lui l nh th? di y l 8 l do bn khng nn thit k trang web hon ton bng Flash. Trong thc t Flash l phn khng th thay th nu bn mun lm mt on phim hot hnh, ecard, online games v cc banner qung co ng. N hn hn nh dng GIF ng v cho chuyn ng mt m hn v dung lng tt hn rt nhiu. Nhng nu mang Flash lm mt trang web hon chnh, c bit l nhng trang web thng mi in t, th l mt sai lm ln nht bn c th mc phi khi lm trang web. Ai khuyn bn phi lm trang web bng Flash th n mi Pro, hy mm ci v bc i trc khi bn tr thnh nn nhn ca nhng iu sau.

Flash rt nng khi load

Vi dn nghin web nh bn v ti th truy cp internet bng Dial Up thi bui ny l kh chp nhn. Nhng cn rt nhiu nhng cn b lo thnh cn s dng CPU thi Naponeon i vi mng Internet va pha tr va lt web. Th vic load mt trang web c thit k bng Flash l mt cc hnh. Khi bn lt web tm thng tin bn c quan tm n on Intro nhc nho phi mt c pht load khng? m khi load xong th ton l ci g u khng lin quan g n thng tin bn cn.

Lm mt trang Flash mt thi gian, cng sc v tin bc

Phi cng nhn rng lm mt trang Flash rt tn thi gian, cng sc v tin bc. Vi mt trang web tnh bnh thng bn ch phi tr khong vi triu. Nhng vi mt trang c lm bng Flash bn c th phi tr gp nhiu ln v phi i rt lu mi hon thnh. Tuy nhin, sau ny nu bn mun thay i mt ci g th bn phi tr thm tin nu bn khng bit g v Flash. V d sau ny bn khng mun thanh Navigation bn tay phi m cho n sang tay tri th chc chn bn cng phi b ra vi triu sa cha.

Ph thuc vo Plugin ca trnh duyt

y l thi i cng ngh s v ngy cng c nhiu ngi lt web bng thit b di ng. Nu h truy cp trang web ca bn th s ra sao? ni dung h thy duy nht l You need Adobe Flash Player to view this content. Oops. Hn na ch c nhng thn dn thng xuyn ca mng mi bit Install Plugin nh th no, ci t lm sao. V d ba m bn c cho mt a ch trang web v mt sn phm no , mun ln mng xem th xem n ra sao. Nhng trnh duyt cha c Plugin th lm sao? c bao nhiu phn trm ba m bn bit cch install Plugin cho trnh duyt? Ti sao bn li phi ph thuc vo mt bn th 3 c th tng tc vi ngi c ca bn?

105 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Rt khng thn thin vi cng c tm kim

y cng l mt im c th ca nhng trang Flash, bi v ni dung ca trang ton l hnh nh v on phim. Cc cng c tm kim ti thi im hin ti khng th bit ni dung ca n v ci g v chnh v th khng th ch mc c trang web . Mt trang web tht bi v SEO l 50% tht bi v mi mt.

Khng thn thin vi ngi dng

Vi mt trang web bnh thng nh Izwebz ti c th link n bt c ch no trn trang web min l n tn ti trn server. V d bn mun hi mt cu no c trong phn FAQs ti c th ly link chnh xc n tn cu hi dng nh: http://www.izwebz.com/faqs/#link2. Nhng vi Flash th bn phi gii thch cho khch hng nh: Vo trang ch, ng sang bn tay phi gc bn tri c mt ng link -> click vo -> ri ko xung khong 3/4 mn hnh on vn th 6 -> nhp chut vo Holy shit! thi ng u ti n tn ni ch cho ng. V cui cng bn cng khng c cch g Bookmark trang mnh thch.

Ni dung trn trang khng copy c

Bi v phn ln ch trn trang l dng hnh nh cho nn bn khng th copy c. V d bn phi trch dn li mt phn no , cch duy nht l bn phi g li ton b. Bn khng c cch g bi en c ht.

106 www.izwebz.com

Demon Warlock

Pht trin Web

Khng in n c

2012

Cng nh im trn, v Flash l dng hnh nh cho nn nu khch hng ca bn mun in phn a ch cng ty hoc thng tin v sn phm th h cng b tay v chng bit phi lm sao.

Lun phi i cho bt c tc v no

Mt trang nng v Flash th bt c tc v no bn mun lm u phi i vi giy hoc vi chc giy ph thuc vo tc mng ca bn. Mun xem cht thng tin gi c v a im phn phi cng phi .. 23% .. 34% 56% .. 78% .. 86% .. oh shoot! Mah outa here.

Kt lun
C nhiu cch lm trang web ca bn ni tri hn nhng trang web khc. Nhng Flash khng phi l mt cch. Bn lun nh rng ni dung trang web mi quyt nh tt c ch khng phi hnh thc ca n. Tt nhin hai im ny nu kt hp hi ha s b tr cho nhau. Nhng mt trang ch nng v khu trnh by v qun i nhng nhu cu thit yu nht ca ngi dng th tht bi l iu rt d hiu. Tuy nhin, Flash cng khng t nh bn tng. N l cng c tuyt vi nht to hiu ng ng, online game, Movie nhng n li l ti nu c s dng lm trang web. Trc khi kt thc bi ny, ti mun cho bn xem mt Epic Fail ca thng mi in t. Trang web ca nc ung Lavie . Bn hy t xem v t thm nhng iu ti va ni.

107 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Khng nn lm dng qung co

Vic bn kim tin t trang web ca bn l vic hon ton hp l v nn lm. Bi v bn b cng sc lao ng ra gip ngi khc th bn cng xng ng c tr cng hoc ch t bn cng phi kim c tin duy tr trang web. Nhng bn cng nn bit rng, ng ch v mt cht li trc mt m bn qun i yu t quan trng nht trong trang web ca bn l ngi c. Ti tng thy nhiu trang web ch v nn nng kim tin t cc dch v kim tin trn mng m h nhi nht trang web ca mnh vi hng t cc banner v pop up. Gn nh mi khong trng trn trang web u c tn dng m khng h quan tm n ngi c s ngh g. Khi quyt nh t banner ln trang web ca bn, bn hy lu nhng iu sau:

1. Thm m
Hy nghim khc vi chnh mnh im ny, khi t banner mt v tr no trn trang web, bn c thy rng n lm ph i b cc ca trang web khng? n c hp l khng? n c chon ht ch ca ni dung khng? ni chung, bn ng nhi nht banner qung co vo bt c ch no c th trn trang web.

2. Tc ng n ngi c
Bn hy th ng vai mnh l ngi c v xem trang web ca chnh mnh vi nhng v tr bn va t banner c nh hng n qu trnh xem thng tin khng. Nu banner c dung lng qu ln v nh hng n tc load ca trang web, ng ngi ngn m hy b n i. Tuy bn b thit mt cht tin, nhng ngc li bn s gi c nhiu ngi c hn.

108 www.izwebz.com

Demon Warlock

Pht trin Web

3. ng nh lc hng ngi c

2012

Ti tng gp nhiu trang web t banner ca Google Adsense mun nh lc hng ngi c l khng phi l qung co m l mt phn ca ni dung, hng kim tin nh vo sai lm ca h. C nhiu trang li chn v tr d b click nhm nh l di menu th xung, khi bn ko chut qu tay, rt d click nhm vo banner ca h. Nu bn trong v tr ca ti, bn c b la mi khng?

4. Tuyt i khng nn dng pop up

NG! ng dng pop up di mi hnh thc. Pop up l mt trong nhng dng qung co gy phn cm vi ngi c nht. l cha k n hu ht cc trnh duyt hin hnh u c tch hp chng trnh chng pop up. N va khng hiu qu li to hiu ng ngc cho trang web ca bn

5. ng yu cu ngi c click vo banner qung co

Khng nhng iu ny l vi phm vo quy nh ca hu ht cc chng trnh qung co m n cn cho thy bn qu tham lam. Bn mun ngi c phi tr cho bn tng ng c c nhng g bn vit.

6. Trnh t qung co khng lin quan n ni dung trang web

Bn nn trnh t banner cho nhng dch v c mt hng khng lin quan g n ni dung trang web ca mnh. ng ch v h cho bn phn trm hoa hng cao m bn t banner ca h ln trang web ca mnh. Ai s click vo mt banner c ni dung lm chng mc tc trong khi ang c bi v thit k giao din bng Photoshop? N va khng hiu qu m li lm cho ngi c thy bt ng. C th trong mt khong thi gian ngn bn s kim c mt khon nh vo nhng kiu t qung co nh trn. Nhng v lu v di, bn s lm xu i hnh nh ca mnh vi ngi c. H c cm gic rng bn khng thc s ch n ni dung, ci m h quan tm nht ch khng phi l banner qung co. Mc ch chnh h n trang web ca bn l v ni dung ca trang web, ch h khng n ch xem qung co trn trang. Vy nn nu trang web ca bn cung cp nhng thng tin cht lng v b ch, th bn khng cn phi gt hoc ku gi h click vo banner. Nu h thy ni dung ca qung co lin quan n phn h ang c, th h s t ng click vo n. N va tt cho ngi c, cho bn v c cho nh ti tr qung co ca bn na.

109 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Khng nn dng WYSIWYG Editor

Chc bn cng nghe nhiu kin tri chiu v cc chng trnh WYSIWYG (What You See Is What You Get) Editor. Ni chung th nhng chng trnh HTML Editor ny v mt c bn l d s dng cho nhng ngi mi bt u. K c bn khng c cht kin thc no v HTML nhng vi s gip ca cc HTML Editor ny, bn vn c th to ra trang web n gin. Nhng phn mm ny c thit k ra vi tiu ch nhng ngi lm web c mt ci nhn trc quan hn trong qu trnh kin to trang web v dn n vic to trang web mt cch d dng v hiu qu hn. Tuy nhin thc t li cho hiu qu tri ngc. Nhng phn mm nh DreamWeaver, Expression Web hc cch s dng thnh tho phn mm ny thi cng l mt thch thc ri. c th bit cc cng c nh th no, cc hp thoi ra sao, cch lu file nh th no v.v.. cng c th vit ra mt cun sch ri. Nhng vt v l th m khi s dng tnh nng WYSIWYG ca cc phn mm ny li cho ra mt dng code hn tp, v cng kh hiu v cng cc k kh qun l, chnh sa. a phn khi bn cha c kin thc v HTML hoc xHTML, khi s dng nhng phn mm ny bn thng s dng dng bng (Table) to trang web. Bi v cch ny trc quan hn v c v d nhai hn nhng cch khc. Mt khi i vo con ng mn ny bn s b ph thuc vo n v kh m t b c. Trc y khi mi hc lm web ti cng hon ton b ph thuc vo DreamWeaver, lm ci g cng ko th, hp thoi, template c sn . rit ri thnh quen. n khi khng c n na mun vit ci <link href=style.css type=text/css > cng chng nh c php nh th no. Hoc khi cn phi chnh sa mt th <a href="> cng phi m DreamWeaver ln. Rt mt thi gian v qu ph thuc vo n. Sau ny khi ti tm hiu su hn v web ti mi thy rng a phn nhng ngi thnh tho v code h u khng s dng nhng phn mm s nh DreamWeaver m ch c mt text editor nh gn nh Notepad ++. Yu cu cho nhng text editor ny khng cn nhiu ngoi tr kh nng to mu khc nhau cho code gip bn d nhn hn. Bn hu nh khng cn hc cch s dng nhng phn mm ny, ch vic install l c th vit code c. Qu trnh chuyn giao cng khng d dng nu bn tr thnh ph thuc nh ti trc y. Nhng dn d bn s quen dn v bt u nh c php, thuc tnh, cu lnh hn. Thc t bn tit kim nhiu thi gian hn v khng phi m hp thoi, in thng tin v.v.. bn thm ch cn khng cn s dng chut my tnh na. Khi code bn c vit theo logic ca code m khng phi ngng li. Kh khn ln nht c l l phn tng tng trong u. V d khi bn k mt bng trong WYSIWYG bn ch vic chn bng v thm dng thm ct. Nhng khi vit code bn phi v n ra trong u v code theo bc tranh v hnh . Nhng tin ti i, mt khi bn quen ri th vic vit mt lo l chuyn n gin. Hn na khi code do chnh tay bn vit ra v vit ng cch th n sch s hn, bn bit r v n hn v tt nhin cng d qun l hn. Ti hay lin tng code t ng to ra bi phn mm l loi rau ch, cn code t tay vit ra l code cy nh l vn, ngon b r.

110 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Trong bi ny ti cng khng c kch cc fan ca DreamWeaver. Nu bn thy quen dng DreamWeaver v cm thy cng vic vn nhanh gn th bn c dng. Nhng trnh khng nn s dng tnh nng WYSIWYG ca DreamWeaver. Ti th ch thch cch highlight code ca DreamWeaver, nhng n nng qu v tin bn quyn s dng qu t khng mua c. Nn by gi ti hay s dng nhng chng trnh nh gn hn v t tnh nng hn DreamWeaver rt nhiu.

111 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Nhng iu nn trnh khi ti u ho cng c tm kim

Ti u ho cng c tm kim hay cn c gi tt l SEO (Search Engine Optimization) c rt nhiu webmaster quan tm v nhng trang web thng nm trong nhng trang u ca kt qu tm kim ca Google, h phi u t rt nhiu thi gian vo SEO. Di y l nhng li khuyn bn nn trnh khi s dng SEO

Khng nhi nht t kho vo nhng ch khng thch hp. Nu ai ni bn thm du gch ngang vo domain s tt hn cho SEO, nhng bn ngh cha chc phi th, bn khng nn theo li khuyn ng tin nhng li qung co dng nh gip trang ca bn c rank cc cao, chc chn s c trong top 10 ca google search trong thi gian ngn. ng tin h ng link n nhng trang khc t trang ca bn ch bi v h ha s link ngc li trang ca bn ng link n nhng trang khc m ch v h ha s tr tin cho bn. Tr khi bn bit chc chn nhng g mnh lm l ng ng to nhiu trang vi ni dung hon ton ging nhau ng spam a ch trang web ca bn trn trang web ca ngi khc v cng ng h spam li bn. Khng nn s dng host free v nhng cng c to web min ph. Nu bn mun to ra trang web hay v hu ch, hy u t cho n tht chu o. Khng nn qu quan tm n th Meta Description v Meta Keyword, hy dnh thi gian m vit thm ni dung cho trang Khng nn s dng t kho n bng cch giu n khng cho ngi c thy, nhng li cho nhng cng c tm kim thy. ng qu lm dng SEO. Ci g nhiu qu cng khng tt

Tm li, bn khng nn qu lo lng v SEO, u t thi gian v cng sc cho trang web ca bn c hin th nhng trang u ca kt qu tm kim l hp l. Nhng ng v qu lo lng v n m bn vp phi nhng th thut gt cng c tm kim. Nhng cng c tm kim ln nh Google, Yahoo v MSN, h c c mt i ng nhn vin lun lm vic loi b nhng th thut dng gt cng c tm kim ca h. Ni chung, mt khi trang web ca bn c ni dung rt hay, th khng cn qu nhiu SEO, bn vn c rank cao nh thng.

112 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Chng 4 : SEO
SEO: bnh c ru mi?
Google vn l vua
Google vn gi vng danh hiu ng vua tm kim v ngy cng tr thnh mt th lc thu tm mi quyn lc trn web. Google toolbar, Chrome, Profiles, Plus, search historygoogle bit r chng ta hn bt k ai khc! Chng ta quen vi khi nim nu mun tm kim g tc l nhp t kha, click nt Search v c mt kt qu l danh sch c lit k, nu bn nhng thay i gn y ca Google, google tr v kt qu tm kim thm ch khi chng ta cha h nhp t kha hay click vo nt Search no c, nu bn c mt ti khon google bn s d dng nhn thy u ny trn cc trang nh YouTube, Gmail, iGoogle, thay v cc video c lit k mt cch ngu nhin l mt danh sch video ty bin cho tng ngi dng, c bao gi bn rng nhng on qung co trn email ca bn rt ng ni dung bn quan tm?

Hnh 1 Kt qu thng k ca trang http://gs.statcounter.com t thng 11/2011 n thng 2/2012 th phn cng c tm kim Vit Nam

Nhiu tiu ch nh gi mi
PageRank, Link, Keyword khng cn gi vai tr quan trng vi kt qu tm kim nh trc y, minh chng cho iu l vic Google n mc keywords trong Google Analytics, m ra mt

113 www.izwebz.com

Demon Warlock

Pht trin Web

2012

xu hng mi trong nm 2012, t vic tp trung nh gi da trn t kha sang hnh thc nh gi trn cht lng ni dung v s ph bin trong cng ng ( ranking for relevance and conversion). y r rng l nhng ci tin ng n v nh gi chnh xc hn, chng ta iu bit rng c qu nhiu link spam trn mng, nhng ng link cha thc s th hin c trang web thc s ng vi kt qu m ngi dng mong mun, mt v d khc, hy th nh trong u nhng ngi trong friendlist facebook, bn cng trng, gia nh, ca hng, thng hiu yu thch, by gi tip tc hnh dung s bn b trn blog c nhn v website? Bn c thy s khc nhau. Mt v d khc, c bao nhiu ngi chia s ng thi mt lin kt hay, upload mt hnh nh, mt bn tin m h thch trn c blog c nhn v mng x hi? Cc lin kt ny rt mp m v cha phn nh ng nhng thng tin mi nht, v c nhiu ngi quan tm. Google cng nhn ra iu v thay v nh gi cao s lng lin kt n website, phn hi t nhng trang cng ng s ng vai tr quan trng hn.

Hnh 2 Thng k t SEOmoz cc tiu ch nh gi th hng ca site Theo thng k t SEOmoz, nu trong nm 2009 nhn t link ng vai tr 65% th tt xung 40% trong nm 2011.

114 www.izwebz.com

Demon Warlock

Pht trin Web

Cht lng khng phi s lng

2012

Hin ti i a s cc c my tm kim u nh gi theo mt cng thc m chng ta iu ng l khng hp l S lng i cng cht lng. bao nhiu ln bn tm kim mt ni dung g trn google v kt qu tr v l nhng trang web xu x vi 80% l qung co, ni dung th hao hao ging nhau bng cng ngh copypaste, nu trc y bn d dng qua mt google bng cc mnh khe, vi cp nhp gn y ca Google trn tiu ch freshness update vic s tr nn kh khn hn, theo nhng tin tc nng v c cp nhp mi nht s c a ln u, c th hiu bn ch cn search Gii Oscar, th google s t hiu l bn mun tm hiu v gii oscar nm 2012 ch khng phi gii oscar ca nm 1989, y l tin mng cho cc trang tin tc v tin xu cho cho doanh nghip nu doanh nghip ang c mt s tai ting khng tt vi gii truyn thng nh ngi ta thng ni ting lnh n gn, ting d n xa (Googles Freshness Update )

Google s ghi nhn nhng website c ni dung ring bit, thit k tt v ph bin trong cng ng, u th hin c gi tr m website ca bn em li cho ngi dng. Lu y, thit k tt khng phi Google nh gi trn thm m ca website, bi cc Quality Rater (Google Rater, who are they?) , nhng ngi c thu ch khng phi l mt thut ton, c th nh gi mt website m khng cn trc tip thy bng mt m da vo kt qu tr v t Google trn tiu ch Readability, usability, usefulness.

115 www.izwebz.com

Demon Warlock

Pht trin Web

Tm kim qua di ng tr nn ph bin.

2012

iu ny hon ton c th on trc, khng c g bt ng khi s smart phone, theo bo co t IDC ngy 15-12-2011 c 18.1 triu thit b tablet eReader c bn ra th trng v tng mc d on n cui nm s t 19.2 triu. Nu nhn vo nhng th trng chu nh Nht Bn, vi khon 14 triu ngi dng, chim 11% dn s, hay Hn Quc con s ny cn cao hn, 20 triu ngi dng, gn 40% dn s, mobile tr thnh th trng mi nhiu tim nng, game v ng dng thc ra v mc ph bin ch ng th 2 sau vic tm kim thng tin,( Voice of the Smartphone User: South Korea)

Quyn quyt nh thuc v cng ng

Nu trc y bn bit n SEO 1.0 tp trung vo cc th meta, site structure, link, th SEO 2.0 chu nhiu nh hng t cng ng mng (Google + Bing Confirm that Twitter/Facebook Influence SEO) C bao nhiu ngi bnh lun v bi vit cui cng trn blog ca bn? Bao nhiu ngi Tweeted n ? Bao nhiu ngi Like hoc share trn Facebook c nhn ca h? Bao nhiu ngi +1 cho bi vit?

Hnh 3 Smashing Magazine tweeted bi vit Beginners Guide To SEO Mt trng hp bn c th thy s nh hng ca cc trang x hi ln kt qu tm kim (A Tweets Effect On Rankings An Unexpected Case Study) Smashing Magazine tweeted bi vit Beginners Guide To SEO ca trang

116 www.izwebz.com

Demon Warlock

Pht trin Web

2012

http://www.seomoz.org, sau c hng triu ngi retweeted chia s , kt qu ca vic l nu bn ln mng v search t kha Beginners guide trang SEOmoz ln ng th 2 kt qu tm kim, hon ton khng mt t kha no lin quan v SEO. Nu khng tin bn c th th. iu cho thy mi ngi thch ni dung ca bn v Google thch hin th nhng g m mi ngi thch. Cng ng tr thnh mt trong nhng nhn t quyt nh nh hng n cc chin lc SEO bn s a ra. SEO khng cn l cng vic ca SEO Trong nm 2012 khi nim SEO c th c m rng bng khi nim SMO (Social media Optimisers) CRO (conversion rate optimiser). Trc y SEO (Search Engine otimiser) l cng vic ca nhng ngi ti u trang web sao cho thn thin vi cc cng tm kim, th vi nhng tc ng nh cp trn, ngoi ti u cho cc cng c tm kim, chng ta cn phi ph bin trn cng ng mng, cc chiu tr li ko traffic vo site s tr nn v ngha nu ngi dng khng quan tm n ni dung ca website, s tng tc gia khch hng v website phn nh cht lng ni dung m website em li, SMO v CRO s c t dng v trong nm ti.

D l khin google nh a ch trang web ca bn, kh l tm v c v tr trang web trong u ngi dng, c th nh li a ch v gh vo thanh address m khng cn dng cng c tm kim

117 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Gii thiu Google Analytics

Vi nhng ai bit v Google Analytics th phi cng nhn mt iu rng Google qu mnh v cng ngh ca h tht s ng kinh ngc. Cn vi ai cha bit v Google Analytics th y l cng c min ph ca Google dnh cho Webmaster. Mc ch ch yu ca n dng tm hiu tt c nhng thng tin v trang web ca bn. L mt webmaster chc chn bn cng nhiu ln mun bit trang web ca mnh c ngi c s dng nh th no? c bao nhiu ngi truy cp vo trang web ca mnh? h n trang no? li trang bao lu? v.v.. Trc y khi cha c Google Analytics th rt nhiu ngi s dng Alexa nh l mt cng c o c s thnh cng ca mt trang web. Ti nh c ln vnexpress.net nhn ngy k nim sinh nht ca mnh cng khoe thnh tch mnh t c trn Alexa. V tnh chnh xc ca Alexa th ti khng bn n trong bi ny. Nhng nhng thng tin m bn c c t Alexa khng cho bn hiu c tng tn nhm ngi c ca bn v bit c chn t k tc ca h. Vi Google Analytics, bn c th bit c rt nhiu thng tin qu bu ca ngi c v n rt hu ch cho qu trnh xy dng v pht trin trang web ca bn ng k mt ti khon min ph vi Google Analytics rt n gin v cch s dng n cng n gin khng km. Xin min php cho ti phi hng dn cch s dng n. Mt khi hon thnh cc bc chun b, bn s c th truy cp vo trang ch ca Google Analytics v bt u xem nhng thng tin v trang web ca mnh Tnh nng ca Google analytics rt nhiu v thc s ti cng khng bit ht c. Nhng ch yu ti hay xem s lng ngi truy cp, PageViews, h n t u, tm c trang web bng cch no, s dng trnh duyt g, h iu hnh, thi gian h li trn trang Ni chung Google analytics cho php bn bit rt nhiu thng tin t ngi c. Nu s dng n kt hp vi chin lc pht trin trang web ca bn th chc chn trang web ca bn s thnh cng hn nhiu y l mt vi trong s rt nhiu tnh nng ca Google analytics

118 www.izwebz.com

Demon Warlock

Pht trin Web

2012

S lng ngi truy cp vo izwebz, s lng trang c xem, thi gian h li trn trang

Trnh duyt no h s dng truy cp izwebz

Ngi c ch yu n t nc no v t thnh ph no Nhng thng tin nh trn ht sc qu gi, bi v nu bit c nhng thng tin bn c th hng ti ngi c tt hn v c nhng thay i tch cc hn cho h. Tt nhin mt khi bn quan tm n ngi c ca mnh th vic thnh cng ca trang web ch l vn thi gian. Bn c s dng Google Analytics cha? hoc bn ang s dng ci g bit thng tin v trang ca mnh? Hy chia s vi mi ngi v nhng g bn bit.

119 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Gii thiu Google webmaster

Google Webmaster l mt cng c mnh dnh cho cc webmaster do Google pht trin v h tr. y l mt dch v h tr qun l trang web min ph ca Google cho bn nhng cng c xy dng trang web thn thin vi Google hn v cho bn bit c khi no th Robot ca Google scan trang web ca bn, trang web ca bn c google index cha, qun l cc ng link n v i t trang web ca bn. Ngoi ra bn cn c th xem bng phn tch trang web ca google v chn on nhng li ca trang web sa cha. Nu bn cha bit hoc cha s dng Google Webmaster Tools, bn c th vo link ny ng k ti khon v bt u s dng dch v min ph ny ca Google ngay t ngy hm nay. Trc khi s dng c cng c ny ca Google, bn cn phi to v xc nhn bn l ch nhn ca trang web . Ngay t trang Dashboard u tin, bn thm a ch trang web bn mun vo Add Site.

Sau Google yu cu bn xc nhn bn l ngi s hu trang bng cch thm th meta vo phn <head> hoc upload mt file HTML. Sau khi xc nhn thnh cng, bn c th bt u tin hnh nhng bc cn thit qun l trang web ca mnh. Vic s dng cc cng c ca Google rt n gin v trc quan, do vy ti cng khng cn phi vit bi hng dn na. Ti ch mun ni qua cho bn bit, bn c th lm g vi Google Webmaster Tool Google thng bo cho bn bit ln gn y nht n crawl trang ca bn l khi no, trong ton b trang web ca bn c bao nhiu trang khng c tm thy (404 not found)

Google cho php bn khai bo XML sitemap:

y l mt dng bn trang web rt c li cho cc cng c tm kim. N c nhim v hng dn robot ca Google index nhng trang nm su trong trang web, kh tm hn v c th cha c google index. Mt khi bn khai bo XML Sitemap ri, bn c th xem trng thi ca n trong trang Google Webmaster Tool. Bn c th bit c Google download sitemap ca bn cha v bn khai bo bao nhiu a ch URL thng qua Sitemap ca bn. Nu bn pht hin li trong sitemap, bn c th nhp chut vo n v Google bo cho bn bit vn l g. Google cho php bn khai bo ti a l 500.000 URL cho mt Sitemap.

Qun l lin kt n v i t trang web ca bn:

y l mt tnh nng rt hay v rt hu dng cho webmaster bi v bn cn bit trng thi cc ng link hin ti trn trang web ca bn. Nhn vo bng phn tch bn c th bit c trang no c ng link sang trang khc v cc ng link ngay trong trang ca bn.

120 www.izwebz.com

Demon Warlock

Pht trin Web

Kt lun

2012

y l mt dch v min ph ca Google nhng li cho bn nhng cng c rt hu dng gip bn qun l trang web hiu qu hn, thn thin vi Google hn v tt nhin v lu v di s gip trang web ca bn c rank cao hn v c hin th tt hn kt qu tm kim ca Google. Giao din v cch s dng rt n gin, bn ch cn b ra vi pht l c th nm bt c ht mi tnh nng ca Google Webmaster Tools ri.

121 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Tiu ch Google xp hng trang web

Sau khi Alexa b tht sng th cc webmaster ly ch tiu PageRank ca Google o c s thnh cng ca mt trang web. Hn na, PageRank ca Google cng c t nhiu nh hng n kt qu tm kim ca mt trang web trn trang kt qu tm kim ca Google. Vy Google xp hng mt trang web nh th no v da trn tiu ch g? Nh bn bit Google s dng robot r tm thng tin v trang web, do vy h phi c nhng tiu ch kt lun mt trang web c ph hp vi kt qu tm kim hn v da vo kt lun trang ny ph hp hn trang kia.

Lin kt
y l mt yu t rt quan trng m Google s dng xp hng mt trang web. Ni ngn gn th nu trang web ca bn c cng nhiu lin kt n t nhng trang c cng chung ch th bn cng c nh gi cao. Nu lin kt n ca bn n t nhng trang .org hoc .edu th nhng link ny c Google nh gi rt cao, bi v n bit chc rng nhng trang .org v .edu khng phi l spam v n l trang web ca cc t chc chnh ph hoc cc trang web v gio dc. Nu lin kt n trang web ca bn c xut pht t nhng trang tn ti lu nm v c PageRank cng cao th nhng lin kt cng c nhiu im hn nhng lin kt thng. Mt im na Google cng gim st v cc ng lin kt l lin kt i t trang web ca bn. Nu bn lun s dng cm t nhn vo y trong c trang web lin kt n cc trang khc th n c th cho y l mt dng spam. Do vy thay v s dng nhn vo y nhiu ln, bn c th dng nhng t kho quan trng ca bi vit lin kt n cc trang khc. V d, bn c th ni Trang web trng DHKHTN c cp nht thng xuyn, hy vo thm trang web ca DHKHTN bit thng tin mi nht v trng thay v Trang web trng DHKHTN c cp nht thng xuyn, nhn vo y bit thng tin mi nht v trng

Tui ca trang web

Mt thc t l nhng trang web c to ra ch vi mc ch Spam thng tn ti khng lu. N hu nh ch xut hin mt thi gian ngn ri bin mt. Tn min ca nhng trang web ny ch c thi hn ti a l mt nm. Chnh v l do ny m Google nh gi khng cao nhng trang web va to ra, n nh gi nhng trang web tn ti lu nm cao hn v n c th chc rng nhng trang web khng phi l spam. Cho nn nu bn mun gia hn tn min, hay gia hn khong 2 nm hoc tt hn ht l 5 nm mt. Google s nh gi trang web ca bn cao hn.

S lng ngi nhn vo tn trang web ca bn kt qu tm kim

Nu trang web ca bn c Google cho hin ln nhng trang u ca kt qu tm kim v c nhiu ngi nhp chut vo. N cng nh gi trang web ca bn cao hn v n c th suy on rng, nu ngi dng nhp chut vo nhiu c ngha l trang web ph hp vi t kho tm kim ca h.

122 www.izwebz.com

Demon Warlock

Pht trin Web

Tn sut cp nht trang web

2012

Google cng gim st c tn sut cp nht trang web ca bn. y n khng giam st s lng bi mi bn post m n gim st tnh n nh khi bn post bi mi. Nu nhng trang web mi thnh lp m c tc post vi trm bi mt ngy th n s b nghi l spam. Nhng nu s lng bi mi c mt nhiu trong mt thi gian ngn v ngng li mt thi gian ri li post tip, th Google s cho l trang khng n nh. Chnh v th, bn nn cp nht trang web theo nh k v gi nhp u. Qu nhiu trong mt thi gian ngn cng khng c nhiu im, tnh n nh trong vic cp nht mi l quan trng.

T kho
T kho v mt phn b t kho cng vn ng vai tr quan trng trong vic Google nh gi ni dung ca mt trang web. Nu bn t kho vo th title, ng lin kt, heading v thng sut trn ton b trang web th Google cng s cho im trang web ca bn. Nhng thay i v t kho bng cch sp xp n gn ln phn trn cng ca trang web, nm trong cc ng lin kt cng c xem xt n. Nu c th bn hy cp nht t kho v kim tra mt ca n trong trang web nu bn mun trang web ca bn c xp hng cao hn trong kt qu tm kim.

Nhng yu t khc
Ngoi nhng tc nhn ch yu trn ra, Google cn xem xt n nhng kha cnh khc nh Traffic ca trang, ngi dng phn ng vi trang nh th no v thm ch bn to trang web ca bn ra sao na. Google cng o c c Traffic n trang ca bn, nu trang ca bn lun nhn c nhiu Traffic th n cng cho im trang ca bn cao hn nhng trang cng chung ch m t traffic hn. Phn ng ca ngi dng vi mt trang web cng quan trng. Nu trang web ca bn c xut hin trang u ca trang kt qu tm kim, ngi dng nhp vo ng link n trang ca bn v h thy nhiu thng tin b ch. H s dnh nhiu thi gian c thm. Ngc li nu trang web ca bn c ni dung khng hay hoc khng ph hp, h s nhn nt Back v vo trang khc. Khong thi gian ny c Google xem xt, nu ai nhp vo trang ca bn v vi giy sau h nhn nt Back v iu ny lp li nhiu ln. Google s h thp rank ca trang v n suy lun trang khng ph hp da vo phn ng ca ngi c. V c nhn bn khi to dng trang web, nu bn thu host nhng cng ty c quy nh s dng khng nghim ngt dn n tnh trang server bn thu chung vi h c nhng k dng lm trang spam. Bi v bn v trang web spam s c chung mt di IP, do vy nu trang b nghi ng l spam th trang web ca bn cng rt d b nh hng. Chnh v th khi thu host, bn nn xem xt k vn ny.

123 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Cng c tm kim hot ng nh th no

L webmaster ca mt trang web, bn lun mun trang web ca bn c hin th trang th nht kt qu tm kim ca Google. lm c iu , trc ht bn nn bit cc cng c tm kim nh gi mt trang web nh th no v ra sao. Ly mt v d c th, khi bn lm mt trang web v hng dn cch cai thuc, bn mun Google bit c trang web ca bn c ni dung ph hp vi ch v mun c ln trang u ca kt qu tm kim. Nhng khng may l cc robot ca Google khng hiu c mong mun ca bn. Nhng n li l yu t duy nht xc nh ai s ln trang u. Vy nh gi c ni dung ca trang web c lin quan n t kho m ngi s dng va g vo khng, Google c mt thut ton ring xc nh tn s xut hin ca t cai thuc l v cm t xut hin u trn trang web. N cn xc nh c nhng ng link t nhng trang web khc n trang web ca bn, nu nhng trang khc s dng nhng t link nh l cai thuc l link n trang ca bn, th n s quyt nh trang ca bn c ni dung ph hp. Tuy nhin nu ch c vy th rt nhiu ngi gian ln v nht y t kho vo mt trang v lm cc ng link gi n n. Do vy Google pht trin mt thut ton thng minh na l ph thuc vo cch s dng ca ngi dng. V d khi trang web no c hin th ln kt qu trn cng, Google s gim st n c bao nhiu ngi click vo. Nu t l ngi dng click vo cao, th n s quyt nh ni dung ca bn ph hp vi tiu ch ngi dng mun tm v ngc li. Cha dng li , Google cn o c c s thi gian ngi dng s dng phm back quay li trang kt qu tm kim sau khi vo thm mt trang web no . Nu thi gian ngi dng t v s lng phm Back b s dng nhiu ln, n s h thp rank ca trang web .

Kt lun
Trn y ch l mt vi trong s rt nhiu thut ton ca Google m bit n l iu tuyt mt ca Google. Nhng d sao hiu c v c bn cch Google sp xp kt qu tm kim cng gip bn ti u ho trang web ca mnh ri.

124 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Chng 5 : Nhng th thut trong thit k v lp trnh

To nt bng Photoshop
Hm qua do chi thy mt trang web n to ra hng nt dng inset kh p v hin i. Nn ti my m cch to ra c kt qu gn ging vi hnh gc. Hm nay chia s vi cc bn, nu thch cc bn c th lm theo, v nu kho kt hp cng to ra c nt di chuyn rt hin i. Bi v bi ny khng qu phc tp v cng ngn gn cho nn ti lm tut hnh cho n l v mt thi gian hn. Cc bn cng c th download phin bn PSD v xi. Nu cc bn ging ti, lun thch xem kt qu trc khi lm theo th y l hnh cui cng chng ta s c.

Bc 1: bt u bn m mt ti liu mi trong Photoshop vi kch thc khong 500500 Px. Chn mu nn trc l mu en v trn hp cng c chn Rounded Rectangular Tool (U) vi thng s Radius = 8 px v to mt hnh nh hnh di.

125 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Trong Layer Pallet chn Layer Effect > Drop Shadow v thit lp thng s nh hnh sau:

Bc 2: Trn Layer Pallete Ctrl-Click vo layer shape va to bc 1 load vng la chn. Sau vo Select > Modify > Contract v in vo hp thoi l 1px Bc 3: Trn Layer Pallet to mt layer mi. Chn cng c Gradient (G) trong hp cng c v t mu nn trc l mu #44464C v mu nn sau l mu #0F1114 ko mt ng theo hnh mi tn.

126 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Trong Layer Pallete chn Layer Effect > Inner Shadow v thit lp thng s nh hnh sau:

Trn layer Pallet to thm mt layer na. Trn Layer Pallete Ctrl-Click vo layer shape va to bc 1 load vng la chn. Sau vo Select > Modify > Contract v in vo hp thoi l 2px. Di chuyn vng chn xung di 2px bng phm mi tn tr xung.

i mu nn trc thnh mu #2D343D v gi nguyn mu nn sau v ko mt ng nh hnh trn. By gi bn c th thm ch v l xong. Kt qu trn cng ca bi vit v bn c th download file PSD ny v tham kho.

127 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Gi hng v Session
C rt nhiu bn hi ti v cch thc hin mt gi hng. V ci thc mc ca cc bn nm ch lm sao thm nhiu mn hng. Chy lui chy ti trn ton trang la chn sn phm tht ng cho mnh. Sau ri mi thanh ton, v cc thng tin sn phm khi thanh ton u y . iu quan trng y, ci m cc bn cha hiu l lm cch no, tuy rng bn s dng session kh nhiu cho cng vic ca mnh, nhng v gi hng bn li suy ngh qu cao siu. Thc t hy tng tng, bn gi l gi hng tc l mt ch qung sn phm vo. Tng t vi chng ta, khi khch hng click mua mn hng th chng ta ly n qung vo ci gi Session ca chng ta ^^. Lun lun lu rng, tt c nhng ni m mun x l Seission th : <?php /* Khai bo s dng session ngay dng u tin. y l mt th tc khng th thiu trong Gi hng bng Session */ session_start(); ?> i loi nh mt m hnh m ti thit k cho Project ca mnh th ny. 1. Hnh nh sn phm

128 www.izwebz.com

Demon Warlock

Pht trin Web

2. Chn sn phm

2012

3. n v Xem gi hng

Trong on code HTML bn s i loi nh th ny cho nt chn mua <input type="button" value="Chn Mua" class="buy" title="9"> vi title l mt attribute cha ID ca sn phm cn ADD + on code jquery ly gi tr ca title gi n trang x l v to Session nh sau :

129 www.izwebz.com

Demon Warlock

Pht trin Web

$('.buy').click(function(){ var str =$(this).attr('title'); $.ajax({ url :'create_order.php', data :'id='+str, dataType :'html', type : 'POST', success : function(html){ //Ni dung hin th khi hon thnh } }); }); Vi trang PHP create_order.php <?php session_start(); if(isset($_POST['id']) AND $_POST['id']!=''){ $id = $_POST['id']; $manu = $_POST['manu']; $type = $_POST['type']; $color = $_POST['color']; $num = $_POST['num']; $_SESSION['s_pro'][] = array('id'=>$id, 'manu'=>$manu, 'type'=>$type, 'color'=>$color, 'num'=>$num); echo 'GREAT'; } ?>

2012

Nh vy c mi ln bm Chn mua th sn phm s c gi n trang create_order.php v c thm vo mng Session nh trn hnh. Sau khi n trang GI hng, vic ca bn l ch vic cho php hin th cc thng tin c lu trong mng 2 chiu v x l t hng vo Database chng hn. Nh vy vic chnh xc bn thy rng chng ta hon ton c th s dng Session lm cho gi hng.

130 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Gii Thut trong lp trnh

Hm nay ti mun cp n mt s thut ton bt li thn ca IT chng ta, l cc thut ton sp xp. Ai hc IT th chc ci t n trn C hay C++ ri, nhng ci trn PHP tuy n vn ging nhng hin ti trn izwebz cha c nn ti c c hi c ng bi ny. Gii thiu v bn thn mt cht, hin ti ti ang hc tp ti Vit Nam(ti ngun gc trang ny t USA) nn phi gii thiu k cng v mi hon thnh xong nm nht.Ti thch gii thiu k cng bi v ti cm nhn trang web ny kh tt, nn ti mun ngun kin thc a ra phi t mt chun no . Hy vng l sp ti my anh admin ca izwebz s c th gii thiu k, v tht v hin ti ca bn thn. Ti thy trang web ca nc ngoi hay th lm, ti cm thy rt tin tng v chuyn nghip na. The end introduction

Bubble Sort: Sp xp ni bt
tng thut ton: ng nh tn gi ca n cc phn t s c sp xp theo kiu phn t no nh nht s ni ln u cn cc phn t ln s chm xung cui. Code bubble sort: /* Author: NguyenKien. Description: code for Bubble Sort. Date: 4/10/2010 */ <?php $a = array(9, 8, 7 , 6, 5, 4, 3, 2, 1, 0); $i=0; $j=0; $temp=0; for($i=0, $i&lt;count($a); $i++) { for ($j=count($a)-1; $j&gt;$i; $j--) If($a[$j-1] &gt; $a[$j]) { $temp = $a[$j-1]; $a[$j-1] = $a[$j]; $a[$j] = $temp; } } foreach ($a as $value) echo $value . ,; ?>

131 www.izwebz.com

Demon Warlock

Pht trin Web

Output: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 Gii thch on code trn

2012

nh s key cho mng trn (ch hen, trong C th cc ch s l index nhng trong PHP li l key). 9 -> a[0]; 8 -> a[1]; 7-> a[2]; 6->a[3]; 5->a[4]; 4->a[5]; 3->a[6]; 2->a[7]; 1->a[8]; 0->a[9]; vng for u tin vi $i=0 s thc hin vng lp for th hai t v tr th 9 xung v tr th 0 ca mng trn, v bt u so snh nu s trc ln hn s sau th hon v hai s . V d gi tr ca a[9] =0 v a[8] =1; r rng a[8] =1 (s trc) > a[9]=0 (s sau). Tha mn iu kin if trn nn thc hin hon v hai s ny v tip tc so snh nh vy cho ti j=1; nh vy sau gi tr $i=0 v chy vng for th hai th phn t 0 tc l gii tr ca a[9] s c y ln u. (phn t nh nht ni ln u.).Nh vy c th hiu ngay sau khi tng $i ln mt th gi tr =1 trong mng $a s ng k sau gi tr 0 trong mng $a. /* Author: NguyenKien. Description: code for Selection Sort. Date: 4/10/2010. */ <?php $b = array(9, 8, 7, 6, 5, 4, 3, 2, 1, 0); $i=0; $j=0; $temp =0; $min =0; for ($i=0; $i&lt;count($b); $i++) { $min =$i; for ($j=$i+1; $j &lt;count($b); $j++) { if ($b[$j] &lt; $b[$min]) { $min =$j; $temp =$b[$i]; $b[$i] = $b[$min]; $b[$min] =$temp; } } } foreach ($b as $value) echo $value.&quot; ,&quot;; ?>

132 www.izwebz.com

Demon Warlock

Pht trin Web

Output: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9

2012

tng thut ton: xt mt mng cn sp xp ta s chn phn t u tin v gi s n l nh nht, sau qua s l ta s tm ra phn t nh nht thc s ca mng v hon v n vi phn t va gi s l nh nht. Cc thao tc nhn c v na n bubble sort nhng n c thm bin $min, bin ny nhm mc ch ly ch s ( qun key ch )ca phn t nh nht m ta va gi s v xt n iu kin if ($b[$j] < $b[$min]) nu ng th gn li ch s nh nht thc s ca mng cho bin $min. V thc hin hon v $a[$i] (l gi tr ca bin min m ta gi s) cho $a[$min] (gi tr va tm ra v nh hn gi tr ca $a[$i]). Ch vy thi. l Selection Sort /* Author: NguyenKien. Description: code for Selection Sort. Date: 4/10/2010. */ <?php $b = array(9, 8, 7, 6, 5, 4, 3, 2, 1, 0); $i=0; $j=0; $temp =0; $x =0; for ($i=1; $i&lt;count($b); $i++) { $x =$b[$i]; for ($j=$i-1; $j&gt;=0 &amp;&amp; $x&lt;$b[$j]; $j--) $b[$j+1] = $b[$j]; $b[$j+1]=$x; } foreach ($b as $value) echo $value.&quot; ,&quot;; ?> Output: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 tng thut ton: Gii thch r hiu nht cho thut ton ny l khi cc bn chi bi tin ln(ngoi bc mnh hay gi l chi bi nam). Cc bn s nhn thy mt nhm qun bi c th t nhng con bi tip theo li khng ng vi th t ca nhm qun bi ny (v d nhn thy 2 c, 3 c, 4 c A tip theo khng phi 5 c m l K c. Trong khi 5 c li u trong cc

133 www.izwebz.com

Demon Warlock

Pht trin Web

2012

qun bi cm trn tay) nhim v ca cc bn l nhn lt ton b cc qun bi c trn tay v ly con 5 c t ng v tr sau 4 c. cng chnh l cch m insertion sort lm vic cc bn. Gii thch code: vng lp u tin khi xt $i=0, v thc hin tt cc cu lnh di n khi $i=0 lp tc l ly gi tr ca n lin tc l tm ly $b[$i]; v so snh n vi $b[$j]. cc bn thy n trong iu kin vng lp for th hai && . Nu ng th sthc hin hon v $b[$j+1] = $b[$j]; Nu khng th chnh n l nh hn s cn so snh ri, n vn l chnh n th hin qua $b[$j+1]=$x; ch vy thi Kt lun Trong bi vit ny ti ch c th public tng d thi, nu cc bn thch ci t them cc thut ton shellsort, radix sort, merg sort hay binary search th phi comment(cm men) di hay mt s yu cu v lp trnh PHP (cha ni n lp trnh ng dng nha v mnh cha c kh nng do mi tip xc vi PHP). Mnh s c ht sc vit. Do y l bi vit u tin nn rt cn thm d nh hng ca cc thnh vin. Mnh thch khen lm..hi hi hi. Rt vui khi c ng gp cho izwebz. Ch : Trong cc on code trn ti vit ch m phng cc thut ton trn thi cha tnh n chuyn ti u trong tnh ton, v d nh bubble sort nu vit nh vy th cc bn s c im km khi hc mn phn tch v thit k gii thut, v n khong ti u v thi gian, r rang vi code nh vy th k c mng sp xp ri n vn phi thc gn nh ngn on code s d gn nh v cu lnh if u khng tha(v n sp xp ri). v trong insertion sort cng nh vy. Cc bn c th tm hiu lm sao ti u nh, code cc bn s public trn izwebz hen, nh ci t trn PHP. ang ngi trn th vin trng rt thoi mi khi vit bi ny. Cho tt c cc bn yu izwebz . Good luck !!!!

134 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Ajax-Jquery vs JavaScript
i lc khi mi i n ranh gii ca lp trnh web 2.0 bn ang ng ng gia cc chc nng ca n, cng nh bn bit rng web 2.0 th nn p dng ajax, tm hiu trn mng hoc trong ti liu th bn hiu s s n l cch gi d liu khng ng b . Nhng i vo vn khi n vi ajax bn thc s bi ri qu nhiu, khng bit c ch hot ng, khng nm r n, v mt phn do vn ting anh yu m khng dm ng chm n nhng cun sch JS ting anh Mt thi gian no , c bn pm hi ti Anh i ! sao anh khng son tut dy Ajax, em ton thy dy Jquery khng h. Khi c c vn ny, ti thc s b ng, ngi ta c th hi mnh dy Ajax trong khi ngi ta bit Jquery. C bun ci khng khi hi Anh i em bit s v Jquery nhng em m JS anh c th son tut JS cho em khng ?, khi n li l vn khc. tr li cho cu hi ny, bi vit hm nay s minh ha r rng v mi rng buc v quan h gia Ajax, Jquery v JavaScript. NH NGHA Javascript : l mt ngn ng x l s kin thng thng cho website, thng thng c dng s l cc s kin. Ngn ng cng theo cu trc chnh ca C, c th ni JS ch khc PHP ngn ng, cn hng lp trnh th hu nh l ging nhau. JQuery : Gn nh l mt m ngun m s dng JS, Jquery tng hp cc vn cn phi lm trong JS thnh mt th vin, v sau n cho php pht biu theo cch gi ring ca n. Ajax : C th ni, Ajax ch l mt phn nh trong JSm khi thc hin theo JS thun Ajax c th hin tng quan theo JS thun, khi th hin theo Jquery, cch s dng khc nhau nhng mi tng quan ca n vi JS vn khng i, bi v bn thn n vn ch chy trn JS. PHN BIT - Vi cch c th phn bit 3 dng ny, ta s i n gin t di ln trn. Ajax : Ajax ch l mt hm nh nu bn s dng Jquery v l mt s kt hp nhiu thnh phn nu bn s dng JS thun. Ajax vi Jquery $(document).ready(function(){ $.ajax({ //Ti y ta c th cho cc gi tr vo function Ajax, lc ny Ajax l mt function. url: 'leech_link.php',

135 www.izwebz.com

Demon Warlock

Pht trin Web

type: 'POST', dataType: 'html', data: 'name='+varlue1+'&tuoi='+value2, beforeSend(function(){ $('#wait').html('<img src='load.gif' title='' />); }), success(function(html){ $('#show').html(html); }) }); });

2012

- Ch vi vi dng nh th chng ta hon thnh mt ajax kh n gin, nhng bn cht bn trong ca n khi tung tc vi JS th nh th no ? hay ni chnh xc hn, Ajax hot ng trn JS th no, chng ta cng tham kho code sau : Ajax vi JS thun // Ajax function function XMLHttpClient() { var xmlhttp; try { // Mozilla / Safari / IE7 xmlhttp = new XMLHttpRequest(); } catch (e) { // IE var XMLHTTP_IDS = new Array('MSXML2.XMLHTTP.5.0', 'MSXML2.XMLHTTP.4.0', 'MSXML2.XMLHTTP.3.0', 'MSXML2.XMLHTTP', 'Microsoft.XMLHTTP' ); var success = false; for (var i=0;i < XMLHTTP_IDS.length && !success; i++) { try { xmlhttp = new ActiveXObject(XMLHTTP_IDS[i]); success = true; } catch (e) {} } if (!success) { throw new Error('Unable to create XMLHttpRequest.');

136 www.izwebz.com

Demon Warlock

Pht trin Web

} } return xmlhttp; } function SetName(name) { var req =XMLHttpClient() ; req.open('GET', 'setname.php?name=' + name, false); req.send(null); var newName =req.responseText; alert(newName); }

2012

- Nh vy chng ta hiu r hn phn no Ajax, chng ta cng i qua vn tip theo l Jquery Jquery: Nh gii thch trn, bn thn Jquery cng ch l mt th vin tng hp hot ng trn nn tng JS, chng minh iu ny, chng ta i vo mt v d nho nh, ti mun ly gi tr ca mt ID no v cho hin th thng bo ra mn hnh. S dng JS thun //Nu bn mun ly gi tr ca n, bn phi s dng chui hm sau : var myContent = document.getElementById('content'); alert(myContent.value); v s dng Jquery alert($('#content').val()); Ch n gin l vy m thi. Nh vy ci bn cn hiu, t mt phung thc no , Jquery c th thc thi cc lnh JS thng qua cch vit ca ring n, nhng thc s nn tng n vn ch l JS. JavaScript : Nh vy ti y, bi vit l kh tm n cho cc phn gii thch, v JS ti khng c nhiu kin phn bit n, bi v n l nn tng cho s pht trin ca cc th vin khc.

137 www.izwebz.com

Demon Warlock

Pht trin Web

KT LUN

2012

Nh vy gi chc bn mng tng c trong u, ci no nm u ? v v tr n nh th no ri ng khng ?. Cng nh kho kin thc, kin thc l v hn, mt thut ton s c nhiu cch gii, mt bi ton kh khng phi c kt qu l quan trng, m phi lm sao cho n tn cng sc nht. Cng nh hc PHP, bn phi hc theo hng i tng trnh i ti a nhng khai bo trng lp, trnh tt c nhng code khng cn thit, nh Jquery vy, ngi ta gp chung n v t cho n mt cch khc gn gng hn ^^.

138 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Cch to trang 404 Error Page

Trc ht bn cn to mt trang .htaccess trc . 1. M Notepad v copy on code sau : ErrorDocument 404 /404.html 2. Nhn Ctrl-S lu file li File Name: bn in .htaccess 3.Ti Save as Type, nhn vo mi tn th xung v chn All Files 4. Nhn Save 5. M tip Notepad v to mt file c tn l 404.html vi ni dung tu bn 6. Upload 2 file ny gm .htaccess v 404.html vo th mc gc. Dng ErrorDocument 404 ch cho Apache server bit rng khi no n khng tm c file n cn trong th mc ca n, n s s dng file c ch nh t trc. Mt file .htaccess th mc gc l hin th trang bo li 404 cho ton b trang web. Nhng nu bn mun c nhng trang bo li khc nhau cho tng th mc con, bn c th ti file .htaccess ln th mc con . File .htaccess ny s override nhng file .htaccess th mc gc.

Sau khi c 2 file .htaccess v 404.html, bn upload c 2 files ny ln host v sau m trnh duyt kim tra xem n c hot ng hay khng bng cch g vo trnh duyt mt trang m bn bit chc khng c trn host. Khi trang 404 ca bn hin ra, bn xem cc ng link ca n c hot ng nh bn lm t trc khng.

139 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Ch : Bi v trang bo li 404 c th c c t th mc gc hoc cc th mc con ca n, thm ch c th mc CGI-BIN. Do vy khi a ng link vo trang bo li 404, hnh nh v logo. Bn phi s dng URL y m khng phi dng tng i V d: Top Post Thay v Top Posts Ni chung chng ta nn hn ch ti a cc ng link hng trn trang web, nhng nu chng c xy ra, chng ta phi c gng ht sc gi chn ngi c m phi vt v lm mi mi c h n. Nhn chung ngi c kh d ng vi trang bo li mc nh, mi khi thy n l h ch c nhn nt Back v khng c tip trang ca bn na.

140 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Trang bo li 404 t to
Trang 404 l trang m ngi c s thy khi h mun n mt trang khng tn ti trn trang web ca bn. C th link n trang b hng, hoc trang b xa hoc h g nhm Trang 404 l trang bo li ca server mt khi c yu cu ca ngi c mun xem mt trang khng tn ti trong database ca n. Trang 404 ca mi ISP khc nhau, nhng nhn chung khng mang mt thng tin gip ch g cho ngi c c. Hoc ngi c qu quen vi n ri, ngi ta ch vic ng li hoc i tm trang khc v hu qu l bn mt ngi c .

Trang bo li 404 ca Twitter Do vy ti sao chng ta vi t cch l webmaster li mt ngi c mt cch lng xt vy? mt trang bo li 404 nn c thng tin gip ngi c v ci h ang tm, cung cp thm nhng thng tin lin quan hoc ch t cng phi c ng link quay li trang ch gi chn h. Bi v trang 404 cng l mt dng trang HTML tiu chun, do vy bn c th thay i n theo cch m bn mun. Di y l vi li khuyn gip bn to mt trang bo li 404 gip bn gi ngi c li v gip h tm kim thng tin h ang tm.

Thng bo r rng trang web h ang tm khng tn ti. Bn c th dng li l thn thin vi ngi c hn l thng bo mc nh ca ISP. Thit k trang bo li 404 cng ging vi giao din ca bn cng tt Thm ng link n nhng trang thng c nhiu ngi truy cp nht v thm c link v trang ch C thm la chn thng bo vi bn v ng link hng Cho d bn thit k trang bo li 404 p th no i na, th bn cng phi kim tra cho chc rng nhng cng c tm kim ph bin khng index trang bo li ln kt qu tm kim ca h.

141 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Cch to v s dng file Robots.txt

File Robots.txt c s dng hng dn cng c tm kim t ng n nhng trang no m bn mun n tm kim v sau th index trang . Hu ht trang web no cng c nhng th mc v files khng cn n robot ca cng c tm kim gh thm. Do vy to ra file robots.txt c th gip bn trong SEO.

File robots.txt l mt dng file rt n gin c th c to bi cng c Notepad. Nu bn s dng WordPress mt file robots.txt s c dng nh sau User-agent: * Disallow: /wpDisallow: /feed/ Disallow: /trackback/ User-agent:* c ngha l tt c nhng robot tm kim t Google, Yahoo v MSN nn s dng hng dn ny ca bn tm kim trang web. Disallow: /wp-: dng code ny bo cho cng c tm kim bit n khng nn lc li nhng fil ca WordPress bt u bng wp-. Nu bn khng s dng WordPress, bn ch vic thay th dng Disallow vi files v folders m bn khng mun n dm ng, v d: User-agent: * Disallow: /images/ Disallow: /cgi-bin/ T ng to robots.txt Nu bn c s dng Google Webmaster th h cng cho php bn to robots.txt hoc bn c th s dng Robots.txt Generator t ng to file robots.txt cho mnh Sau khi bn to xong file robots.txt (ng qun ch S), bn ch vic upload ln th mc gc l hon thnh

142 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Tips Virtual Directory in Apache

Cho mi ngi. Hm nay tanlevis xin gii thiu 1 mo cu hnh server apache ti localhost c a ch link ging tn min xn nh http://izwebz.com, http://name.vn thay v lc no cng http://localhost/thu_muc_lam_viec. lm c iu , chng ta phi da vo c ch th mc o (Virtual Directory) ging nh c ch th mc o trong IIS ca windows l tr a ch trang web v 1 th mc no trong my. Trong bi vit ny mnh ci WAMP nn mi ngi xi XAMP hay b no khc th c khc bit i cht v th mc cha file ci t, cn v cc file config th hu nh khng khc bit l my.

Ci t th mc
Hy ci t th mc vi cu trc tng t nh sau trong th mc ci t WAMP ( y ti ci vo C:\wamp):

Ci t file hosts
Dng notepad m file hosts ca windows ra v thm tn min ty thch vo cui file theo cu trc nh sau:

Ct bn tri hy nguyn l: 127.0.0.1, v y l a ch dng loopback ca windows Ct bn phi in tn min bn thch vo vd: design.com Demon Warlock

143 www.izwebz.com

Pht trin Web

2012

Nhng phn sau du # l ch thch c th c hoc khng

Tips: vo run(phm window + R) g C:\WINDOWS\system32\drivers\etc > enter

Cu hnh file httpd.conf ca apache

To mt file mi c tn l: virtual-hosts, v phn ui m rng l: conf, tn file y l: virtual-hosts.conf Dng notepad m file httpd.conf trong th mc wamp\bin\apache\Apache.version\conf. Thm vo cui file ni dung nh sau: Include conf/virtual-hosts.conf Vo Run g cmd > enter: Dng lnh cd ten_thu_muc di chuyn ti thu mc trong cng l bin, v g lnh httpd.exe -t kim tra c php, nu thng bo l Syntax Ok th thnh cng ri , cn khng th hy kim tra li tin trnh lm c g sai khng.

M file virtual-hosts.conf to trc ra v thm ni dung nh sau:

<="" div=""> alt=config_file_virtual_hosts /> -ServerName: tn min t trn, vd: design.com. -DocumentRoot: dng ng dn tuyt i ti th mc cha cc file php hay th mc ci t wp. -CustomLog: ghi li log ca trang web trong th mc ci t. -ErrorLog: ghi li nhng li pht sinh khi chy trang web, chng ta c th da vo y kim tra xem trang web thc s sch li hay cha.

144 www.izwebz.com

Demon Warlock

Pht trin Web

Kim tra v sa li

2012

Chuyn qua ca s Command Line (cmd)./li> Chy lnh: httpd.exe -S (ch : ch S vit hoa). -Nu thnh cng th kt qu s tng t nh sau:

-Ngc li hy kim tra cc bc ci t trn v da theo thng bo li sa. Tip theo ta phi restart li apache np vo nhng cu hnh ta thm c th nh sau:

Nu nhn c thng bo nh trong hnh th cu hnh thnh cng, cn khng th hy kim tra k cc bc thc hin -Restart apache xong ta vo trnh duyt g tn min t vo vd: design.com. -Nu gp li 403 Forbidden th l chuyn bnh thng khng c g phi lo lng c. Li ny l do trong th mc ci t web khng c file index.html, hy to 1 file index.html vi ni dung ty theo chun HTML. Gi thch li ny nh sau: mc nh th apache khng cho lit k ra danh sch cc file hay cc th mc c trong th mc web, do vy thm file index.html vo vt qua li ny

145 www.izwebz.com

Demon Warlock

Pht trin Web

Kt qu cui cng

2012

Li kt
- Nhng g ti lm trn y v chy thnh cng. Nu mi ngi gp li g trong qu trnh config th hy comment cng ng izwebz fix li dm cho. - Mi ng gp kin xin hy li comment bn di nha. Chc mi ngi vui v vi Virtual Directory -Tin y ti xin gii thiu 1 IDE pht trin PHP c tn Aptana. Hin nay c version 2.0.5 xi cng tt. u im: Qun l cc function, class rt tt, h tr auto complete khi g code. Nhc im: C ngun gc t Eclipse nn chy trn nn Java v th nu my cu hnh khng c tt lm th ng nn ci. Link: http://www.aptana.com/products/studio2/download

146 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Gii thiu v cch s dng github

Trong bi trc th chng ta lm quen vi editor Sublime text 2. Trong bi hm nay th mnh s gii thiu vi cc bn v mng x hi coding github.com v cch kt hp gia github v sublime text 2 c th gip bn tit kim c rt nhiu thi gian. Ngoi ra mnh cn gii thiu thm plugin Gist v th vin gist trn github.

Trong bi ny th chng ta s bit thm c

Cch ci t cng nh s dng github. Kt hp github, fetch package (Nettuts + Fetch) v sublime text 2. S dng b th vin Gist tng tc lm vic.

Li ch t c: Code thn tc nh vo b th vin bao la ca Gist v gim ti c nhiu bc trung gian. Lu : Khi ci plugin Gist v sublime text 2 th bn nn vo Preference > Package control > List package > Gist, sau m file Gist.sublime-settings, sau chnh sa li cc thng s v username v password. Video tutorial: http://www.izwebz.com/design-usability/gioi-thieu-va-su-dung-github/

147 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Chng 6 : Pht trin web Qu trnh to mt trang web

Hm nay bn Giang Ha c email hi ti v qu trnh c th to ra mt trang web. Nhn thy cu hi ny c th l thc mc ca nhiu ngi mi bt u hc lm trang web, cho nn ti vit mt bi gii thch k lng c qu trnh to ra mt trang web. Tt nhin bi ny ch dnh cho ngi mi bt u. Cng nh lm bt c vic g bao gi cng c nhng gia on nh chun b, tin hnh v a vo s dng. Lm web cng vy v di y l ba bc chnh. Trong bi ti c gng lin kt n nhng bi vit c trn izwebz bn tin tham kho thm.

Bc chun b Cng c bn cn lm mt trang web

Ty vo nhu cu v ty vo c th cng vic m cn nhng cng c khc nhau. Nhng vi mt trang web c bn th cng c cn thit lm mt trang web l: mt trnh son tho code, mt phn mm ha nh Photoshop hoc FireWorks, phn mm FTP v mt my tnh ni mng.

Cng c lm web Cng c ti thiu

Chn tn min
Nu bn mi ch bt u v cha mun mua tn min th bn c th ng k mt tn min min ph s dng th cho n khi bn sn sng mua tn min. Vic s dng tn min min ph th ci li duy nht l khng phi tr tin, nhng ng sau n l rt nhiu nhng th bt tin khc m bn khng th khng ch c. Hn na mua tn min cng khng t ch khong di $10 l bn c mt tn min cp mt s dng trong vng mt nm. Hin ti nhiu dch v host u cho tn min min ph khi bn ng k dch v vi h. Dch v ti ang dng l 1and1 cho bn tn min min ph (Affliate Link) cng gi dch v host, min l bn vi h th tn min s lun c min ph.

Cch chn domain

Chn mt dch v host

Cng nh tn min, host cng c nhiu dch v min ph. Ci c duy nht l khng phi tr tin nhng ci mt th khng th ni ht c. c tnh ca host min ph l khng n nh, qung co trn lan, thiu nhiu tnh nng quan trng v khng tin cy xy dng mt trang web lu di.

148 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Cch chn web host (phn 1) Cch chn web host (phn 2)

Thit k trang web

Khi hc lm web vic bit s dng thnh tho mt phn mm ho l iu gn nh bt buc. Cho d bn c l mt lp trnh vin, nhng kin thc c bn v mt phn mm ho tiu biu nh Photoshop hoc FireWorks gip ch rt nhiu sau ny. Ti c 2 series video tutorial hng dn cch to giao din trong Photoshop. Bn c th tham kho.

Giao din vi Photoshop Thit k theme WordPress vi Photoshop

Bn cnh bn cng c th s dng nhng chng trnh WYSIWYG min ph trn mng. Hoc bn c th download nhng phn mm CMS nh: WordPress, Joomla hoc Drupal min ph. Bn ch vic download v, c cch s dng v install n. Ch trong vng vi pht l bn c mt trang web hon chnh ri.

Chy th v kim tra li trang web ca bn

Vic kim tra k cng trang web ca bn trc khi ti ln web host l kh quan trng nhng li b nhiu ngi b qua. bc ny, bn nn tp trung vo kim tra nhng ng link, hnh nh, cn chnh, font ch ni chung tt c nhng g m bn to cho trang web ca mnh, bn cn kim tra k lng li. c bit nhng ng link v thanh di chuyn trn trang web. Ngi c khi n vi trang ca bn m li gp vi ng link hng th rt nn. Vic quan trng tip theo l chy th trang web ca bn 2 trnh duyt web ph bin nht hin nay l Internet Explorer 7 v Firefox. Hai trnh duyt h tr code khc nhau, cho nn i khi trnh duyt ny mi th hin th chnh xc nh khi bn thit k, nhng sang trnh duyt khc n

149 www.izwebz.com

Demon Warlock

Pht trin Web

2012

li b mo m i mt s ch. Do vy bn mun trang web ca mnh c hin th tt c hai trnh duyt. Cui cng nhng cng rt quan trng l li chnh t trn trang web. Vic qu nhiu li chnh t trn trang web to cho ngi c c cm gic bn khng chuyn nghip cho nn thng tin bn vit ra cng khng ng tin. Nu mt vi li nh, c th b qua, nhng c vi on l gp mt li th cng rt ng phn nn.

5. Qung co trang web ca bn

Qung co trang web l bc cui cng bn cn lm mi ngi bit v trang web ca mnh. Nhng bn khng nn qu vi vng qung co trang web khi m ni dung cn cha hon tt, ng lin kt, hnh nh cn ang trong qu trnh xy dng. Ngi c s c cm gic l trang web ny khng thc s chuyn nghip khi lin tc gp nhng ng link hng hoc li hnh nh. Cho nn bn hy ch qung co trang web rng ri khi ni dung trn trang a phn hon thnh. ng nng vi, hp tp m mt i lng ngi c lc ban u.

Cch qung co trang web

Kt lun
to c mt trang web bn ch cn 5 bc n gin trn. Nhng ch l phng hng cho bn bit cch i. Bi ny ch c vai tr nh l tm bn ch ng cho bn i t A n Z bn phi i qua nhng ch ci no trc. Nhng to c mt trang web v thu ht c nhiu ngi c i hi nhiu bc khc na m nu bn tm hiu trn izwebz bn s lm c.

150 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Chi ph to mt trang web

Tm l ai khi mua g hoc lm g cng phi suy ngh xem vic s mt bao nhiu tin u t. Nu y l ln u tin bn bt u lm website th cng s l tm l ca bn, v bn cng ang phn vn xem bn phi u t bao nhiu tin c mt trang web. Trong bi ny ti ch gii hn nhm bn c mun t lm cho mnh mt trang web chia s kin thc hoc s thch. Nhng trang web v thng mi s khng c cp n trong bi ny. Chi ph u tin v bt buc l tn min. Nu bn thc s mun pht trin mt trang web theo hng chuyn nghip, bn nn mua tn min cho trang web ca mnh. Ti thi im vit bi ny, mt domain c dng .com l xp x $10.

Th hai s l chi ph mua dch v web host. Cng nh domain, y cng l chi ph bt buc nu bn mun pht trin trang web theo hng chuyn su v lu di. Nhng chi ph mua web host th khc vi domain, bi v web host tu thuc vo dch v v cu hnh m bn yu cu. Ni chung nu bn cn nhiu Space v Bandwidth (dung lng b nh v bng thng) th s t hn v ngc li. Nhng trung bnh bn cng s phi tr khong $10/ thng. Nu mua hai nm s r hn, nhng ti khuyn bn ng lm vy. c thm v cch chn web host bn c bi cch chn web host. Trn y l hai chi ph bt buc bn phi c. Web host tng chi ph cho 3 thng u s l $30 v domain l $10. Bn cnh chi ph bt buc ny, nu kh nng ti chnh cho php, bn c th mua nhng phn mm CMS (h thng qun l ni dung) hoc Forum. Tuy chi ph cho nhng phn mm ny l kh cao, vo khong $100 $150, nhng v lu v di n c li cho bn. Tm li, c mt trang web hon chnh v chuyn nghip, chi ph ban u bn c th phi xi vo khong $150 cho mt nm u.

151 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Thut ng chuyn ngnh bn cn bit

Nu bn l ngi hon ton xa l vi vic thit k web, th vic bn khng bit nhng thut ng chuyn ngnh lin quan n vn ny l iu d hiu. Nhng mt khi bn mun bt tay vo cng vic ny, th bn nn bit nhng thut ng chuyn ngnh. Disk Space: khi mua host bn lun thy h cho bn bit plan ca bn c bao nhiu Disk Space. Ting Vit bn c th hiu l dung lng b nh, n tng t nh dung lng b nh my tnh ca bn vy. Tuy nhin, nu trang web ca bn khng yu cu phi cha nhc, phim hay bt c th g i hi qu nhiu dung lng. Th ch cn 100 Mb l trang web ca bn c th hot ng tt m khng gp phi vn g ln ri. Bandwidth/ Traffic: ting Vit c gi l Bng thng. y l mt trong nhng ch s quan trng nht m khi mua host bn cn ch n. V d trang web ca bn c dung lng l 20 Kb, khi ngi c m trang ca bn ln, bng thng ca bn s mt i 20 Kb. Nu trang web c m ra 500 ln, th bn s mt i 1Gb bandwidth. y l mt ch s quan trng, bi v nu trang web ca bn c ng ngi xem v s dng vt qu mc bng thng cho php. Cng ty host ca bn s bt bn tr mt khon tin pht cho s lng bng thng bn dng qu. Do vy, khi thy trang web ca bn c nguy c b ht bng thng, bn nn nng cp nn plan khc c nhiu bng thng hn. DNS: l ch vit tt ca Domain Name System. Ni d hiu th mi my tnh trn mng n s c mt a ch IP nht nh vi dy s ta nh: 155.70.56.132. Tt nhin nh c dy s ny rt kh, cho nn DNS gip bn thay v phi g s s g dng ch d nh hn nhiu nh izwebz.com. Khi mua host bn s c bit a ch DNS ca host mnh l g. y l thng tin quan trng dng thit lp quan h vi tn min. N thng c dng nh: NS1.yahoo.com, NS2.yahoo.com. Khi mun domain ca bn hot ng vi web host, bn ch cn in vo DNS a ch DNS ca web host. CHMOD: l ch vit tt ca Change Mode. y l lnh ca UNIX c dng thay i quyn truy cp ca mt file hay ca mt th mc c, chnh sa hoc chy files . CHMOD c 3 dng chnh r,w v x R = Read, W = Write v X = Execute. CHMOD thng c 3 s (755) v s 0 ng u thng c b i. s th nht: Cho php ngi dng l ngi s hu file : read (4), write (2) v execute (1) s th hi: Cho php ngi dng thuc mt nhm: read (4), write (2) v execute (1) s th 3: Cho php ngi dng KHNG thuc nhm: read (4), write (2) v execute (1) Cch tnh gi tr cho CHMOD User (rwx) = 4+2+1 = 7 Group(rx) = 4+1 = 5 World (rx) = 4+1 = 5 chmode mode = 755

152 www.izwebz.com

Demon Warlock

Pht trin Web

Cho php ai cng c th c c: chmod 444 file Cho php ngi khc v nhm c v chnh sa: chmod 066 file Cho php mi ngi c, chnh sa v chy file: chmod 777 file Hu ht cc chng trnh FTP u cho php bn CHMOD file hoc th mc trn host.

2012

Lnh vc trung tm
Khi nhng chin lc khc c hnh thnh nh bn c mc tiu hnh ng, ch cho trang web, i tng ngi c chnh lc ny l lc bn nn xc nh Lnh vc trung tm v s l ni bn dn ht tm huyt xy dng. Trong kinh doanh thut ng ny c gi l Core Business.

153 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Trc ht ti s ly mt v d trong mi trng kinh doanh v Lnh vc trung tm bn thy c tm quan trng ca n v v sao nhng cng ty ln li lm rt tt iu ny. Microsoft, mt cng ty phn mm ni ting ton th gii. Khng cn phi ni bn cng bit h thnh cng n mc no trong lnh vc phn mm. Hn 90% s lng my tnh trn ton cu s dng h iu hnh Windows ca Microsoft. Cc hng sn xut my tnh hng u cng c hp ng s dng Windows ca Microsoft. Nhng cu hi t ra l ti sao Microsoft khng xy dng mt cng ty sn xut my tnh vi thng hiu l Microsoft? h khng tim lc ti chnh? cha chc! bi v hn ai ht h bit rng th mnh ca h l phn mm, do vy h nhng li cng on sn xut phn cng cho nhng cng ty khc. V nu nh h lan sang sn xut nguyn chic my tnh, d nhin lnh vc trung tm ca h s b chia i, v h khng th ton tm ton lc pht trin phn mm. Mt khi th mnh ny b mt i, v th c tn ca h cng s b lung lay.

Trong th gii mng cng vy, khi bn mun lm v mt trang web c ch v phim nh v bn xc nh y s l lnh vc trung tm ca mnh. Lc bn nn dn tng lc pht trin lnh vc ny, bn c th vit v tt c cc b phim mi ra, phim ti liu, phim nc ngoi v.v.. Ni chung bn c th lm tt c nhng g lin quan n phim nh. Nhng bn khng nn tham lam qu m ln sang lnh vc m nhc, ch v bn ngh n cng thu ht c ngi c. ng l nu bn lm tt c c hai lnh vc th khng g bng. Nhng bn cng thy rng to ln nh Microsoft cng khng dm ln sn sang phn cng th bn cng khng nn qu m m. Nhiu trang web ch v m m m v tnh lm mt i nt c trng vn c ca n. Trong kinh doanh mi khi mun quyt nh m rng lnh vc kinh doanh, h phi tnh ton rt nhiu v quyt nh c nh hng n ti chnh. Nhng trong mt trang web, vic ln sn xy ra ch n gin bng vic to thm vi box trong din n. Vic to ra cc box ch mt vi pht, nhng thi gian xy dng ni dung box tr nn phong ph mi lu. To box ra ch din n thm di v p mt l iu khng cn thit.

Kt lun

154 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Mi trang web u cn mt lnh vc trung tm no tn ti. Bit c lnh vc trung tm ca mnh l g gip bn khng b hoang mang mi khi c tc ng hay p lc t bn ngoi. Bn nn kin nh vi chnh mnh v lun ngh rng th ta lm tt mt vic cn hn l lm nhiu vic m khng vic no c thc s hon m.

ng lm na chng ri ngng
ng l ti cng hi gp kh khn khi tm tiu cho bi vit ny, nhng ca ti y l nu bn c tng lm mt vic g , hy u t thi gian, cng sc v lm n cng. ng v mt cht kh khn ban u d dng b cuc v t b tng ca mnh.

155 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Ti cng khng phi c gio iu cc bn nhng kinh nghim sng, m y ti ch mun ni n phm vi xy dng v qun l trang web. My nm v trc ti cng c nhiu tng lm v i khi cng c nhng tng hay l to ra mt trang web vi ch m ti ngh s thu ht nhiu ngi c. Trc y ti tng ngh to ra mt trang web v cai thuc l v gip nhng ngi c nh cai thuc l, v bn thn ti cng va cai thuc l thnh cng. tng c hay khng? ti ngh l hay v cng cha c nhiu trang web Vit nam chuyn v vic gip ngi nghin cai thuc l. Ti c research nhiu v chun b bi v cho n nhng v sau khng c thi gian m lm, ri li b y. Sau ti li ny ra tng lm mt trang web v nui dy ch v ti rt qu ch v cng bit nhiu v cch nui dy ch. Ln ny ti rt quyt tm v ng k tn min ong hong, thit k giao din, lm mt vi video, v vit mt s bi v.v.. nhng cui cng cng chng u vo u v khng c thi gian m qun l n. Nn gi cng ch cn ci domain m chng c bi v g. Gn y cng c ngi hi ti ti sao trang web ca h li chng li khng pht trin na v hi ti li khuyn a trang web ln mt tm cao mi. Ti c thm trang web ca h v ni chung tng l hay v c nhng li km tnh kh thi. Trang web bao trm mt ch rng ln m mun thc s thnh cng phi c mt i ng bin tp vin c kinh nghim c tr lng hng thng v lm vic 8 ting mt ngy th mi to ra s khc bit. Nhng qua quan st ban u th ti thy trang web ch l mt vi c nhn lm ra, tuy c hoi bo nhng khng nhn lc thc hin cho nn n khng th tr thnh mt a ch quen thuc ca dn IT. Bi hc y l mt khi bn c mt tng no m bn cho l kh thi. Trc khi u t tin bc v thi gian lm n, hy t hi mnh l mnh c sc lc, thi gian v tin bc pht trin n khng. Nu cu tr li trung thc ca bn l khng th bn hy tm mt tng khc kh thi hn. Bi v tng c hay n u i chng na m khu thc hnh khng tt th tng cng b b ri. Nhng nu tng khng thc s ni bt, nhng nhiu tm huyt c dn vo th n cng cn nn cm nn cho hn.

Kt lun
Nu bn c mt tng no , hy suy ngh k xem bn c kh nng, thi gian v tim lc ti chnh pht trin n khng. Nu c, hy tp trung ht sc lc, am m, thi gian v.v.. vn hnh n, chc chn bn s bin tng ca bn thnh s tht. Cn nu bn cm thy s khng c thi gian v sc lc cho n, th hy b ngh i ng tn thm thi gian v tin bc cho n na.

Lp trnh web v s Li nhc

Cho tt c cc bn ! hm nay l th 2 u tun, chng ta cng nhau bn tho v vn Lp trnh web v s Li nhc. H bun ci, cng c th bn ang ngh nh vy. Nhng nu bn khng ngh nh vy, ^^ cho ti xin li.

156 www.izwebz.com

Demon Warlock

Pht trin Web

2012

iu m ti mun ch trng trong ch ny l s sing nng, nhng ly tiu l Lp trnh web l s sing nng nghe n cng cng ngha khng c phn bin c ^^. Nn ti quyt nh ly ch l .. S li nhc

1. Mc ch ch
V sao ti li ly ch ngy hm nay thc s l nh vy ?, ti mun cc bn cng ti bn tho, cho kin chung c th khng nh c vn ny. S li nhc ni chung, chng ta vi tr c bnh thng tha hiu s li nhc l nh th no ?. Khng ch khi lp trnh web th mi l li nhc. S li nhc c rt nhiu loi : li nhc trong suy ngh, li nhc trong cng vic.

Ni dung ch
Ct ngang v quay li vn chnh, chng ta hc lp trnh web, khi cc bn n vi izweb, khi xem Video tutorials ti izwebz, vn ti mun hi c bao nhiu bn thc hin li iu m nhng ngi chia s trn IZ chia s n ln th 2. Tc l nu bn ang xem mt Video v thit k giao din PTS v ct HTML, bn no tng lm n hoc mt bi hc no khc t 2 ln tr ln, cc bn hy tr li bng comment bn di, cc bn c coi nh y ch l mt cu hi tham kho m thi. Trong thi gian qua, ti nhn c rt nhiu kin v cu hi t nhiu thnh vin khc nhau, hi nhng vn v thit k web, c nhng bn c nhng cu hi rt hay, VD : Lm sao c th cp nht mt n hng ca mt Session_id ht hn ?. l mt cu hi hay, khi suy ngh tr li nhng cu hi nh th, ti nh c hc thm nhiu iu. Nhng bn cnh c nhng cu hi m thc s ti cng khng bit nn tr li th no cho tha ng vi cu hi m cc bn t cho ti, ti xin nu 1 hoc 2 trng hp nh vy ! mong l bn no hi th ng gin ti nh, y ti khng nu tn tui cc bn, nn mi chuyn vn kn nh bng. Vd : Anh c hng dn cc phm tt cho PTS khng ?, em mun lm mt giao din c 3 ct, tri, gia v phi em xem video ca anh DW nhng ch c 2 ct thi, anh c th lm cho em mt ci nh anh DW m c 3 ct khng ?. i loi l nh th, khi gp nhng cu hi nh th ny, ng l ti d khc d ci, nh vy anh DW hoi cng son tut, thu Video a ln ri, cui cng bn y vn khng lm c g c. Ti t hi ti v sao li nh th ? ti sao anh DW hng dn c th nh vy m lm vn khng c ?. chng thc iu ny ti b thi gian ngi xem tut v thit k Layout Web t PTS cho n HTML, v ti cm thy khng qu kh i vi mnh, n khi xem n cui, ti mi thc s hiu rng, bn y li nhc phi suy ngh, li nhc phi suy ngh xem code CSS no cho ci no v nm u, nn mail v nh ti code cho nhanh.

Suy ngm cho ch

l nhng trng hp m t ca ti lm sinh ng hn cho bi vit, qua chng ta thy c, bn s lm vic th no ? lm ra sao ? v ai s gip bn ? nu bn lm trong mt cng ty nc ngoi v rt bo mt v d n ca mnh. Ti tng tip xc vi mi trng lm vic nh vy, d n ca bn nhn, bn khng c php tit l thng tin cho bt k ai, v nu thng tin d

157 www.izwebz.com

Demon Warlock

Pht trin Web

2012

n ca bn b l bn s b k lut rt nghim khc. Nh vy vi kh nng t duy li 90% l mt u im ca bn, bn s lm g ?. i vi Lp trnh web, nu bn mun mnh gii, khng c cch no khc ngoi bn phi t code, phi t suy ngh cho hng i ca mnh, nh vy bn s pht trin cao hn v t duy. Nh ti ni, bn s hi khi mt vn hoc mt thao tc bn ang b, cng nh Antom ni : ng tri c mt bn v bo ngi hng dn ta, ta phi t i ht bn y, hng dn cho mi ngi. Ch trng hn mt cht v lp trnh web, nu mun lm tt trong nghnh ny, nhng iu sau y s gip bn rt nhiu trong qu trnh lp trnh mt d n v nhiu d n trong cuc i na.

Khng ru, bia. Nu thc s khng th t chi, hy ung nhng ng bao gi mnh mt kim sot, ngay khi c th mnh cm thy , bn phi ch ng dng li. Bia ru l mt cht kch thch khng tt cho h thn kinh, lm cho cc tn hiu no di chuyn chch hng hoc khng ng nh lnh c a ra ban u. Cng nh khi say sn, da ca bn khng cn nhiu cm gic, cc c cng c s co dn nhiu hn, tr c ca bn khng tnh to chng t bn chm v suy ngh. N s lm cht dn cc ntron ca bn. Khi i vo nghnh lp trnh web, bn nht nh phi t xc nh t tng trc, bn ang chp nhn i vo mt lnh vc kh khan. V hy kin tr Hy tp m mm, cho d c lc m mm chng lm g ?, i lc bn cng nn s dng Google search ni dung Cch thc tm kim ti google hiu qu. V bn s bt ng rng ch mt vi bi vit s gip bn khng phi mail hi ti rt nhiu. Google l ngi thy rng ln nht trn Internet, bn c yn tm, c khi chnh ti cng search tr li cho bn y. Hy hc cch hi mt cu hi, ti tng nhn c mt cu hi oi om n bc mnh, bn y gi cho ti cu hi cng 1 fiel nh km, cu hi anh ta mun hin th cc thng tin v category trn menu ngang, nhng trong demo gi cho ti, anh ta chng h c ly mt mu menu no, ch n gin l mt Div c mu, vy ti s lm g ? ^^ Hy tm hiu, suy ngh, m mm, khi no b hy tm chng ti, v chng ti chc chn l vn rt hay ^^.

Kt Lun
Vy ch ngy hm nay chng ta cng ni n s li nhc trong lp trnh, vy bn s lm c g n khng cn nh vy na, bn lm g c th c mt ngy c 1 handcode Made in T Tui ^^. ng xin Source Code ca ngi khc si, chng ta xin tham kho, hy si code ca chnh mnh, mc d n cha hon thin, mc d n cha tt, nhng n l cng sc ca chnh mnh, b hack vi ln, th mi bit mnh lp trnh b h u ^^.

To im khc bit
Nguyn bn ting Anh ca cm t ny l Unique Selling Point, c ngha l bn c im g khc vi cc i th cnh tranh ng ngi dng phi ch . Trong mi trng kinh doanh l vy nhng trong mi trng mng online cng khng khc nhiu. c bit khi bn mi bt u pht

158 www.izwebz.com

Demon Warlock

Pht trin Web

2012

trin mt trang web, bn rt cn mt im nhn lm mnh khc vi mi ngi. Tt nhin l theo chiu hng tch cc ri. Trong bi cnh bn mun pht trin mt trang web v bn chn cho mnh mt ch hay. Tuy nhin c th ch bn chn c nhiu trang web khc vit v n. iu khng th ngn bn thi khng vit v ch na. Nhng bn phi vit lm sao ngi c thy bn c ci g mi hn, hay hn v nhiu thng tin b ch hn. h b nhng trang web kia sang vi bn. y c gi l to im khc bit.

Ly v d gn gi vi thc t bn d hiu hn. H Ni c rt nhiu qun ph, mt khu ph thi cng c n hn chc qun ph ri. Nhng c hng th ch la tha vi ngi khch, nhng c hng mi ngi chen nhau mi c c mt t ph cho mnh. C phi v h bn r hn nhng hng khc? cha chc! bn c bao gi i n m ch nhm vo nh hng no r nht cha? cu tr li chnh xc c l l hng Ph ng khch kia, dt khot h phi c im g hn hn cc hng xung quanh. N c th l:

Tht b v g lun ti sng v qua kim nh Ca hng sch s, hp v sinh Thi phc v tn tnh chu o Ph c giy chng nhn khng Phoocmon Nc dng khng c bt ngt

Vy gi s bn s to mt trang web v chuyn kim hip. Nhng bn thy trn mng hin gi c nhiu trang web nh: vietkiem.com, maihoatrang.com, vntruyen.com c t rt lu v trong d liu ca h c hu ht cc b truyn kim hip ca Vit Nam. Nu bn ch lm mt trang web ging nh hoc gn ging nh nhng trang ang c, th bn kh c th thu ht c ngi c vo trang ca bn. Nhng nu bn c th lm c nhng g khc vi cc trang kia, bn s c c hi ko thm ngi c v cho mnh.

159 www.izwebz.com

Demon Warlock

Pht trin Web

V d nu nh trang ca bn c th

2012

CMS qun l truyn mnh hn v thn thin hn vi ngi c C thm file Audio cho download min ph ca tt c cc b truyn do bn t lm vi ging c m hn C phn bnh lun truyn ca cc nh vn, cc nh nghin cu, cc nh ph bnh c ting vit ring cho trang web ca bn Phin bn truyn a ln trang web ca bn c bn mua li bn quyn pht hnh ca tc gi v ca nh xut bn Truyn ca bn c th c download v tng thch vi cc thit b di ng nh iPhone, iPod, Blackberry

tn ti trong mi trng kinh doanh khc nghit cc c s kinh doanh lun phi lm mi mnh v to cho mnh nhng im c bit khc ngi thu ht khch hng. Tng t nh to trang web, thnh cng hn nhng trang web khc c cng chung ch , bn cng phi to cho mnh mt phong cch mi, nhng im c bit khc ngi m ch c trang web ca bn mi c.

Lun bt u t nh n ln
Nu y l ln u tin bn lm trang web c th bn s k vng rt nhiu v cng c rt nhiu hoi bo cho trang web mi ca mnh. iu cng d hiu v thng cm c. Nhng vi kinh nghim ca ngi i trc, ti khuyn bn nn bt u vi nhng bc i nh, sau ny bn hy bc di hn.

Mua tn min c thi hn mt nm

160 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Nu trang web ny l tc phm u tay ca bn th khi bn ng k tn min bn c ng k mt nm trc . C th bn rt kin quyt s pht trin trang web ny lu di, nhng mi vic cn trc mt. Bit u trong vng mt nm ti s c nhng thay i g? hn na vic gia hn tn min c tin hnh ht sc n gin. Cho nn tit kim chi ph ban u cng nh th thch mc tiu ca mnh, bn khng nn ng k tn min 2 hoc nhiu nm lc ban u ny

Mua host ph hp vi nhu cu hin ti

Hu ht cc cng ty cung cp host u c cc Plan khc nhau vi gia c khc nhau. Tt nhin Plan c cu hnh yu th c gi cng r. Nhng by gi u tin hng u ca bn khng phi l dung lng b nh v bng thng, m u tin ca bn by gi l tnh n nh v cht lng. Bn c chn mua plan r nht v c cu hnh thp nht c th. Khi chn phng thc thanh ton, h cng cho bn chn cch tr tin hng thng, theo qu 3 thng mt, na nm, mt nm hoc 2 nm. Tt nhin v mun bn li lu di, cho nn nu bn cng mua lu th gi cng r. Nhng bn hy khoang vi mun tit kim my dollar m c th hi hn sau ny. Chnh v th bn c chn phng thc tr hng thng (nu c th), tuy n t hn 1, 2 dollar nhng nu c thay i g bn cng khng phi hi hn v sau.Sau ny khi mi vic pht trin nh bn hoch nh, lc bn c th mua plan cao hn v chn mc thanh ton di hn hn.

t k vng v mc tiu khng qu cao

Nu bn k vng qu nhiu vo tng lai ca trang web u tay, c th bn s v mng sm v nhanh chng cm thy chn nn. Thay v nhng m t nh nht Vit Nam, u bng xp hng, hay hn mi trang khc hy k vng trang web ca bn s l mt ng gp nho nh vo cng ng mng v mang phong cch ring. Lun ngh mnh l lnh mi v lun hc hi t nhng ngi i trc.

161 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Bn cng khng nn t mc tiu qu cao v khng thc t. Thay v nhng mc tiu ln, bn nn t nhng mc tiu nh hn v ph hp vi tnh hnh hin ti hn.

Khng nn m m nhiu ni dung

Khi mi bt u to ni dung cho trang web, bn thy mnh c th bao qut rt nhiu ch v lc bn ng cng y nhit huyt. Nhng khi bt tay vo vic, c khi mi ch bn ch vit c nm mi bi. Lc bn s thy b th thng m vng th ti, cho nn khi bt u, bn cng nn gii hn ch m mnh s vit. Sau ny nhng ch tm tt, bn m thm ch mi vn cha mun.

Kt lun
Mt trang web va c hnh thnh cng ging nh mt a tr s sinh. N s ln dn ln theo nm thng v kho mnh nu c chm sc ng cch v khoa hc. Tt nhin bn c quyn k vng rt nhiu n, nhng nhng g bn k vng phi lun thc t v c th t c. Bn khng th hy vng mt a tr 3 thng tui c th bi b ni chuyn v lm nhng th ch c tr ln nm.

Bit nhn ni v kin tr

Nhn ni v kin tr l hai c tnh phi qua rn luyn mi c c. Khi bn bt u lm trang web, dng nh hai c tnh ny l th bn cn nht i n thnh cng. Cho d mc ch lm web ca bn l g i chng na, bn cng cn phi nhn li v kin tr.Ni mt cch hnh tng, th lm web cng ging nh ngi nng dn trng cy n qu vy. N lun c giai on reomm, chm bn, bt su ta cnh cng c chm sc k lng th sau ny cy s cng cho bn nhiu tri v ngc li. Bn khng th hy vng va reo mm hm nay m c tri vo ngy mai. Khi bn quyt nh to ra mt trang web v mt ch bn a thch. Cho d mc ch ca bn ch l chia s thng tin vi mi ngi. Nhng trc khi mi ngi bit n trang web ca bn, th bn phi cn xy dng ni dung, thu thp thng tin v chm bn cho trang web ca bn. Lc ny bn s cn n ch Nhn. Nu bn qu nng vi mun a trang web n mi ngi trong khi trang web cha thc s hon thin nh phn thit k cha n, bi vit qu t v thng tin cha phong ph. Nng vi khu ny c th s lm trang web ca bn mt im trong mt ngi c.

162 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Nhng nhn ni thi th ch l iu kin cn m cha . Khi lp mc tiu pht trin, bn cn kin tr lm theo k hoch vch sn. C th trong thi gian u bn vit rt nhiu m chng ai c nhng g bn vit, chng c li comment no cho nhng g bn lm v chng c ai c su nhng ng gp ca bn. Nhng bn phi bit kin tr v tin tng vo s thnh cng ca con ng mnh chn. Nu mc tiu ca bn l s t nht post mt ngy 2 bi, th cho d c vi thng khng c ai vo trang web ca bn, bn cng vn nn kin tr lm theo nhng g mnh hoch nh. Khi bn lm tt iu ny, mt ngy no s vt v ca bn s ng n p xng ng.

Kt lun
Thi gian u xy dng ln mt trang web lun l thi gian kh khn nht. Do nhiu ngi rt ho hc lc u, nhng ch sau vi thng khi cha gt hi c thnh cng nh h mong i. H vi vng b cuc v khng mun tip tc na. Tt c l bi v h khng bit nhn ni v kin tr, h tng rng ho quang ca s thnh cng s lp lnh trn ngi ch bng mt cht c gng. khc vi h v i c n cui con ng bn chn, bn phi bit nhn ni v kin tr. Khi lm c hai iu ny, thnh cng n vi bn l iu tt yu.

163 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Ai cng phi bt u t u
Cuc sng c rt nhiu iu mi m v chng ta khng th bit ht tt c mi th. Cho nn c th bn rt gii lp trnh, nhng bn c khi khng bit cht g v ha. Nu by gi bn mun chuyn sang hc ha th bn cng phi bt u t con s khng. Hm nay ti mun chia s vi cc bn mt kinh nghim na v cch qun l trang web ca mnh. y l kinh nghim ti rt ra c t cng vic chnh ca mnh. Thi gian gn Ging Sinh l thi im cng ty ch ti lm bn bu nht, cho nn ai mun lm thm gi c th xin sang nhng b phn khc lm. Do vy ti cng xin lm thm vi gi na mt b phn khc. y l ln u tin ti lm b phn ny, nn ci g cng mi m. T chic my tnh, th login, my in, ch vn phng phm, thm ch c thng rc u ti cng khng bit. Chnh v th ti phi lun ming hi ci ny u? thay giy cho my in th lm th no? chuyn order t vng ny qua vng khc lm ra lm sao .

164 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Bn bt u t u?
Cho d trc khi qua b phn mi lm thm gi, ti cng c hn mt ngy ch i theo ngi khc c lm quen v hng dn vi cng vic mi. Nhng bi v ci g cng khc hon ton vi nhng g ti ang lm b phn chnh ca mnh. Cho nn c rt nhiu chi tit ti khng th nh c v buc phi hi. T kinh nghim ca bn thn ti mi suy ngh li nhng email gi n cho ti hi thng tin. C rt nhiu email vi nhng cu hi rt rt c bn nh: o kch thc Margin v Padding trong Photoshop nh th no? link mt file CSS n trang index.html ra sao? nhng m mu trong CSS ly u ra v nh th no? v.v.. Vi ti, vi bn hoc vi bt c ai lm quen vi thit k web th nhng cu hi trn tht s qu n gin. n gin n mc hin nhin. Nhng vi nhng ai mi hc th li l vn m h cha tm ra cch gii quyt. Tht ng vi cu ai cng phi bt u t u . Chnh v th nu bn ang qun l mt trang web, mt box trong din n hy lun ngh rng ai cng phi bt u t u . C th iu ngi ta hi l s tht hin nhin i vi bn, nhng li l mt thin k n i vi h. Hy nhn ni mt cht v tr li nhng cu hi cng chi tit cng tt. Nu nhng cu hi lp i lp li nhiu ln, hy to mt trang FAQs (nhng cu hi thng gp) v link n phn tr li thch hp. Hy i x vi ngi c ca bn nh thng , bn s thy c thnh qu vt qu mong i. Tht vy, trong kinh doanh ai cng bit khch hng l thng . Theo ti trn mi trng mng, ngi c l thng . H chnh l l sng, l linh hn l yu t tin quyt cho mt trang web tn ti.

165 www.izwebz.com

Demon Warlock

Pht trin Web

2012

i din vi ph bnh
Ngi xa c ni thuc ng d tt, s tht mt lng. l mt trit l m ai cng bit, ai cng hiu. Nhng n nhn nhng li ph bnh mt cch hiu qu nht khng phi l ai cng lm c. c bit vi nhng webmaster, blogger v cc web designer, chng ta lun phi n nhn nhiu li ph bnh gay gt nht t ngi c v khch hng. Tuy nhin khng phi li ph bnh no cng l v l m ngc li, trong a s cc trng hp bn li hc c rt nhiu t nhng li ph bnh. Di y l mt s cch gip bn chun b tinh thn ng nhn nhng li ph bnh mt cch c li nht.

Xem ng c ca ngi ph bnh

C nhiu ngi c thi quen thch ch bt c ci g v bt c ngi no. i vi h ch mt ai l nim vui, ch tha mn ci ti, chc tc ngi vit, t ra l mnh hn ngi. i vi nhng li ph bnh nh vy, bn cng ng qu bn tm m lao vo khu chin. Chng c

166 www.izwebz.com

Demon Warlock

Pht trin Web

2012

li g cho bn c m ch rc thm bc mnh. Chnh v th mi khi ai ch trch bn mt cch tiu cc, khng c kin xy dng. Hy rng kim ch bn thn v b qua coi nh khng bit. H s chng cn g ni na.

Li ph bnh thiu tnh xy dng

c bit trong th gii mng, t do ngn lun t ti mc ti hn ca n. Bt c ai cng c th ph bnh bn m khng cn quan tm bn c b tn thng hay khng. Cho nn khi mt ai li comment cho mt bi vit ca bn kiu nh: oi! chn nh con gin, nhn xu t, ci ny ai m chng lm c. Nhng li ph bnh nh th ny khng phi hon ton v ch, m c th bi vit ca bn cha thc s tt, cha hay hoc khng c p. Hy hi h xem bn c th lm g tt hn c, hi h ch ra nhng ch m h thy cha tt. Tt nhin nu h thc s mun bn tt hn, h s gii thch chi tit hn cho bn. Cn vi nhng ai khng ni c thm iu g c tnh xy dng. Bn cng ng bn tm n h. Cch tt nht trong trng hp ny l ni Uhm, ti cng c gng ri, bn c th ni r hn ch no trong giao din cn c thay i khng?.

Li ph bnh thc lng v c ch

Ngi ta thng ni thuc ng d tt, s tht mt lng. Nu ai ch ra cho bn nhng ch cn hn ch trong on code bn va vit. Th h thc s gip bn ri. Th c b chm t i mt cht nhng gip bn tin b hn trong nhng ln sau, cn hn l c mi u m trong ci ti ca mnh. Tt nhin theo bn nng, ai cng mun ci li my cu g gc. Nhng nu li ph bnh thc s c l, ng rng bao bin m hy dng cm nhn sai v sa cha. V d ai cho bn xem mt bn thit k, bn ch ra mu sc v font ch cha p. H li ni mu ny p lm ri m, ci font ny ai cng thch mi ng khng thch!. Nh th chc chn nhng ln sau bn cng chng bun nhn xt lm g. Trong trng hp ny nn ni ha! ng ni ti mi ci mu hi chi tht, ti v i li xem sao. Cn khi v vic i hay khng ty thuc vo bn, nhng nh th chng ta va trnh lm mt lng ngi ph bnh va c thi gian xem xt li giao din ca mnh xem c ng l mu sc cha t khng.

Kt lun
c th nghe nhng li tht lng mt cch ci m nht khng h n gin v khng phi mt sm mt chiu m c c. Ci ny phi qua rn luyn v t kim ch ci ti ca mnh. Nhng ni cho cng th nhng li ph bnh d c gay gt n u cng c i ba phn c thc, cho nn hay bit lng nghe v phn tch s c li hn cho chng ta.

167 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Nhng nu ngc li bn l ngi nhn xt, th cng mong bn ngh l li ni chng mt tin mua, la li m ni cho va lng nhau. Cch tt nht khi nhn xt ai l bng cch xy dng, ch ra ch cha hp l v a ra gii php khc phc.

W.E.B.S 4 iu quan trng tr thnh No1 Webmaster

Hi! Xin cho cc bn, cho mng bn n vi Izwebz chm com. Mnh l MrV2m. ^^~ Cp intro ca DW. E hm! Chc cc bn cha bit mnh l ai nh? Mnh xin t gii thiu, mnh l mt Webmaster. Nghe oai nh? Nhng m con ng tr thnh Websmaster th cn c nhng g? Bi vit ny c t kt t kinh nghim 5 nm xng mu ca mnh s gip cc bn. c tiu chc hn cc bn qu quen vi cm t WEB ri ng hok? Nhng m ti sao y li c ch S pha sau na. Hy tm hiu xem cm t ny l vit tc ca nhng t no nh! W Why? E Energy B Basic S Smiles or Stress

168 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Chc chn rng bn cng nm na hiu ngha ca nhng cm t trn ri phi khng? Nhng m mnh cng xin c gii thch thm 1 cht v ngha ca tng cm t. - u tin l (W) Why? Ngha ting vit l ti sao? Ti sao bn li mun tr thnh Webmaster? l cu hi m bn phi tr li c khi m bn mun tr thnh mt Webmaster ng ngha. V nu rng bn hi ti ti sao ti mun tr thnh Webmaster? Th ti s tr li vi bn ch vi 2 ch am m. - (E) Energy l ngh lc. Bn phi c y tinh nng lc, sc mnh, v tnh kin nhn c th tr thnh Webmaster thc th. V chc chc cc bn bit y cng vic ca Webmaster khng phi l ngi xem ngi khc (tm gi l S.Mod, Mod) lm vic, m mnh phi cng h lm vic, ch c nh th th mi c th xy dng 1 website vng mnh. V tm hiu xem ti sao ngh lc li cn thit th chng ta hy tm hiu cm t th 3 (B)-Basic. - (B) Basic vi ngha ting vit ai trn 5 tui cng bit (gi 5 tui l my nhc hc Lest Gu ht ri ^^~). lm r ngha ca basic th chng ta hy phn tch cm t Webmaster. Webmaster gm 2 t ghp li vi nhau, v 2 lnh vc khc nhau, nhng li c mi quan h rt khn khch l Web v Master. +Web th chc cc bn cng bit ri hn. Web th bao gm rt nhiu th no l HTML ri CSS, Jquery cho ti PHP ri li MySQL, khng km quan trng l Photoshop. V l 1 Webmaster th bn khng th thiu 1 trong cc th trn, tuy ni th khng c ngha l bn phi nhi nht ht tt c vo u, m chng ta cm phi bit mi th 1 t, nm vng nhng kin thc cn bn. V hy chc chn rng bn cn phi c Energy ngh lc m c th lm vic vi chng. +Ch vit ny gi th cng ch mi 1 mt phn thi, sao m lm Webmaster th cn lm th, cha nhiu lm u bn, khi m bn lm quen vi Master th ni mi l cho mt Webmaster. Master l ng ch, l chm ca tt c. Hay ni cch khc, master chnh l ngi qun l. V ngi qun l th tt nhin nhim v ca h l iu hot ng ca mt t chc ( y c th l forum hay mt trang tin tc,v.v). iu hnh tt t chc th ng chm cn phi bit qun l v ti khuyn cc bn nn bit cht t v Qun tr nhn s. - Vn cha ht y cc bn, l Webmaster th bn cn thm 1 t kin thc v Marketing na, v sao? n gin l v bn lm Web ko ch mi ngy bn t vo Web ri t F5 c, lm Web ra th phi c ngi xem. c c ngi xem th bn cn phi bit tip th Web ca mnh. Con ng n gin nht l tm mt cun sch mang tn Marketing cn bn v c. - Bn thy hi hng cha? Ring mnh th quay mng mng ri v ln u ngi vit in cung nh th ny y. Ti y chc rng bn bt u chong ri nh, nhng m khng sao u, liu thuc cui s gip bn tr thnh 1 Webmaster hon thin. chnh l Smile, hy lun ci ln, v Mt n ci bng mi thang thuc b. Tuy ni th ch ung thuc b hoi cng u tt. Phi phi ng lc, ng ch nha cc bn. ang ngi trn xe bus m ci th chc chc Smiles thnh Super Crazy .

169 www.izwebz.com

Demon Warlock

Pht trin Web

2012

- Hi vng rng bi vit ny s gip t cho cc bn tht nhiu, Chc cc bn mau mau S nh! Good bye!

Hy l mt webmaster thn thin

Mng Internet l mt x hi o m ti v bn lin h bng nhng con ch. Bn khng thy c nh mt, c ch, li ni ca ti nhng bn s cm nhn c n qua nhng cu ch. Ni nh vy, c ngha l trong khng gian o khng phi lc no cng v hn. Ngc li, nhng cu ch trn mng rt sng ng. i khi n phn n v nhng hnh ng ng ln n, lc n li cht cha tnh cm yu thng khi cc blogger chia s cm xc vi nhau. Cng c khi n hi hc lm ngi c ci n chy nc mt, nhng cng c bi vit khin bn phi trm ngm suy ngh. Chnh v th nhng g bn vit, nhng g bn lm trn trang web ca bn n u mt phn no bao gm tnh cch ca chnh bn trong n. Nu bn l ngi c khiu hi hc, ngi ta s cm nhn c iu qua cch vit. Nu bn l ngi trau trut cu ch, ngi c cng thy c

170 www.izwebz.com

Demon Warlock

Pht trin Web

2012

tnh kht khe ng qu ca bn. Cho nn nu bn lun t ra thn thin, khim tn v nhit tnh gip ngi c. H s cm nhn c iu . Nu trang web ca bn c c ngn ngi c, rank ca bn rt cao, bn bn trm cng nghn vic lo cho trang web. Nhng nu bn b ra vi pht tr li tng email ngi c vit cho bn, b thi gian tr li comment cho blog ca bn. Ngi ta s thy c nt ng yu, tnh thn thin ca bn. Ly c lng ngi c l c mt ngh thut. Khi lm c iu , n khng ch tt cho trang web ca bn v lu v di, m n cn luyn cho bn tnh nt khim tn, thn thin v chuyn nghip trong cuc sng. Bt c ai lun khim tn v thn thin, bao gi cng c lng mi ngi v thnh cng trong s nghip.

Tnh hnh chung ca nhng trang web Vit

Nhng trang web tn ti kh lu v c nhiu ngi bit n Vit Nam nh: ddth.com, ttvnol.com, dienanh.net, vietphotoshop.com Nhng trang web ny u do cc c nhn to ra v qua ngy thng dn ln mnh ln vi rt nhiu thng tin b ch. Mt thc t khng th ph nhn c rng, nhng trang web ny, bn c th tm c rt nhiu th hc. c nhng thnh vin, nhng Mod v admin c kin thc su rng v nhiu vn v h cng rt nhit tnh gip bn. Cc trang web trn u c nhng ch ring hon ton khc nhau, nhng h c mt im chung duy nht l ph thuc qu nhiu vo Din n. Vng! Din n hoc Forum, l phn khng th tch ri ca nhng trang web Vit. Hu ht 90% cc trang web hin nay u c din n. Ni nh vy khng phi l ph nhn tnh tch cc ca

171 www.izwebz.com

Demon Warlock

Pht trin Web

2012

din n, nhng cc trang web ca Vit Nam ph thuc qu nhiu vo din n. Phn ln thng tin ca trang web u nm trong din n v Trang Ch (nu c) rt s si v khng c quan tm n. V mt l thuyt, din n l ni nhng ngi cng chung s thch, mi quan tm chia s vi nhau trong mi trng internet. N l ni l tng bn lun v mt vn nh h tr gip ln nhau v hc tp v gii quyt cc kh khn. Din n khng ph hp cho vic cung cp thng tin. Bi v cc bi vit b b chm dn vo qun lng (v thi gian) hoc nhng bi post sau lm cho topic khng cn l chnh n (spam). Bn cng c th rt mt thi gian v cng sc mi tm c mt bi vit hay. Nhng bn cng rt d b sa ly vo nhng bi tranh lun trin min khng c hi kt.

Chnh v th, ti thi im hin ti, c th ni rng cc trang web Vit Nam d cho c mnh, nhng khng chuyn v ni dung. y c th l h qu ca vic nhng ngi vit bi mun c nghe nhng li comments khen ch ca nhng ngi cng chung s thch. Nu h phi lm mt mnh mt trang web v trong thi gian khng c ai comment cho nhng g h vit, h rt nn v li tham gia vo din n. h c c mt tp th v t khch l h vit tip. T kha cnh trn cho thy, Vit Nam ang ng mt c hi rt ln cho nhng webmaster thch solo. Dng nh y l cnh ng ph nhiu cha c khai ph. C qu nhiu ch khai thc, c qu nhiu lnh vc cn thiu s tp trung chuyn su cn qu nhiu nhng mng ti cn b ng.

Kt lun:
bi ny ti khng c nh kch nhng trang web thin v din n, m ti ch n gin ch ra rng cn nhng ch , nhng khong trng cho cc webmaster mun tm cho mnh mt ch lm web. Th mnh ca cc bn s l mt trang web tp trung hn v ni dung, m ngi c mun tm kim thng tin s trc quan hn, d tip nhn hn v tin li hn.

172 www.izwebz.com

Demon Warlock

Pht trin Web

2012

tin phong khai ph nhng ch cn hoang s khng h n gin, nhng qua c bc u, th nhng cnh ng ph nhiu s l ni nhng ht ging bn ct cng reo rc sinh si ny n. Mt ma thu hoch bi thu s l chc chn!

Gii php mi cho cng ng WordPress

C i lc chnh bn thn ti cng tng ngh : T to cho mnh mt blog, l ni mnh chia s nhng kin v cng l ni t hp bn b.. Hin nay c rt nhiu cng ng online ni ln nh : Zing,Facebook Nhng cng c kh nhiu Bloger mun t to cho mnh mt Blog c lp, khng da dm vo mt m ngun cng ng no. Nhng khi i n mi thy c s kh khn ca n, ngoi vic chun b rt nhiu th t Domain, hosting, code ..v..vv. Khng phi mt Bloger no cng c th t mnh setup nn mt blog cho chnh mnh mt cch d dng. WordPress cng l s la chn cho kh nhiu bn, c rt nhiu Blog bng m ngun WordPress c s dng. n c nh chnh trang Izwebz.com ca chng ta cng pht trin t m ngun Blog. Li th ca n l Free v n gin d si.

173 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Nhng ch l xu hng chung !. i vi nhng Bloger c kht vng to lp cho mnh mt Blog ring th cng l c mt vn , nu bn ang l mt sinh vin th vn cng b nng, ti ch v d mt v d nh c mt Blog ca ring mnh : + Domain : 11$/Nm + Hosting : 4$/thng + Tng cng : 59$. Nh vy c c blog kha kh v n nh bn cn khong 60$ cha tnh cc chi ph khc. cng l mt mc kh ln vi cc bn sinh vin. Nhn vic tm mt hosting cho WordPress gii thiu cho cc bn, mnh c nh gip t mt cng ng WordPress mi ti Vit Nam, sau khi phng vn v mt mt thi gian dng th, ti thy cng kh hay, tc cng kh n, v quan trng l n Free, ti quyt nh vit bi ny gii thiu n cc bn. BlogBroad.com

Vi c ch cng kh t do, ch cn ng k trn trang ch BlogBroad l bn c mt Blog bng m ngun WordPress m khng cn quan tm nhiu rng mnh phi Config, Install, hoc phi tm hosting g na c. im hay ca n l bn khng cn chun b domain, nu bn cha c Domain th c th s dng sub-domain ca chnh BlogBroad. Nu bn c Domain th c rt nhiu cch cho bn la chn sau khi ng k thnh cng.

Cc bc ng k v s dng.

ng k

174 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Nhp thng tin

ng nhp

175 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Khu vc qun l

176 www.izwebz.com

Demon Warlock

Pht trin Web

WordPress Admin

2012

In WP Admin

177 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Nh vy thng qua cc t liu m ti cung cp cho bn, bn cng d dng thy rng mnh s c mt Blog m khng mt nhiu cng sc, ci bn cn l th v tm hiu chc nng ca n, tuy vit bi ny nhng cc chc nng ca n ti cng cha s dng ht, nu bn pht hin iu mi hy ch ti nh. Chc cc bn c c nhng ngy thng vui v v c nhiu nim vui vi ngi bn yu thng.

178 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Em rt thch lm web
Hng ngy mnh nhn c rt nhiu email v trong th cng c mt vi email vi ni dung l em rt thch thit k web, vy em phi hc ci g? Hc theo trnh t nh th no? V em phi dng phn mm g lp trnh? Vng, y l mt trong nhng cu hi kh ph bin i vi cc bn va gia nhp vo i ng thch lm web.

Hc thit k hoc lp trnh web hay c gi nm na l hc lm web. Qu trnh hc lm web th phi ni l gian kh, khng phi 1 2 ngy l c th lm dc 1 website p lung linh lp lnh lp le c u, m n i hi phi c thi gian, l mt khong thi gian tng i di bn rn luyn, hc tp, trao di thm cc k nng. Do , vic yu thch lm web s gip cho bn c thm quyt tm, v chnh quyt tm s gip cho bn c thm nhiu ng lc trong qu trnh hc. Tuy nhin, bn cng khng nn hc mt cch chy my, m hy bnh tnh v thng th. Khi no bn cm thy tht s mt mi, hy qun n i mt thi gian, iu s tt cho bn hn l c gng gng p n vo u, s gy tc ng tiu cc y.

CHNG TA HC CI G?
Trc tin bn hy tr li cho mnh cu hi nh sau: Bn mun tr thnh g? Lp trnh web hay thit k web, hay l c hai?. Ti sao li c cu hi nh vy th chng ta s phn tch cng vic ca cc mng trn nh.

+ LP TRNH WEB

179 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Lp trnh web th i hi bn cn phi dnh nhiu thi gian hc tp cc ngn ng cn bn dnh cho thit k web tnh : HTML, CSS, Jquery, Javascript v cc ngn ng website ng nh PHP & MySQL, ASP & SQL, Ngoi ra bn cn phi tm hiu thm v cc CMS (m ngun m) nh WordPress, Joomla, Drupal. V tt nhin, nng cao hn na th bn cn phi bit v lm vic c trn cc Framework nh: Codelgniter, Zend, Yii,. Tt nhin chng ta ko hc ht cc CMS v Framework, m ch chn ra mt ci tm hiu chuyn su thi, cn li th ch cn bit s qua l c. V tt nhin, khi bn i phng vn cc cng ty tuyn lp trnh vin website th h s khng ch hi bn cc kin thc chuyn mn khng u, m h cn hi bn c bit xi photoshop khng? V bn thng xuyn phi lm cng vic chuyn t PSD > HTML&CSS. Do , bn phi bit photoshop l iu tt yu. Bn cng khng phi ch dng li nhng kin thc hc khng. M phi lin tc cp nht kin thc mi. V d: sp ti th HTML5 & CSS3 s dn tr nn ph bin hoc Jquery, WordPress, Joomla lun cp nht cc bn sa li mi. V nh cung cp trnh duyt cng thng xuyn nng cp trnh duyt ca h, iu cng dn ti vic code ang chy phin bn c s mc li v bn phi cp nht.

+ THIT K WEB

y l mt ci ngh m con ng i kh chng gai, khng phi chm ch m c, bn cn i hi phi c c ci u thin ph na (khc ngi xu). Mnh ni vy khng phi lm nn lng cc bn m mnh mun cc bn hiu mt iu, chng ta phi c gng ht mnh, th s t c thnh cng. V ngy nay, cc cng ty hu nh h u mun mang mt phong cch ring nh v thng hiu ca mnh. V ngay c website ca h th h cng mong mun c iu , phi tht c bit, khng ging bt k website no khc, phi c phong cch ring. V bn thn l mt webdesigner th bn phi lm c iu . Vy, mnh lm vic nh th no nh? iu u tin l phi c tng , sau chng ta phi bit dng cc cng c ha nh Photoshop, illustrator, corel, .. Khng ch dng li bit khng u, m bn phi hiu tht chuyn su v tng tn n, ch c nh th th bn mi ha c ci tng l trong u ca mnh ra.

180 www.izwebz.com

Demon Warlock

Pht trin Web

2012

V iu tt nhin l bn cng phi bit lp trnh na ch. V khi bn thit k 1 website th bn cng phi tnh ton xem liu thit k ca mnh c th d dng chuyn thnh HTML&CSS hay l phi lm kh anh lp trnh web. i khi, th chnh bn cng s l ngi phi thc hin vic chuyn t PSD > HTML&CSS na y ch. Khi l mt webdesigner th bn lun ngh ra nhng hiu ng c o cho website ca mnh, v lm c iu th bn phi bit n Jquery, bn bit rng, ci hiu ng g Jquery c th lm c v khng th lm c.

QU TRNH T HC NH TH NO?
iu ny th n gin thi, nu bn xc nh c mnh s i theo lnh vc no? Th vic cn li l tin hnh tm ti, hc hi v nghin cu thi.

iu bt buc l bn phi hc t cn bn i ln nng cao v chuyn su, v kin thc ca con ngi cng mt ci cy v v vy nn ci cy phi c gc chc chn th ngn mi ng vng v chu c gi to. Nu bn c nhm nng cao m m u vo th chc chn s phi chy mu mi thi. V ci nghim trng nht chnh l b l hng kin thc. L hng kin thc s lm cho bn mc phi li ln nht l ch c th lm c nhng g c hng dn qua, khng th hoc kh khn trong vic t pht trin c ci mi cho mnh. Hc u nh? , cu hi gy cn y, nu bn quyt tm th hy n cc trung tm, cc bn s c hc theo trnh t hp l, v rt tt cho no. Hin ti th Tp.HCM c cc trung tm o to v lp trnh v thit k web kh uy tnh nh TTTH ca H Khoa hc T nhin, hay nu c iu kin mt xu th NIIT hay Aptech. Hc trung tm th chng ta s c thm bng cp, h tr cho sau ny. Nu mun tm ti hc hi th cng n gin hn, ch cn c mt ci my tnh c ni mng l n ri, cc bn c th vo izwebz v hc thi, ngoi ra cc bn c th tham kho thm bi vit Ngun ca ti na bit thm. Cc bi vit trn izwebz u l cc bi vit cn bn, cc bn c th xem cc bi vit theo cc chuyn mc menu pha trn hay l cc bn c th xem link Video series ny. Tuy nhin, qu trnh t hc ca chng ta th c th nh vy nh HTML+CSS + Photoshop > Jquery (nu cn)

181 www.izwebz.com

Demon Warlock

Pht trin Web

2012

> PHP > WordPress. l i vi cc bn ang t hc ti gia, cn nu i trung tm th c gio trnh ring v cc bi ging izwebz ch mang tnh cht tham kho v b tr.

CNG C NO TT NHT

Hin tai trn th trng c rt nhiu phm mm h tr chng ta trong vic thit k v lp trnh web (tham kho Top 10 trnh son tho code), min ph cng c m c ph th cng y? Vy chn ci no lm by gi ? Bn phi hiu rng, khng c phn mm no gi l tt nht cho tt c, m phn mm tt nht chnh l phn mm m chng ta quen s dng, v n d dng gip chng ta trong cc thao tc v phm tt. Khi bn xem video tutorial ca anh DW, CS hay ca t hoc bt k thnh vin no ca izwebz th bn s thy rng, mi ngi thch mt editor khc nhau, nguyn nhn l v n ph hp vi h. V tt nhin, nu bn l ngi mi th hy tri nghim i, bn s tm ra phn mm no ph hp vi mnh nht v hy tm hiu v n k hn. i vi dn webdesigner th photoshop, illustrator hoc corel l nhng phn mm m nh tuyn dng yu cu l bt buc phi c.

TNG KT
Chng ta c th thy rng, lm c mt website th phi tri qua nhiu giai on tng > pht tho tng > thit k tng bng PTS > chuyn t PTS sang web tnh > Chuyn t web tnh sang web ng. Mi giao on n iu i hi chng ta phi c kin thc nht nh v n th mi c th lm tt c. Do , ngh lm web khng n gin nh chng ta tng, y c th coi l mt mn ngh thut rn luyn tnh kin nhn.

182 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Bi hc t mt chic a CD
Hm nay ti mun chia s vi cc bn mt kinh nghim rt thc t ca ti v cch ng x v qun l trang web. c bit vi nhng ai ang l qun tr vin hoc s tr thnh qun tr vin ca mt trang web. Bi vit ny s dnh cho bn v hy vng bn s p dng vo cch qun l ca mnh. Chuyn xy ra gn 10 nm ri nhng n by gi ti vn nh nh in tng chi tit ca cu chuyn. Vo khong gia nm 2002 ti mi bt u lm quen lnh vc thit k web cho nn vn cn ang tm ti hc hi. Ban u ti hc Photoshop trc v ti thi im ti liu khng nhiu nh by gi. Lc vn ang l sinh vin nn cn ngho (gi vn ngho ), ti c kim c mt cun ebook rt hay v Photoshop.Ta l Photoshop Classroom in a book, bi v l phin bn download cha nn khng c file nh km nn cng gy nhiu phin toi trong lc hc. Ti cng tm kim trn mng rt nhiu v tnh c kim c mt trang web chuyn v Photoshop Tutorial v c bit c nhng file nh km ca cun sch ti ang hc. Ging nh n my gp chiu manh, cht ui v phi cy chui, ti download lin my file v thc tp. Nhng trn trang web ch c n chng th 5 th ht. Nn ti nh lin h vi qun tr vin ca trang web . ng tn l David Logan. Tt nhin l email xin x cho nn ti cng ton vit nhng li l b lo la o, chim xa t, l xa cnh, anh anh em em ngt st ri i loi l xin ng cho link download my chng sch cn li. Nhng email u tin ng y gi cho ti mt vi chng m ti yu cu. Sau ti li xin thm my chng na, ng y vi cht ging vn rt lch s, nhit tnh v rt thn thin. ng gi tip cho ti thm 3 chng na. Email ln th 3 ti c hi nhng chng cn li, ng mi ni anh cho ti a ch ca anh, ti s gi mt a CD cha ht cc bi tp cho anh. Cng bn tn bn nghi, ti cho ng a ch ca ti. Khong mt tun sau ti nhn c mt gi bu phm gi t Canada sang H Lan. Ti thc s bt ng vi mn qu nh m y ngh ny. V gi tr vt cht th chic a khng ng l bao. Nhng cho n by gi ti vn nh mi cm gic cng nh nim bit n v b n con ngi cha bao gi gp mt m ch vi email b cng sc chp ra CD, mang ra bu in v gi cho ti. T ti c suy ngm nhiu v cch hnh x giao tip gia ngi qun l trang web v ngi c. Lc ban u khi trang web mi hnh thnh bn cn c nhiu ng lc tr li email, comment. Nhng khi trang web ln mnh, bn dn dn qun i nhim v ny. C ngi rt t khi tr li email c gi v, hoc c tr li th cng vi thi trnh thng, k c, ban n. Cu ny ti ni nhiu ri m, v din n m search, oi, sao vn n gin th m cng phi hi? t google i v.v.. Khi bn lm ra trang web th ngi c l phn quan trng nht ca trang web. chnh l l l sng ca mt trang web, khng c h bn ch cn l ngi t ni cho mnh nghe. Do vy bn hy quan tm n ngi c ca mnh, t li ch ca h ln trn ht mi th, hy t hi nu bn l ngi c ca chnh mnh, bn c thy vui khng khi vo trang web v.v.. Chnh v rt ra c

183 www.izwebz.com

Demon Warlock

Pht trin Web

2012

t kinh nghim trn m ti lun c gng tr li tt c cc email gi v cho izwebz. Ti thm ch kim tra c hm th rc m bo khng email no lt li. Ti cng lun c gng t a v mnh vo v tr ca cc bn v xem xem c th lm g khi cc bn n vi izwebz l c cm gic gn gi, thn thin, khng c g phi du dim, khng c link n, khng c password, khng c box kn hoc box VIP. Mi tutorial u c demo v source code, mi video u hai phin bn cho cc bn download v xem online, mi chng sch u phin bn .pdf cho cc bn xem online v offline. Tm li, ti lun t li ch ca cc bn ln trn ht.

Kt Lun
Ti lun tin rng nu cc bn thc s hi lng vi mt trang web th v lu v di l ci li rt ln cho trang web. Chnh v th bi hc rt ra t y s l cho d trang web ca bn c nh xu hoc ln mnh, hy dnh thi gian cho ngi c ca bn. Hy coi h l nhng ngi bn ca bn v gi thi thn thin, chuyn nghip v vui v. ng gt gng, ng gio iu, ng ch trch, ng ch giu vi nhng ngi mi. Ai cng phi bt u t mt im no .

184 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Cch hc code hiu qu

Thc ra tiu ca bi vit cng khng thc s chnh xc vi ni dung ca bi, nhng ti cng chng bit t tiu th no th hp l hn. Nhng di dng cht th l di y l mt s kinh nghim c nhn ca ti trong qu trnh hc lp trnh web. Ti mun chia s vi cc bn mi bt u cc bn rt ra c nhng bi hc t kinh nghim ca ti. Ni trc rng hc ci g cng c nhiu phng php v mi ngi c mt cch ring hc. Nhng nh ni trn y ch l kinh nghim ca ngi i trc ni ra xem bn c thy c im no hu dng m thi. Ti khng c gng gio iu cng nh khng c cch ca ti l hiu qu nht m ch c gi m nhng iu ti cho l c l.

ng copy v Paste code

y c l l li khuyn c nhiu ngi ni nht v ti cng thy rt ng. Ban u khi mi lm quen vi mt ngn ng lp trnh nhn m code nh m bng bong chm phy t le ht. Ngi g li th lu bit bao nhiu, copy v paste cho nhanh. Nhng ch bng cch g li bn mi nh code hn, nu c g sai th c c hi quay li v chnh sa li ca mnh. Tuy video no ti cng c source code bn tham kho, nhng bn ch ly lm mu thi cn bn vn phi t g li nhng g bn thy trong video.

Va xem va lm
Bn ng c m video ln, pha ly c ph ri ngi vut ru khen phi! phi!. Cch ti thy khng hiu qu cho lm. Trc y ti cng tng ngi khoanh tay gt g khen c l. Nhng khi tt video i th mnh li m h khng r lm. Chnh v th bn m video mt bn v ca s code mt bn. Xem n u g n th hiu qu hn rt nhiu.

T lm sau khi xem

y c l l cch ti thy hiu qu nht. Sau khi bn xem video ri, lm theo ri, hiu cch ri. Hy tt video i v t lm li t u theo cch hiu ca mnh. Sau t sa li, tm li sai, khc phc .v.v. nu b tc th mi xem li video. Nu bn o su suy ngh m vn cha ra cch, n khi xem li bn s nh lu hn rt nhiu.

185 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Code, code na, code mi

Ti khng th nhn mnh im ny nhiu hn na. Cch hc code nhanh nht l c b my cun sch dy cm xung. M trnh son code ln v code. Sai th sa, qun th xem li, c li tm cch khc phc, o su suy ngh, google, c li l thuyt ni chung ti thy cch hay nht vn l t tm cch gii quyt trc khi hi. Bi v hc lp trnh l mn hc cn t duy c lp v tm ti sng to. Rt nhiu ngi khi mi bt u gp vn hi kh l phi hi u tin m khng t khm ph. Nu c mi hi nh vy bn s b sc sng to v t duy khng c lp na.

T thm th thch
y l cch ti rt hay t lm vi mnh. V d bn xem mt tutorial v cch gi mail bng PHP trn izwebz. Trong video ti c hng dn gi mail nhng khng gi file nh km. Bn hy cho y l bi tp v nh ca mnh v t tm cch khc phc. V d khi ti c mt bi v jQuery Slider chng hn, nu ngi ta ch c chuyn hnh kiu chy qua, ti s t tm cch to cho n fade qua, vng li .v.v.. bng cch t to ra thch thc cho mnh bn s tin b mau hn.

Hc t nhiu ngun, nhiu ti liu

Hc lm web khng nh hc ph thng, khng nh lm ton c rp cng thc v l gii c bi. Lm web mi ngi mt cch lm, mi sch c nhng im hay im d khc nhau, mi thy gio c ch mnh ch yu v mi trang web cng c nhng im u im khuyt. Do vy

186 www.izwebz.com

Demon Warlock

Pht trin Web

2012

bn nn tp hp nhiu ngun sch, video, ebook, trang web, tutorials v.v.. ri c kt, cht lc ra cch m bn cho l ti u nht. Ti i khi hay kt hp nhiu ngun vi nhau v tm ra cch no mnh thy dung ha c tt c cc mt.

Kt Lun
Nh ni trn y ch l kinh nghim c nhn, bn ch nn tham kho v quan trng hn c l t tm ra cch hc ph hp vi bn nht. Nhng ni ngn gn li th nu xc nh hc lp trnh, bn phi to ra cho mnh mt thi quen t duy c lp. Ch hi khi thc s ht cch, ch hi sau khi th rt nhiu cch, ch hi khi suy ngh v vn rt nhiu ln trong ngy v ch hi khi bn thc s khng th gii quyt c vn .

187 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Lorem Ipsum l g?
Nu bn l ngi quen vi vic thit k web, chc chn khng di mt ln bn tng thy nhng giao din c thit k v c cc dng ch khng phi l ngn ng quen thuc no trn th gii. chnh l nhng dng ch quen thuc ca gii thit k layout Lorem Ipsum Dolor sit amet

Lorem Ipsum l g?
Lorem ipsum l dng ch mu c s dng trong ngnh in n t nhng nm 1500. N dn tr ln ph bin k t nhng nm 1960 v cho n ngy nay, hu ht nhng giao din v cc phn mm my tnh u s dng Lorem Ipsum l ch mu. Thc cht Lorem Ipsum khng phi l dng ch v ngha c to ra mt cch ngu nhin, m theo nhng nghin cu gn y, ngi ta tin rng n c bt ngun t mt bi vn c i, c nin i khong 45 nm trc cng nguyn. Nhng cho d h thc th no i chng na, nhng cng dng ca n trong vic thit k web l hin nhin. Ngi ta c thi quen hay b cun ht vo nhng g c c, y l iu m nhng ngi thit k giao din khng mun. H mun khch hng tp trung hn vo mu sc, b cc, cc chi tit khc hn l ch vit. Bi v trong vic thit k giao din, ngoi nhng phn c b cc hnh nh, cng s phi c nhng phn sau ny ngi dng phi thm ch vo. Nu c thm dng ch ni dung y, ni dung y, ni dung y lp i lp li. V mt thm m n khng p v v phng din mun ngi c tp trung hn vo b cc cng khng t. V d di tm hnh sau

R rng tm hnh 1, bn c cm gic ri mt v thy khng th tp trung vo b cc. Nhng tm hnh th 2 khc phc c li ny, mt ta cm thy d chu hn khi khng phi c li cng mt ni dung nhiu ln. Do vy nu bn cha s dng Lorem Ipsum cho giao din mnh thit k, hy bt u lm quen vi vic s dng ny. Nu bn mun dng nhng on text ny, hy vo trang ch ca Lipsum.com v h c cng c cho php bn to nhiu on vn dng ny.

188 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Backlink l g? Cch s dng

Backlink hiu mt cch n gin nht v theo ngha en l c lin kt li. Hoc ni cch khc Backlink l dng lin kt t trang web A sang trang web B v trang web B s lin kt ngc li trang web A. Backlink l mt trong nhng cch n gin nht tng thm traffic cho trang web ca bn. V n cng ng mt vai tr quan trng trong qu trnh ti u ha cng c tm kim v tng PageRank ca bn vi Google. Thc t th ti khng phi l mt chuyn gia v SEO nhng ti cng bit mt s cch bn c th kim thm traffic cho trang web ca bn v ti mun chia s vi cc bn trong bi ny. lt c vo i mt xanh ca nng Google bn phi c rt nhiu tiu ch, th mt trong nhng tiu ch l Backlink. Bi v trnh b cc chng la tnh cho nn nng Google mi ngh ra mt cch l nh gi cc chng bng backlink. N ngh rng nu mt ai mun to mt trang web dng spam th s t ai lin kt n trang . Do vy trang web no c lin kt n bi nhiu trang web khc. c bit l nhng trang c l lch trong sch v tn ti lu nm, th nhng link rt c gi tr v c th suy din rng trang khng phi l mt dng Spam. Hiu c cch Google nhn nhn Backlink vy th bn phi kim backlink bng cch no. C rt nhiu cch v cng kh n gin tin hnh.

1. Ni dung trang web phi tht hay

Ci ny l iu kin tin quyt mt trang web c th tn ti hay khng. Khng ai vo trang web ca bn ch xem nhng th v gi tr. Do vy to ra ni dung hp dn l mt cch kim backlink hiu qu nht v lu di nht. Bi v khi nhng bi vit ca bn c gi tr, nhiu ngi khc s ng ti li v lin kt n trang ca bn. Cho d nhng bc di y bn lm c tt n u, nhng ni dung ca bn khng hay th n cng khng c tc dng lu di.

2. Post Comment trn cc blog khc

189 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Thc t th cch kim backlink n gin nht l i do cc blog cng ch v li comment. Nhng quan trng nht l bn ng c spam kiu xin con tem, hay y!, post nhiu ln nh! v.v.. nhng comment kiu ny khng c gi tr v i khi cn c tc dng ngc v gy phn cm. V rt c th b admin trang web xa mt. Do vy bn nn nh l phi li comment mt cch nghim tc v c tnh cht xy dng. Nh th ngi ta mi thm blog ca bn v bn mi c traffic.

3. li ch k trn din n
Din n rt ph bin Vit Nam do vy mi din n bn tham gia, hy li ch k v n s l ngun traffic khng t cho bn. Nhng ch k ca bn c mi ngi lu bn cng nn xem k quy nh ca din n v ch k. ng gy s ch bng hnh to qu c cng gy phn tc dng. Bn cng khng nn spam cc din n khc cng gy phn ng ngc li v khng c thin cm trong mt ngi c. Hy ng gp bi vit xy dng din n c bit l nhng box HOT ng ngi xem.

4. To Profile trn Yahoo v Google

Google c trang cho php bn to Profile v bn c th km URL ca trang web ca mnh. Nu Profile ca bn y bn cng c thm mt ng Link t ng k ri. Thm na bt c khi no bn tham gia mt din n hoc trang web no m cho php thnh vin khai bo phn URL, hy in thng tin ny vo. N cng gip bn cht t.

Kt lun
Khi ni v SEO th bt c vic g c th tng traffic chng ta u phi lm ht cho d tng chng nh nh nht. Nhng gp gi thnh bo mt cht ri mt cht s lm cho trang web ca bn ngy cng nhiu traffic. Bn c p dng nhng cch trn trong trang web ca mnh khng? hoc bn kim backlink bng cch no? hay chia s vi mi ngi

190 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Lm g c Bookmark
Bookmark c ngha l ngi s dng thm mt trang web no vo mc nhng trang web yu thch. Khi cn h ch cn m phn Bookmark ra l c a ch URL ca trang web . Vy l mt webmaster, bn cn lm g ngi dng Bookmark trang ca bn? y cng l cu hi ti dng trong mt cuc kho st nh nhng thnh vin trong gia nh, bn b v mt vi ng nghip. Tuy s lng ngi c hi ch khong hn 20 ngi, nhng vi nhng kinh nghim lt web ca h, chng ta cng hc ra c mt vi iu.

1. Ni dung trang web l quan trng nht

C th bn cng on ra c rng, trang web c ngi dng Bookmark, iu kin tin quyt l ni dung. V d bn ang i tm thng tin v cch sa ng h in t, bn v tnh tm ra c mt trang web c bi vit chi tit v cch sa ng h. Khng nhng th trang web cn c cc video clip, cc chuyn mc lin quan, cc tutorial v sa cha ng h v thm ch c mt din n c cng ng nhng ngi thch sa ng h gip nhau. Liu bn c bookmark trang khng?

2. Thit k ca trang cng ng vai tr quyt nh

Rt bt ng vi cu tr li ny, nhng ngoi ni dung ra, hn 20 ngi c hi, h u c chung quan im l thit k ca trang web cng ng vai tr quan trng. gii thch cho la chn ny, h u cho rng nhng trang web c thit k chuyn nghip, d nhn v thn thin vi ngi c nh: khng c pop up qung co, khng c pop up bt ng k thnh vin, thanh di chuyn r rng v mch lc, mu sc hi ho cn i. Tht vy, vi nhng trang web m khi bn cha kp hiu n v ci g, c vi pop up hin ra. T hn khi bn ko chut, c mt pop up c eo bm theo mn hnh bt bn ng k thnh vin. Mun ng n li vi giy sau n li hin ln. Bn cnh cn c nhng trang nhc nn, hiu ng chy theo con tr chut, mu sc tng phn cc . Nhng trang nh th cho d ni dung c hp dn, ngi c vn kh lng bookmarkn c.

3. Tc load ca trang
Khng c nh gi cao trc khi tin hnh kho st, nhng tc load ca trang li chim v tr th 3. H gii thch rng cho d thit k p, ni dung hay m mi ln load mt trang phi ch c chc giy th h cng rt ngi phi bookmark trang . V mt l thuyt, c nhiu nghin cu cho thy rng, ngi c ch cho bn 4 giy load trang web. Nu trong vng 4 giy , trang web ca bn vn cha load xong th mt iu chc chn rng bn s mt mt s lng ngi c rt ln. Vy bn hy nh kim tra xem tc load trang web ca mnh nh th no.

4. Thng tin cp nht thng xuyn

191 www.izwebz.com

Demon Warlock

Pht trin Web

2012

c nh gi cao trc khi tin hnh kho st, nhng a s mi ngi li cho rng, thng tin cp nht khng quan trng bng 3 iu nu trn. Nhng h thm rng, nu ch cn 3 iu trn, h bookmark trang ri. Tuy nhin mun gi c h thng xuyn quay li trang web, th trang phi c thng tin thng xuyn cp nht. Khng cn phi ngy no cng c bi mi, nhng ch t khi quay li vi ln k t ln n thm u tin, h phi thy thng tin mi hn.

Kt lun
C th trong cuc kho st ln ny, s ngi tham gia khng nhiu, nhng nhng thi quen ca h s gip chng ta nhng webmaster hiu c hn v ngi c hn. Ngoi ni dung hp dn, chng ta cng nn ch n thit k, tc load v cp nht trang web nu c th. Lm tt c 4 iu trn, chc chn trang web ca bn s tr nn ph bin v ln mnh.

Chng 7 : K nng vit bi

192 www.izwebz.com
Demon Warlock

Pht trin Web

2012

Nguyn tc ABC Ni dung bi vit

Nguyn tc ABC c p dng trong rt nhiu lnh vc nh: qung co, giao tip, marketing. i vi lnh vc web th n cc k ha dng trong vic son ni dung cho bi vit v thit k layout cho web. Trong bi vit ny th mnh s gii thiu Nguyn tc ABC v ni dung bi vit Accuracy (chnh xc): Thng tin truyn t phi chnh xc, l yu t quyt nh nn s thnh cng hay tht bi ca website. Chnh xc y phi bao gm cc yu t nh:

S liu: khng nn cho s liu khng, bit chnh xc th dng cho bi vit, khng bit hay bit m h, s s th thi, ng ba ra mt con s no ri g vo bi vit. Cho nn, khi ni n s liu th ta nn nh lng ch khng nn nh tnh. T ng: khng nn vit tt, c bit l cc t chuyn ngnh. Nn dng cch vit tt nh sau: v d nh: B Vn Ha v Thng Tin (BVHTT). Ri dng t BVHTT cho ton bi vit. i vi cc trang tin tc th khng nn p dng cch vit theo phong cch teen nh ko, uhm, ok, 1k. Ch p dng ti cc din n dnh cho teen. Li cam kt, li ha: bn hy chc rng, nhng g mnh ha trong bi vit th mnh c th lm c. Kim tra: phi kim tra bi vit ca bn 1 ln trc khi ng chc rng khng mc li chnh t, hay sai ng php, hay cc tn ring, a danh, tn Bc H c vit hoa hay cha?

V d nh s kin gn y nht l trang tin tc 7news a tin Thnh Long qua i v au tim khin cho cc fan hm m ca Thnh Long b mt phen h va, tuy ban u lc truy cp tng chng mt, tuy nhin sau khi b lt ty th 7news b mi ngi ty chay. Brevity (ngn gn): thng tin m bn truyn t trong bi vit cn phi ngn gn, nhng chc chc rng phi bao hm ni dung chnh ca bi vit. Khng nn di dng, vng vo, cha cc thng tin khng thc s cn thit hay qu d tha cho bi vit ca mnh. Thng tin qu nhiu cng nguy him nh qu t vy. hy cho mi ngi bit nhng g h cn bit, ng h chm ngp trong thng tin. Theo C.Northcote Parkinson v Nigel Rowe Do , bn hy chc rng, thng tin ca mnh l cn thit v hu dng. Clarity (r rng): thng tin trong bi vit ca bn cn phi r rng, trnh tnh trng mp m, lm ngi xem c th hiu theo ngha khc vi mong mun mnh truyn t. Nhng i vi tiu bi vit, th mp m v b n l mt yu t cn thit thu ht ngi xem. Tuy nhin chng ta khng nn i qu gii hn cho php. Tm li, trong bi vit ny bn cn ch cc im sau:

n gin ho nhng thng tin ca bn. Chn nhng t ng thch hp. Ch trng vo tng quan trng. Dng nhng v d c th din gii tng m bn mun din t. Khng dng t chuyn mn. Nu dng phi ch thch.

193 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Cch vit bi hiu qu trn web

Khi bt tay vo lm web, bn s phi xc nh rng bn s phi vit v vit rt nhiu cho trang web ca bn. Vn phong v cch trnh by nh hng rt nhiu ti ngi c.

1. Xc nh i tng ngi c ca bn
Bn phi bit chc rng i tng ngi c ch yu ca trang web ca bn l la tui no chn vn phong cho hp l. V d trang web ca bn c i tng ngi c ch yu l gii tr 8x, 9x th bn c th chn vn phong hi hi hc v dng ting lng cng c.

2. Gi on vn ngn v sc tch
Theo nhiu nghin cu c tin hnh v kt qu cho thy ngi c web thng ch c lt kim thng tin ch h khng c tng t tng ch nh c sch bo. Do vy bn nn on vn ngn v sc tch. Ch ni nhng g cn ni ng ni vng vo tam quc.

3. S dng hnh minh ho cho bi vit (nu c th)

c trang web rt d lm mt ngi b mi, do vy mt vi on vn, bn nn xi mt hnh minh ho c lin quan n ni dung. Th nht n tng kh nng din t ca bn v hnh bao gi cng d hiu hn vn vit. Th hai ngi c c c hi cho mt ngh gii lao vi giy trc khi phi c tip.

4. Chia on vn ra lm nhiu phn v bi m phn tiu

Nh ni trn, ngi c web ch c lt, do vy h s ch nhiu hn n nhng t in m v n l tn hiu ca nhng t quan trng. Nu ngi c thy n quan trng, h s c tip nhng g vit di n.

5. Khng nn vit mt bi qu di
Nn chia ra thnh nhiu trang hoc nhiu on vn nu c th. Ngi c s thy s khi nhn thy mt on vn di v khng c nhng khong trng gia.

194 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Vit bi hiu qu trong mi trng o

Vit bi cho trang web khc xa vi vic bn phi vit trn giy. Nhng cng on chng ta hc trng nh: M bi, Thn bi v kt lun u khng ph hp vi mi trng web. Bi v khi c bi trn mt trang web, ngi c ch c lt qua ch khng c nh khi h c sch. Do vy vit bi sao cho hiu qu trong mi trng web, bn cn lu nhng iu sau

c cng nhiu cng tt

Cng c nhiu vn kin thc ca bn s cng rng, v s l ni ln men cho nhng bi vit ca ring bn. Bn s khng vit c nhiu vi ci u rng tuch.

Ni dung l phn quan trng nht

truyn ti c nhng g bn bit cho ngi c, bn phi vit nh ang k chuyn. Dn dt h i theo hng m bn vit v gip h hiu c ni dung bn mun truyn ti mt cch chnh xc nht

Loi b nhng cu t khng quan trng

Mt cu khng nn c nhng t tha, mt on vn khng nn c nhng cu tha v cng nh mt bc tranh khng c nhng nt c tha v mt chic my khng nn c nhng phn d tha William Strunk Jr. Bn ng c vit ch lm cho bi vn thm di, vit sao cho ngn gn v d hiu

am m
Ch c lng am m mi c th gip bn vit hng ngy, hng gi m khng mt mi.

195 www.izwebz.com

Demon Warlock

Pht trin Web

Chnh sa lin tc

2012

Mt bi vit hay t khi l bi vit u tin. Ambrose Bierce tng ni mt v thnh l mt ngi cht c ti, c sng li v thay i. Bi vit hay l bn nhp c xem li v chnh sa lin tc.

S dng hnh nh
Hnh nh l mt phn quan trng trong bi vit. Trm nghe khng bng mt thy. i khi nhng g bn vit kh din t bng li, hy dng hnh nh minh ho.

KISS (Keep It Short & Simple)

Gi on vn ngn v n gin. Lun s dng nhng t n gin nht v quen thuc nht. ng dng xe t hnh khi bn c th ni xe p, hy ung nc un si ngui hn l nc qua kh trng bng phng php nhit v ng tch nc t si vi bng nng lng mt tri m hy phi kh qun o.

Khng s ch trch
ng s khi b ch trch. Nu n khng ng s tht, b qua n. Nu n khng cng bng, trnh b tn thng v n. Nu n kh kho, mm ci vi n. Cn nu n ng, hc t n.

Vit, vit na, mt vit tip

S lng sn sinh ra cht lng, vit cng nhiu, cht lng s ngy cng cao.

Vit c hn
Vit n gin nhng d nh, vit ngn gn nhng gi m v vit sao cho ngi ta thy thch khi c c nhng g bn vit.

Cch vit bi cho i tng c lt

196 www.izwebz.com
Demon Warlock

Pht trin Web

2012

C rt nhiu nghin cu v cch ngi lt web c th no trn cc trang web. Hu ht kt qu u cho thy rng thi quen c trn web khc xa vi cch h c mt bi bo hay mt cun sch. Do vy, nu bn vit mt bi rt di, ton ch v ch, ngi c web s thy oi v khng c ht nhng g bn vit. Hn na, ngi lt web thng lm nhiu vic mt lc. H c th dang nghe nhc, son tho vn bn, chat vi bn hoc thm ch chi game v mt trong cc hot ng l ang c nhng g bn vit. Do , nhng g bn vit ra phi tho mn iu kin l c th c lt m vn nm bt c chnh. Di y l nhng cch gip bn vit c nhng bi nh th

1. S dng cu khng qu di
Bn th tng tng khi phi c mt cu di thn tht khng c im kt thc cha? theo kinh nghim ca nhiu ngi, mt cu nn c chiu di khong 400 600 pixel tng ng vi khoang 12 16 t trong mt cu.

2. Ct bi vit ra thnh cc phn on nh

Khi bn phi c mt on vn di m khng c nhng khong trng gia. M khi nhn vo nh mt ma trn th ngi c s rt d c cm gic ngi c. N ging nh bn khi phi n mt ming bnh gato to ng ch bng mt ming. V th khi bn mun vit bi cho i tng l ngi c web, bn nn chia on vn ra nhng phn on nh v to nhiu khong cch.

3. S dng tiu chnh v tiu ph

197 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Phn tiu ca bi vit rt quan trng, bi v vi thi quen c lt ca ngi c web, th vi nhng tiu r rng, sc tch s gip h hiu bn nhanh hn.

4. S dng gch u dng

Nu c th, bn nn s dng phng php gch u dng cho nhng chnh. V d khi bn phi lit k nhng im quan trng ca mt vn , bn nn gch u dng cho mi thnh phn trong cu.

5. S dng t m v in nghing
y l mt thi quen tr nn rt quen thuc ngi c. Khi bn t m hoc in nghing ni dung, bn ngm ra hiu cho h thy rng, y l ch quan trng v thng tin on ny cn ch nhiu hn.

6. S dng hnh minh ho cho bi vit

Nu c th, bn nn s dng t nht mt hnh cho mt bi vit. Bi v ngoi vic thu ht s ch ca ngi c, hnh nh cn gip bn minh ho ca bn r rng hn v trc quan hn.

198 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Bn nn vit bi cho mi i tng

Khi to ra trang web bn bit c rng ai l i tng ngi c ca mnh v bn vit bi tp trung vo nhm ngi c . nhng ngy u tin pht trin trang web, c th bn vit rt nhiu v bao qut ton b cc chng mc trn trang web. Nhng ri thi gian tri qua, kin thc ca bn cng tt hn. Bn bt u tp trung vo nhng bi c kin thc cao v kh cng cao. C bao gi bn th dng li v ngh xem bn ang b l i mt ci g khng? c y! c th bn b qun i mt nhm ngi c cng rt quan trng ca bn. l nhm nhng ngi mi bt u hay cn c gi l Newbies. C th trong trang web ca bn cng cn nhng bi cho ngi mi bt u, nhng kin thc c, lu khng c chnh sa v t c bn tay bn quan tm chm sc. C th by gi bn ang vit nhng bi rt hay, nhng kin thc ca n qu xa vi vi nhng ngi mi hc. Trong mt trang web thng tn ti 3 dng ngi c: Ngi mi bt u, ngi c trnh trung bnh v nhng ngi thnh tho. Hnh tng ho n ln, bn hnh dung n nh mt hnh kim t thp. Ngi mi bt u th nhiu v ngi thnh tho thng l t hn. khng b l mt i tng ngi c no ca trang web, bn nn:

1. C h thng kin thc

Kin thc trn trang web ca bn nn c h thng r rng, c phn chia t d n kh. Trong khi vit bi cho nhng phn kin thc nng cao, nu phi cp n nhng kin thc thp hn. Bn nn link n n nhng bi , ng ngi c phi t i tm. Bn l ngi bit r trang web ca mnh hn ai ht.

2. Vit tutorial di con mt ca ngi mi bt u

C nhiu ngi khi vit tutorial t cho rng on ny ngi c bit. Thc cht bn khng th bit c i tng no ang c tutorial . Do vy, bn nn vit di quan im ca ngi ang mi hc. V d bn c th ni by gi ch vic thm Stroke vi gi tr Outline = 1 Px l xong. C th ngi no rnh v Photoshop, ngi ta hiu bn ni g. Nhng nhng ngi mi bt u th chu thua.

199 www.izwebz.com

Demon Warlock

Pht trin Web

3. Tr li cu hi bng tutorial

2012

Mt khi c cu hi no c nhiu ngi hi, bn nn vit mt tutorial cho n. V d c rt nhiu ngi hi cch vit ting Vit trong Photoshop nh th no, bn c th dnh thi gian v vit mt tutorial r rng v n. Sau ny c ai hi bn ch vic link n tutorial l xong.

4. C bi hng dn cn bn
C th khi trang web ca bn pht trin mnh vi nhiu bi vit. S rt kh cho ngi c theo di. Bn nn c nhng bi hng dn cn bn, trong bn ch ra tng bc cn lm g v c link n cc bi khc.

Kt lun
Vi mt trang web, ngi c l tt c ngha cho mt trang web tn ti. Ni cch khc, khi khng c ngi c, trang web khng cn l mt trang web na. Do vy, khi ngi c n vi trang web ca bn, bn hy c gng quan tm n tng i tng ngi c. ng v trang web ca bn ln mnh m qun i nhng nhu cu tt yu ca nhm bn c mi bt u. Mt ngy no , h s cm n bn v iu bn lm.

200 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Vit bi vi hiu sut cao

C khi no bn ngi trc my tnh vi trnh son tho vn bn m ra v bn mun vit mt entry cho blog ca mnh. Nhng mt rt nhiu thi gian m bn vn cha vit c dng no cha? Nu bn ch vit bi cho mt vi din n bn tham gia thi th cng khng phi l vn qu quan trng, bi v nu khng vit hm nay th khi khc vit. Nhng nu bn c mt blog c nhn hoc mt trang web, i hi bn phi vit lin tc, vit nhiu v vit hiu qu. Nhng li khuyn sau y s gip bn vit hiu qu hn.

Gch u dng tng bt c khi no c th

tng vit mt bi vit l rt qu, i khi n cht xut hin khi bn ang lm mt vic g . Nu bn khng dng ngay li vit vo giy, th n cui ngy m bo bn s qun mt mnh phi vit ci g. Hy chun b cho mnh mt cun s tay nh v mt cy vit, lun n trong ngi. bt c khi no c tng bt cht xut hin trong u, bn hy ghi ngay vo s tay vi nhng gch u dng chnh. Khi v nh bn c th da vo pht trin thnh mt bi. y l cun s tay ca ti ghi li tng xut hin trong lc khng th vit c.

t thi gian cho tng bi vit

c mt bi vit sinh ng v thng tin chnh xc, bn cn phi tham kho cc ngun khc nhau. V d ti bit nhiu v chin lc kinh doanh, nhng khi vit v n, ti cng phi lt li sch gio khoa c li nhng thng tin hc. Sau khi tham kho ngun, ti s tm hnh minh ho cho bi vit. Tt c nhng vic ny bn nn t thi gian cho n. V d vic tham kho ti liu khong 15 pht, tm hnh minh ho 5 pht. ng thi gian l ngng v bt u vit.

201 www.izwebz.com

Demon Warlock

Pht trin Web

Chn lc t tng thoi mi nht

2012

Tu tng ngi, tu tng cng vic m bn thy lc no t tng thoi mi v th thi nht. C ngi thch nhng bn nhc giao hng nh nh bn tai, c ngi thch nh nn lung linh ti lun thy th gin v thoi mi nht khi tm xong v nghe m thanh t nhin (nc chy, ma ri, chim ht) khi vit bi. Lc t tng thoi mi nht chnh l lc no bn c th hot ng hiu qu nht.

Tt in thoi, tt cc ng dng khc khi vit bi

Vit bi trn my tnh khc vi vit bi trn giy l v bn c th b chi phi bi Yahoo! Messenger, Email, phn mm nghe nhc. Hy to thi quen tt ht tt c nhng ng dng khc ngoi tr trnh son tho vn bn. Sign Out Yahoo! thay v invisible hoc t Status Busy. V d bn ang vit c mt na th c bn gi trn Yahoo hoc c ngi mi gi email cho bn. iu t nhiu nh hng n hiu sut lm vic ca bn

Vit trc chnh sa sau

Nu bn c thi quen bi m tiu , chn hnh lc ang vit, nh s th t tng on vn th bn nn tp b i thi quen ny. iu ny ti hc c t hi mi i hc tin hc vn phng, khi hc n on son tho vn bn. C g c mt lc l dng li bi m hoc sa li chnh t. Bn s vit hiu qu hn khi bn c dng suy ngh chy theo ngn tay, khi vit xong bn s c nhiu thi gian chnh sa li bi vit.

c li bi vit t nht 2 ln trc khi post

Khi c mt bi vit m gp li chnh t hoc cu ct, ging nh khi n cm b vng phi sn. Tt nhin ngi c s vn hiu c bn vit ci g, nhng khi c nhng co ch vit sai chin t s lm cho bi vit d c hay cng b mt im. ng b ta khuyn un li by ln trc khi ni th vic bn c li 2 ln nhng g bn vit chng thm vo u. Vit bi nhanh v hiu qu khng phi l iu c th t c mt sm mt chiu. N i hi bn phi luyn tp rt lu v to thnh thi quen. Nhng mt khi bn to c thi quen cho mnh ri, th vic vit bi i vi bn li qu n gin v nh nhng.

202 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Lin kt n cc bi vit c
Khi trang web ca bn dn ln mnh v s lng bi vit cng ngy cng nhiu. C nhng bi vit rt hay trc y nhng b li dn vo su trong Database m nhng ng link c bn trang ch khng th vi ti c. C th kin thc trong bi vit l c i vi mt nhm ngi c, nhng c th n li l mi vi nhng ngi va mi hc. Cho nn vic bn lun to ra mi lin quan cht ch gia cc bi vit vi nhau l vic rt c ch cho ngi c. Bi v h c th d dng tip cn c vi nhng kin thc c hn m khng phi mt cng tm kim. Trong bi gii thiu v Plugin Related Post ca WordPress, bn thy c tc v t ng ca Plugin tm kim nhng bi c lin quan v cho n hin ra cui mi bi vit da vo t kho tng ng. Cho d plugin Related Post hot ng rt hiu qu v chnh xc, nhng nhng ng link trong bn thn bi vit cng rt quan trng v gip ch rt nhiu cho ngi c c th tm n nhng bi vit lu m nu khng c dng lin kt ny, h kh c th tm ra c. Mt v d in hnh ca trang web s dng rt nhiu v hiu qu ca phng php ny l trang tin tc Vnexpress.net. Trong hu ht cc bi vit, h u c ng lin kt ti nhng tin c lin quan. Thm ch di phn m bi h cng c link ti nhng bi vit c chung ch .

hnh di y Vnexpress s dng mt cu trong ni dung link ti bi vit c lin quan

Khi ngi c nhp chut vo ch bom hai khch sn Jakarta h s c chuyn ti bi vit Bom n gia th Indonesia. Nh th ngi c ch mt cng vo mt tin, nhng h c th c thm tin khc m khng phi mt thi gian tm kim. l cha k c khi ngi c cn khng th tm c n mt bi vit nm rt su trong cu trc ca trang web.

203 www.izwebz.com

Demon Warlock

Pht trin Web

Kt lun:

2012

y l mt cch rt hay v ng chng ta hc t h. Bi v bn l ngi bit thng tin trn trang web ca mnh r hn ai ht, do vy bn hy gip ngi c lin kt n nhng bi c lin quan bt c khi no c th. Khi h lun tm c bi c ni dung lin quan n ch h ang c, h s li trang web ca bn lu hn v trang web ca bn cng chnh v th m thn thin vi ngi c hn. y cng l mt trong nhng yu t Google xp PageRank cho mt trang web da vo thi gian h li trn trang web .

204 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Lun c li bi vit ca mnh

Nu bn l ngi ch yu vit bi cho trang web ca mnh th bn cng phi l ngi bit nhiu nht v nhng g bn vit. c ln ti khuyn bn phi c li t nht 2 ln trc khi post bi vit. Nhng ch l sot li chnh t v cu c.

y ti mun khuyn bn nn c li cng nhiu bi vit ca bn vit cng tt. Khi no bn c thi gian rnh v d nh ang xem phim trn my tnh, ang chat vi bn hoc khng c g lm. Hy c li nhng g bn tng vit. C th khi c li bn s ny sinh mi v thm vo cho bi vit hp dn hn v c ch hn. Cng c th khi c li bn thy tm hnh minh ho trc y khng p, cn chnh cha ng cch, s dng du chm phy cha chun. Bn s c c hi sa li. Hoc mt bi vit no c vit cch y my thng v mt phn mm min ph vi phin bn 2.0. Nhng by gi phn mm tr thnh thng mi ho v l phin bn 6.0 Pro Edition. Th bn cng phi cp nht bi vit cho hp vi hon cnh hin ti. Cui cng bng cch c li bi vit ca chnh mnh, c khi bn cng ny sinh tng vit mt bi mi. V d trc y bn vit mt tutorial hng dn cch thit k giao din bng Photoshop. Nhng by gi trnh ca bn cao hn ngy trc v bn thy vi kh nng hin ti, bn c th thit k mt giao din p hn th na, chuyn nghip hn th na. Lc bn s c thm lm giu ni dung cho trang web ca bn.

Kt lun
c li nhng g mnh vit hon ton khng tha. Bi v kin thc trn mng nhy cm vi thi gian hn nhng kin thc thng thng. C th hm nay y nhng g bn vit l ng, nhng ch vi thng sau n tr nn li thi v khng cn p dng c. Do bng cch c li bi vit ca mnh, bn c c hi chnh sa, chau chut v cp nht thng tin mi cho nhng bi vit c. Trc khi mong ngi khc c nhng g mnh vit th bn phi chc rng nhng g mnh vit ra ng h mt thi gian theo di.

205 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Tm cm hng vit bi
Khi mi xy dng trang web, bn cn nhiu ng lc v ch cng cn nhiu bn khai thc. Nhng theo thi gian ng lc v nim ho hc lc u cn dn v ch ngy mt khan him. Lc ny vic cp nht trang web vi nhng bi vit mi tr nn kh khn hn. Mc tiu vit mi bi mt ngy cng kh t c hn. Chnh v th vic tm cm hng vit bi l rt cn thit, lm sao bi vit trn trang web ca bn lun c cp nht v dng cm hng ca bn lun tun chy.

c nhiu vit nhiu

Mun vit c nhiu iu hay th trc ht bn phi c tht nhiu. Nhng tc gi cho xut bn c mt cun sch th h cng phi c hng t cun, nu nh khng mun ni l c trm cun. Bn kh c th vit ra c ci g c gi tr nu bn khng c cht kin thc g v ch . Do vy t gi tr i, nu i u thy mt cun sch, hay t bo no c ch lin quan n trang web ca bn. Hy mua v v c, chc chn n s truyn cm hng cho bn hoc ch t cng tng thm kin thc cho bn.

c nhiu trang web cng ch

Bn ng nn nhm vi vic ti khuyn bn nn i n cp tng hoc n cp bi vit ca h. y ti khuyn bn nn c nhng g ngi khc vit v hc t h, sau bn s vit li bng chnh li vn ca mnh cng vi kin thc c ca bn. Tuy nhin, ranh gii vic c hiu ri vit li v n cp tng rt mong manh. Ly mt v d minh ho cho r hn. Gi s bn c c mt bi vit v nhng sai lm khi chn domain, trong tc gi nu ra nhng im m ngi dng hay mc phi. Tt nhin bn cng c rt nhiu kin thc v chn tn min v bn cng bit c nhng li m tc gi kia nu ra. Thm ch trong khi c bi vit , bn cn ngh ra nhiu li khuyn khc m tc gi cha ni n. Ch c iu bn cha vit bi v n hoc tng cha xut hin. Bn c th vit mt bi v cch chn tn min hiu qu v trong bn a ra nhng li khuyn t kinh nghim bn thn ca bn kt hp vi kin thc bn c v cch chn tn min. Nhng s l n cp tng v bi vit nu bn ch thay i t ng, sp xp li trt t ca cu hoc i sau ln trc. Ni chung bi vit mi ca bn ch l s xo trn trt t trong cu ca bi vit c m khng c nhng g mi hn bi vit c.

206 www.izwebz.com

Demon Warlock

Pht trin Web

Kt lun

2012

Vic tham kho cc bi vit khc to cm hng v n cp tng l mt ranh gii rt mong manh. C i khi ch v mt ci tc li hoc mt pht qun i chnh mnh m chng ta d b sa vo vt nh n cp bi vit v tng. trnh nhng li lm ny, bn lun lun phi t nhc mnh phi tn trng ngi c ca mnh, tn trng tc gi bi vit bn tham kho v cui cng l tn trng chnh bn thn mnh. Vic tham kho bi vit khc ny sinh tng ca ring mnh l vic nn lm. Khng phi ai cng c c hi i tin phong hoc l ngi u tin vit v mt ch . Nhng mi tc gi c mt cch nhn nhn vn khc nhau v c nhng kha cnh khc nhau. Bn cng c th vit v ch nhng qua lng kinh ca ring bn v bi vit c vit ra l s khc x t chnh kin thc ca bn.

207 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Chng 8 : Dch v Hostting

Cc dch v Host FREE
Nh ni cc bi trc, trang web ca bn c th hot ng c trn internet, bn cn mt dch v web host. Nhng bn ang phn vn khng bit nn chn dch v no cho tt hay l xi tm host min ph th mt thi gian. Cho d la chn ca bn c l g i chng na, th vic chn web host ng mt vai tr rt quan trng trong s thnh bi ca trang web ca bn. Ti khoan hy ni n bn nn chn host min ph hay mua host, m ti s lit k cho bn thy nhng g bn cn bit chn mt dch v web host cho mnh

1. Qung co
i a s nhng cng ty cung cp dch v web host min ph thng bt buc bn phi t banner qung co ln trang ca bn. H phi lm vy thu ph duy tr dch v ca h. C nhiu cch h t banner ln trang ca bn, c ni t ca s pop-up, c ni t mt banner nh trn cng ca trang hoc c ni t di dng mt frame. Nhng d cho l cch no i chng na th chng ta cng khng c vui, bi v n t nhiu nh hng n thit k ca trang web ca bn. Nhng v bn mun n min ph th hy chn cch no bn thy d chu nht th t. i khi bn cng thy c dch v h ha vi bn rng, h s cung cp min ph host cho bn m khng c mt cht qung co no. Bn cng ng qu vi mng, v khng c tin tr cho dch v host ca h, h s ngng cung cp dch v bt c lc no v khng cn bo trc.

2. Dung lng
iu ny hon ton ph thuc vo mc ch s dng ca bn. Nu trang ca bn ang lm khng c qu nhiu hnh nh, nhc hoc video clip, th bn cng khng nn qu quan tm n vn ny. Bi v nhng dch v web host free thng cho bn dung lng lm nhng trang web bnh thng. Dung lng thng dao ng t 15 150 MB.

3. Ti khon FTP
C nhng dch v web host free cho php bn s dng nhng cng c to trang web c sn bng trnh duyt web cng rt tin li. Tuy nhin n ch ph hp khi bn mi bt u lm web, nhng khi bn tin b hn ri, th nhng tnh nng khng tho mn bn. Do vy, bn phi coi coi xem ngi ta c cho php bn xi chng trnh FTP upload cc tp tin khng. Hoc ch t th cng phi cho php bn upload tp tin bng trnh duyt.

4. Nhng nh dng cho php

Rt nhiu dch v host free gii hn dung lng ca file bn c php ti ln host ca bn. C trang ch cho php bn ti file ti a c dung lng 1MB. Hoc h cng gii hn nhng nh

208 www.izwebz.com

Demon Warlock

Pht trin Web

2012

dng file khng c php ti ln host, hu ht cc dch v host free khng cho ti nh dng .exe ln host. Do vy bn cng phi ch n iu ny

5. tin cy v tc truy cp
iu ny l v cng quan trng. Mt trang web lun lun trong tnh trng qu ti v khng truy cp c s mt i rt nhiu ngi c. Hoc nu trang ca bn c tc load ra b th ngi ta cng khng kin nhn ch. Do vy bn phi kim tra k xem host ca bn c tin tng c khng hoc tc c nhanh khng. kim tra c bn nn search trn mng xem c ai ni g v dch v ny khng hoc bn t kim tra host ca mnh. Free m, c thoi mi m kim tra thi, c mt g ca b u.

6. CGI-BIN/PHP
Nu bn c nh ci t nhng ng dng web s dng CGI-BIN hoc PHP nh s lu bt, forum, th vin hnh nh .v.v.. bn cng phi xem chc nng ny c c h tr hay khng. Nhng bn cng nn ng vi qu mng r khi thy h ni c h tr PHP hoc CGI-BIN. V i khi tuy h h tr thit, nhng li gii hn rt nhiu th cng bng khng. Ni v d nu h cho bn xi PHP nhng li tt chc nng mail() th cng khng b.

7. Bandwidth (bng thng)

Hu ht cc dch v host min ph u gii hn bandwidth trang web ca bn. Khi trang web ca bn c load bi ngi c vt mc gii hn, h s cho trang web ca bn down tm thi n ht ngy cho n khi bn c quyn xi tip. Rt kh ni bn cn bao nhiu bandwidth (l tt nhin cng nhiu cng tt) bi v n ph thuc vo yu cu s dng ca bn. Nhng ngn gn th vi 100MB bandwidth/ thng th qu t v ch cho ring mnh bn thi. Khong 3-5 Gb/ thng th cng kh thoi mi cho nhng trang mi v khng c qu nhiu hnh nh, video clip.

209 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Nhng bn khon v dch v Free Host

Cc dch cung cp Free Host ra i t rt lu v lun l ti nng ca nhng ngi mi lm web. Th tht rng hi mi lm web, ti cng tng th rt nhiu dch v free host. C thy ai ni dch v ny tt, ti u ng k account. Nhiu n ni khng nh ni mnh host u na. Vi nhng ngi mi bt u, th dch v min ph l l tng bn c th chy th trang web ca mnh, p dng nhng g mi hc vo thc t hoc ch n thun xem n nh th no v hot ng ra lm sao. Trong bi ny ti s tr li mt s nhng bn khon v dch v free host

1. Cc dch v free host c tin tng c hay khng

Rt ng tic! cu tr li l Khng. Cc dch v free host xut hin cng nhanh m bin mt cng rt l. Khi h bin mt khi internet cng l lc trang web ca bn v cnh bay theo. Hu ht cc dch v free host kim tin bng cch t banner qung co trn trang web ca bn, nu cng vic qung co mang li li nhun h chi tr chi ph thu server v c li nhun, h s tip tc cho bn min ph. Nhng nu h khng kim c li t vic , th t c ai i lm khng cng m li cn b tin ti ra tr cho bn.

2. H l min ph, vy h ly tin u?

Nh ni trn, a phn h hot ng da vo cc banner qung co, pop up, pop under, text links. Nhng c mt phn h l cc cng ty bn host thc s, h c package min ph l bi v h mun ngi mi dng th dch v ca h, nu thch hoc sau ny nhu cu cn thit phi mua host ca h. Hoc t vic cho free host, h c th qung co thng hiu ca mnh. Ni chung mi quan h gia ngi dng host free v cng ty cho free host c mi quan h cng sinh i bn cng c li.

3. Dch v host free c n nh khng

Thng th khng n nh. Bi v l min ph, do vy h nhi nht bao nhiu account vo mt server. Nu vo gi cao im, nhiu trang cng gi request v server, th server s b qu ti v l ng nhin trang web ca bn s rt chm hoc thm ch khng truy cp c.

4. Ch s g ti cn khi chn dch v host free

a phn nhng ngi mi lm hay quan tm n dung lng (Diskspace) m dch v cung cp. Nhng trong thc t, nu mt trang web c thit k kho, dung lng khng cn qu 10 Mb. Do vy nu h cho bn 100 Mb Disk Space, bn c tin ti l ch d tha cho trang web ca bn ri. iu bn nn quan tm hn l Bandwidth. Nu h ch cho bn 1Gb bandwidth (hay cn gi l Traffic) th l qu t cho mt trang web. Hy chn trang no cho bn khong 3GB bandwidth tr ln.

5. Dch v free host no l tt nht

210 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Rt kh khuyn bn dch v no l tt nht, bi v nh ni, cc cng ty free host n ri i ch sau mt hoc 2 ngy. Nhng khuyn bn nn chn dch v no, ti gii thiu cho bn trang Free Webhost. h c danh sch ca hn 500 cng ty cung cp free host c nhn xt ca ngi dng v tng dch v. Bn cng c th dng tnh nng tm kim tm kim trong database ca h.

Kt lun
Ni tm li, nu bn ch mun thc tp nhng g bn hc c, hoc mun install th din n, CMS hoc blog, Bn c th chn nhng dch v free lm chi. Nhng nu bn mun i chuyn su pht trin mt trang web tht s, bn khng nn chn cc dch v min ph. Bi v n nh ngi i xy lu i trn ct, hm nay y nhng ngy mai l bin mt.

211 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Trnh xa nhng ni khng gii hn

Nh ni nhiu ln, chn cho mnh mt web host va v n nh l rt kh khn v c nhiu phn may ri. Bi v trn mng hin nay c qu nhiu cng ty web host cnh trang ln nhau. Trong s bn kh c th bit c ai tt ai khng tt quyt nh. Nhng nhng cng ty no ha hn s cho bn dung lng v bng thng khng gii hnvi gi tm di $5/ thng l bn cn thn trng hn. Thc t bn v ti u bit rng trong cuc sng khng c ci g l khng b gii hn ht. Cho d c l g i na, th n cng c mt gii hn no cho tng s vic. S d cc cng ty host ha cho bn khng gii hn l v h mun qung co cho dch v ca mnh thm hp dn v thm tnh cnh tranh. Tt nhin vi nhng ai cha hiu c nhng mnh kho ngh nghip ca cc cng ty ny, h s rt d b mc by bi nhng li ha ng mt ny. S tht th h s gii hn bn trong ci gii hn thc s ca h. Bn bit rng my tnh ca bn hot ng l nh vo CPU v RAM. Do vy, server host trang ca bn n cng hot ng da vo CPU v RAM. Nhng ch khc l nu bn khng c server ring m host chung vi nhiu trang web khc. Th trang web ca bn phi chia s ti nguyn CPU v RAM vi cc trang web khc. Nu trang web ca bn c dng ngi c v th s tiu tn nhiu ti nguyn ca my ch. y mi chnh l ci gii hn thc s m h cho bn. Nu bn vt qu gii hn cho php, v nh xi qu nhiu RAM so vi cc trang khc. Cho d bn cha xi ht Bandwidth hoc Diskspace, nhng h cng tm thi ng ca trang web ca bn. H s lin lc vi bn v ni vi bn rng trang web ca bn s dng qu nhiu ti nguyn v nu mun tip tc, bn phi nng cp ln plan mi v tt nhin l t hn plan ban u. Mt gii hn khc m h khng cho bn bit l Database Connections hoc MySQL Connections. Nhng trang web ng PHP hot ng da vo Database c lu trn host. Database server ch cho php mt lng yu cu nht nh c thc thi trong mt lc. Nu trang web ca bn gi qu nhiu yu cu khin n phi s dng ht ti nguyn my thc thi yu cu . Lc trang web ca bn s rt chm hoc t hn s tm thi khng truy cp c.

Kt lun
Ni nh trn khng phi ti khuyn bn hon ton b ht nhng cng ty cho bn khng gii hn. Ti ch khuyn bn nn trnh xa nhng cng ty c gi qu r m li ha qu xa vi. Do vy bn nn tm hiu tht k trc khi quyt nh mua host.

212 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Gii php hosting free cho Amateur

Bi vit ny ca ti khng mang m tnh cht cht khuyn mi ngi nn s dng free hosting. Nhng ti bit theo th yu ca dn lp trnh Amateur ca chng ta, hoc sinh vin CNTT. - Nh nhng bi vit ca DW, hosting l mt trong nhng th cn chun b nu bn mun lm mt trang web, cho c nhn, hoc cho tp th. Bn tng i qua nhiu din n, nhiu trang web, nhiu blog, tt nhin c nhiu nhng a ch free hosting, nhng khi s dng bn c thc s yn tm v cht lng hay bn c thy tha mn vi n hay khng ?. - Bn thn ti trc khi vit bi vit ny cho cc bn, ti s dng qua mt dch v free hosting ca nc ngoi v n cho ti thy c h cung cp free hosting cho chng ta tht s m bo, mc d ti khng bit mt ngy no n c th khng duy tr c, nhng vi hin ti th cc n. Yu cu c hosting v iu kin duy tr cng khng qu kh bn c th s dng n. V thm mt iu tuyt vi na, n support Ting vit cho anh em Vit nam c th giao lu vi nhau. - Ngoi vic sinh hot trong din n ca VN bn c th m rng kin thc Anh ng ca mnh thng qua cc din n Ting Anh ca h, l iu kin rt tt bn c th pht trin kin thc Anh ng (Read Write). - Di y ti s cho cc bn mt s hnh nh v gi Hosting m ti ang s dng, sau ti s ni r hn v cch thc bn c th c mt hosting nh th.

Cc hnh nh v Hosting

nh cc bn thy trn y, Hosting c h tr hu nh mi chc nng ca Cpanel dnh cho hosting Pro. - Cch thc bn c th ng k rt n gin. Hy n http://sitefrost.com v ng k cho mnh mt nick trn din n , c gng tr li trong box ting vit c 1o bi u tin, sau bn bm vo nh hnh c th ng k hosting.

213 www.izwebz.com

Demon Warlock

Pht trin Web

2012

- Sau mn hnh s hin ra, bn bm vo tab nh hnh v chn gi u tin bt u.

- Trn y ti gii thiu mt hosting Free m ti c th tin tng c th test 1 s code ca mnh . Nu bn cha c iu kin mua hosting th bn c th s dng n trc khi bn c iu kin mua mt hosting cho ring mnh. Khi sinh hot trn din n ny cc bn ng spam nh, hy xy dng mt din n lnh mnh v gn gng mi ngi trn th gii c th nhn thy chng ta vi mt ci nhn tt. - Bi vit ny ch mang tnh cch gii thiu, khng PR hay ly poin khi ng k, cc bn c th ng k trc tip t n v s dng thy mt phn no cht lng ca n.

214 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Cch chn mua web host

phn trc ti ni n nhng iu cn ch khi chn web host free, bi ny ti s ni n cch chn mua web host.

1. Bandwidth v dung lng b nh

Bng thng y c hiu l tng s d liu c truyn t trang web ca bn ti ngi c. Bn ng nn b qu ht hn vo nhng li ha mt ngt nh khng gii hn dung lng v bandwidth. Mt thc t l nu trang web ca bn xi vt qu ci gi l khng gii hn th h cng s lin h vi bn v khuyn bn nn mua gi dch v t hn hoc chuyn ln xi server ring. Bi i khi h ni l khng gii hn, nhng u trong bn hp ng, h s ni r ci khng gii hn ca h l c gii hn. Thng th c rt t trang web xi ht s lng bandwidth h cho bn trong mt thng, nhng rt nhiu trang web li xi ht ci gi l Resource Usage Limit (tm dch l gii hn s dng ti nguyn my). Ti cng chnh l nn nhn ca vn ny v ti s ni r hn v bi ny phn sau. Vi dung lng b nh cng vy, nu trang web ca bn ch n thun v thng tin th ch cn trn di 100Mb thi cng khng xi ht c ri. Do vy bn cng khng nn b h tn tnh vi nhng li ha cho php bn s dng dung lng b nh khng gii hn.

2. H tr k thut
Hu ht cc dch v trc tuyn u ha hn h tr k thut ca h l 24/7, c ngha l 24 gi/ ngy v 7 ngy/ tun. Nhng nu ngh cho ng th h ly u ra tin m tr cho cc k thut vin ngi trc c ngy nh th c. Do vy bn nn khn kho kim tra xem h thc cht h tr bn nh th no bng cch email cho h vo gia m, vo ngy cui tun v xem tc h tr li bn nh th no. Bn cng nn hi nhng vn lin quan n k thut xem trnh ca h n mc no na.

3. FTP, PHP, Perl CGI-BIN access, SSI, .htaccess, telnet, SSH, crontabs
Nu bn phi tr tin cho host, bn nn kim tra xem h c h tr nhng chc nng trn khng. Bi v mt vi dch v host khng cho php bn ci t code PHP hoc CGI m khng c s cho php ca h. .htaccess cng rt cn thit to ra nhng trang bo li t to hoc bo v hnh nh, ti nguyn trang web ca bn khi nhng tay o vn.

4. Gi c
trong cuc sng, ng b ta c ni tin no ca ny. Nhng trong mi trng mng, cu ni cha chc ng. Do vy bn nn cn nhc cho k trc khi mua, bi v i khi nhng dch v t nht cha chc l dch v tt nht.

215 www.izwebz.com

Demon Warlock

Pht trin Web

2012

5. Phng thc tr tin

Thng th cc dch v cung cp host cho php bn chn phng thc thanh ton bng cch tr hng thng, theo qu hoc hng nm. Tt nhin vi nhng cch thanh ton th tr theo qu v theo nm thng c gi r hn tr theo hng thng. Tuy nhin ti khuyn bn nn tr hng thng cho nhng thng u ca dch v, bn c thi gian nh gi xem dch v ca bn c tt hay khng. Nu bn khng va lng vi h, bn c th chuyn i ni khc m khng s b h v trt tr mt nm ri. Nhng nu bn hi lng th c th sau mt nm hoc mt qu, bn chuyn li cch thanh ton.

6. Host ca nc ngoi hay host ca Vit Nam

y l iu cui cng bn cn cn nhc khi quyt nh mua host. Thc s trc y ti c kinh nghim khng my tt p vi cc cng ty host trong nc cho nn n by gi ti vn cn mc cm. C nhiu nhn xt ni cc cng ty host Vit Nam c my ch nhng dch v th ti khng dm ni v ti khng s dng dch v ca h. Nhng nhn chung th cc cng ty host M c gi c cnh tranh hn v dch v h tr cng tt hn. Li khuyn ca ti vn l mua host ca cc cng ty M t nht cho n khi Vit Nam c nhng cng ty host xng tm.

216 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Chng 9 : Dch v tn min

V sao bn nn mua domain
Nu bn thc s mun u t cho trang web ca mnh, bn nn mua domain thng mi cho n. Thc s gi cho mt domain rt r, ch tm $10/nm, tnh ra cha n $1/thng. Nhng hiu qu ca n mang li cho trang web ca bn l rt ln.

C rt nhiu l do m bn cn phi mua domain

1. Nu v mt l do no m bn phi chuyn dch v host, bn s mang theo domain ca bn. Nhng ngi c quen vi trang ca bn, h ch cn g li a ch l s truy cp n trang mi ca bn cho d bn c phi chuyn host n tn u. iu ny khng th thc hin c nu bn xi host v domain min ph. Bn s mt mt lng ln ngi c nu ngi ta khng bit a ch mi ca bn.

2. Nu trang web ca bn l i din cho mt cng ty, th tn min dng .com lun to n tng tt hn vi khch hng hn l dng domain kiu min ph nh http://www.geocities.com/congtybanhkeo 3. Nu domain ca bn mang nhng t kho lin quan n lnh vc bn kinh doanh th ngi c c th nh n d dng hn m khng cn phi ghi li. V d nh nh sch vinabook.vn, truyentranh.com, phimanh.net .. 4. Nu bn mun thng mi ho v c th kim tin t trang web ca mnh, th mt domain dng .com lun cho i tc s t qung co trn trang web ca bn mt s tin cy hn. 5. Nhiu dch v host min ph cho php DNS domain n host, nhng li khng cho DNS ti cc domain min ph. Tm li, chi ph cho mt domain thng mi hon ton chp nhn c nhng hiu qu ca n mang li rt ln m hu ht nhng ai mun lm web chuyn nghip cng cn phi c.

217 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Hng dn cch ng k domain

Khi bn mun ng k domain l bn s ng k tn min bn mun s dng vi mt t chc c gi l InterNIC thng qua mt nh i l thng c gi l Registrar. V d bn mun trang web ca bn tn l www.trangweb.com th bn s phi n mt i l, tr chi ph ng k v dch v thng th nm trong khong $10 $35 tu theo domain m bn s ng k. Sau khi tr tin xong xui, ngi ta s cho php bn s hu tn min trong thi hn mt nm v bn cn phi gia hn cho domain ny hng nm. Bn c th chn mua domain n tn 5 nm nu bn mun. Hin nay rt nhiu dch v cung cp host u khuyn mi domain free trong vng t 1 n 2 nm, t nhng nm sau l bn phi tr tin. Tuy nhin, theo kinh nghim ca ti, bn nn t ng k domain ring cho mnh v khng nn i chung vi ni cung cp dch v host cho bn. Bng cch t ng k, bn s c l ch s hu, ngi qun l v h tr k thut cho domain . Khi l ch s hu duy nht ca domain , bn c ton quyn quyt nh v vn mng ca domain ny m khng s b ai chi phi. Trc y khi cha bit nhiu v web, ln u tin ti i ng k domain vi mt nh cung cp ca Vit Nam. Ti mua c host v domain ca h. Sau ny mi bit rng v h s mnh chuyn domain sang i l khc, nn h lock domain li. Mun thay i g phi email cho h, rt mt thi gian v khng tin li. Quay li vn trn, nu v bn mun tit kim cht tin ban u v dch v host mua domain cho bn. V nu dch v host li tn ch s hu chnh l h th sau ny bn c th gp rc ri nu trang web ca bn n ln lm ra. Lc ngi ta s bt bn tr tin c php thu domain ca h. Tip theo l nhng thng tin khc nh Administrative v Technical contact. Tuy n khng thc s quan trng nh l Owner, nhng nu bn mun chuyn domain ra khi host, bn cn s ng ca Administrative Contact. Nu ngi ny khng lin lc c th Technical Contact s c s dng. Domain lun c ng k vi tc chng mt, do vy bn cn l tay khi ng k domain. Nu bn ngh ra mt tn no ph hp v hay, bn nn ng k ngay trc khi b ngi khc ng k mt. Ti cng c mt kinh nghim i v vic ny khi ch do d c my pht m ti b mt mt ci domain .com v cui cng phi xi .net.

Cc bc chun b trc khi mua domain

Trc ht bn cn ngh ra tn min m bn s mua l g. Nu bn cn li khuyn c c tn min hay, hy tham kho bi vit cch chn domain bit thm chi tit. Tm thng tin v DNS hoc IP address ca host. Nu bn khng chc v phn ny bn c th c bi nhng thut ng chuyn ngnh bit thm chi tit. Mi cng ty khc nhau s s dng phn mm qun l khc nhau, cho nn thng tin v DNS ca bn s nm u trong phn Domain. Thng th bn ch cn vi pht l c th tm ra thng tin v DNS ri.

218 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Th Credit Card (th tn dng). Tr phi bn ng k domain trong nc th bn c th dng tin mt (nhng ti khuyn bn khng nn), cn nu bn ng k domain cc cng ty nc ngoi, th tn dng l bt buc.

Nhng cng ty cung cp domain uy tn hin nay

Godaddy.com: y l trang web ph bin nht v cung cp dch vu domain. Bn c th ng k hu ht cc dng domain cp mt nh: .com, .us, .biz, .info, .net, .org, .ws, .name, .tv, .co.uk, .me.uk v .org.uk. Khi ng k domain vi h, bn s c mt trang qun l domain ring, trang ti nh hng, cng c xy dng trang web min ph, trang rao bn domain min ph v dch v n thng tin c nhn ca bn b hin th trn Whois.

im mnh: l cng ty tn ti rt lu v c uy tn v dch v tn min, h tr khch hng tt. Hn ch: gi c thng mc hn cc dch v khc, phi tr tin cho dch v n thng tin c nhn.

Yahoo.com: chc khng cn phi gii thiu nhiu v Yahoo!. Bi v Vit Nam hu ht nhng ngi s dng internet u bit n Yahoo!. Ngoi vic cung cp dch v email v Yahoo Messenger, Yahoo! cng cung cp dch v tn min v web host. Yahoo! cng c trang qun l tn min nhng giao din hi kh s dng v qu n gin. Yahoo! cng cho bn cng c xy dng trang web min ph. Ni chung ti cng mua 3 domain ca Yahoo! v cng khng gp rc ri no vi h.

im mnh: l cng ty ln v mnh m v ti chnh, cho nn Yahoo! rt ng tin cy. H c dch v h tr khch hng rt tt. Bn c th s dng ngay ti khon email ca mnh qun l domain, cho nn bn khng cn phi nh thm mt ln mt khu v username.

219 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Hn ch: chi ph cho domain cng mc hn nhng ch khc. Bn phi tr cho dch v n thng tin c nhn kh mc. Giao din qun l domain hi kh s dng v khng thn thin

1&1 Internet: y l cng ty ch yu cung cp dch v web host, nhng h cng cung cp dch v tn min. y cng l dch v m ti mua tn min izwebz.com v mt s tn min khc na. V c bn 1&1 Internet cng rt ng tin, nhng so vi 2 nh cung cp dch v trn th 1&1 Internet lun c gi r hn khong $3/domain. Giao din s dng thn thin v chuyn nghip.

im mnh: gi c r hn so vi cc dch v ngang bng, giao din qun l d s dng v chuyn nghip, cung cp dch v n thng tin c nhn min ph, c chng trnh kim tin hoa hng nh vo gii thiu. Hn ch: h tr khch hng khng tt nh hai dch v trn, khng cho mua tn min hn 1 nm. Bn bt buc phi gia hn tng nm mt.

Kt lun
Ni chung vic qun l tn min khng rc ri nh qun l host. Thng th bn ch cn mua domain thnh cng, thay i thng tin DNS v thng tin c nhn, l bn khng phi lo n n na. C khi vi thng hoc c nm bn mi phi truy cp vo trang qun l domain thay i sa cha. Do vy, bn c tu chn cho mnh mt cng ty c uy tn v an ton. Bi v bn s phi cho h s th tn dng ca h, nu thng tin ny b mt, bn c th b thit hi v ti chnh. Nhng do tn min khng phi nh webhost, do vy cng ty no c gi c phi chng hn th bn nn mua cng ty .

220 www.izwebz.com

Demon Warlock

Pht trin Web

2012

ng k domain vi 1and1
Hin nay c rt nhiu cng ty cung cp dch v tn min uy tn. Trong bi hng dn cch ng k domain ti c gii thiu vi bn 3 nh cung cp dch v uy tn m ti dng qua l Goddady, Yahoo! v 1&1 Internet. Ti c 3 domain ng k Yahoo! v 2 domain ng k Goddady v hin ti ti c 2 domain ng k 1&1 Internet. C nhn ti thch 1&1 Internet hn 2 dch v trn v nhng l do sau:

1. Gi phi chng hn
Trong khi Yahoo v Goddady lun c gi khi im l gn $10 th 1&1 lun c gi r hn $3. y l gi c h nim yt v s lun nh vy khng thay i. Thng th Goddady v Yahoo! lc h gim gi, bn c th mua domain khong $1.99/nm, nhng ht nm u th gi s l $9.99/nm. Nhng vi 1&1, bn khng phi lo gi s tng v lun l $6.99/nm

2. Min ph dch v n thng tin c nhn

Nu thng tin c nhn ca bn c cng khai trn mng m ai cng c th thy c th khng tt cho s ring t ca bn. C th email ca bn s b spam lin tc, hoc s in thoi ca bn v a ch b ngi khc bit. Do 1&1 cho bn chc nng n thng tin c nhn trn Whois.sc hon ton min ph. M dch v khc c khi bn phi tr kh nhiu tin.

3. Trang qun l domain d s dng

4. Min ph chuyn giao domain

Nu bn mua domain ni khc v mun chuyn sang 1&1, bn s khng phi tr tin cho cng on ny. V d bn ang mua domain ca Goddady.com vi gi $9.99/ nm, ngay sau khi bn chuyn sang 1&1 bn s ch phi tr $6.99/ nm.

5. C chng trnh Affiliate

221 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Vi 1&1 Internet, bn c th gii thiu vi nhiu ngi khc mua domain t h, nu ai c bn gii thiu m mua domain ca 1&1 Internet. Bn s c phn trm hoa hng t giao dch ny. Bng cch ny bn c th kim thm thu nhp duy tr trang web v hy vng l s tin tr cho chi ph domain ca bn.

6. H tr k thut rt tt
1and1 l mt trong s t nhng cng ty c gi r hn nhng cng ty khc rt nhiu nhng li c b phn h tr k thut trnh cao v nhit tnh. Ci quan trng nht l h c s in thoi lin h v bn c th ni chuyn trc tip thay v gi email v ch c ngy m cha thy tr li. c bit l nhng vn nhy cm v thi gian. Bn thn ti gi in cho h khong 4, 5 ln v ln no cng ch phi ch khong 2 pht. Nhn vin ca h u l ngi ni ting Anh rt tt, ch khng nh cc cng ty khc thu ngi n lm nhn vin k thut vi ng m rt nng rt kh nghe. y l mt im m bn cn lu tm khi mua domain.

Hn ch
Hn ch th nht khi mua domain ca 1&1 Iniernet l bn ch c th tr tin domain tng nm mt. Bn khng th mua domain di hn nh cc hng khc l 5 nm hoc 10 nm. Nhng domain c ng k di hn thng c nh gi cao hn bi cc cng c tm kim hn l nhng domain ch gia hn tng nm mt. Hn na, khi gia hn domain di hn, th gi thng r hn l gia hn tng nm. Hn ch th hai l kh nng qun l nhiu domain. Nu bn l ngi kinh doanh domain th 1&1 khng ph hp vi bn. 1&1 ch ph hp vi nhng ai ng k khong di 10 domain v dng cho mc ch xy dng trang web hn l kinh doanh domain.

Kt lun
Ti vit bi ny khng phi ch v mun bn mua domain ca 1&1 ti c hoa hng. M thc s y l kinh nghim ca ti khi s dng qua 3 dch v. Ti thy rng 1&1 ph hp vi nhng ngi ang bt u lm web bi v gi c phi chng hn, c t sch online m nu khng hiu chuyn g, bn ch cn search l hu nh cc cu hi u c tr li. Tuy nhin, nh ni, domain khng kh qun l nh webhost, cho nn bn c tm cc dch v no m thy ph hp vi mnh nht th mua. Nhng nu bn mun mua domain ca 1&1 Internet, th hy dng link Affliate sau ca izwebz.com. Coi nh bn cng ng h cho izwebz vy.

222 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Cch chn domain

Di y l 7 li khuyn gip bn cn nhc khi la chn domain cho mnh

1. Tn domain cn ngn gn
Ni chung khi chn tn domain, bn nn chn cng ngn cng tt. Tt nhin nhng tn domain ch vi mt ch nh domain.com, chocolate.com c th tr gi n hng triu Dollars. Nhng bn cng c th chn cho mnh nhng domain no cng t t cng tt. V d: Chocolate.com l la chn hng u, ourchocolate.com cng c cho l domain hay thi im ny. Ourbestchocolate.com cng cn tm chp nhn nhng ourbestchocolateonline.com th chng c cht gi tr no.

2. D nh
Bn th hi mnh xem bn tng xi la chn Bookmark cho mt trang web m bn v tnh lt qua v kh thch ni dung bao nhiu ln? chc cng khng nhiu. Do vy, ngi c cng rt t khi bookmark li nhng trang m h v tnh lt qua. H ch c thi quen nh mang mng. Cho nn hy c gng sao cho domain ca bn cng d nh cng tt. V d: Nstgpn.com l mt domain tho mn iu kin ngn, nhng n khng h d nh cho ngi dng. (Nstgpn Nguyt San Th Gii Ph N)

3. D nh vn
Vi nhng domain thun ting Vit th bn khng phi lo n vn ny. Nhng nhng domain ting Anh nh izwebz.com th li l vic khc. Bi v ting Anh c mt kiu nhng khi vit li l kiu khc. Do vy nn trnh nhng t kh c, kh vit v d gy nhm ln khi vit. V d: ReduceCholesterol.com th rt d gy nhm ln khi vit, m mt khi nhm th rt c th h thay v vo trang ca bn li i sang mt trang khc.

4. .com l la chn s mt
Trn internet hin gi c rt nhiu loi domain v chng thng c mc ch s dng khc nhau. Tuy nhin, nu bn phi chn domain cho mnh, ti khuyn bn nn chn domain dng .com nu c th. Nu domain b ng k ri, th bn c th th nhng tn khc v d ban u ti nh chn domain cho trang web ny l ezweb.com, nhng trang b ng k ri nn ti i thnh izwebz.com. Ni chung bn hy th ht nhng kh nng c th c domain dng .com. Nu bn thc s thch ci tn ban u v khng mun thay i, th bn hy chn nhng tn khc nh .net, .info, .org v.v

223 www.izwebz.com

Demon Warlock

Pht trin Web

2012

V sao vy? l do chnh l thi quen. Hu ht mi ngi khi g a ch trang web h thng g tn trang ri .com. Thm ch nhng trnh duyt web ph bin mc nh Shift-Enter l thm vo .com ng sau cm t bn g. Chnh v th tn min dng .com l rt ph bin v tr nn thun ming khi ni v do n cng d nh hn

5. Domain nn c ngha
Khi chn tn cho domain, bn nn cn nhc k lng nhng t m bn s chn sao cho khi t tn, nhng t phi khi gi cho ngi c bit rng trang web ca bn v ci g m cha cn thit phi v trang. V d khi v tnh thy banner qung co ca bn trn mt trang web khc c tn l DesdignTutorials.com v mt banner khc cng c chung ni dung vi bn nhng domain li l PhilsDavid.com. Ngi ta s d dng chn ci tn no nghe qua bit n v ci g.

6. Trnh thm s v du gch ngang - vo domain

Nn trnh domain dng my-computer-stores.com. Nhng ci gch gia kia lm ngi ta rt ngi g v n khng tin tay. Nhng quan trng nht l khi bn mun ni trang web ny cho mt ngi bn khc, th nhng du gch gia kia cn kh khn hn ni v siu kh nh.

Bn cng nn tranh thm s vo domain, cng bi v l do n khng thun tay khi g v d gy hiu lm khi ni. V d trang pixel2life.com g cng khng thc s thun tay, m c bit khi ni, ngi nghe c th nhm thnh pixeltolife.com. Chnh v vy, bn nn chn mt domain sao cho n thun l ch v khng nn qu di.

7. Trnh nhng t c ng k bn quyn

Tuy ti ni iu ny cui cng, nhng n cng khng km phn quan trng so vi nhng iu trn. Bn nn trnh s dng nhng t c ng k bn quyn (r) hoc (TM). Bi v sau ny

224 www.izwebz.com

Demon Warlock

Pht trin Web

2012

nu trang web ca bn thnh cng v bn mun s dng tn trang web lm thng hiu bn s gp rc ri to. V d nhng t nh Photoshop, Illustrator, CorelDraw c ng k bn quyn. Do vy nhng trang web c cha nhng t ny tn domain nu tnh v lut l vi phm lut bn quyn v vic s dng tn thng hiu c ng k m khng c s ng . Trn y l 7 iu bn nn cn nhc khi t tn cho trang web ca mnh. Tt nhin s c lc bn khng th tho mn tt c nhng iu trn, nhng bn rng sao cho tn domain m bn s chn c cng nhiu nhng c im nu trn cng tt.

225 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Bn nn s dng Private Domain Registration

Private Domain Registration ch n gin l qu trnh n thng tin c nhn nhy cm ca bn nh: email, s in thoi, a ch nh v tn tht khng cho ai cng c th xem c. Bi v mng Internet l ni m mi ngi trnh l cng t thng tin c nhn cng tt. Tuy nhin ICANN t chc qun l tn min quc t yu cu mi mt ai ng k domain phi c thng tin lin h c cng khai, m khi ngi dng s dng Whois s thy nhng thng tin nh trn. Nh vy nhng thng tin c nhn ca bn s c cng khai trn mng v ai cng c th thy c mt cch d dng bng cch Whois tn min ca bn. y l thng tin Whois ca izwebz.com, r rng ti c s dng Private Domain Registration n i nhng thng tin khng mun cng khai

Cn y l thng tin Whois c ca domain vietphotoshop.com (*)

c ngi s dng thng tin gi mo nh tn gi, a ch gi v s phone gi. y l iu tri vi quy nh ca t chc ICANN, do bn c nguy c b mt quyn s hu tn min nu h

226 www.izwebz.com

Demon Warlock

Pht trin Web

2012

pht hin ra c y l thng tin gi. C th nguy c b pht hin l rt nh vi bn, nhng mt khi tn min tr nn c ting. Lc n l ti sn c gi tr v bn khng mun bt c mt nguy c no, d l nh nht, xy n vi tn min ca mnh. Chnh v th nhiu cng ty bn tn min cung cp thm dch v n thng tin c nhn hay ting Anh l Private Domain Registration. H cho php bn s dng thng tin ca chnh h thay vo nhng phn yu cu ca ICANN. Khi s dng Private Domain Registration th ngi ng tn cho domain s l cng ty m bn mua dch v ca h. Nhng bn mi l ngi c quyn s hu thc s ca tn min . Bn c ton quyn nh gia hn, hu b, chuyn i, DNS cho nn y chnh l gii php an ton nht nu bn khng mun thng tin c nhn ca mnh b cng khai trn mng. Tuy nhin im hn ch duy nht l mua dch v ny cng khng h r. Gi cho dch v ny c th gn ngang bng vi tin bn mua domain khong gn $10/nm. y cng chnh l mt trong nhng l do bn nn mua domain ca 1and1 Internet (Affliate Link). Domain ca h ch c gi $6.99/ nm v cho min ph dch v Private domain Registration. (*) y ch hon ton l v d minh ho cho bi vit c chn mt cch ngu nhin

227 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Vng i ca domain
Mt khi bn bc chn vo nghip lm trang web, bn cng nn bit mi thng tin lin quan n lnh vc ny. Bit c vng i ca mt domain gip bn t tin hn trong khu qun l domain ca mnh. Tuy nhin thng tin ny gip ch rt nhiu cho nhng ai mun mua i bn li domain kim li. Di y l vng i in hnh ca mt domain t khi n c ng k n khi n b xo.

Bt u c c ng k
Thng khi mua domain ngi ta hay mua trong khong thi gian t 1 cho n 10 nm. Nhng nhng domain mi thng c mua khong 1, 2 nm ri c gia hn t t. Trong khong thi gian ny, domain c cho l hot ng v trng thi ca n lc ny l c ng k mi khi c ngi kim tra n bng cc cng c kim tra domain.

Ngun: icann.org

Tm gi
V d mt domain bt k ht hn vo ngy 1/1/2009. Trc ngy mt thi gian, nh cung cp dch v domain s lin lc v thng bo ch s hu bit m gia hn tn min. Khi n ngy m nh cung cp domain khng nhn c thng tin phn hi hoc ngi ch s hu vn cha gia hn tn min. Th tn min s c tm gi v vn c th hot ng c trong vng t 145 ngy tu thuc vo nh cung cp dch v . Nhng thng th cc tn min sau khi ht hn hu nh khng hot ng c sau vi ngy.

Thi gian ch i
Sau khong thi gian ht hn, tn min s c chuyn vo giai on ch i. Trong thi gian ny, tn min tuy khng hot ng c, nhng khng ai c th ng k tn min c. Khong thi gian ny c to ra bo v quyn s hu tn min cho nhng ai qun hoc v mt l do no cha gia hn tn min ca h. trnh trng hp ch v tr gia hn tn min m b mt quyn s hu. Nhng nu c gia hn trong thi gian ny, ch s hu

228 www.izwebz.com

Demon Warlock

Pht trin Web

2012

phi tr thm mt khong ph cng vi chi ph gia hn tn min. Tu theo tng nh cung cp m l ph khc nhau, nhng thng th vo khong $35.

Bt u xo tn min
Sau khi nh cung cp dch v tn min gi yu cu xo tn min , tn min s c thm 5 ngy na ch s hu tn min gia hn tn min. y c xem l c hi cui cng gia hn tn min. Trong khong thi gian ny, vn cha ai c th mua c tn min ny.

Tr li chu k c th ng k c
Cui dng, tn min s c xo i v by gi n li tr li trng thi ban u l ai cng c th ng k c. Tm li, mt khi tn min bc vo giai on ht hn s dng, bn c t 3 6 thng c th gia hn tn min . Vi nhng tn min chung chung, nu khng c gia hn n s b xo. Nhng cng c nhng tn min to dng c tn tui v c traffic. Trong khong thi gian ny s c nhiu ngi u c tn min ch sn v u gi mua li tn min . C nhng ngi kim c ngn dollar ch bng cch u gi v mua i bn li tn min.

Kt lun
C v thi gian h cho bn rt nhiu bn c c hi gia hn li tn min ca mnh mt khi b qu hn. Nhng bn ng ch quan, thi gian 6 thng l thi gian ti a, nhng c th bn s mt quyn s hu tn min nhanh hn mc nhiu. trnh nhng ri ro nh bn thay i th tn dng m qun khng khai bo, thay i email khi ng k, thay i a ch v s in thoi. Bn lun nh hy cp nht thng tin ca mnh mi khi c thay i. Quan trng hn c l lun ch t ng gia hn tn min mi khi ht hn.

229 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Cch thit lp 301 Permanent Redirect

S dng 301 Permanent Redirect l cch tt nht v thn thin nht ti nh hng ngi c. C nhiu l do bn phi ti nh hng ngi c

Trang web ca bn mi i tn min Hng nhiu domain khc nhau v mt domain (chnh) Ch s dng mt phin bn domain l www.domain.com hoc domain.com Thay i cu trc URL

C nhiu cch thnh lp 301 Permanent Redirect, di y l nhng cch ph bin nht

PHP ti nh hng mt trang n l

ti nh hng mt trang c nh no n mt a ch mi, bn chn dng code ny vo trong file index.php

Chuyn hng c trang

Code sau s ti nh hng ngi c t phin bn http://domain.com sang http://www.domain.com

230 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Apache .htaccess ti nh hng mt trang

dng c cch ny bn cn phi to mt file tn l .htaccess (khng h tr bi nhng host chy Windows) v t n th mc gc (root directory), sau thm dng code sau vo Redirect 301 /old/oldpage.htm /new/http://www.domain.com/newpage.htm

Apache .htaccess ti nh hng c trang

Lm ging nh trn nhng n s ti nh hng ngi c t http://domain.com thnh http://www.domain.com

231 www.izwebz.com

Demon Warlock

Pht trin Web

2012

S dng domain dng c www hay khng www

Ngi dng c th g http://www.domain.com hoc http://domain.com u c th a h n cng mt trang web. iu ny ban u c v khng c vn g, nhng v lu v di s nh hng n Rank ca bn trn cc cng c tm kim ph bin. Vn nm ch c my tm kim Google coi hai phin bn nh trn l hai trang web ring bit, cho d trang c cng mt ni dung. Trn thc t v mt k thut, cm t www c th c hiu nh l mt subdomain ch n mt trang c ni dung khc. S Rank ca mt trang web ph thuc vo nhiu yu t, nhng mt trong s l nhng ng links t cc trang khc n trang ca bn. Vy nn nu bn c hai phin bn s c ngi xi http://www.domain.com v cng c ngi xi http://domain.com, nh th s lng ng links v trang web ca bn s b chia i v nh hng trc tip n s Rank ca bn. C 2 cch khc phc tnh trng ny

1. ng k vi Goolge tn no bn mun
Trn Google c mt phn dnh cho webmaster c gi l Webmaster Tools, bn ch cn truy cp, to ti khon v thit lp la chn thng bo vi Google phin bn no bn mun. Nh vy Rank ca bn s c tnh chnh xc hn v phin bn bn mun s c hin th trn kt qu tm kim

2. S dng 301 Permanent Redirect

Bn ch s dung 301 Permanent Redirect li ngi dng t khng c www sang thnh c www hoc ngc li. Khi c thit lp, khi ngi dng g http://domain.com n s t ng c hng sang http://www.domain.com. Tm li khi bn mun s dng c www trc hoc khng c www khng thnh vn , nhng mt khi bn quyt nh mt trong hai cch, bn ch nn s dng cch .

232 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Chng 10 : Chin lt pht trin mt trang web

Chin lc pht trin mt trang web
Khi lm bt c mt th g v mun gt hi c thnh cng, ngi ta u cn mt chin lc. Ti khng phi l mt chuyn gia trong lnh vc thit k web, chuyn ngnh ca ti l qun l dch v. Nhng khi so snh gia vic thnh lp mt trang web v vic thnh lp cng ty, c nhng im tng ng nht nh.

Khi thnh lp mt cng ty hay mt cng vic kinh doanh no , ngi ta lun phi c nhng bc chun b nh kho st th trng, thm d th phn, xc nh i tng khch hng tim nng, a im, qung co, cch qun l v kh nng ti chnh. i vi vic thnh lp mt trang web cng rt tng ng. Bn cng phi c nhng bc chun b tng t nu bn mun trang web ca bn s thnh cng trong tng lai. Ni nh vy, khng phi ch cn bn c mt bc chun b tt l s m bo s thnh cng ca mt trang web. N cn ph thuc vo nhiu yu t khch quan v ch quan khc. Tuy nhin, gim thiu nhng ri ro cng nh tn dng c nhng c hi ang c. Mt chic lc pht trin cho mt trang web tng lai l rt cn thit cho nhng ai ang c nh to mt trang web mt cch nghim tc. Ti cng qua o to v ngnh qun l dch v v lm vic trong mt khong thi gian ti cc cng ty ln. Ti cng c cht t kin thc tng hp v cch lp ra mt chin lc kinh doanh. Tuy nhin, trong nhng bi ny, ti ch tp trung vo chin lc pht trin trang web. 1. Tn ch hot ng ca trang web 2. Mc tiu hnh ng 3. Kho st th trng v xc nh th phn 4. M hnh phn tch SWOT 5. Xc nh i tng ngi c 6. Chn ch cho trang web 7. So snh v hc t i th 8. Lnh vc trung tm 9. To im khc bit 10. Qung co trang web

233 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Tn ch hot ng ca trang web

Tn ch hot ng ca mt trang web rt quan trng v c nh hng rt ln n s pht trin ca trang web. N phi ng vai tr lm kim ch nam cho mi hot ng. Mi khi bn lc mt phng hng, tn ch ca trang web s gip bn quay li hng bn ang i v lo li con tu v n ch t ra trc.

Tn ch hot ng bao gm nhng mc tiu c th thc hin c, nhm khch hng tim nng, sn phm v nhng k vng vo s pht trin tng lai. V d v nhng tn ch hot ng ca nhng cng ty ni ting

Wal-Mart (tp on bn l ln nht nc M): cho ngi dn thng c c hi c mua hng nh nhng ngi giu Walt Disney: Mang nim vui cho mi ngi Coca Cola: To ra gi tr v to nn s khc bit bt c ni no c chng ta McDonald: Chng ta s l nh hng phc v nhanh nht th gii, cung cp cho khch hng ba n tuyt ho, dch v tt, sch s v c gi tr. Do chng ta c th lm mi mt khch hng phi hi lng.

Do vy bn c th to ra mt tn ch hot ng cho mnh v nh rng n phi r rng, c mc tiu thc hin c v k vng pht trin Tn ch hot ng ca izwebz.com l: L trang web tin phong v lnh vc thit k web, du dt nhng ngi mi bit lm web v chia s kin thc vi cng ng mng. Vi tn ch hot ng r rng, sau ny nu bn c b sa ly vo nhng bi vit qu cao xa hoc b p lc ca mt nhm ngi c phi m rng phm vi ca trang web n lc bn dng nh lc mt phng hng, hy c li tn ch ca trang web v n s hng bn i ung con ng vch sn. C mt nh trit hc tng ni nu anh khng bit bn cng no l ni n, th chng c ngn gi no l thi ng hng anh i.

234 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Mc tiu hnh ng
Khi to cho mnh mt kim ch nam v xc nh ni n. Gi s l lc bn lp ra nhng mc tiu hnh ng. Khi lp trang web, tt nhin mc tiu ca bn s l a trang web ca mnh thnh trang web hng u ca Vit nam v lnh vc bn lm. V d bn mun pht trin mt trang web v chia s nhc trc tuyn v bn mun mi ngi khi ngh n download nhc l ngh n trang web ca bn. Mc tiu bn t ra hon ton c th thc hin c, nhng n l chuyn v lu v di. Bn c th chia nh giai on ra thnh cc phn nh vi cc mc tiu ngn hn.

V d bn s c gng trong 3 thng u s upload ht 15 Gb nhc ang nm trong cng ca bn. Sau 3 thng tip theo s c gng thm phn li bi ht cho tng bi. Cui nm s c mt kho nhc tng i ln v u c li bi ht. Nh vy bn s d dng t mc tiu hn, hm nay upload vi trm Mb, ngy mai upload thm vi chc Mb v vit vi chc li bi ht. C chia nh dn ra v cui cng mc tiu ngn hn s t c. Khi mt lot cc mc tiu ngn hn t c th mc tiu ban u ca bn cng s t c. N cng nh ngi ta xy dng mt to nh vy. H c bn phc tho ngi nh s c xy dng, v khi tin hnh h s xy phn mng, t tng vin gch, mi, trang tr v khi hon thin s ging nh bc tranh ban u.

Cng thc S.M.A.R.T khi xy dng mc tiu hnh ng

Nu bn mun xy dng mc tiu hnh ng cho mnh, bn hy vit ht mc tiu ca mnh ra giy v sau cng nh gi n vi cng thc S.M.A.R.T. SMART l ch vit tt ca Specific, Measurable, Applicable, Realistic v Timely hay ting Vit c ngha l C Th, o c c, C th t c, St thc v Thi gian c th.

Mc tiu phi c th
Vn vi v d v trang web nhc trong phn trn, nu mc tiu ca bn s l a trang web tr nn rt thnh cng v ni ting. Tuy n l mt mc tiu tt nhng khng c th. Mc tiu hnh ng nn c th v r rng. Nu thay v ch c mc tiu s thnh cng v ni ting, c th hn bn c th xy dng mc tiu l trang web ca ti trong vng 2 nm s c nhiu trang web trong nc nhc n v t ng link lin kt.

235 www.izwebz.com

Demon Warlock

Pht trin Web

Mc tiu phi o c c

2012

Quay tr li v d trang web nhc trn, nu mc tiu ca bn l trong mt nm, trang web ca ti phi l trang web ni ting nht cng ng mng. khng phi l mc tiu khng th thc hin, nhng o c c s thnh cng l rt kh. Bn c th lp mc tiu c th o c c nh l cui nm rank Alexa s l 50.000 hoc Google PageRank ca ti s l 5.

Mc tiu phi c th t c
Nu mc tiu ca trang web nhc kia li l cui nm nay ti s c hn chc ngn bi ht v 50.000 thnh vin. L tt nhin nu t c th l qu m mn, nhng mc tiu rt xa ri thc t v mt trang web mi hnh thnh, kh c th t c mc tiu trong vng mt nm.

Mc tiu phi ph hp vi thc ti khch quan

Bn phi tin tng vo mc tiu mnh t ra l c th thc hin c v hon thnh mc tiu l mt phn rt quan trng trong nhng vic bn lm. Nu bn cn phi i hc v cn nhiu vic khc lo, m mc tiu phi upload 200 Mb nhc mi ngy th khng ph hp vi hin thc khch quan.

Lun c thi hn nht nh cho mi mt mc tiu

Nu bn ch ni trang web ca ti s phi thnh cng th rt mng lung v v nh. Khi no th trang web s c cho l thnh cng? 1 nm? 2 nm? 5 nm hay 10 nm? cho d l mc tiu ca bn c th no i chng na, bn cng lun phi t cho n mt thi gian c th. Ging nh bn mun lm xong bi v nh m bn ch ni ti s lm bi v nh th c v nh khng bit khi no bn s lm. Nhng nu bn ni trc 11 gi m nay l ti s lm xong bi v nh. Lc ny khi n 11 gi m, bn t nhin c th bit c mnh t c mc tiu mnh t ra hay cha.

Kt lun
i khi v ngh rng vic to mt trang web khng cn phi mt qu nhiu thi gian xy dng nn mc tiu hnh ng. Nhng bn cng nn bit rng, trong cuc sng nu mun c thnh cng u cn phi c mt hoc nhiu mc tiu phn u. Nu bn thc s mun trang web ca bn s thnh cng trong tng lai, vic xy dng mc tiu hnh ng l rt cn thit. Bn nn vit mc tiu hnh ng ca mnh v giy, dn ln mn hnh my tnh, dn ln tng trong nh v sinh, vit ln gng mi sng thc dy l bn li thy n v t nhc mnh phi c ngha v hon thnh mc tiu ra. N s ng vi tr l mt ng h bo thc nhc nh bn n lc lm g hon thnh c mc tiu.

236 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Kho st th trng v xc nh th phn

Bc tip theo l bn cn phi kho st lnh vc m bn sp to trang web. Bn phi cn nhc xem i tng ngi c m bn hng ti l ai v trn mng c i tng ngi c khng. Bit c cung v cu ca th trng cho bn nhiu thng tin quan trng bn pht trin trang web ca mnh.

Nhng cu hi sau s gip bn kho st th trng hiu qu

1. Bn nh thit lp trang web v ch g? 2. Nhng trang web no trn mng ang c cng ch vi bn? 3. H c thnh cng khng? 4. Th phn ca h c ln khng? 5. Ch bn s vit v n c nhiu ngi khai thc cha? 6. Tim nng thnh cng ca ch c cao khng? 7. Ch bn sp lm c ang pht trin tt khng? 8. Ngi c s mong ch g trang web mi ca bn? 9. Trang web ca bn c nhng im mnh g? 10. Ngi c c quan tm n nhng g bn vit khng? 11. Th mnh cnh tranh ca bn vi h l g? Ti chc rng bn c th ngh ra nhiu cu hi khc hn th na khi tm hiu nhng trang web ang tn ti vit v ch bn sp vit. Trong luc ny h l nhng i th trc tip ca bn. Do vy bn hy tm hiu tht k v h, v nhng g h ang lm, cch h lm c g hay c g cha ng. Ch bng cch quan st khng thi, bn cng s rt ra c rt nhiu kinh nghim cho trang web ca mnh.

237 www.izwebz.com

Demon Warlock

Pht trin Web

2012

M hnh phn tch SWOT

Tn T binh php c ni bit mnh bit ngi, trm trn trm thng. Bit mnh khng bit ngi, nm n nm thua. Khng bit mnh v khng bit ngi, nh trn no thua trn . Vi trit l ny Tn T rt thnh cng trong vic iu binh khin tng ca mnh. l trit l ca hng ngn nm v trc, ngy nay trong mi trng kinh doanh khc nghit, m n c v nh chin trng. Th vic bit mnh, bit ngi vn l cha kho ca s thnh cng.

phn tch c im mnh v mt hn ch cng nh cc c hi v nguy c tim tng ca mt cng vic kinh doanh. Ngi ta pht minh ra m hnh SWOT. M hnh SWOT c vit tt ca ch Strenghts, Weaknesses (ch quan) Opportunities v Threats (khch quan). Trong vic thnh lp mt trang web, cng nh bn s thnh lp mt cng ty. m bo trang web ca bn s thnh cng, bn cng cn bit mnh, bit ngi. Bn phi bit c u l im mnh ca mnh tp trung pht trin, u l mt hn ch khc phc. C hi s n t u nm bt v nhng ri ro no c th xy ra trnh n.

Strenghts: Th mnh
Hy coi y l yu t ch quan v ngi c s ngh g v bn hay nhng i th chnh ca bn trong cng th phn. Trnh b ri vo tnh trng t cho mnh l mnh, rng cng thc t cng tt. Khi ngh n th mnh ca mnh, hy lin h bn vi i th cnh tranh. V d bn ngh trang web ca bn load rt nhanh trong vng 2 giy, nhng hu ht cc trang web khc cng c tc load tng t. Th y s khng phi l th mnh na m s l iu cn phi c. Th mnh ca bn c th l:

Gii v cc ngn ng lp trnh PHP, ASP Thng tho nhiu ngoi ng Thi gian online nhiu C kh nng ti chnh C kin thc su rng v ch ca trang web

Weaknesses: im yu
Cng ging nh phn Strenghts, y s l phn bn lit k nhng im yu ca mnh v bn cng nn cng thc t cng tt.

238 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Quen bit khng nhiu qung b trang web Khng c nhiu cng tc vin Kh bao qut ht tt c cc ni dung Khng gii v ho

Opportunities: C hi
C hi thng xut pht t nhng thay i, do vy bn nn ch n nhng thay i c th trong tng lai gn m trang web ca bn s c li t thay i . V d nh sau ny ICANN s cho php ng k tn min di nhiu dng nh .love, .abc, .smith c th bn s ng k mt tn min no hay cho ring trang web ca mnh. Bn cng c th nhn vo th mnh ca mnh v t hi liu nhng im mnh ny c to ra c hi khng? hoc nhn vo im yu v t hi nu khc phc c im yu ny c hi s tt hn khng?

Nhng cng ngh mi nh web 2.0, CSS3 s l c hi cho trang web i th ca bn s khng bt kp c vi s thay i cng ngh ny Nhiu phn mm CMS mi c lm mnh hn v thn thin hn ca i th

Nn nh c hi l yu t khch quan v n khng nm trong kh nng chi phi ca bn nh: ngi c, cc trang web khc, Googlebots, alexa rank, PageRank

Threats: Nguy c
Bc cui cng l nh gi nhng nguy c c th xy ra m nm ngoi kh nng chi phi ca bn.

Ch trang web qu rng Cc trang web cnh tranh c nhiu thnh vin gip vit bi Cc trang web ln c th thay i cch qun l v t c hi cho bn pht trin Phn mm qun l ni dung c nhiu li v c th b hacker khai thc.

Nhng li khuyn gip bn to lp m hnh SWOT

C gng c ci nhn thc t v im mnh v im yu ca trang web khi thnh lp m hnh SWOT. M hnh SWOT phi cho thy c s bin chuyn ca trang web, hm nay l nh th ny, nhng trong tng lai s ra sao. SWOT nn c th v chi tit Lun lun p dng m hnh vi i th cnh tranh xem mnh mnh hn u v yu hn u. SWOT khng nn phc tp, cng n gin d hiu cng tt

Sau khi thit lp xong m hnh SWOT bn c th phn tch v hiu c nhng yu t ch quan v khch quan s tc ng th no ln trang web ca bn. T bn s bit c u l im mnh tp trung pht trin, ci thin khuyt im, tn dng thi c v gim thiu ri ro

239 www.izwebz.com

Demon Warlock

Pht trin Web

2012

cho trang web ca mnh. Bn c th m rng m hnh SWOT bng cch kt hp xen k cc yu t thy r hn chin lc ca mnh.

Kt hp Th Mnh vi C Hi: bn c th s dng th mnh ca mnh tn dng nhng c hi sp ti khng? nh trong v d trn nu bn gii v ngn ng lp trnh th vic bn phi lm quen vi web 2.0 v CSS3 cng khng kh cho bn cht no Kt hp Th mnh vi Nguy c: bn c th dng im mnh ca mnh trnh hoc gim thiu nguy c khng? nh th mnh ca bn l c kh nng ti chnh, bn c th thu ngi vit bi gim thiu nguy c ch trang web qu rng khng th bao qut. Kt hp im Yu vi C hi: bn c tn dng c hi khc phc im yu khng? nh c hi ca bn l nhiu phn mm qun l ni dung mi v mnh, bn c th dng giao din chuyn nghip c sn ca n kho lp i kh nng km v ho ca bn. Kt hp im Yu vi Nguy c: bn phi lm g khc phc im yu v trnh nguy c c th xy ra? to dng cc mi quan h mi khc phc im yu khng quan h rng v thu hp li ch trang web bn d bao qut hn.

Kt lun
M hnh phn tch SWOT tuy n gin nhng li l cng c rt mnh m gip bn phn tch v c ci nhnh tng quan v im mnh, im yu, c hi v nguy c m bn s phi i mt. C th bn ngh lm mt trang web cng khng cn phi mt thi gian ngh v nhng vn ny. Nhng cho d l lm web hoc kinh doanh, th nhng mu thun ni ti u tn ti. Bit r v mnh v bit c i th, s gip bn thnh cng hn trong vic thnh lp trang web v chin lc pht trin.

240 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Xc nh i tng ngi c
Mt phn ht sc quan trng trong vic thnh lp mt trang web l bn phi bit r rng ai s l ngi s dng trang web ca mnh, c nhng g bn vit chnh l nhm ngi c ca bn. Bng cch xc nh chnh xc nhm ngi c ny, s mang li cho bn rt nhiu li ch v cng ng gp mt phn khng nh vo thnh cng ca trang web sau ny.

xc nh c i tng ngi c m s vo thm trang web ca bn sau ny, bn cn ngh n ch ca mnh ang vit s thu ht nhng ai. Ni v d bn mun lm mt trang web v truyn tranh. L tt nhin khng phi ai cng thch truyn tranh, do vy nhm tim nng nht c th l tui t 17, 18 tr xung. T tui bn c th suy lun ra c h cp hc no, thi gian online ra sao, c kh nng ti chnh khng, h thch ci g gip bn xc nh chnh xc nhm ngi c ch yu, bn nn chia h ra thnh nhng hng mc sau

1. Gii tnh
Gii tnh nh hng rt nhiu n thi quen lt web. Cc bn gi th thch nhng trang c ni dung nh nhng nh m nhc, phim online, cc din n si ng. H rt t ch ti nhng trang v ho, vi tnh hoc t xe my. Ngc li, nhm nhng ngi c l phi nam li thch tham gia nhng trang web nng v k thut hn l gii tr. Yu t ny gip bn xc nh i tng ngi c ca bn s l Nam hay N. T bn c th a ra nhng quyt nh v qung co, thit k giao din sao cho ph hp vi i tng ngi c ny.

2. tui
nhng tui khc nhau th c nhng s thch khc nhau. Khi cn nh bn thch c truyn tranh, xem phim hot hnh. Khi ln ln bn thch c tiu thuyt di v xem phim hnh ng. Khi trng thnh hn na bn li thch c sch v trit l sng v xem phim ti liu v chin tranh. Yu t ny gip bn xc nh c i tng ngi c ca bn thch ci g v h mong ch iu g trang web ca bn.

241 www.izwebz.com

Demon Warlock

Pht trin Web

3. Trnh vn ho

2012

Ngi c trnh vn ho khc nhau tip cn vn cng khc nhau. V d i tng ngi c ca bn l cc nh nng nghip, chn nui gia sc i tng ny thng l nhng ngi c trnh vn ho trung bnh. Do vy khi vit hoc din t tng no , bn nn chn ngn ng bnh dn. Nu dng qu nhiu m t v t chuyn ngnh, h s khng hiu c bn mun ni.

4. Ngh nghip
Ngh nghip ca mi ngi u t nhiu nh hng n s thch ca h. V d bn ngy ngy tip xc vi my tnh, ch lm th lm v ho, v nh th li coding nh th rt d suy on rng bn cng thch game my tnh. Bit c h thch ci g v ngh nghip ca h l g, s gip bn rt nhiu trong vic vit ni dung cho trang web ca mnh. Ni tm li, bit c chnh xc i tng ngi c ca mnh l ai s gip bn quyt nh nhng vn nh l: mu sc ca trang web, font ch ph hp, thit k giao din, ni dung v vn phong cch vit. Khi bn tho mn c nhng yu cu t pha ngi c ca bn, bn thnh cng c mt na ri.

242 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Chn ch cho trang web

Ch ca trang web l huyt mch, linh hn v s sng ca mt trang web. Cho d bn c s hu giao din p nht Vit Nam, web host t nht v tn min hay nht, nhng ch ca bn khng thu ht c c gi, th trang web ca bn khng c cho l thnh cng.

chn ra c mt ch chnh cho trang web khng phi l chuyn n gin. Bn khng th vit v tt c mi th trong cuc sng, nhng bn c th vit v mt kha cnh no , m bn tin rng s c ngi quan tm v h s hc c mt iu g t trang web ca bn. Mt kh khn ln nht trong vic chn mt ch ph hp l ch va thu ht c ngi c v bn phi gii hoc ch t bit nhiu v ch . Khng nhng th ch phi thc s gy cho bn hng phn khi vit v n. Bn phi thy lc no cng thiu thi gian vit v n. tng vit bi dng nh khng bao gi tt trong tm tr bn. V d bn mun lm mt trang web v hng dn nu cc mn n. Nhng bn li khng bit cht g v nu nng th s rt kh cho bn vit ni dung cho trang web . Tt nhin bn c th i tm thng tin trn mng v xo nu li cho vo trang web ca mnh. Nhng nh th, th nht, v mt tinh thn bn khng c thoi mi. Phi i lm vic m mnh khng thch, thng khng c hng th. Th hai, nu ni dung khng phi ca bn vit ra, th sm mun g ngi c cng pht hin ra s gi to . Nhng v d bn l ngi rt am m su tm tem th v tin xu. Bn c th thao thao bt tuyt hng gi gii thiu v nhng con tem, nhng ng xu bn va su tm c. Bn ch cn nhn qua con tem hoc ng xu, bn c th bit c n l ca nc no, vo khong nm no v thuc triu i no. Ni chung, bn c mt kin thc su rng v vn ny v rt thch chia s nhng kin thc bn bit c vi ngi cng chung s thch. Tm li, dng huyt mch v linh hn ca trang web lun tun chy v ti mi. Bn nn chn mt ch va thu ht c mt lng kh ngi c v bn thn bn th rt thch v rt gii v ch . N s gip bn c ng lc vit bi v xy dng trang web ngy cng phong ph.

243 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Cc cch qung co trang web

Khi trang web ca bn mi thnh lp, bn phi tm mi cch qung b trang web v cho cng nhiu ngi bit cng tt. Vi nhng trang web mi hnh thnh, bn khng c kh nng ti chnh qung co trang web bng cch tr tin t banner ln cc trang web ln. Nhng nhng cch sau ny c th em li hiu qu nht nh m li khng tn tin.

1.Khai bo trang web vi Google

Cch thng dng nht l thng bo s tn ti trang web ca bn cho Google. Bn c th ng k trang web ca bn bng cch nhn vo ch About Google trn trang ch ca Google, sau chn Submit your content to Google. Tuy vic ny l vic nn lm, nhng ch khai bo vi Google thi th cng khng th chc rng trang web ca bn s c tm thy kt qu tm kim ca Google. Bi v nu trang web ca bn khng c nhng ng link n t trang web khc, th Google c lp trnh khng a trang web ca bn ln nhng trang u ca kt qu tm kim.

2. S dng ch k trn cc din n

Hu ht cc din n u cho php thnh vin c mt phn di mi bi post gi l ch k. bn c th dng hnh nh, ch ni nn ci ti ca bn. Bn c th s dng khong trng ny qung co cho trang web ca bn. Trc khi bn mun gt hi c thnh cng t phng php ny, th bc u bn phi u t thi gian cho n . Bn nn tham gia nhng din n ln v chn nhng din n c i tng ngi c ph hp vi i tng ngi c ca bn. Bn hy tham gia xy dng ni dung cho din n , tham gia tr li cu hi, post bi, post ti nguyn Tuy nhin bn khng nn spam vi nhng bi v ngha, n ch lm hnh nh ca bn khng c tt thi. Hy tham gia cc ch nng na mi ngi c th nhn thy ch k ca bn

3. S dng ch k cho email

Email ca bn cng cho php bn chn mt on ch k, hy tn dng khong trng ny qung co. Khi mt ai email cho bn, bn tr li h, h thy dng ch nh l Admin ca www.tentrangweb.com Mi bn gh thm nu c thi gian. S c ngi click vo v bit u h thch ni dung ca bn v ni cho bn b ca h bit

244 www.izwebz.com

Demon Warlock

Pht trin Web

4. Vit bi gy shock

2012

Nu bn c kh nng to ra t bin bng khiu hi hc, hy vit mt entry tht hay v hp dn. Nu l tng mi th cng tt hn. Sau gi link qua yahoo, nu entry ca bn gy shock. S c rt nhiu ngi gh thm. Nhng message gi qua Yahoo di dng mi i chi v, mi b con vo comment thng th khng c ai gh thm, i sinh nht bn, gp mt nh (anh) rt d thng (c chp hnh) s c 50% c hi c ngi vo xem. Hnh nh chp ln cnh hnh lc m bo gy shock v thu ht c s ch . Lu : bn c bit v Hnh lc khng? cui cng khi theo link , mi t nga ngi ra l h ch chp a lc rang v hnh ti.

5. Trao i lin kt
Cch ny th ph thuc vo ti ngoi giao ca bn. Nu bn quen thn vi nhng admin ca din n ln hoc trang web kh ni ting, bn hy nh h cho bn t mt banner ln trang web ca h, i li bn cng t li lin kt n trang ca h t trang ca bn. Nu trang web ca bn c lin kt n t mt trang tn ti lu v c uy tn, th Google cng s nh gi cao trang ca bn hn.

6. In ln o hoc ln xe
Cch cui cng th hi chi tri mt cht nhng t nhiu cng mang li hiu qu. Bn i mua o phng ri in tn trang web ca bn ln ng sau lng vi vi dng gii thiu nh l cu Slogan (cu khu hiu) v logo trang web. Bn c th in vi ci v nh bn b, anh em, h hng mc h. Ai bit u khi trn ng ngao du bn b, c ngi ng thy t m v vo trang ca bn th sao? Hoc bn cng c th in di dng can v dn ln xe, hoc bt c ch no m thu ht c s ch ca nhiu ngi.

7. Comment cc blog
Hin ti phong tro blog ca Vit Nam cng pht trin kh ln mnh. Tuy cha c nhiu trang chuyn su v ni dung nhng nhng trang s dng dch v min ph ca Yahoo! cng c rt nhiu. Cho nn bn c th tn dng phn comment qung co cho trang web ca mnh. Bn nn tm nhng blog no c ch tng t hoc gn ging trang web ca bn, v c gng l ngi u tin comment mt bi vit. a phn ch khong 10 comment u tin l c ngi c, cn li n qu di ngi c xem ht. Cng ging nh cch qung co trong ch k ca din n, bn tuyt i khng nen spam vi nhng comment v ngha. Bi v n c th phn tc dng v lm mt uy tn trang web ca bn.

So snh v hc t i th
Trong lot bi v chin lc pht trin trang web bn bit c nhng vic cn chun b nh xc nh i tng ngi c, lp k hoch pht trin, ng li v mc tiu phn u. Trong

245 www.izwebz.com

Demon Warlock

Pht trin Web

2012

bi ny, bn s bit thm v mt phng php c s dng rng ri trong kinh doanh. Benchmark hay cn gi l so snh gia mnh v i th cnh tranh hc t h.

Benchmark l mt cng on bn s xc nh trang web no c cng chung nhm ngi c vi bn pht trin rt mnh m v thnh cng, h c im g ni bt v c nhng tiu chun g. V d trang web ca bn v tin tc, th Vnexpress.net nn l i tng bn so snh v hc hi t h. Khi bn thm trang vnexpress.net bn n tng iu g nht? tc a tin ca h? thit k giao din ca h? tc truy cp ca h? v.v.. Mt khi bn xc nh c i tng so snh, bn s phi tm cho c b quyt thanh cng ca h l g? v bn cn phi lm g c thnh cng nh h.

Ti sao bn phi cn so snh mnh v i th

Nu bn ch tp trung vo ni dung trang web ca ring bn v khng quan tm n nhng trang web c cng chung mc ch th bn b ph c hi hc hi. Ni v d c ai hi bn l mt trang web c gi l thnh cng th phi c PageRank l bao nhiu? Alexa rank l bao nhiu? nm trang no ca kt qu tm kim? nu bn khng bit c tiu chun ca th phn mnh ang ng, bn kh c th thnh cng c. Nu trang web ca h c PageRank l 6/10 m ca bn ch c 2/10 th r rng ngi ta phi lm mt ci g hn bn ri.

Bn cn phi so snh ch tiu g

so snh mnh vi i th cnh tranh hc t h, bn phi xem xt k i th ca mnh. Ly v d c mt trang web v truyn Audio rt thnh cng v bn cng ang c mt trang web tng t. L d nhin khi so snh bn s so snh nhng tiu ch nh:

S lng truyn h c. Cht lng truyn ca h. Hng mc ca h c a dng khng Giao din v CMS ca h c thn thin khng Ngun truyn ca h ly t u Tc ng truyn khi download truyn ca h nh th no

Kt lun

246 www.izwebz.com

Demon Warlock

Pht trin Web

2012

D l trong lnh vc kinh doanh hay thit k web, th vic so snh v hc nhng ci hay t i th l rt quan trng. Tt nhin chng ta s khng i hc lm nhng g h ang p dng m mang v p dng mt cch kh cng vo trang web ca ta. Chng ta cng phi chn lc xem ci g ph hp, ci g h tt v ci g mnh vn cn yu. Hc kinh nghim ca nhng ngi i trc v gii hn ta cng l mt cha kho dn n thnh cng. N gip bn trnh c nhiu ri ro v tm ra con ng thnh cng nhanh hn v d dng hn.

Chng 11 : Lut bn quyn

247 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Gii thiu lut bn quyn

Vi s pht trin ngy cng ln mnh ca internet, cc h thng php lut dng nh cha bt kp c vi tc pht trin ny. Do vy to ra nhiu l hng cho nhng ngi i n cp thng tin v cng sc lao ng ca ngi khc. Hin ti Vit Nam phong tro lm trang web cng pht trin rt mnh m nhng mt phn trong s c qun i chuyn bn quyn tc gi. H cng khai cung cp cc ng link download nhng phn mm c gi tr hng trm dollars, thoi mi s dng forum IPB (phin bn Nulled), s dng nhiu phn mm CMS thng mi tri php. H khng bit rng hoc c tnh khng bit iu l vi phm lut bn quyn v h c th b kin v phi tr gi v hnh ng . Chng ta, nhng ngi hng ngy s dng Internet tm kim thng tin, ng nhn rng thng tin trn mang hon ton min ph v khng c bo v bn quyn. SAI LM! ngc li, thng tin trn mng ng l min ph nhng rt nhiu trong s c bo v bn quyn. Ti sao chng ta nn tn trng lut bn quyn v quyn tc gi? khi bn i sa xe my, bn c dm khng tr tin cho ngi sa xe cho bn khng? khi bn i n cm tim, bn c dm n xong ri ng dy i khng? hoc khi bn i sa my vi tnh, bn c dm qut tin cng khng? chc chn l khng ri, bi v iu qu hin nhin l bn phi tr tin cho dch v m bn nhn c. Tuy nhin chng ta li d dng qun i cng sc ca nhng ngi vit ra nhng bi vn, nhng phn mm my tnh v cc sn phm tr tu khc. Do vy lut bn quyn v quyn tc gi c to ra bo v nhng sn phm tr tu. Trong lot bi vit v lut bn quyn v quyn tc gi ny, cc bn s hiu thm v cch i ph vi vic b n cp bn quyn, nhng bc cn bn u tranh vi vic n cp bn quyn v mt s nhng thng tin lin qua n ch ny. Di y l s lc qua nhng thng tin v bn quyn m bn cn bit

Lut bn quyn p dng trn mng internet Theo lut M, nhng g bn vit ra s c lut bn quyn bo v ngay khi n c vit ra m khng cn phi khai bo. Bn c th s dng nhng thng tin c bn quyn di dng trch dn v khng vt qu 500 t hoc 10% bi vit. Bn phi hi tc gi v c cho php mi c s dng hoc dch sang ting khc. Hu ht mi th u c bn quyn, do vy bn nn to thi quen bit tn trng lut bn quyn. Khi b kin ra ta, bn khng th ch ni ti khng bit lut, iu khng bo cha cho hnh vi ca bn. ng ti bi vit (d c ng link dn ngun) m cha hi kin vn l vi phm lut bn quyn. Xin php c s dng thng tin c bn quyn gip bn trnh nhiu rc ri. Demon Warlock

248 www.izwebz.com

Pht trin Web

2012

Nhng quan nim sai lm v lut bn quyn

Trc khi i su vo tm hiu lut bn quyn v quyn tc gi, bn nn bit v nhng quan nim sai lm ca chng ta v lut bn quyn v quyn tc gi.

249 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Nu khng c ch thch v bn quyn, th khng c bn quyn. Bn vit bi trn Internet, th ng c ku ca v bn quyn. Ci g trn mng cng l min ph ht. Tc gi chng lm g c ti ht. u tranh ginh li quyn tc gi tn thi gian, rc ri v mt cng. Ch c nhng cng ty ln mi c quyn tc gi. Phi nh n lut s hoc php lut mi can thip c. Ti chng s v tc gi l ngi nc ngoi, ti ang Vit nam. D c sao chp li, nhng ti lm v mc ch phi thng mi v chia s. Ti khng bit v lut ny, nn ti v ti. Tuy ti khng xin php tc gi, nhng ti c link n bi gc v ghi r ngun.

Trn y l nhng quan nim rt sai lm ca chng ta v lut bn quyn. C th Vit nam, lut bn quyn cha c ph bin rng ri cho nn vn tn ti nhng sai lm nh trn trong thc ca chng ta. Bn nn bit rng, thng tin trn mng bao gm bi vit, hnh nh, tutorial, video clip c gi l sn phm tr tu v c bo v bi lut bn quyn. No ch min ph ch khi bn c, lm theo v s dng cho mc ch c nhn. Nhng n khng min ph cho bn sao chp v ly lm ca mnh. Do vy vic bo v lut bn quyn v tn trng quyn tc gi l vic nn lm v th nht n vi phm php lut v th hai n cp mt ci g d l sn phm tr tu u khng ph hp vi o c v truyn thng ca ngi Vit Nam.

Nhng bc cn lm khi b n cp bn quyn

Nh ni bi trc, vic u tranh ginh li quyn tc gi l hon ton c th t bn lm c. N khng h mt thi gian v cng khng tn nhiu cng sc.

250 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Tt nhin bn c th b qua cc hnh vi n cp bn quyn nu bn khng ngh n nghim trng. Bn c th vit n trn trang web ca bn nh thng tin trn trang web ny hon ton min ph cho vic s dng, ti s dng v sao chp m khng cn hi. Nhng nu bn mun bo v nhng g do bn vit ra bn c th ra mt tuyn b chung v hng dn cch s dng thng tin trn trang web ca bn. a phn mi ngi yu cu phi trch dn li ngun khi s dng li thng tin t trang web v phi credit cho tc gi ca bi vit . Di y l nhng bc bn c th lm u tranh ginh li quyn tc gi.

Xc nh i tng vi phm bn quyn Lin lc vi h v cnh bo h v vic lm ca h l vi phm bn quyn. Chnh thc yu cu h dng vic vi phm bn quyn Lin lc vi cc nh ti tr ca h Lin lc vi Google, Yahoo v MSN (nhng cng c tm kim)

1. Xc nh i tng vi phm bn quyn

Khi bn bit c hoc ai ni cho bn v vic bi vit ca bn ang b vi phm bn quyn. Bn c th i tm xem ai l ngi n cp bng cch tm cc ng link n bi vit . Nu l mt bi vit do mt thnh vin ca mt din n ng ti, bn c th lin h vi Moderator ca box hoc Admin ca trang . Thng bo vi h v vic bi vit l c bn quyn v bn l ngi gi bn quyn ca bi vit . Thng th cc Admin hoc Moderator s iu tra v xo bi khi din n hoc thm ng link n tc gi chch thc ca bi vit. Nhng nu bi vit ca bn b mt trang web khc n cp v bn khng bit h l ai. Bn c th vo trang web tm thng tin lin lc trang About, Contact, footer, din n, trang thng tin qung co, s dng Whois.com, checkdomain.com. Khi c thng tin v h ri, bn s tin hnh bc tip theo l lin lc trc tip vi h

2. Lin lc v cnh bo n i tng

Khi c y thng tin trong tay, bn lin h trc tip vi h. Bo vi h rng bn bit v vic b xm phm bn quyn v cho h bit rng vic lm ca h l sai tri, vi phm php lut v ng b ln n. Trong th lin lc bn nn bao gm nhng yu cu ca bn nh l xo bi vit , thm thng tin trch dn n ngun hoc credit li cho tc gi l bn. Vic lin lc trc tip yu cu bn phi gi thi bnh tnh, cn trng, chuyn nghip v anh thp. Bn nng t v ca bn c th xui bn vit email vi nhng li l khim nh, bi xu tn tui ca h trn cc din n khc. l nhng hnh ng bng bt v thng khng gip ch cho vn , ch lm n thm ti t. L ngi c suy ngh chu o v chn chn, bn nn gi thi bnh tnh v anh thp cho d hi m ca h rt l mng. Mt s ngi v cha c bit n quyn tc gi, do vy vic xm phm bn quyn bi vit ca bn xy ra ngoi mun ca h. Do vy bn nn cho h c hi gii thch v sa sai trc khi c nhng bc i tip theo. Nu bn lm tt khu ny, c th vn c gii quyt ngay m khng tn nhiu cng sc.

251 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Gi thi bnh tnh trong sut qu trnh ny l mt thch thc vi bt c ai, nht l khi i tng ca bn li c thi trn tro, bt cn v khng quan tm. Nhng mt email vi li l chuyn nghip v anh thp nh sau c th s gip h ngh li. Ti vit mail thng bo vi anh/ch rng bi vit c tiu tiu bi vit anh/ch ang ng ti trn trang web www.trentrang.com l bn quyn ca trang web www.tenban.com do ti vit ra v l ngi gi bn quyn. Vic sao chp v s dng bi vit ca ti m khng c s cho php ca ti l vi phm lut bn quyn v xm phm quyn tc gi. Ti yu cu anh/ch phi trch dn ngun n bi vit ca ti v credit li tc quyn cho ti hoc xa bi ngay lp tc khi trang web ca anh/ch. Anh/ch c 1 tun gii quyt vic ny. Cm n s hp tc ca anh/ch Hi m bn nhn c s khc nhau, c ngi s ngay lp tc xin li v lm theo nhng g bn yu cu. Nhng c ngi li t ra bt cn v thm ch thch bn. Nu h thch bn, bn cng khng nn tranh ci vi h m m thm tin hnh nhng bc tip theo. Nhng hnh ng tr th nng ni nh tn cng trang web ca h, bu xu tn tui v h nhn phm ca h c th a bn n rc ri trc php lut. Bn s bin mnh t ngi b hi thnh i tng vi phm php lut. Hy rng kim ch tm gii php hp l cho vn .

3. Thu thp thng tin v chng c

Nu bn l ch nhn thc s ca nhng g bn vit ra th vic xc nh khng qu kh cho bn.

Tm li ngy gi bn post bi vit Ngun n hnh minh ho bi vit tng ban u bn vit bi vit Xut x ca bi vit Chp li nh mn hnh nhng d liu trong Database c th chng minh c thi gian bn vit bi . Ngy bn lu li bi vit vo my tnh (nu bn vit bi offline) Tm nhn chng chng minh cho bn (thnh vin ca din n hoc nhng ngi bn bit)

Ch thi hn 1 tun bn cho h tri qua, nu khng c hi m hoc h khng hp tc, bn s tin hnh bc tip theo

4. Chnh thc yu cu h dng vic vi phm bn quyn bng vn bn giy t

y l bc i chnh thc ca bn ngn chn vic xm phm bn quyn sau khi lin h trc tip dn xp vi ngi n cp bn quyn ca bn khng thnh. bc ny bn tuyn b r rng rng nu h khng lm theo yu cu ca bn, h s chu nhng hu qu t vic h lm.

252 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Bn c th gi vn bn bng giy t ny n trc tip ngi vi phm bn quyn ca bn v ti cc bn lin quan nh nh ti tr qung co, cng ty webhost ca h v cng ty ch qun ca h. Thng tin ny bn c trong phn thu thp thng tin v chng c. Thng th vi giy t mang tnh php lut cao nh th ny s khin h khng mun rc ri v lm theo yu cu ca bn. Nhng nu vn khng thnh cng, th bn phi gi n ni m trang web ang host v yu cu cng ty webhost ny ng ca trang web bi v n ang vi phm lut bn quyn. Nhng vn bn giy t lin quan n php lut bn khng nn t vit m nn nh lut s vit h, bi v giy t ny s l li cnh bo cui cng n ngi vi phm. Nu h khng tho mn yu cu ca bn, h s phi i mt vi php lut. Nhng bn cng c th tm nhng mu n nh th ny trn mng v chnh sa li cho ph hp vi ni dung ca bn. Di y l hai l th v d bn c th dng ============================== H Ni 15/6/2008 Knh gi anh/ch, Ti vit th ny thng bo n anh/ch rng anh ch ang s dng bi vit ca ti m khng c s cho php ca ti bng vn bn giy t. Bi vit tiu c ng ti vo ngy ngy/thng/nm ti a ch www.tentrang.com c sao chp nguyn vn hoc da vo vit [cung cp bng chng, trch dn n bi ]. Bi vit ca ti c lut bo v bn quyn bo lu tc quyn. Do anh/ch khng hi v khng c s cho php ca ti nhng vn s dng tri php bi vit ca ti. Ti tin rng anh/ch vi phm lut bn quyn trong iu 17 phn 101 [trch dn lut] v anh/ch c th b pht ti $150.000 theo iu 504(c)(2). Ti yu cu anh/ch ngay lp tc ngng ngay vic sao chp, pht hnh, ng ti bi vit ca ti trn trang web ca anh/ch di mi hnh thc. Anh/ch cng khng c s dng tri php nhng bi vit ca ti trong tng lai. Nu ti khng nhn c phn hi chnh thc ca anh ch trong vng [cho thi hn, 2 tun] cho thy rng anh ch lm theo yu cu ca ti. Ti s tin hnh cc th tc php l khc a anh/ch ra to. Knh th, ===================== Sau bn s gi mt l th n cng ty web host ang cung cp dch v cho h vi ni dung gii thch rng trang web ang vi phm bn quyn v cung cp bng chng cho h v vic vi phm . Theo lut php ca M, cc cng ty web host phi c trch nhim ng ca trang web cho n khi mi vic c gii quyt.

253 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Nu trang web ca h ang c host ti M (a phn trang web ca Vit Nam u host ti M) th n thuc quyn hn v ngha v ca cng ty chp hnh lut DMCA ca M. Nu thng tin ca bn xc thc, h s lin lc vi i tng ca bn v ra thng b ng ca trang web.

5. Lin lc vi cc nh ti tr
Khi ti tr cho mt trang web, h phi c c nhng li ch no cho mnh. Do vy nhng cng ty ang qung co trn trang web ca i tng s hu hp ng qung co nu bit rng trang web i o bi ca bn v khng chu sa li theo yu cu ca bn. Nu trang web dng qung co ca Google Adsense, bn c th lm theo bc sau bo cho Google bit l trang web ang xm phm bn quyn ca bn. banner qung co ca Google, bn nhn vo ch Ads by Google. N s a bn n trang ca Google v ko xung di thy ng link Send Google your thoughts on the site or the ads you just saw. nh du nh hnh sau v gi i

Bng cch ny bn nh vo ti tin ca h, s cho h thy hu qu v ti chnh m h phi chu khi khng lm theo nhng yu cu ca bn. Hn th na Google s thay mt bn lin h vi h v gii quyt h bn, nu thng tin ca bn l xc thc. Google c th xa trang ca h khi kt qu tm kim v a trang vo danh sch en.

6. Lin h vi Google, Yahoo v MSN

y l bc cui cng bn c th lm trong cuc u tranh ginh li quyn tc gi ca bn. Lut php M c quy nh v lut bo v sn phm tr tu l nhng cng ty cung cp dch v internet trong bao gm c nhng cng c tm kim phi c trch nhim gip bn dng vic vi phm bn quyn. Tuyn b ca Google v lut DMCA Demon Warlock

254 www.izwebz.com

Pht trin Web

2012

It is our policy to respond to notices of alleged infringement that comply with the Digital Millennium Copyright Act and other applicable intellectual property laws, which may include removing or disabling access to material claimed to be the subject of infringing activity. If we remove or disable access to comply with the Digital Millennium Copyright Act, we will make a good-faith attempt to contact the owner or administrator of each affected site so that they may make a counter notification pursuant to sections 512(g)(2) and (3) of that Act.

Google khuyn bn nhng iu sau khi lin lc vi h

Xc nh y chi tit v bi vit m bn ngh b xm phm bn quyn Cung cp thng tin y cho php Google lin h vi bn Cung cp thng tin m bn thu nhp c v i tng Google c th lin lc vi h Trong email bn phi tuyn b nh sau: I have a good faith belief that use of the copyrighted materials described above on the allegedly infringing web pages is not authorized by the copyright owner, its agent, or the law. v tuyn th I swear, under penalty of perjury, that the information in the notification is accurate and that I am the copyright owner or am authorized to act on behalf of the owner of an exclusive right that is allegedly infringed. (nguyn vn ting Anh)

y l bc i mang tnh quyt lit nht, do vy bn nn tht cn trng khi tin hnh bc ny. Bn nn thu thp y chng c v thng tin lin quan n bi vn b o v chng c chng minh ngun gc thc s ca bi vit l ca bn. Link n nhng trang tuyn b lut DMCA ca cc cng c tm kim

Yahoo DMCA Policy and Instructions Googles DMCA Statement and Policy MSN About DMCA and Policies

Khai thc thng tin ca i tng n cp bn quyn

Trong bi Nhng bc cn lm khi b n cp bn quyn ti c ch cho bn nhng bc cn tin hnh khi ni dung trn trang web ca bn b sao chp tri php v vi phm lut bn quyn. Trong bi ny ti s i vo chi tit hn bng cch s dng trang web whois.sc khai thc thm thng tin v i tng n cp bn quyn bi vit. Cng nn nhc cho bn nh rng vic u tranh ginh li bn quyn bi vit khng h tn cng sc v thi gian v hon ton c th t lm c. Nhng thch thc ln nht li l vic kim ch chnh bn thn mnh. L t nhin khi ai r rng n cp cng sc lao ng ca

255 www.izwebz.com

Demon Warlock

Pht trin Web

2012

bn, li c thi trng tro, bt cn v thch . Th mnh c th s mt bnh tnh v c nhng hnh ng khng mang li kt qu hoc t hn lm vn thm trm trng. Nh ni, vic u tin bn cn lm l tm thng tin lin quan n i tng tnh nghi n cp bi vit nh: tn tui, a ch, s in thoi, email, ni t host v domain. Cch tt nht tm ra thng tin ny l s dng whois.sc. y l trang web cho php bn thy c thng tin lin quan n mt domain bt k. Truy cp trang web whois.sc v ngay trang ch bn g vo a ch trang web tnh nghi. Trong v d ny ti gi s trang vuilen.com vi phm bn quyn bi vit ca izwebz.com (*). Di y l thng tin lin quan n trang vuilen.com. phn kt qu tm kim ny bn ch cn ch n 3 mc chnh l Registry Data, Server Data v Whois Record. y l phn cha nhng thng tin m chng ta c th s dng tin hnh vic i li bn quyn bi vit. hnh di y l thng tin Registry Data

Vuilen.com ng k domain Godaddy.com, mt trang web rt ni ting v domain v h cng rt nghim khc vi nhng trang vi phm lut DMCA. y l cng ty ca M cho nn theo lut h phi c trch nhim gip bn khi h nhn c khiu ni v trng hp vi phm. Name Server: Name Server: NS1.ZONEEDIT.COM NS7.ZONEEDIT.COM

y cng l thng tin quan trng bi v n cho bn bit trang web ny c host u. Bn c th m trnh duyt v g vo Zoneedit.com, th bn s n trang ch ca cng ty webhost. Thng th trang ny, bn c th tm c thng tin lin lc vi webhost trang Contact.

256 www.izwebz.com

Demon Warlock

Pht trin Web

2012

Trong phn Server Data bn s bit c cng ty host ca h nm u. Thng th bc trn bn cng c th bit c host ca h c nm M hay khng. Nhng phn ny bn c th bit chc c n nm u, thnh ph no. Trong trng hp ny, cng ty host ca vuilen.com Illinois Woodstock Fdcservers.net. y chnh l ni m ton b thng tin ca trang web c lu tr, ch cn n nm trong a phn ca nc M. BINGO! L h phi c trch nhim chp hnh lut DMCA. Tip theo l thng tin Whois Record. V vuilen.com s dng Private Domain Registration cho nn bn khng thy c thng tin ca h. Ti s s dng thng tin ca vietphotoshop.com (*) Nu may mn bn s bit c tn ca ngi s hu domain, a ch, email v thm ch c s in thoi ca h na. Nhng a phn mi ngi khng cho hin th thng tin c nhn v thay vo s dng dch vu Private v n s hin ra thng tin ca nh cung cp domain.

Tuy nhin n bc ny bn c trong tay cng ty cung cp tn min v ni h lu tr trang web. Ch cn by nhiu thi bn cng bt i tng phi xo bi vit hoc thm ch ng ca trang web. Nhng trc khi lin lc vi cng ty cung cp tn min v webhost, bn nn lm theo nhng bc trong bi nhng bc cn lm khi b n cp bn quyn.

Kt lun
Vic u tranh ginh li bn quyn cho chnh bn l vic nn lm v hon ton chnh ng. Bn khng nn lo s hoc s rc ri m b qua nhng vic lm sai tri. Bn l ngi b cng sc v cht xm ra th bn cng phi xng ng c mi ngi cng nhn. Chng ta khng th c mi nhm mt lm ng nhng ngi chuyn i n cp cng sc lao ng ca ngi khc v ly lm ca mnh. Hy nghim khc hn vi t nn ny, bi v Vit Nam ang ra sc ho nhp vi cng ng quc t, chng ta hy cng nhau thay i hnh nh ca t nc theo chiu hng tch cc trong con mt ca ngi ngoi quc.

257 www.izwebz.com

Demon Warlock

Pht trin Web

2012

(*) Vuilen.com v vietphotoshop.com ch c la chn ngu nhin lm v d. v d trn hon ton do ti tng tng ra minh ho cho bi vit st vi thc t.

DMCA l g? ti sao bn cn bit

DMCA l ch vit tt ca Digital Millennium Copyright Act hay chng ta thng gi l Lut bo v bn quyn tc gi. y l lut ca M c biu quyt bi quc hi M v tng thng Bill Clinton k thnh lut vo ngy 28/11/1998. V c bn lut ny c to ra bo v nhng sn phm ca cng ngh phn mm, bn quyn ca tc phm trn mng v ghp ti nhng ai b kho, cung cp, kinh doanh, phn phi phn mm tri php. Trong o lut ny cng c iu khon quy trch nhim cho cc nh cung cp dch v phi c trch nhim loi b nhng bi vit trn trang web b cho l vi phm lut bn quyn. Hn th na, nhng cng c tm kim ph bin nht hin nay nh Google, Yahoo v MSN u c ring phn tuyn b chung v o lut DMCA. Tu chung, cc c my tm kim ny u tun th theo lut DMCA, nu sau khi xc minh mt bi vit b vi phm lut bn quyn. H s loi b trang web

258 www.izwebz.com

Demon Warlock

Pht trin Web

2012

khi trang kt qu tm kim v nu nghim trng hn, c th xo hn trang web khi database ca h. Nh th trang web s vnh vin bin mt khi kt qu tm kim, tr khi trang web c nhng thay i tch cc v dn kim li lng tin ca cc c my tm kim.

Nh vy bn s hi, lut DMCA l ca M ti sao chng ta phi quan tm? bn hi rt ng! chc bn cng bit rng gia Vit Nam v M c k nhng vn bn tha thun, nhng cng c v hip nh bo v bn quyn tc gi gia hai bn. Cho nn nu k c bn Vit Nam nhng vi phm lut bn quyn, bn cng c th gp rc ri v mt php l. V thng th nhng v kin v bn quyn hay rc ri v thit hi nhiu v ti chnh. Mt iu na khin bn nn bit v lut DMCA l rt nhiu cc trang web ca Vit Nam u c host ti M. Cho nn ni dung bi vit vi phm bn quyn nm trong a phn ca M, iu cng c ngha l lut DMCA ca M c hiu lc trong trang web . Bn nguyn n c th yu cu cng ty host ca trang web ng ca trang web v vi phm bn quyn. Do lut DMCA quy trch nhim cho cc nh cung cp dch v phi loi b nhng trang web vi phm bn quyn. Vic tn trng bn quyn bi vit l vic nn lm. Trc ht chng ta phi bit tn trng bn quyn ca ngi khc th mi mong ngi khc tn trng mnh. Hiu lut v lm theo lut l mt iu tt. Hy vng trong tng lai, s ngy cng nhiu ngi hiu thm v lut bn quyn v s khng cn nhng ngi i n cp cht xm v cng sc lao ng ca ngi khc lm ca mnh na.

259 www.izwebz.com

Demon Warlock

Pht trin Web

2012

iu khong s dng ebook

Ni dung trong ebook l do ti vit ra hoc tp hp t nhiu ngun. Nu ti c trch dn hoc ng li bi ca ai , ti u c s cho php ca h. Do vy ti cng mong cc bn nu mun trch dn hoc ng li bi ca izwebz, hy tn trng quyn tc gi v lm theo nhng iu sau:

1. Nhng bi vit trong eBook l sn phm tr tu v c bo h bi lut bn quyn v quyn tc gi. Tt c nhng hnh thc pht hnh li, sao chp nguyn vn hoc mt vi phn, sao chp vt qu 10% (hoc 500 t) m khng c s cho php bng ming hoc vn bn giy t c cho l vi phm bn quyn. 2. Bn c th s dng, in ra giy, lu li trong my tnh, chia s vi mc ch c nhn v phi thng mi. Tt c nhng hnh thc kinh doanh s dng ti liu trong eBook m khng c s cho php bng ming hoc vn bn giy t c cho l vi phm bn quyn. 3. Nu bn mun pht hnh li thng tin t eBook bn PHI trc ht lin lc vi chng ti v c s cho php ca chng ti. Nu cha c hoc khng c cho php, nhng bn vn pht hnh li thng tin, bi vit t trang ny c cho l vi phm bn quyn. Nu bn c nhu cu cn lin h vi chng ti qua email: 1/ Demon Warlock: izwebz@yahoo.com 2/ Clackken Smith: hoccode.php@gmail.com 3/ Minh Mn: contact@minhman.me

260 www.izwebz.com

Demon Warlock