Thiet ke

TÀILIỆUTẬPHUẤNTẠOWEBSITECHOĐƠNVỊ MỤCLỤC  1.Giớithiệuchung 2 2.Giớithiệulợiíchcủaviệctạowebsitechođơnvị 4 3.GiớithiệuvềcáctínhnăngsẵncócủaThưviệnViolet 5 3.1.Lưutrữvàchiasẻdữliệu 5 3.2.Xâydựngbàigiảngđiệntửtrựctuyến 5 3.3.Traođổi,họchỏikinhnghiệm,chuyênmôn 5 3.4.Tổ chứclớphọctrựctuyến. 5 3.5.Tạocácwebsiteđơnvịvàtổchứcthànhhệthống 6 4.CáchthứctạowebsiteđơnvịtươngtựnhưThưviệnViolet. 6 5.SửdụngPhotoshopvàFlashđểthiếtkếđồhọachowebsite 7 5.1.SửdụngPhotoshopđểthiếtkếbaner 7 5.1.1.Tômàunền: 8 5.1.2.Tạothanhđầutrang(header): 8 5.1.3.Viếttênđơnvị,địachỉ: 9 5.1.4.Trangtrí 10 5.1.5.Xuấtradạng ảnh 11 5.2.SửdụngFlashđểtạobanercóhìnhảnhđộng. 11 5.2.1.Thiếtkếbanner 11 5.2.2.Xuấtbảnrafile 13 6.Sửdụngcácchứcnăngquảntrịwebsite 13 6.1.Tạogiaodiện 14 6.2.Tạomenuchotrangweb 15 6.2.1.Tạomenungang: 15 6.2.2.Tạomenudọc 16 6.3.Quảnlýthànhviên 17 6.4.Quảntrị thưmụcmônhọc 18 6.4.1.Tạothưmụccon 18 6.4.2.Sửađổithưmục 19 6.4.3.Xóathưmục 19 6.5.Quảnlýtàinguyêncủatrang 19 6.6.Tạophiếuđiềutraýkiếntrêntrangweb 19 6.7.Phâncônghỗtrợ trựctuyến. 20 7.Đưabàiviếtlêntrangweb. 21 8.Đưatưliệu,bàigiảnglêntrangweb 22 9.Thựchànhcácchứcnăngtạolậpvàquảntrị 23 1.Giớithiệuchung  Xuấtpháttừnhucầuthựctế,đượcsựủnghộcủađôngđảocácgiáoviêncùngvớisự quantâm,gópýcủacácchuyêngiacóuytíntrongngànhgiáodục,vớimongmuốnđượcgóp một phần vào sự nghiệp giáo dục của đất nước, chúng tôi xây dựng thư viện trựctuyến ViOLET(viếttắtcủaVietnamOnlineLibraryforETeachers:“Thưviệntrựctuyếndànhcho giáoviênđiệntử”).Hệ thốngnàyđượctriểnkhaivàhoạtđộngtừngày1592008tạiđịachỉ: http://violet.vn. Tạihệthốngthưviện,ngoài9trangwebchiasẻnhữngnộidungvềbàigiảng,giáo án,đềthi,đàotạotrựctuyến…chogiáodục,chúngtôi còn cungcấp“ Khảnăngđịaphương hóa,đơnvịhóavàcánhânhóa” màởđó:cácđơnvị,cánhâncóthểtạochomìnhcáctrang webriêngvớiđặcđiểm nhưsau: · Mỗitrangriênglàmộttrangwebhoànchỉnh,gồmcácchứcnănggửitin,gửibài giảng,giáoán,đềthi,tưliệu,quảnlý,đánhgiádữliệu. · Mỗitrangriêngcóhệthốngthưmụcriêngdựatrênhệthốngphân loạitàiliệu chung. · Mỗitrangriêngcóthểchỉnhsửagiaodiện,cấutrúchiểnthị. · Giữacáctrangcóphâncấp,tưliệugửilêntrangconsẽđượcđưacảvàocáctrang cấptrên. HệthốngtrangriêngcủathưviệnViOLETđượcphânchiatheocáchệthốngtổchức nhưsau: · HệthốngtrangcủacácSở. · HệthốngtrangcácPhòng. · HệthốngtrangcácTrường. · Hệthốngtrangcánhân. Cácbạncóthểvàothamkhảocácwebsitecủacácđơnvịdướiđây: a. CấpSởgiáodụcvàDựán: SởgiáodụcthànhphốĐàNẵng:http://violet.vn/danang/ SởgiáodụctỉnhQuảngTrị:http://violet.vn/quangtri/ DựánpháttriểnGiáodụcTHPT:http://violet.vn/dathpt DựánpháttriểngiáodụcTHCSII: http://violet.vn/dathcs2 DựánPháttriểnGVTH:http://violet.vn/dagvth … b. CấpPhònggiáodục:  Phònggiáodụchuyện ĐôngTriều:http://violet.vn/dongtrieu  PhònggiáodụchuyệnYênChâu:http://violet.vn/yenchau  … c. CấptrườngTHPT:  TrườngTHPTDânlậpNgôiSao:http://violet.vn/ngoisao  TrườngTHPTVõThịSáu:http://violet.vn/thptvothisaubrvt   d. CấptrườngTHCS:  TrườngTHCSHaiBàTrưng:http://violet.vn/thcshaibatrunghanoi/  TrườngTHCSLêNgọcHân:http://violet.vn/thcslengochanhanoi  TrườngTHCSNguyễnVănNghi:http://violet.vn/thcsnguyenvannghitphcm  … e. CấptrườngTiểuhọcvàMầmnon:  TrườngTiểuhọcBếVănĐàn:http://violet.vn/thbevandandanang  TrườngTiểuhọcAnSinh:http://violet.vn/thansinhdongtrieuquangninh  … f. Cáctrangcánhâncủacácthànhviênthưviện  ThầyNguyễnTuấnCường,trườngTHCSTháiSơnAnLãoHảiPhòng: http://violet.vn/tuancuonghp  Thầy Nguyễn Lê Quang Duy, trường THPT Nguyễn Trãi Đà Nẵng: http://violet.vn/Quangduy2011/  … 2.Giớithiệulợiíchcủaviệctạowebsitechođơnvị  Việctạocáctrangriênglàhoàntoànmiễnphí.Cácđơnvịkhôngphảitrảmộtkhoản chiphínàochotênmiền,máychủ.Mặtkhác,cáchtạotrangweblàkháđơngiảnvàdễdàng vớisựgiúpđỡnhiệttình,tâmhuyếtcủacáckỹ thuậtviêncủaCôngty CổphầnTinhọcBạch Kim. MỗiSởgiáodụccócácthưviệnriêng,trangthưviệnnàyliênkếtvớitrangwebcủa cácPhònggiáodụcvàcáctrườnghọctrênđịabàn.Giáoviêngửibàitạitrườngsẽđượcđưa chungvàothưviệncủaSở.Sởgiáodụcchưacótrangwebhoàntoàncóthểsửdụngtrang riêngnàylàm trangwebcủaSởvớitênmiềndoSởtự lựachọn. Mỗiphònggiáodụcsẽcócácthưviệnriêng,trangthưviệnnàysẽliênkếtvớicác trangwebcủacáctrườnghọctrênđịabàn.Giáoviêngửibàitạitrườngsẽđượcđưachung vàothưviệncủaPhòngvàthưviệncủaSở. Nhờ vàohệthốngđịnhdanh,cáctrangWebcủatrườngcódanh sáchđầyđủgiáo viên.Cácgiáoviêncủatrườngcóthểgửitưliệu,bàigiảng,giáoán,đềthivàtrangwebcủa trường.CácbàinàysẽđượcđưavàocáctrangcủaPhòng,Sởvàtrangchungcủahệthống. Cáctrườngchưacótrangwebcóthểsửdụngtrangriêngnày. Mỗicánhânlàthànhviêncủathưviệncóthểtựlậptrangwebriêngcủamình.Trên trangwebtrìnhbàycácbàiviết,bàigiảng,giáoán,đềthicủagiáoviêntựlàmhoặcsưutầm. Trangcánhâncủagiáoviênhoạtđộngnhưmộtblog,chophépcácthànhviênkhácnhậnxét, traođổivớigiáoviênvềnghềnghiệp.Ngoàira,riêngvớicáctrangcánhâncóhệthốngcho phéphọcsinhcũliênhệvàtraođổikinhnghiệmhọctập,thểhiệntình cảmvớithầygiáocũ. Nhưvậycácđịaphươngvàđơnvịhoàntoàncóthểquảnlýđượctìnhhìnhứngdụng CNTTcácđơnvịtrựcthuộccủamình,cácđơnvịcũngcómộtloạtcácchỉtiêuđểsosánh, đánhgiá,xếphạng.Điềuđósẽtạoramộtphongtràothiđuachắcchắnsẽlàmchoviệcứng dụngCNTTvàodạyhọcpháttriểnmộtcáchmạnhmẽ.Đâycũnglàtưtưởngchủđạotrong côngvănsố9584/BGDĐTCNTTcủaBộGD&ĐTvềviệcHướngdẫnthựchiệnnhiệmvụ nămhọc20072008vềCNTTvàphátđộngnămCNTT20082009. 3.GiớithiệuvềcáctínhnăngsẵncócủaThưviệnViolet 3.1.Lưutrữvàchiasẻdữliệu  ThưviệnViOLETsẽhỗtrợgiáoviêntrongviệclưutrữvàchiasẻtàiliệu.Cácdữliệu nàyđượcphânloạivàsắpxếpmộtcáchkhoahọctạođiềukiệngiúpgiáo viêncóthểtìm kiếmdữliệucầndùngmộtcáchđơngiản.Giáoviêncóthểtruycậpdữliệutừbấtcứđâu,bất cứthờigiannàochỉ vớimộtmáytínhcókếtnốiInternetthôngquacácđịachỉ: http://baigiang.violet.vn http://tulieu.violet.vn http://giaoan.violet.vn http://dethi.violet.vn 3.2.Xâydựngbàigiảngđiệntửtrựctuyến  Đểgiáoviêncóthểtựxâydựngđượcphầnmềmbàigiảngtheokịchbảncủamình,họ phảisửdụngphầnmềmvớivaitròlàmộtcôngcụsoạnthảobàigiảng.Thưviệncungcấp côngcụsoạnthảobàigiảngtrựctuyếnViOLETtạiđịachỉhttp://violet.vn/violet 3.3.Traođổi,họchỏikinhnghiệm,chuyênmôn  Cáctưliệu, bàigiảng,đềthi, kiểmtrasẽđượcnhiềugiáoviênthamgiađánhgiá, đónggópýkiến.Phầnnàycũngsẽcótácdụnggiúpchonhữngngườisảnxuấttưliệukịp thờichỉnhsửatưliệunếunóchưađượchoànhảovềcảnộidungvàkỹ thuật. Thưviện,nếuđượctổchứctốt,vớisựthamgiaquảnlýcủacáccấptrường,Phòng, Sở,thưviệnViOLETsẽthựcsựlàmộtmôitrườngtốtđểgiáoviêncóthểthamgiatraođổi họchỏikinhnghiệm,chuyênmôn. Ngoàiracácgiáoviêncóthể thamgiavàodiễnđàncủamìnhthôngquađịachỉ: http://diendan.violet.vn http://blog.violet.vn 3.4.Tổchứclớphọctrựctuyến.  GiáoviêncóthểsoạnbàigiảngELearninggửilênhệthốngthưviệnvàtổchứccác lớphọctrựctuyến.Ởđóhọcsinhcóthểthamgiacáchệthốnghọctrựctuyếnmàkhôngphải tốnhọcphí(hoặchọcphírấtthấp)màchất lượngvẫnđượcđảmbảo.MộthọcsinhởTP HCMcóthểthôngquamộthệthốnghọctrựctuyếnđểtheohọcmộtthầygiáoởtậnHàNội. Nhữngngườiđãđilàmcũngvẫncóthểtiếptụchọctậpđểnângcaotrình độ,v.v… Mộtgiáoviêncóthểvừadạytrênlớpbìnhthường,thờigiancònlạicóthểdạythêm ở nhữnglớphọcảovừađểrènluyệnchuyênmôn,tăngthunhập,vàcũnglàđểkhẳngđịnhkhả năng,trìnhđộcủamìnhvớixãhội.Địachỉtruycậpchogiáoviênvàcácemhọcsinhlà: http://lophoc.violet.vn Mặtkhác,giáoviêncóthểtựtìmtòi,họchỏinhữngkiếnthứctinhọcphổthôngcần thiếtkhitrở thànhngườigiáoviênđiệntự thôngquađịachỉ:http://daotao.violet.vn 3.5.Tạocácwebsiteđơnvịvàtổchứcthànhhệthống  ThưviệntrựctuyếnViOLETchophépngườidùngtạotrangriêngcủamìnhđểcóthể quảnlýcácdữliệutheoýthích.Đồngthờicũngchophéptạocáctrangriêngcấptrường,cấp Phònghay cấpSởgiáodục.Cáctrangriêng này cũngcó cácchứcnăng nhưcáctrangcá nhân.tuynhiên,trangcấpSởsẽquảnlýcáctrangcấpPhònghaycấptrường,trangcấpPhòng lạiquảnlýcáctrangcấptrườngtrựcthuộcvàcáctrangcấptrườngsẽquảnlýcáctrangcá nhâncủacácgiáoviêntrongtrườngđó.Tấtnhiên,tấtcảdữliệutrêncáctrangriêngđềucó mặttrêntrangchínhcủathưviệntrựctuyếnViOLET. Quamỗitrangriêng,ngườidùngcóthểnắmbắtđượcthôngtin,hoạtđộnggiáodục củacáccánhânhayđơnvịđó.Điềuđócónghĩalàchứcnăngtạocáctrangriêngkhôngchỉ tạođiềukiệnthuậnlợichongườidùngquảnlýcácdữliệugiáodụcmàcònkhuyếnkhíchsự thamgiacủacáccánhân,cácđơnvịtrongviệcthi đuanângcaochấtlượnggiáodục. 4.CáchthứctạowebsiteđơnvịtươngtựnhưThưviệnViolet.  Đểtạomộtwebsiteđơnvị(cấpSởGD,PhòngGD,Trường)cácbạncầncóđiềukiện sau:  LàthànhviêncủatrangThưviệnViolet.  Thôngtincánhâncủabạnđãđượcxácthực(có2thànhviênxácthựcchobạn)  Đượcsự ủyquyềncủalãnh đạocấptrên(GĐSở,TrưởngphòngGD,Hiệutrưởng) đểtạowebsitechođơnvị. Khi đã đủ điều kiện, các bạn đăng nhập vào trang Thư viện theo địa chỉ http://violet.vn.Saukhiđăngnhậpthànhcông,cácbạnvàomenu“ Trangcánhân ” mộtlink“ Tạotrangwebcánhân ”chophépbạnbắtđầutạotrangriêngchocánhân hayđơnvị mình. Tùyvàothôngtincánhâncủabạnthuộcđơnvịnào,cấpnàomàmẫutrangriêngsẽ hiểnthị tươngứngchophépbạnchọn.  Vídụ :mộtthànhviênlàgiáoviêntrườngTHCSHaiBàTrưngkhitạotrangriêngsẽ thấycửasổsau:  Saukhichọnmẫu,địachỉtruycậptrangriêngsắptạosẽđượcđặtmặcđịnhdự vàothôngtincánhâncủangườitạovàkhaibáovàkhôngchophépcácbạnthay đổi. o Vídụ:http://violet.vn/thcshaibatrunghanoi  Cácbạncóquyềnthayđổitiêuđềtrangwebcủamình. Nhấnvàonút“Tạotrangriêng”đểthựchiện.Quátrìnhtạotrangwebthànhcôngkhi bạnnhậnđượcthôngbáo“………”.Khiđóbạnđãcótrangwebriêngcủamìnhtheo địachỉ màmìnhđãđượccấp. Saukhitạoxongđịachỉwebsite,cácbạncóthểtruycậpngayvàotrangcủađóbằng cáchnhấnvàodòngchữ“ Chuyểnsangtrangriêng ”hoặcmởtrìnhduyệtwebvàvào theođịachỉ đãđượccấp. Côngviệctiếptheocủachúngtalàtạogiaodiện,menu,thưmục,…chowebsitecủa mình. 5.SửdụngPhotoshopvàFlashđểthiếtkếđồhọachowebsite.  Đốivớimộttrangwebngoàinộidung,tổchứcthưmụctrênđóthì cácphầntửđồhọa (baner,hìnhnền,biểutượng…)cóvaitròquantrọngvềyếutốmỹthuậtchotrangđó.Nó đảmbảochotrangwebcủabạnđẹp,độcđáovàhấpdẫnngườixem. Saukhitạoxongtrangwebriêngcủacácbạn hãysửdụngPhotoshopvàFlashđểthiết kếbaner,hìnhnềnchotrangcủamình. 5.1.SửdụngPhotoshopđểthiếtkếbaner  CácbạnkhởiđộngphầnmềmPhotoshop.Tạomộttranggiấymới(CtrlN).Hộpthoại Newhiệnra.Bạncóthểđiềntêntrangnàylà“banner”.Kíchthướcbannertrongcáctrang webcủaviolet.vncóchiềungang(width)là770pixels,cònchiềucaothìtùyý.Tuynhiên bạnkhôngnênđểchiềucaoquálớnlàmchobannerchoánhếtcảmànhìnhmáytính.Bạnnên đểởđộcao(height):100pixelsđến200pixelthôi. NhấnOKđểđồngýtạotranggiấymới.Tranggiấycókíchthướcđúngnhưbạnđặtđã hiệnra,vàbâygiờcácbạnsẽđưacácthôngtincầnthiếtvàođâyđểthểhiệnnộidungcủa baner. Mộtbannercũngcónhữngyêucầuvềnộidungvàmỹ thuậtcủanó: · Nộidung: +Đơnvị chủquản(nếucó). +Tênđơnvị (làtêntrangweb). +Địachỉ liênlạc. Vídụ: · Mỹ thuật: +DùngFontchữdễđọc,rõràng:khôngdùngchữquáhoalá,uốnlượn,…haychữcó nétquámảnh.Nêndùngchữinhoavớidòngtêntrangweb,chữthườngvớidòngđịachỉ. Dòngđịachỉchỉcầnnhỏ,vừađủđểđọcđược,khôngnênquálớnvàchiếmnhiềudiệntích. Mầucủachữcũngnên nổibậtsovớinền +Phầnnềntrangtrínêncótôngmàuthíchhợp,khôngquálòeloẹtkhiếnngườixem nhứcmắtnhưmàuhồngtươi,màuxanhnõnchuốisángrực,v v…Bạncóthểthêmlôgô– biểutrưngcủađơnvị,ảnhminhhọa,…Lôgôphảirõràngvàchínhxác.Ảnhminhhọa:đãlà minhhọathìchỉởmộtphầncủabanner.Nếuchoáncảbannerthìchỉnênmờnhạtđằngsau chữlàmnền. Vídụ:  5.1.1.Tômàunền:  Chọn công cụ tạo vùng chọn hình chữ nhật: Rectangular Marquee Tool (M) khoanhlấytoànbộphầnbanner.LúcnàybạnđangchọntrênLayerbackground. BạnchọnmầuđểđổlênvùngchọnnàybằngcáchnhấnvàoôSetforegronundcolor .BảngColorPickerhiệnra.BạnchọnlấymộtmầunhưmongmuốnvànhấnOK.Trởlại vùngchọn,bạnnhấnAlt+Deleteđểđổmàulên vùngchọn.(*)  5.1.2.Tạothanhđầutrang(header):  Mỗiwebsitethuộchệthốngwebsitecủaviolet.vnkhithànhviênđăngnhậpvàothìsẽ hiểnthị lờichàovàtênthànhviênđóphíatrêncùngbênphảiwebsite. Vídụ: PHÒNGGIÁODỤCVÀĐÀOTẠOQUẬNHAIBÀ  TRƯỜNGTHCSTÔHOÀNG  Địachỉ:27ĐạiCồViệt,HaiBàTrưng,HàNội.Điệnthoại:(04)8692236 Xinchàocôgiáo:ĐỗThị Hà Xinchàothầygiáo:NgôVănChinh Vìvậybạncầntạomộtmảngmầunằmngangphíatrêncóđộcaokhoảng30pixel. Mảngmầunàycómầusángvìlờichàohiểnthị chữmàuđen (mặcđịnh). Bạn tạo một layer mới chứa mảng mầu này: trên thanh menu chọn:  Layer ® Layer …(Ctrl+Shift+N).Bảng NewLayer hiệnra.Bạnđiềntêncholayernàyvào mục Name đểdễquảnlý.Vídụtôiđặttênlà“đầutrang”:dautrang Sauđónhấn OK  để tạolayermới.(**) Trên Layer đầu trang bạn lại tạo một vùng chọn bằng công cụ  Rectangular MarqueeTool (M).Trênthanhtùychọncủacôngcụnày,mục Style ,chọn Fixedsize . Ô Width (chiềurộng)bạnchọnbằngnhiềungangcủabanner:770pixel Ô Heitgh (chiềucao)bạnchọnkhoảng30pixel Nhấnchuộtlêntranggiấy,bạnsẽthấyvùngchọnhiệnracókíchthướcđúngnhưbạn đãđặt.Bạndichuyểnvùngchọnlênphíatrêncùngcủabanner.Chọnmầuvàđổ lênvùng chọn.(nhưmục(*))  5.1.3.Viếttênđơnvị,địachỉ:  Chọncôngcụ  TypeTool (T),clickchuộtvàomànhìnhkhihiệnraconthanh typenhấpnháythìbạngõchữ.Gõxongbạnchọncôngcụ MoveTool (V)đểthoátkhỏicông cụ TypeTool (T) Đểthayđổifontchữ,cỡchữ,kiểuchữ,cănlề,mầuchữ,v…v…bạnchọntrênthanh tùychọn: Bạntạohiệuứngchochữnhư:bóngđổ,tỏasáng,nổibóng,v…v…nhưsau:Trong bảnglayer,bạnchọnđếnlayerchữđóvàchọnvào  Addalayerstyle .Bảng Layerstyle  hiệnravàbạnchọnhiệuứngmàmìnhmongmuốn: BlendingOptions:lựachọnchung. DropShadow:bóngđổ. InnerShadow:bóngđổvàotrong. OuterGlow:tỏasángraxungquanh. InnerGlow:tỏasángvàotrong. BevelandEmboss:tạokhốinổi. Contour:viềnxungquanh. Texture:tạobềmặt. Satin:làmbóngbềmặt. ColorOverlay:phủmầulênbềmặt. GradientOverlay:tạochuyểnmầubềmặt. PatternOverlay:tạochấtliệutrênbềmặt. Stroke:Nétbaoquanh. Lúcnàybạnđãhoànthành được50%côngđoạnthiếtkếbannercủamình. Bâygiờtacònmộtviệcnữalàlàmchonóđẹphơn,thêmlogo,thêmhìnhminhhọa, v…v…  5.1.4.Trangtrí  Đểthêmlogovàobanner,bạnkéofileảnhlogotừmáytínhvàogiaodiệnphầnmềm photoshop.Lúcnàyhìnhlogođãnằmtrongphầnmềmphotoshopnhưngđangởcửasổkhác cửasổbannermàtađangthiếtkế.Bạndùngcôngcụ MoveTool (V),chọnvàgiữchuộthình logo,kéosangcửasổtađangthiếtkếbanner. Nếulogobịtoquá,bạnchọnlayerchứalogo,nhấnCtrl+T.Xungquanhhìnhlayer xuấthiệncácnútvuông.Đưachuộtđếnnútởgóc,khixuấthiệnmũitênchéo2chiều,tagiữ vàonútđóvàphímShift,kéochonhỏlạihợplý.NhấnEnter.Dùngcôngcụ MoveTool (V) đểdichuyểnlogo,đặtnóvàovị trímàbạnmuốn. Trongmộtsốtrườnghợp, vìlogocủabạnlàhìnhtròn,hayhìnhthoi,… nênxung quanhcóphầntrắngthừa.Bạndùngcôngcụ MagicWandTool (W)chọnlấyvùngđó,nhấn phím Delete đểxóađilàxong! Đểthêmhìnhảnhnhưảnhđơnvịcủabạn,ảnhhọcsinh,bônghoa,v…v….Bạncũng kéoảnhvàomànhìnhsoạnthảonhưđãkéologovào. Bạncóthểdùngcôngcụ tẩy: EraseTool (E)để tẩynétcạnhcủatấm ảnhđểlàmmềm bứcảnh.Chúýchọntẩynétto(tăng Brush ),vàchọnđộtẩynhẹ(giảm Opacity và Flow ). Lúcnàybạnđãhoànthànhbannercủamình: [...]... Bôi đen cả Time line của bức ảnh thứ 2 (photo 2) và dịch chuyển sao cho Key frame  thứ nhất nằm ở frame 20 Bôi đen cả Time line của bức ảnh thứ 3 (photo 3) và dịch chuyển sao cho Key frame  thứ nhất nằm ở frame 40.  Để kéo dài thời gian xuất hiện của ảnh, bạn chỉ cần kéo dài thêm frame xuất hiện của  mỗi bức ảnh (khoảng giữa 2 Key Frame có Alpha = 100%): Nhấn vào frame ở giữa, nhấn F5  trên bàn phím để chèn thêm frame. ... Movie Clip. Các bức ảnh này nằm trên cùng 1 vị trí.  Sau đây ta sẽ làm cho chúng thay nhau xuất hiện. Ở bức ảnh thứ nhất (photo 1), trên  Time line (dòng thời gian), bạn chọn frame 20, nhấn F6 để tạo một Key Frame.  Tiếp tục nhấn F6 ở Frame 5 và Frame 15.  Chọn  Frame  1  và  Frame  20,  sau  đó  click  chọn  bức  ảnh,  rồi  mở  bảng  thuộc  tính  Properties kéo Alpha trong mục Color xuống bằng 0%.  Nhấn  . của Frame15vàFrame20,chọn CreatMotionTween . Làmtươngtựnhưtrênvớicácbứcảnhcònlại(photo2,photo3,…) BôiđencảTimelinecủabứcảnhthứ2(photo2)vàdịchchuyểnsaochoKeyframe thứnhấtnằm ởframe20. BôiđencảTimelinecủabứcảnhthứ3(photo3)vàdịchchuyểnsaochoKeyframe thứnhấtnằm ởframe40. Đểkéodàithờigianxuấthiệncủaảnh,bạnchỉcầnkéodàithêmframexuấthiệncủa mỗibứcảnh(khoảnggiữa2KeyFramecóAlpha=100%):Nhấnvàoframeởgiữa,nhấnF5 trênbànphímđểchènthêmframe. DùngcôngcụSelectionsTool(V)nhấnđúprangoàivùngcóảnhbạnsẽthoátrakhỏi MovieClipchứanhiềuMovieClipnhỏnày.  5.2.2.Xuấtbảnrafile  Saukhihoànthành,bannercủabạncóthểđượcsắpxếpnhưvídụsau: BạnlưufileFlashnàylại:vàoFilechọnSave.BảngSaveAshiệnra,bạnđiềntênfile vàchọnnơilưugiữfilenàytrongmáytínhvànhấnOK. BạngiữphímCtrlvànhấnEnter.NhưvậyFlashđãxuấtramộtfileSWFngaycạnh filemàbạnvừalưu.ĐâychínhlàfilebannerbằngFlashcủabạn. Addalayerstyle .Bảng Layerstyle  hiệnravàbạnchọnhiệuứngmàmìnhmongmuốn: BlendingOptions:lựachọnchung. DropShadow:bóngđổ. InnerShadow:bóngđổvàotrong. OuterGlow:tỏasángraxungquanh. InnerGlow:tỏasángvàotrong. BevelandEmboss:tạokhốinổi. Contour:viềnxungquanh. Texture:tạobềmặt. Satin:làmbóngbềmặt. ColorOverlay:phủmầulênbềmặt. GradientOverlay:tạochuyểnmầubềmặt. PatternOverlay:tạochấtliệutrênbềmặt. Stroke:Nétbaoquanh. Lúcnàybạnđãhoànthành được50%côngđoạnthiếtkếbannercủamình. Bâygiờtacònmộtviệcnữalàlàmchonóđẹphơn,thêmlogo,thêmhìnhminhhọa, v…v…  5.1.4.Trangtrí  Đểthêmlogovàobanner,bạnkéofileảnhlogotừmáytínhvàogiaodiệnphầnmềm photoshop.Lúcnàyhìnhlogođãnằmtrongphầnmềmphotoshopnhưngđangởcửasổkhác cửasổbannermàtađangthiếtkế.Bạndùngcôngcụ MoveTool (V),chọnvàgiữchuộthình logo,kéosangcửasổtađangthiếtkếbanner. Nếulogobịtoquá,bạnchọnlayerchứalogo,nhấnCtrl+T.Xungquanhhìnhlayer xuấthiệncácnútvuông.Đưachuộtđếnnútởgóc,khixuấthiệnmũitênchéo2chiều,tagiữ vàonútđóvàphímShift,kéochonhỏlạihợplý.NhấnEnter.Dùngcôngcụ MoveTool (V) đểdichuyểnlogo,đặtnóvàovị. trí. Sauđâytasẽlàmchochúngthaynhauxuấthiện.Ởbứcảnhthứnhất(photo1),trên Timeline(dòngthờigian),bạnchọnframe20,nhấnF6đểtạomộtKeyFrame. TiếptụcnhấnF6ởFrame5vàFrame15. Chọn Frame 1 và Frame 20, sau đó click