BÀI GIẢNG MÔN THIẾT KẾ WEB ppt

BàiGingMônThitKWeb  Phn4:MacroMediaDreamWeaver   Biênson:DngThànhPht  Trang 1 11 12 22 28 88 8  OnMove Khicửasổ,khungdichuyển OnreadyStateChange  Trạngtháithànhphầnthayđổi OnReset Khiformtrảvềcácgiátrịmặcđịnh Onresize Khicửasổ,khungthayđổikíchthước OnRowEnter Khinguồndữliệucóthêmdòngmới OnRowExit Khidòngdữliệuđãtồntại OnScroll Khicuộnthanhcuộn OnSelect KhichọnText,MenuItemcủaList/Menu OnStart NộidungMarqueebắtđầumộtvòng OnSubmit KhigởiForm OnUnload Khirờitrang III.CÁCBEHAVIOR 1.CallJaVaScript DùngđểgọilệnhhayhàmđượcviếtbằngJavaScript a.GọiHộpThọaiThôngBáo • ChọnđốitượngtrongtrangwebcầngọihàmJavaScript • Nhấn(+)ChọnCalljavaScript • Nhậplệnh:alert(“Chaocacban”) • Ok  HiệuchỉnhbiếncốBehaviorthanhonClick • Lưutậptinvàxemtrang • Nhấnchuộtvàođốitượng,hộpchọnsẽxuấthiện  b.HộpThọaiKiểmTra • Chọnnútmới,thêmhànhđộngCallJavaScript.Nhậplệnhconfirm(“Banthucsumuon xemtrangkhac?”)  This is trial version www.adultpdf.com BàiGingMônThitKWeb  Phn4:MacroMediaDreamWeaver   Biênson:DngThànhPht  Trang 1 11 12 22 29 99 9  • Lưuvàxemtrang  Hộpthọaithôngbáokèmtheo2nútOkvàCancel 2.ThayĐổimàunềnchotrang Thôngthườngmàunềnchotrangwebđượcthiếtkếtrước,ngườithamquanchỉcó việcxem,khôngđượchiệuchỉnh.Trongtrườnghợpbạnmuốnthiếtkếtrangvới3nútnhấn, khicầnthaymàunềnbạnchỉcầnấnvàonúttươngứngred(đỏ),Green(lục),Blue(Lam) • Tạotrangmới • Chènvào3nút:Red,Green,Blue • NhấnshowCodeView:ChuyểnquadạngmãHTML • NhấpđọanmãJavaScriptsau,(mãJavaScriptphânbiệtinthường) <scriptlanguage="JavaScript">  functionMaunen(mau){   document.bgColor=mau  } </script> • NhấnShowDesignView,vềdạngthiếtkế • ChọnnútRed • BehaviorPanel,(+)thêmhànhđộngCalljavaScript • Nhậplờigọihàmvớithamsốmàuđỏ(0xff0000)  MộtBehaviormớiđượctạochonút<img>nútRed,vớibiếncốonclickthìgọilệnh đổinềntrangwebsangmàuđỏ. TươngtựchonútGreencóthamsốmàulà(0x00ff00)vànútBluecóthamsốmàu là(0x000ff).Saukhithựchiệnxong3nútlưutrangvàkiểmtraxemkếtquả. 3.ChangeProperties Thayđổithuộctínhcủacácđốitượngtrongkhiđangxemtranglàmộtviệclàmkthú vị.thaotácthậtđơngiảnnhưngcóthểtạoracáchiệuứngrấtlạ,rấtđặcbiệtnhư:ẩn/hiện, chuyểnđộng..củamộtđốitượng.  Trongvídụkhicómộtsốlớpảnhxếpchồnglênnhau,bạncóthểrêchuộtvàora nútđiềukhiểnđểtạosựẩnhiệncủahìnhhoatuyếtbêndưới. • Khiđưachuộtvàonúthìnhhoatuyếtbiếnmất This is trial version www.adultpdf.com BàiGingMônThitKWeb  Phn4:MacroMediaDreamWeaver   Biênson:DngThànhPht  Trang 1 11 13 33 30 00 0  • Khilấychuộtrakhỏinút,hìnhhoatuyếtxúâthiệnlại Tạolayerxếpchồnglênnhau • Tạotrangmớivàchènnútgóctrênmànhình • Chènlayer1ChènảnhhoatuyếtvàoLayer1ĐặttênLayer(LayerId=layerHoa) • TiếptụcchènLayer2ĐặttênLayer(LayerId=layerTren)Hiệuchỉnhtọađộtrùn vớiLayerHoa TạoBehaviorđiềukhiển • Chọnnútđiềukhiểnđãtạoởtrên • TạoBehavior,ChangeProperties o TypeOfObjectchọnlayer o NameObjectchọn:LayerHoa o Properties,selectchọn:style.visiblity o NewValue:Hidden o Ok  • TrongBehaviorpanelthaytênbiếncốlàonMouseOver TạothêmBehaviornữachónútnàyVới  o TypeOfObjectchọnlayer o NameObjectchọn:LayerHoa o Properties,selectchọn:style.visiblity o NewValue:visible o Ok • ThaytênbiếncốlàonMouseOut Lưuvàkiểmtrakếtquảsựẩnhiệncủahoatuyết(Đưachuộtvàonútvàrakhỏinút) This is trial version www.adultpdf.com BàiGingMônThitKWeb  Phn4:MacroMediaDreamWeaver   Biênson:DngThànhPht  Trang 1 11 13 33 31 11 1  4.CheckBrowse  Trongsitecủamìnhcóthểchènmộtsốhiệuứngđặcbiệt,màkhôngphảitrìnhduyệt nàocũngcóthểxemđược.Vậybạncóthểxâydựng2Website,mộtsitemớicócáchiệu ứngđặc biệt và một site cũ giả sửsite mới có trangchủ là Sitemoi.htm (Dùng chotrình duyệtxemVersion4.0trởlên)và site cũ cótrangchủlàSitecu.htm (Dùngchocáctrình duyệtcũ)  DùngBehaviornàyđểkiểmtratrìnhduyệtcủangườixem,nếucótrìnhduyệtmớithì xemsitemớinguợclạithìxemsitecũ. • Tạotrangmớichọnthẻ<body> • TrongBehaviorPanelchọn(+)ChọnCheckBrowser • NhậpURL:Sitemoi.htm • NhậpAlrURL:sitecu.htm • ChọnOkđiềuchỉnhbiếncốlàonLoad  5.CheckPlugin  KhimộttrangcóthànhphầnFlash,ShockWarethìngườixemphảicócàiPluginđể xemđượctrang.KhiđóbạncóthểdựphòngthêmmộttrangkhôngcósửdụngFlash, ShockWare.  NếungườixemcócàiPluginthìxemtrang:Tranga.htmngượclạithìxemtrang: Trangb.htm • Tạotrangmớichọnthẻ<body> • TrongBehaviorPanelchọn(+)ChọnCheckPlugin • NhậpIffound,gotoURL:tranga.htm • NhậpOtherwise,gotoURLL:trangb.htm • ChọnOkđiềuchỉnhbiếncốlàonLoad  This is trial version www.adultpdf.com BàiGingMônThitKWeb  Phn4:MacroMediaDreamWeaver   Biênson:DngThànhPht  Trang 1 11 13 33 32 22 2  IV.MỘTSỐBEHAVIORKHÁC SaukhiquenvớicáchsửdụngmộtsốBehaviorbạncóthểtựtìmhiểumộtsốBehavior cònlạ.quantrọnglàtìmđúngđốitượng,hànhđộngvàbiếncốphùhợp. 1. DragLayer: Khảnăngkéomộtlayerdichuyểntrênmànhình 2. GotoURL: Mộtcáchkhácđểtạoliênkết 3. PopupMenu: Tạomộtmenusổxuống,với2chứcnăngShowPopupMenuvàHidePopup menu 4. JumpMenu: TạonhómliênkếttrongForm 5. SwapImage: Thayđổiảnh(TươngtựchứcnăngRollOverImage) 6. ValidateForm: KiểmtratínhhợplệcủadữLibraryệutrênform 7. ControlShockWareorFlash: Giúpđiềukhiểnđầuđọchát,ngưnghayđến1khunghìnhcủa1đọanphimFlash This is trial version www.adultpdf.com BàiGingMônThitKWeb  Phn4:MacroMediaDreamWeaver   Biênson:DngThànhPht  Trang 1 11 13 33 33 33 3  Chương8 QUẢNTRỊWEB   Giớithiệu  TảisitelênWebserver  I.GIỚITHIỆU SitecủabạnsẽđượctảIlênmộtmáychủwebbằngcáchsửdụngFTP(FileTransfer Protocol-Giaothứctruyềntậptin).Đâylàcáchđưasitecủamìnhtừtrênmáytínhcánhân củalêninternet.Trướckhichépcáctậptin,cầnphảicómộttênmiềnnếumuốnvàmột dịchvụchothuêkhônggianISP(InternetServiceProvider-NhàcungnấpdịchvụInternet). MộtvàiđiềumànênsuynghĩkhiđăngkýDoamin&Hosting. • Cócầnmộttênmiềnkhông?,Cómuốncómộtđịachỉwebriêngkhông?.Nếucó, cầnphảiđăngkýmộttênmiền. • Cócầncơsởdữliệukhông?Nếucó,thìđólàloạigì?.NếusửdụngASP,PHP, ASP.Nethoặcmộtcôngnghệnàokhác,cầnđảmbảorằngdịchvụthuêkhônggian màđangxemxétcóhỗtrợcôngnghệđó. • Cócácdạnghỗtrợnào?.Nếulàngườikinhnghiệm,cáctrợgiúptrựctuyếncóthể làđủ.Nếulàngườimới,tốtnhấtlàcóngườinàođóthiếtlậpsitecủabạntrước, đặcbiệtlàkhisitecủacósửdụngcơsởdữliệu. • Hỗtrợcómiễnphíkhông? • Băngthôngcủadịchvụchothuênàylàbaonhiêu?Mộtsốmáychủkhôngcógiới hạnvềbăngthông(lượngdữliệugiaodịch).Thườnglàsẽbịgiớihạnvềbăngthông vàphảitrảthêmphíđểcóbăngthôngrộnghơn. • Khônggiancóđượctrênmáychủlàbaonhiêu?10,20hay50MB?Thườngthìđây làmộtyếutốđóngvaitròquantrọngtrongviệcchọnlựadịchvụchothuêkhônggian. Nếuíchcónhucầuvềkhônggian,khiđócáctùychọncủasẽđượcưutiênchogiá cả.Nếucónhucầucầnnhiềukhônggian,thìgiácảdịchvụchothuêkhônggian thườngtănglênrấtcao. • Hãysosánhcẩnthậncácdịchvụchothuêkhônggiankhácnhau. • Các thống kê về web có được kèm theo dịch vụ cho thuê không gian không? Đôikhicácsốliệuthốngkêvềsitesẽđượckèmtheodịchvụmàkhôngphảitrảthêm phívàđôikhidịchvụnàyphảichithêmmộtkhoảnphíphụ.Cácsốliệuthốngkêcó thểgiúpxácđịnhđượctrìnhduyệtnàongườisửdụngdùngđểxemsitecủa,trang webnàothườngđượcxemnhấtvànhiềuthôngtinthốngkêkhác. • Dịchvụnàykèmtheobaonhiêuđịachỉthưđiệntử? • Quảnlýsitecủamìnhnhưthếnào?cóthểchépdữliệulênsitecủamìnhdễdàng không?Thayđổicódễdàngkhông?Làmthếnàođểthiếtlậpthưđiệntử,tựđộng trảlờivàchuyểntiếp. II.TẢISITELÊNWEBSEVER–UPLOADSITE 1.ThiếtlậpcácthôngsốFTP: TrongmôitrườngDreamweaverMX,thựchiệnnhưsau: • NhấpvàobảngđiềukhiểnSiteđểkíchhoạtbảngđiềukhiểnnày. • NhấpvàoSite/EditSites • NhấpvàoSiteđãđịnhnghĩavànhấpvàonútEdit. This is trial version www.adultpdf.com BàiGingMônThitKWeb  Phn4:MacroMediaDreamWeaver   Biênson:DngThànhPht  Trang 1 11 13 33 34 44 4  • NhấpvàomụcLocalInfo  • NhậptênmiềnhoặcđịachỉwebtrongtrườngHTTPAddress. • NhấpvàomụcRemoteIfo.  • NhấpvàomũitêntrỏxuốngtrongtrườngAccessvàchọnFTPnếuđangsửdụng mộtkếtnốiquađiệnthoại.Nếusửdụngkếtnốiquacaptrongmạngcụcbộ,hãy chọnmụcLocal/NetworkServerAccess. • NhậpthôngtinchotrườngFTPHost  ThôngtinnàycóthểlàđịachỉIPhoặcđịachỉtheotên.Hãyhỏinhàquảntrịmạngđể cóđượcthôngtinnày. • Nếuchépdữliệulênmộtthưmụccụthể,hãynhậpthưmụcđóvàotrườngHost Directory.Nhàcungcấpdịchvụchothuêkhônggiansẽcungcấpthôngtinnày. • NhậptênđăngnhậpcủatrongtrườngLogin.Đâylàtênđăngnhậpmànhàcung cấpdịchvụđãcấpcho. • NhậpvàomậtkhẩuđăngnhậptrongtrườngPassword. • Cáctùychọncònlạitùythuộcvàomáychủvàcácthôngsốantoànchocácnhân của.Mặcđịnh,cáctuỳchọnnàykhôngđượcchọn. • NhấpvàoTestđểxemcóthểkếtnốivớimáychủđượckhông? • NhấpOKvàsauđónhấpDoneđểđónghộpthoạiEditSite. 2.Chépcáctậptinlênmáychủ: • Trongbảngđiềukhiểnsite,hãyđảmbàorằngđãchọnsitemàmuốnchéplênmáy chủ.Đồngthời,cũngcầnđảmbảorằngcómộtkếtnốiInternet. This is trial version www.adultpdf.com BàiGingMônThitKWeb  Phn4:MacroMediaDreamWeaver   Biênson:DngThànhPht  Trang 1 11 13 33 35 55 5  • ClickvàonútConnectstoRemoteHost • Nhấpvàothưmụcgốc,nhấpvàobiểutượng (PutFile/s) • NhấpOKtronghộpthoạihỏirằngcómuốnchéptoànbộsitecủamìnhhaykhông. sẽchờquátrìnhchéptoànbộsitekếtthúc. • NhấpvàobiểutượngExpand/Collapse đểxemsitecụcbộvàsitetrênmáychủ.          Hết  This is trial version www.adultpdf.com . Lưuvàxemtrang  Hộpthọaithôngbáokèmtheo2nútOkvàCancel 2.ThayĐổimàunềnchotrang Thôngthườngmàunềnchotrang web được thiết kế trước,ngườithamquanchỉcó việcxem,khôngđượchiệuchỉnh.Trongtrườnghợpbạnmuốn thiết kế trangvới3nútnhấn, khicầnthaymàunềnbạnchỉcầnấnvàonúttươngứngred(đỏ),Green(lục),Blue(Lam) •. version www.adultpdf.com Bài Ging Môn ThitK Web  Phn4:MacroMediaDreamWeaver   Biênson:DngThànhPht  Trang 1 11 13 33 33 33 3  Chương8 QUẢNTRỊ WEB   Giớithiệu  TảisitelênWebserver  I.GIỚITHIỆU SitecủabạnsẽđượctảIlênmộtmáychủ web bằngcáchsửdụngFTP(FileTransfer Protocol-Giaothứctruyềntậptin).Đâylàcáchđưasitecủamìnhtừtrênmáytínhcánhân củalêninternet.Trướckhichépcáctậptin,cầnphảicómộttênmiềnnếumuốnvàmột dịchvụchothuêkhônggianISP(InternetServiceProvider-NhàcungnấpdịchvụInternet). MộtvàiđiềumànênsuynghĩkhiđăngkýDoamin&Hosting. • Cócầnmộttênmiềnkhông?,Cómuốncómộtđịachỉ web riêngkhông?.Nếucó, cầnphảiđăngkýmộttênmiền. • Cócầncơsởdữliệukhông?Nếucó,thìđólàloạigì?.NếusửdụngASP,PHP, ASP.Nethoặcmộtcôngnghệnàokhác,cầnđảmbảorằngdịchvụthuêkhônggian màđangxemxétcóhỗtrợcôngnghệđó. • Cócácdạnghỗtrợnào?.Nếulàngườikinhnghiệm,cáctrợgiúptrựctuyếncóthể làđủ.Nếulàngườimới,tốtnhấtlàcóngườinàođó thiết lậpsitecủabạntrước, đặcbiệtlàkhisitecủacósửdụngcơsởdữliệu. • Hỗtrợcómiễnphíkhông? • Băngthôngcủadịchvụchothuênàylàbaonhiêu?Mộtsốmáychủkhôngcógiới hạnvềbăngthông(lượngdữliệugiaodịch).Thườnglàsẽbịgiớihạnvềbăngthông vàphảitrảthêmphíđểcóbăngthôngrộnghơn. • Khônggiancóđượctrênmáychủlàbaonhiêu?10,20hay50MB?Thườngthìđây làmộtyếutốđóngvaitròquantrọngtrongviệcchọnlựadịchvụchothuêkhônggian. Nếuíchcónhucầuvềkhônggian,khiđócáctùychọncủasẽđượcưutiênchogiá cả.Nếucónhucầucầnnhiềukhônggian,thìgiácảdịchvụchothuêkhônggian thườngtănglênrấtcao. • Hãysosánhcẩnthậncácdịchvụchothuêkhônggiankhácnhau. • Các. ThaytênbiếncốlàonMouseOut Lưuvàkiểmtrakếtquảsựẩnhiệncủahoatuyết(Đưachuộtvàonútvàrakhỏinút) This is trial version www.adultpdf.com Bài Ging Môn ThitK Web  Phn4:MacroMediaDreamWeaver   Biênson:DngThànhPht