ࡱ> ^a][ jCbjbj 4JΐΐQQQQQeeee$e8:;8=8=8=8=8=8=8$:X=Fa8-Qa8QQ8>>>.QQ;8>;8>>n47je(5 '88085=.=@7=Q7h>a8a8>8= : TRC KHI TO WEB , BN NN TO 1 FOLDER WEB  DESKTOP . Y L FOLDER CH YU CHA CC FOLDER CON . TRONG CC FOLDER CON CHA CC D LU CN THIT CHO VIC TO THNH TRANG WEB . TRONG BI VIT S 1 C THIU ST L KHNG TO FOLDER WEB V CC FOLDER CON NN KHI UPLOAD FILE HTML LN MNG N KHNG  D LIU CU THNH TRANG WEB , DO  KHNG HIN RA HNH KM THEO . NGOI RA HIN NAY UTBINH ChNG CHA TM RA C TI SAO LY 100% CODE SAU KHI  TO TRANG WEB THNH CNG , DN VO NOTEPAD UPLOAD LN MNG VN CHA C HNH HIN RA M PHI DN VO FOLDER WEB N MI CHU LY D LIU TRONG FOLDER IMAGES  HIN HNH RA.NG RA L CH CN VIT CODE TRONG NOTEPAD L  DIU KIN TO WEB . DO RT D THC HIN NN TC GI T NU HNH MINH HA . CH KHI NO CN THIT TH MI DN CHNG C TH . HY VNG L CC BN  QUEN VI CC DANH T TO WEB TRONG CC BI TRC  NU. I.GIAO DIN THIT K WEB : Nhp Menu Task Panes. Hin ra cc Th > Bn cn dng Th no th nhp ln Th  > Khng mun Th no hin din th nhp ln tn Th . Mun tr v giao din chun lc ban u : Nhp Reset WorkSpace Layout . Mc nh  c nh du chn 4 Th thng dng . (H1). Mun giao din vng lm vic l Trang Trng ln rng ri d lm vic khng c hin din ca Th no chim ch : Nhp ln tn ca 4 Th ny  xa bt khng gian cho rng . (H2). II.TO CC FOLDERS : To Folder Web  desktop Folder Cha :Khi to bt c Trang Web no , trc tin bn phi to 1 Folder ch yu  l Folder Web thng t  Desktop . y l Folder Cha , n c t dung lng cng d Upload v c gi Download nhanh . Nhp Phi ln Desktop > New > Folder > Nhp : web2 ( Tn Folder ny phi vit ch thng v dnh li , nu trn 2 t th phi c gch ni di  trnh b thm 20% rt ri mt , kh c , v d : web_2 ) . Folder Con : Nhp p ln Folder Cha l web2 > Nhp Phi > New > Folder > Nhp : images. Bn va to xong Folder images nm trong Folder web2.Tip tc to cc Folders khc c tn : lesoons  musics  favorite_webs  photo_gallery.v.v& III.B SUNG CC D LIU TRONG CC FOLDERS VA TO : Folder images : Bn Copy cc hnh cn dng cn Insert vo Trang Web > Paste vo Folder ny . Folder lessons : Bn chn cc bi vit cn xut hin trn trang Web > Paste vo Folder ny hoc to 1 Trang .doc cha cc Links URL ca cc lessons. Folder musics : To 1 Trang.doc cha cc Links URL ca cc bn nhc a thch  c gi nhp ln Download v . C th Copy > paste cc bn nhc Midi v dung lng t hoc dng Chng trnh Total Audio Converter 2.1  lm gim dung lng cc Files MP3 convert thnh File wma th PC no cing c c do chng trnh Window media Player rt ph thng. Folder favorite_webs : To 1 File.doc chu cc Links URL cc trang Web m bn a thch mun gii thiu vi c gi . Folder photo_gallery : Cjhn cc hnh cn to Gallery , dng Chng Trnh Photoshop to ri Paste vo Folder ny. Cc Folders khc : Bn c th to thm cc Folder khc nu mun nh : about_me , contact , links , resume , styles v file master.dwt. IV.NHP NI DUNG THIT K TRANBG WEB HTML : web 2 Nhp TEXT : File > New > HTML. Nt Style chn Heading 1 <h1> > G : Thit k Trang Web HTML n Gin 2 > Bi en cu ny. Nt Font chn : Arial, helvetica , sans-serif > Chn Bold > Center > Nt Font Color chn Red .  Z \ .v|lnpr $JNƵƱ~vrrrrrrvr~a~ hQhQ>*B*CJaJphhQhQhQ>*hQhQB*CJaJph hQhBd>*B*CJaJphhQhBdB*CJaJphhBdhN h hN>*B*CJaJphh hNB*CJaJphhBd5B*phh\ 5B*phhN5B*phhNhN5B*ph&\ .vPR 6 & Fgd $a$gdQ $ & Fa$gdQ $^a$gdQ $ & Fa$gdQ$a$gdBd $ & Fa$gdN$a$gdN $a$gdBdNRl (6P0 ( * : L !*--v4 7 7ѽѽzxnhb\ hapaJ haJ hE%#aJhE%#hE%#>*aJUhE%#h >*aJh B*CJaJph h h >*B*CJaJphh h B*CJaJph h >*aJ h aJh h >*aJh h*aJ h*aJhQh hQ>*hQB*CJaJph: T z 2!!*,--R/1 23v4 7 $ & F a$gdE%# $ & Fa$gdE%# $ & Fa$gd $ & Fa$gd $a$gd $^a$gd $ & Fa$gdQCopy 1 bi Text : Phm Window+E > n bi cn chn > M bi ny ra > Copy > Edit > Paste . Nhp Phm F12  xem th kt qu trn Trnh Duyt Web > ra bng Microsoft Exp[ression Web yu cu bn lu File ny > Yes > Chn Desktop > Nhp ln Folder web2 m bn  to lc ban u trc khi thit k Web > File Name nhp : indext > save . Hin ra trn Trnh duyt Trang Web m bn va to. Nhp HNH : Chn Hnh : Chn V d 4 hnh > Paste vo Folder images > M Chng trnh ACD See > n 4 hnh ny ( C tng cng65 288 KB ) > Ctrl+A > Batch Resize Images > Chn Percentage Of Original > Percentage chn 40% > Start Resize > Cn tng cng 4 hnh l 50 KB > Batch Rename l 1,2,3,4. Nhp con tr ch nh ni t hnh > Insert > Picture > From File > Desktop >Folder web2 > Folder images > Nhp ln Hnh 1 > Ra bng Accessibility Properties > Hng Alternate Text nhp 1 > hng Long Description nhp : 500 ng > Ok >  c hnh 1 trn Trang Web > Nhp Nt Align Text Left  di hnh st bn tri . Tip tc ging trn cho cc hnh 2 , 3, 4. Menu View > Toolbars > Chn tab Pictures > Hin ra B Cng c ca tab Pictures > Chn hnh cn di > Nt Bring Forward >  con tr ln ra hnh > C mi tn 4 u > R hnh n v tr mong mun > Nhp ngoi hnh b cc nt. F12 > Yes > Ok > Trnh duyt hin ra Trang Web c 4 hnh va Insert vo . Xem th trn Cc Trnh Duyt : Khi trong my bn c ci cc trnh duyt , Expression Web t ng nhn din v lit k . NHhp File > Preview in Browser > Chn Window Internet Exploer 7.0 > Hin ra Trang Web trn IE 7.0.> Nhp File > Precviwe In Browser > Chn Mozilla FireFox 2.0 > Hin ra Trang Web trn Trnh Duyt FireFox 2.0. V.UPLOAD TRANG WEB HTML WEB2 LN HOST SERVER : M Chng Trnh Cute FTP (  c vit bi Hng dn s dng chng trnh ny ) > Ct Tri m Desktop > R Folder web2 qua Ct Phi l Host Server c sn ca bn ( To Host bng Host Free :  HYPERLINK "http://www.freewebtown.com" www.freewebtown.com . utbinh  c bi vit hng dn to Account trong Trang Web ny , rt mnh cho 2 GB Dung lng lu tr v 2 GB bng thng , Upload c Folder cing c , to Account nhanh . utbinh to Trang Web n nay vn tn ti sau 3 nm ) > Khi Upload xong 100% gia hin ch DIRECTORY LISTING COMPLETED . Nhp ln Folder web2  Ct Phi > Hn ra cc Folders v cc Files nm trong Folder web2.> Nhp Phi ln 1 File hay Folder > Properties > bn s thy chi tit ca Link URL file ny. Kt qu Link URL ca Trang Web HTML web2 :  HYPERLINK "http://utbinh.com/OCT/web2/index.htm" http://utbinh.com/OCT/web2/index.htm Gii thch :  HYPERLINK "http://utbinh.com/" http://utbinh.com/ : Host ca utbinh OCT : Folder utbinh to  phn bit tng thng. web2 : Folder Web Cha. index.htm : Trang Ch hay Home Page , y l Trang u tin khi m Trang Web m bn va thit k. VI . TO FILE WEB2 .HTML TRONG NOTEPAD : Nhp Nt Code > Ctrl+A > Copy ton b Code ca Trang web2 va to > Paste vo NotePad. File > Save As > Desktop > > Folder web2 > File Name nhp : web2.html > save as Type chn : All Files > Encoding chn UTF-8 > Save. Nhp Folder web2  Desktop > Nhp ln File web2.html > Hin ra Trang Web trong Trnh Duyt. 7 7j7;=t=(>D>>h??@@@ABjC $ & F a$gdH{W $a$gdap $p^pa$gdap $ & F a$gdap $^a$gdap $ & Fa$gd $a$gd $^a$gdap 77d7j7886989^9`9d<==t=v=====$>&>D>F>^>>>>>>h?p???@@@@AAhCøͲͲtnn hH{WaJ hH{Whap>*B*CJaJphhaphapB*CJaJphhANhap0JaJhaphapaJjhapUaJ hapaJhANh0JaJjhUaJ haJhB*CJaJph hh>*B*CJaJphhhB*CJaJph'hCjChhH{WaJ21h:pM/ =!"#$% j 666666666vvvvvvvvv666666>6666666666666666666666666666666666666666666666666hH6666666666666666666666666666666666666666666666666666666666666666662 0@P`p2( 0@P`p 0@P`p 0@P`p 0@P`p 0@P`p 0@P`p8XV~ OJPJQJ_HmH nH sH tH P`P \ Normal^5CJ_HaJmH sH tH DA`D Default Paragraph FontRiR 0 Table Normal4 l4a (k ( 0No List <@< N List Paragraphm$6U@6 0 Hyperlink >*B*phPK![Content_Types].xmlj0Eжr(΢Iw},-j4 wP-t#bΙ{UTU^hd}㨫)*1P' ^W0)T9<l#$yi};~@(Hu* Dנz/0ǰ $ X3aZ,D0j~3߶b~i>3\`?/[G\!-Rk.sԻ..a濭?PK!֧6 _rels/.relsj0 }Q%v/C/}(h"O = C?hv=Ʌ%[xp{۵_Pѣ<1H0ORBdJE4b$q_6LR7`0̞O,En7Lib/SeеPK!kytheme/theme/themeManager.xml M @}w7c(EbˮCAǠҟ7՛K Y, e.|,H,lxɴIsQ}#Ր ֵ+!,^$j=GW)E+& 8PK!Ptheme/theme/theme1.xmlYOo6w toc'vuر-MniP@I}úama[إ4:lЯGRX^6؊>$ !)O^rC$y@/yH*񄴽)޵߻UDb`}"qۋJחX^)I`nEp)liV[]1M<OP6r=zgbIguSebORD۫qu gZo~ٺlAplxpT0+[}`jzAV2Fi@qv֬5\|ʜ̭NleXdsjcs7f W+Ն7`g ȘJj|h(KD- dXiJ؇(x$( :;˹! I_TS 1?E??ZBΪmU/?~xY'y5g&΋/ɋ>GMGeD3Vq%'#q$8K)fw9:ĵ x}rxwr:\TZaG*y8IjbRc|XŻǿI u3KGnD1NIBs RuK>V.EL+M2#'fi ~V vl{u8zH *:(W☕ ~JTe\O*tHGHY}KNP*ݾ˦TѼ9/#A7qZ$*c?qUnwN%Oi4 =3ڗP 1Pm \\9Mؓ2aD];Yt\[x]}Wr|]g- eW )6-rCSj id DЇAΜIqbJ#x꺃 6k#ASh&ʌt(Q%p%m&]caSl=X\P1Mh9MVdDAaVB[݈fJíP|8 քAV^f Hn- "d>znNJ ة>b&2vKyϼD:,AGm\nziÙ.uχYC6OMf3or$5NHT[XF64T,ќM0E)`#5XY`פ;%1U٥m;R>QD DcpU'&LE/pm%]8firS4d 7y\`JnίI R3U~7+׸#m qBiDi*L69mY&iHE=(K&N!V.KeLDĕ{D vEꦚdeNƟe(MN9ߜR6&3(a/DUz<{ˊYȳV)9Z[4^n5!J?Q3eBoCM m<.vpIYfZY_p[=al-Y}Nc͙ŋ4vfavl'SA8|*u{-ߟ0%M07%<ҍPK! ѐ'theme/theme/_rels/themeManager.xml.relsM 0wooӺ&݈Э5 6?$Q ,.aic21h:qm@RN;d`o7gK(M&$R(.1r'JЊT8V"AȻHu}|$b{P8g/]QAsم(#L[PK-![Content_Types].xmlPK-!֧6 +_rels/.relsPK-!kytheme/theme/themeManager.xmlPK-!Ptheme/theme/theme1.xmlPK-! ѐ' theme/theme/_rels/themeManager.xml.relsPK]  JN 7hCjC#$ 7jC"j ;NXXX8@0(  B S  ?|}K|~K|}K 2lJke"KFR[)1yL5ҺL.y%=+zhcI@:׈T}B倐CjEcrE&;:5?VFF4^JLK4~[h ^`hH.h p^p`hH.h @ L^@ `LhH.h ^`hH.h ^`hH.h L^`LhH.h ^`hH.h P^P`hH.h  L^ `LhH.hp^p`OJQJo(hHh@ ^@ `OJQJ^Jo(hHoh^`OJQJo(hHh^`OJQJo(hHh^`OJQJ^Jo(hHoh^`OJQJo(hHhP^P`OJQJo(hHh ^ `OJQJ^Jo(hHoh^`OJQJo(hHh ^`hH.h p^p`hH.h @ L^@ `LhH.h ^`hH.h ^`hH.h L^`LhH.h ^`hH.h P^P`hH.h  L^ `LhH.h ^`hH.h p^p`hH.h @ L^@ `LhH.h ^`hH.h ^`hH.h L^`LhH.h ^`hH.h P^P`hH.h  L^ `LhH.h ^`hH.h p^p`hH.h @ L^@ `LhH.h ^`hH.h ^`hH.h L^`LhH.h ^`hH.h P^P`hH.h  L^ `LhH.hp^p`OJQJo(hHh@ ^@ `OJQJ^Jo(hHoh^`OJQJo(hHh^`OJQJo(hHh^`OJQJ^Jo(hHoh^`OJQJo(hHhP^P`OJQJo(hHh ^ `OJQJ^Jo(hHoh^`OJQJo(hHh ^`hH.h p^p`hH.h @ L^@ `LhH.h ^`hH.h ^`hH.h L^`LhH.h ^`hH.h P^P`hH.h  L^ `LhH.h^`OJQJo(hHh ^ `OJQJ^Jo(hHoh ^ `OJQJo(hHhx^x`OJQJo(hHhH^H`OJQJ^Jo(hHoh^`OJQJo(hHh^`OJQJo(hHh^`OJQJ^Jo(hHoh^`OJQJo(hHhp^p`OJQJo(hHh@ ^@ `OJQJ^Jo(hHoh^`OJQJo(hHh^`OJQJo(hHh^`OJQJ^Jo(hHoh^`OJQJo(hHhP^P`OJQJo(hHh ^ `OJQJ^Jo(hHoh^`OJQJo(hHh^`OJQJo(hHhp^p`OJQJ^Jo(hHoh@ ^@ `OJQJo(hHh^`OJQJo(hHh^`OJQJ^Jo(hHoh^`OJQJo(hHh^`OJQJo(hHhP^P`OJQJ^Jo(hHoh ^ `OJQJo(hHhp^p`OJQJo(hHh@ ^@ `OJQJ^Jo(hHoh^`OJQJo(hHh^`OJQJo(hHh^`OJQJ^Jo(hHoh^`OJQJo(hHhP^P`OJQJo(hHh ^ `OJQJ^Jo(hHoh^`OJQJo(hHh ^`hH.h p^p`hH.h @ L^@ `LhH.h ^`hH.h ^`hH.h L^`LhH.h ^`hH.h P^P`hH.h  L^ `LhH.h^`OJQJo(hHh ^ `OJQJ^Jo(hHoh ^ `OJQJo(hHhx^x`OJQJo(hHhH^H`OJQJ^Jo(hHoh^`OJQJo(hHh^`OJQJo(hHh^`OJQJ^Jo(hHoh^`OJQJo(hH 21CjEyL5hcI@R[)T}B.y%=crE?VK4~e"FF4^                                                                                                                       M \ E%#G>68 :2JNH{Wr7aBdiap?@ABCDEFGHIJKLNOPQRSTVWXYZ[\_`cRoot Entry FbData &1Table.=WordDocument 4JSummaryInformation(MDocumentSummaryInformation8UMsoDataStore j2GHU0MISRIQ==2 jItem  PropertiesUCompObj y   F'Microsoft Office Word 97-2003 Document MSWordDocWord.Document.89q