TÀILIỆUTẬPHUẤNTẠOWEBSITECHOĐƠNVỊ
MỤCLỤC
1.Giớithiệuchung 2
2.Giớithiệulợiíchcủaviệctạowebsitechođơnvị 4
3.GiớithiệuvềcáctínhnăngsẵncócủaThưviệnViolet 5
3.1.Lưutrữvàchiasẻdữliệu 5
3.2.Xâydựngbàigiảngđiệntửtrựctuyến 5
3.3.Traođổi,họchỏikinhnghiệm,chuyênmôn 5
3.4.Tổ chứclớphọctrựctuyến. 5
3.5.Tạocácwebsiteđơnvịvàtổchứcthànhhệthống 6
4.CáchthứctạowebsiteđơnvịtươngtựnhưThưviệnViolet. 6
5.SửdụngPhotoshopvàFlashđểthiếtkếđồhọachowebsite 7
5.1.SửdụngPhotoshopđểthiếtkếbaner 7
5.1.1.Tômàunền: 8
5.1.2.Tạothanhđầutrang(header): 8
5.1.3.Viếttênđơnvị,địachỉ: 9
5.1.4.Trangtrí 10
5.1.5.Xuấtradạng ảnh 11
5.2.SửdụngFlashđểtạobanercóhìnhảnhđộng. 11
5.2.1.Thiếtkếbanner 11
5.2.2.Xuấtbảnrafile 13
6.Sửdụngcácchứcnăngquảntrịwebsite 13
6.1.Tạogiaodiện 14
6.2.Tạomenuchotrangweb 15
6.2.1.Tạomenungang: 15
6.2.2.Tạomenudọc 16
6.3.Quảnlýthànhviên 17
6.4.Quảntrị thưmụcmônhọc 18
6.4.1.Tạothưmụccon 18
6.4.2.Sửađổithưmục 19
6.4.3.Xóathưmục 19
6.5.Quảnlýtàinguyêncủatrang 19
6.6.Tạophiếuđiềutraýkiếntrêntrangweb 19
6.7.Phâncônghỗtrợ trựctuyến. 20
7.Đưabàiviếtlêntrangweb. 21
8.Đưatưliệu,bàigiảnglêntrangweb 22
9.Thựchànhcácchứcnăngtạolậpvàquảntrị 23
1.Giớithiệuchung
Xuấtpháttừnhucầuthựctế,đượcsựủnghộcủađôngđảocácgiáoviêncùngvớisự
quantâm,gópýcủacácchuyêngiacóuytíntrongngànhgiáodục,vớimongmuốnđượcgó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ựctuyến
ViOLET(viếttắtcủaVietnamOnlineLibraryforETeachers:“Thưviệntrựctuyếndànhcho
giáoviênđiệntử”).Hệ thốngnàyđượctriểnkhaivàhoạtđộngtừngày1592008tạiđịachỉ:
.
Tạihệthốngthưviện,ngoài9trangwebchiasẻnhữngnộidungvềbàigiảng,giáo
án,đềthi,đàotạotrựctuyến…chogiáodục,chúngtôi còn cungcấp“
Khảnăngđịaphương
hóa,đơnvịhóavàcánhânhóa”
màởđó:cácđơnvị,cánhâncóthểtạochomìnhcáctrang
webriêngvớiđặcđiểm nhưsau:
· Mỗitrangriênglàmộttrangwebhoànchỉnh,gồmcácchứcnănggửitin,gửibài
giảng,giáoán,đềthi,tưliệu,quảnlý,đánhgiádữliệu.
· Mỗitrangriêngcóhệthốngthưmụcriêngdựatrênhệthốngphân loạitàiliệu
chung.
· Mỗitrangriêngcóthểchỉnhsửagiaodiện,cấutrúchiểnthị.
· Giữacáctrangcóphâncấp,tưliệugửilêntrangconsẽđượcđưacảvàocáctrang
cấptrên.
HệthốngtrangriêngcủathưviệnViOLETđượcphânchiatheocáchệthốngtổchức
nhưsau:
· HệthốngtrangcủacácSở.
· HệthốngtrangcácPhòng.
· HệthốngtrangcácTrường.
· Hệthốngtrangcánhân.
Cácbạncóthểvàothamkhảocácwebsitecủacácđơnvịdướiđây:
a. CấpSởgiáodụcvàDựán:
SởgiáodụcthànhphốĐàNẵng: />SởgiáodụctỉnhQuảngTrị: />DựánpháttriểnGiáodụcTHPT: />DựánpháttriểngiáodụcTHCSII: />DựánPháttriểnGVTH: />…
b. CấpPhònggiáodục:
Phònggiáodụchuyện ĐôngTriều: /> PhònggiáodụchuyệnYênChâu: /> …
c. CấptrườngTHPT:
TrườngTHPTDânlậpNgôiSao: /> TrườngTHPTVõThịSáu: />
d. CấptrườngTHCS:
TrườngTHCSHaiBàTrưng: /> TrườngTHCSLêNgọcHân: /> TrườngTHCSNguyễnVănNghi: /> …
e. CấptrườngTiểuhọcvàMầmnon:
TrườngTiểuhọcBếVănĐàn: /> TrườngTiểuhọcAnSinh: /> …
f. Cáctrangcánhâncủacácthànhviênthưviện
ThầyNguyễnTuấnCường,trườngTHCSTháiSơnAnLãoHảiPhòng:
/> Thầy Nguyễn Lê Quang Duy, trường THPT Nguyễn Trãi Đà Nẵng:
/> …
2.Giớithiệulợiíchcủaviệctạowebsitechođơnvị
Việctạocáctrangriênglàhoàntoànmiễnphí.Cácđơnvịkhôngphảitrảmộtkhoản
chiphínàochotênmiền,máychủ.Mặtkhác,cáchtạotrangweblàkháđơngiảnvàdễdàng
vớisựgiúpđỡnhiệttình,tâmhuyếtcủacáckỹ thuậtviêncủaCôngty CổphầnTinhọcBạch
Kim.
MỗiSởgiáodụccócácthưviệnriêng,trangthưviệnnàyliênkếtvớitrangwebcủa
cácPhònggiáodụcvàcáctrườnghọctrênđịabàn.Giáoviêngửibàitạitrườngsẽđượcđưa
chungvàothưviệncủaSở.Sởgiáodụcchưacótrangwebhoàntoàncóthểsửdụngtrang
riêngnàylàm trangwebcủaSởvớitênmiềndoSởtự lựachọn.
Mỗiphònggiáodụcsẽcócácthưviệnriêng,trangthưviệnnàysẽliênkếtvớicác
trangwebcủacáctrườnghọctrênđịabàn.Giáoviêngửibàitạitrườngsẽđượcđưachung
vàothưviệncủaPhòngvàthưviệncủaSở.
Nhờ vàohệthốngđịnhdanh,cáctrangWebcủatrườngcódanh sáchđầyđủgiáo
viên.Cácgiáoviêncủatrườngcóthểgửitưliệu,bàigiảng,giáoán,đềthivàtrangwebcủa
trường.CácbàinàysẽđượcđưavàocáctrangcủaPhòng,Sởvàtrangchungcủahệthống.
Cáctrườngchưacótrangwebcóthểsửdụngtrangriêngnày.
Mỗicánhânlàthànhviêncủathưviệncóthểtựlậptrangwebriêngcủamình.Trên
trangwebtrìnhbàycácbàiviết,bàigiảng,giáoán,đềthicủagiáoviêntựlàmhoặcsưutầm.
Trangcánhâncủagiáoviênhoạtđộngnhưmộtblog,chophépcácthànhviênkhácnhậnxét,
traođổivớigiáoviênvềnghềnghiệp.Ngoàira,riêngvớicáctrangcánhâncóhệthốngcho
phéphọcsinhcũliênhệvàtraođổikinhnghiệmhọctập,thểhiệntình cảmvớithầygiáocũ.
Nhưvậycácđịaphươngvàđơnvịhoàntoàncóthểquảnlýđượctìnhhìnhứngdụng
CNTTcácđơnvịtrựcthuộccủamình,cácđơnvịcũngcómộtloạtcácchỉtiêuđểsosánh,
đánhgiá,xếphạng.Điềuđósẽtạoramộtphongtràothiđuachắcchắnsẽlàmchoviệcứng
dụngCNTTvàodạyhọcpháttriểnmộtcáchmạnhmẽ.Đâycũnglàtưtưởngchủđạotrong
côngvănsố9584/BGDĐTCNTTcủaBộGD&ĐTvềviệcHướngdẫnthựchiệnnhiệmvụ
nămhọc20072008vềCNTTvàphátđộngnămCNTT20082009.
3.GiớithiệuvềcáctínhnăngsẵncócủaThưviệnViolet
3.1.Lưutrữvàchiasẻdữliệu
ThưviệnViOLETsẽhỗtrợgiáoviêntrongviệclưutrữvàchiasẻtàiliệu.Cácdữliệu
nàyđượcphânloạivàsắpxếpmộtcáchkhoahọctạođiềukiệngiúpgiáo viêncóthểtìm
kiếmdữliệucầndùngmộtcáchđơngiản.Giáoviêncóthểtruycậpdữliệutừbấtcứđâu,bất
cứthờigiannàochỉ vớimộtmáytínhcókếtnốiInternetthôngquacácđịachỉ:
3.2.Xâydựngbàigiảngđiệntửtrựctuyến
Đểgiáoviêncóthểtựxâydựngđượcphầnmềmbàigiảngtheokịchbảncủamình,họ
phảisửdụngphầnmềmvớivaitròlàmộtcôngcụsoạnthảobàigiảng.Thưviệncungcấp
côngcụsoạnthảobàigiảngtrựctuyếnViOLETtạiđịachỉ />3.3.Traođổi,họchỏikinhnghiệm,chuyênmôn
Cáctưliệu, bàigiảng,đềthi, kiểmtrasẽđượcnhiềugiáoviênthamgiađánhgiá,
đónggópýkiến.Phầnnàycũngsẽcótácdụnggiúpchonhữngngườisảnxuấttưliệukịp
thờichỉnhsửatưliệunếunóchưađượchoànhảovềcảnộidungvàkỹ thuật.
Thưviện,nếuđượctổchứctốt,vớisựthamgiaquảnlýcủacáccấptrường,Phòng,
Sở,thưviệnViOLETsẽthựcsựlàmộtmôitrườngtốtđểgiáoviêncóthểthamgiatraođổi
họchỏikinhnghiệm,chuyênmôn.
Ngoàiracácgiáoviêncóthể thamgiavàodiễnđàncủamìnhthôngquađịachỉ:
3.4.Tổchứclớphọctrựctuyến.
GiáoviêncóthểsoạnbàigiảngELearninggửilênhệthốngthưviệnvàtổchứccác
lớphọctrựctuyến.Ởđóhọcsinhcóthểthamgiacáchệthốnghọctrựctuyếnmàkhôngphải
tốnhọcphí(hoặchọcphírấtthấp)màchất lượngvẫnđượcđảmbảo.MộthọcsinhởTP
HCMcóthểthôngquamộthệthốnghọctrựctuyếnđểtheohọcmộtthầygiáoởtậnHàNội.
Nhữngngườiđãđilàmcũngvẫncóthểtiếptụchọctậpđểnângcaotrình độ,v.v…
Mộtgiáoviêncóthểvừadạytrênlớpbìnhthường,thờigiancònlạicóthểdạythêm ở
nhữnglớphọcảovừađểrènluyệnchuyênmôn,tăngthunhập,vàcũnglàđểkhẳngđịnhkhả
năng,trìnhđộcủamìnhvớixãhội.Địachỉtruycậpchogiáoviênvàcácemhọcsinhlà:
Mặtkhác,giáoviêncóthểtựtìmtòi,họchỏinhữngkiếnthứctinhọcphổthôngcần
thiếtkhitrở thànhngườigiáoviênđiệntự thôngquađịachỉ:
3.5.Tạocácwebsiteđơnvịvàtổchứcthànhhệthống
ThưviệntrựctuyếnViOLETchophépngườidùngtạotrangriêngcủamìnhđểcóthể
quảnlýcácdữliệutheoýthích.Đồngthờicũngchophéptạocáctrangriêngcấptrường,cấp
Phònghay cấpSởgiáodục.Cáctrangriêng này cũngcó cácchứcnăng nhưcáctrangcá
nhân.tuynhiên,trangcấpSởsẽquảnlýcáctrangcấpPhònghaycấptrường,trangcấpPhòng
lạiquảnlýcáctrangcấptrườngtrựcthuộcvàcáctrangcấptrườngsẽquảnlýcáctrangcá
nhâncủacácgiáoviêntrongtrườngđó.Tấtnhiên,tấtcảdữliệutrêncáctrangriêngđềucó
mặttrêntrangchínhcủathưviệntrựctuyếnViOLET.
Quamỗitrangriêng,ngườidùngcóthểnắmbắtđượcthôngtin,hoạtđộnggiáodục
củacáccánhânhayđơnvịđó.Điềuđócónghĩalàchứcnăngtạocáctrangriêngkhôngchỉ
tạođiềukiệnthuậnlợichongườidùngquảnlýcácdữliệugiáodụcmàcònkhuyếnkhíchsự
thamgiacủacáccánhân,cácđơnvịtrongviệcthi đuanângcaochấtlượnggiáodục.
4.CáchthứctạowebsiteđơnvịtươngtựnhưThưviệnViolet.
Đểtạomộtwebsiteđơnvị(cấpSởGD,PhòngGD,Trường)cácbạncầncóđiềukiện
sau:
LàthànhviêncủatrangThưviệnViolet.
Thôngtincánhâncủabạnđãđượcxácthực(có2thànhviênxácthựcchobạn)
Đượcsự ủyquyềncủalãnh đạocấptrên(GĐSở,TrưởngphòngGD,Hiệutrưởng)
đểtạowebsitechođơnvị.
Khi đã đủ điều kiện, các bạn đăng nhập vào trang Thư viện theo địa chỉ
.Saukhiđăngnhậpthànhcông,cácbạnvàomenu“
Trangcánhân
”
mộtlink“
Tạotrangwebcánhân
”chophépbạnbắtđầutạotrangriêngchocánhân
hayđơnvị mình.
Tùyvàothôngtincánhâncủabạnthuộcđơnvịnào,cấpnàomàmẫutrangriêngsẽ
hiểnthị tươngứngchophépbạnchọn.
Vídụ
:mộtthànhviênlàgiáoviêntrườngTHCSHaiBàTrưngkhitạotrangriêngsẽ
thấycửasổsau:
Saukhichọnmẫu,địachỉtruycậptrangriêngsắptạosẽđượcđặtmặcđịnhdự
vàothôngtincánhâncủangườitạovàkhaibáovàkhôngchophépcácbạnthay
đổi.
o Vídụ: /> Cácbạncóquyềnthayđổitiêuđềtrangwebcủamình.
Nhấnvàonút“Tạotrangriêng”đểthựchiện.Quátrìnhtạotrangwebthànhcôngkhi
bạnnhậnđượcthôngbáo“………”.Khiđóbạnđãcótrangwebriêngcủamìnhtheo
địachỉ màmìnhđãđượccấp.
Saukhitạoxongđịachỉwebsite,cácbạncóthểtruycậpngayvàotrangcủađóbằng
cáchnhấnvàodòngchữ“
Chuyểnsangtrangriêng
”hoặcmởtrìnhduyệtwebvàvào
theođịachỉ đãđượccấp.
Côngviệctiếptheocủachúngtalàtạogiaodiện,menu,thưmục,…chowebsitecủa
mình.
5.SửdụngPhotoshopvàFlashđểthiếtkếđồhọachowebsite.
Đốivớimộttrangwebngoàinộidung,tổchứcthưmụctrênđóthì cácphầntửđồhọa
(baner,hìnhnền,biểutượng…)cóvaitròquantrọngvềyếutốmỹthuậtchotrangđó.Nó
đảmbảochotrangwebcủabạnđẹp,độcđáovàhấpdẫnngườixem.
Saukhitạoxongtrangwebriêngcủacácbạn hãysửdụngPhotoshopvàFlashđểthiết
kếbaner,hìnhnềnchotrangcủamình.
5.1.SửdụngPhotoshopđểthiếtkếbaner
CácbạnkhởiđộngphầnmềmPhotoshop.Tạomộttranggiấymới(CtrlN).Hộpthoại
Newhiệnra.Bạncóthểđiềntêntrangnàylà“banner”.Kíchthướcbannertrongcáctrang
webcủaviolet.vncóchiềungang(width)là770pixels,cònchiềucaothìtùyý.Tuynhiên
bạnkhôngnênđểchiềucaoquálớnlàmchobannerchoánhếtcảmànhìnhmáytính.Bạnnên
đểởđộcao(height):100pixelsđến200pixelthôi.
NhấnOKđểđồngýtạotranggiấymới.Tranggiấycókíchthướcđúngnhưbạnđặtđã
hiệnra,vàbâygiờcácbạnsẽđưacácthôngtincầnthiếtvàođâyđểthểhiệnnộidungcủa
baner.
Mộtbannercũngcónhữngyêucầuvềnộidungvàmỹ thuậtcủanó:
· Nộidung:
+Đơnvị chủquản(nếucó).
+Tênđơnvị (làtêntrangweb).
+Địachỉ liênlạc.
Vídụ:
· Mỹ thuật:
+DùngFontchữdễđọc,rõràng:khôngdùngchữquáhoalá,uốnlượn,…haychữcó
nétquámảnh.Nêndùngchữinhoavớidòngtêntrangweb,chữthườngvớidòngđịachỉ.
Dòngđịachỉchỉcầnnhỏ,vừađủđểđọcđược,khôngnênquálớnvàchiếmnhiềudiệntích.
Mầucủachữcũngnên nổibậtsovớinền
+Phầnnềntrangtrínêncótôngmàuthíchhợp,khôngquálòeloẹtkhiếnngườixem
nhứcmắtnhưmàuhồngtươi,màuxanhnõnchuốisángrực,v v…Bạncóthểthêmlôgô–
biểutrưngcủađơnvị,ảnhminhhọa,…Lôgôphảirõràngvàchínhxác.Ảnhminhhọa:đãlà
minhhọathìchỉởmộtphầncủabanner.Nếuchoáncảbannerthìchỉnênmờnhạtđằngsau
chữlàmnền.
Vídụ:
5.1.1.Tômàunền:
Chọn công cụ tạo vùng chọn hình chữ nhật: Rectangular Marquee Tool (M)
khoanhlấytoànbộphầnbanner.LúcnàybạnđangchọntrênLayerbackground.
BạnchọnmầuđểđổlênvùngchọnnàybằngcáchnhấnvàoôSetforegronundcolor
.BảngColorPickerhiệnra.BạnchọnlấymộtmầunhưmongmuốnvànhấnOK.Trởlại
vùngchọn,bạnnhấnAlt+Deleteđểđổmàulên vùngchọn.(*)
5.1.2.Tạothanhđầutrang(header):
Mỗiwebsitethuộchệthốngwebsitecủaviolet.vnkhithànhviênđăngnhậpvàothìsẽ
hiểnthị lờichàovàtênthànhviênđóphíatrêncùngbênphảiwebsite.
Vídụ:
PHÒNGGIÁODỤCVÀĐÀOTẠOQUẬNHAIBÀ
TRƯỜNGTHCSTÔHOÀNG
Địachỉ:27ĐạiCồViệt,HaiBàTrưng,HàNội.Điệnthoại:(04)8692236
Xinchàocôgiáo:ĐỗThị Hà
Xinchàothầygiáo:NgôVănChinh
Vìvậybạncầntạomộtmảngmầunằmngangphíatrêncóđộcaokhoảng30pixel.
Mảngmầunàycómầusángvìlờichàohiểnthị 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
NewLayer
hiệnra.Bạnđiềntêncholayernàyvào
mục
Name
đểdễquảnlý.Vídụtôiđặttênlà“đầutrang”:dautrang
Sauđónhấn
OK
để tạolayermới.(**)
Trên Layer đầu trang bạn lại tạo một vùng chọn bằng công cụ
Rectangular
MarqueeTool
(M).Trênthanhtùychọncủacôngcụnày,mục
Style
,chọn
Fixedsize
.
Ô
Width
(chiềurộng)bạnchọnbằngnhiềungangcủabanner:770pixel
Ô
Heitgh
(chiềucao)bạnchọnkhoảng30pixel
Nhấnchuộtlêntranggiấy,bạnsẽthấyvùngchọnhiệnracókíchthướcđúngnhưbạn
đãđặt.Bạndichuyểnvùngchọnlênphíatrêncùngcủabanner.Chọnmầuvàđổ lênvùng
chọn.(nhưmục(*))
5.1.3.Viếttênđơnvị,địachỉ:
Chọncôngcụ
TypeTool
(T),clickchuộtvàomànhìnhkhihiệnraconthanh
typenhấpnháythìbạngõchữ.Gõxongbạnchọncôngcụ
MoveTool
(V)đểthoátkhỏicông
cụ
TypeTool
(T)
Đểthayđổifontchữ,cỡchữ,kiểuchữ,cănlề,mầuchữ,v…v…bạnchọntrênthanh
tùychọn:
Bạntạohiệuứngchochữnhư:bóngđổ,tỏasáng,nổibóng,v…v…nhưsau:Trong
bảnglayer,bạnchọnđếnlayerchữđóvàchọnvào
Addalayerstyle
.Bảng
Layerstyle
hiệnravàbạnchọnhiệuứngmàmìnhmongmuốn:
BlendingOptions:lựachọnchung.
DropShadow:bóngđổ.
InnerShadow:bóngđổvàotrong.
OuterGlow:tỏasángraxungquanh.
InnerGlow:tỏasángvàotrong.
BevelandEmboss:tạokhốinổi.
Contour:viềnxungquanh.
Texture:tạobềmặt.
Satin:làmbóngbềmặt.
ColorOverlay:phủmầulênbềmặt.
GradientOverlay:tạochuyểnmầubềmặt.
PatternOverlay:tạochấtliệutrênbềmặt.
Stroke:Nétbaoquanh.
Lúcnàybạnđãhoànthành được50%côngđoạnthiếtkếbannercủamình.
Bâygiờtacònmộtviệcnữalàlàmchonóđẹphơn,thêmlogo,thêmhìnhminhhọa,
v…v…
5.1.4.Trangtrí
Đểthêmlogovàobanner,bạnkéofileảnhlogotừmáytínhvàogiaodiệnphầnmềm
photoshop.Lúcnàyhìnhlogođãnằmtrongphầnmềmphotoshopnhưngđangởcửasổkhác
cửasổbannermàtađangthiếtkế.Bạndùngcôngcụ
MoveTool
(V),chọnvàgiữchuộthình
logo,kéosangcửasổtađangthiếtkếbanner.
Nếulogobịtoquá,bạnchọnlayerchứalogo,nhấnCtrl+T.Xungquanhhìnhlayer
xuấthiệncácnútvuông.Đưachuộtđếnnútởgóc,khixuấthiệnmũitênchéo2chiều,tagiữ
vàonútđóvàphímShift,kéochonhỏlạihợplý.NhấnEnter.Dùngcôngcụ
MoveTool
(V)
đểdichuyểnlogo,đặtnóvàovị trímàbạnmuốn.
Trongmộtsốtrườnghợp, vìlogocủabạnlàhìnhtròn,hayhìnhthoi,… nênxung
quanhcóphầntrắngthừa.Bạndùngcôngcụ
MagicWandTool
(W)chọnlấyvùngđó,nhấn
phím
Delete
đểxóađilàxong!
Đểthêmhìnhảnhnhưảnhđơnvịcủabạn,ảnhhọcsinh,bônghoa,v…v….Bạncũng
kéoảnhvàomànhìnhsoạnthảonhưđãkéologovào.
Bạncóthểdùngcôngcụ tẩy:
EraseTool
(E)để tẩynétcạnhcủatấm ảnhđểlàmmềm
bứcảnh.Chúýchọntẩynétto(tăng
Brush
),vàchọnđộtẩynhẹ(giảm
Opacity
và
Flow
).
Lúcnàybạnđãhoànthànhbannercủamình:
5.1.5.Xuấtradạngảnh
BướccuốicùnglàbạnsẽxuấtfilePhotoshopnàyrathànhmộtfileảnhđểđưalên
trangweb.
ẢnhđểđưalênWebcầnphảinhẹđếnmứctốiđađểtrangwebkhôngbịchậm.Bạn
vào
File
®
Saveforweb
(Alt+Shift+Ctrl+S).
Trongbảng
Saveforweb
,bạnchọn ảnhdạngJPEG,chấtlượng(Quality)là60.Nhấn
Save
.Cửasổ
Saveas
hiệnra,bạnchọnnơilưubứcảnhlạitrongmáytínhcủamìnhvànhấn
OK.
·
Ghichú Thủ thuật:
Bạncóthểlấymộtbứcảnhhoalánàođólàmnềnthayvìcảmộtmảngmầu.Nếubức
ảnhquárõ,bạncóthểlàmmờđibằngcáchgiảm
Opacity
củalayerảnhnềnnàyđitrong
bảngLayer.
·
Ghinhớ:
Côngviệcthiếtkếcónhữngquytắcchungvềmỹthuậtđểsaochođẹp.Tuynhiên
cũngluôncầncósựsángtạođểcónhữngcáchnhìnmớiđẹphơn.Vìvậykhithiếtkế,cácbạn
khôngcứphảiđặtlogoởvịtríđó,khôngcứphảiđặtchữởvịtrícânđốivàảnhởgócnhư
thế.Mỗingườicónhữngcáchthểhiện,cónhững ýtưởngkhácnhaunênbạncứthỏasức
sángtạo,miễnsaonộidungđầyđủ,bannermầusắcđẹp–phùhợp,rõràng,v…v…
·
Bàitập:
Thiếtkếmộtbannerkíchthước770x170pixel.
Nội dungmangtêncủađơnvị mình
Cólogo(hoặckhông)
Cóảnhminhhọa
Bốcụckhácvớivídụcủagiáotrình.
5.2.SửdụngFlashđểtạobanercóhìnhản hđộng.
5.2.1.Thiếtkếbanner
Trênmộtgócbanerbạncóthểđặtcáchìnhảnhchuyểnđộngqualạilàmchobaner
thêmsinh động,hấpdẫn.Chúngtasẽ thựchiệnđiềunàythôngquachươngtrìnhMacromedia
Flash8.
Cácbạnsẽchuẩnbị 4bứcảnhđểtạohiệuứngchuyển ảnhtrênmộtgócbaner.
KhởiđộngphầnmềmFlash.ChọnFlashdocumentđể tạotranggiấymới.
Việcđầutiênlàbạnphảiđặtkíchthướcchotranggiấymới.Bannercủacácwebsite
trênhệthốngcủaviolet.vncóchiềungangchunglà770pixel.Cònchiềucaocủabannerthì
tùyý.Tuynhiêncácbạnchỉnênđểchiềucaoởkhoảng100pixelđến200pixellàvừađủ.Ví
dụ:hãytạomộtFlashDocumentvớikíchthướclàWidth:770,Height:170.
TạiLayer1,đổitênthành“baner”,sauđó,cácbạnsẽđưaảnhbanerđượcthiếtkế trên
Photoshopvàovùnglàmviệcbằnglệnh:
File
®
Import
®
Importtostage
.Đặtbứcảnhvừa
khítvớivùnglàmviệc(
stage
)củaFlash.
Tiếpđó,tạomộtLayer2vàkéothảfileảnh1(đãchuẩn bịsẵn) vàotrangthiếtkế
Flash.FileđósẽnằmtrênLayer2màbạnvừatạo.
Bứcảnhcóthểquátohoặcbị nhỏ.Bạnhoàntoàncóthểthayđổiđượckíchthướccủa
chúng bằng công cụ Free Transform Tool (Q) . Khi bạn chọn vào công cụ này, xung
quanhbứcảnhsẽcónhữngnútvuôngmàuđen,bạngiữchuộtđểkéolàmthayđổikíchthước
củaảnh.Nếubạnmuốnthayđổiđộlớnmàgiữnguyêntỉlệchiềucaovàchiềungang,bạn
giữphímShiftkhithayđổikíchthước.Saukhiđiềuchỉnh,hãy đặtbứcảnhvàovị tríphùhợp
trênbaner.
Bâygiờ,bạnphảibiếnđốitượngảnhđóthànhmộtMovieClip.Bạn chọnnórồi nhấn
phímF8.ClickvàoôMovieClipvànhấn
OK
.ĐốitượngảnhđãchuyểnsangdạngMovie
Clip.
BạndùngcôngcụSelectionTool(V)nhấnđúpvàođốitượngMovieClipnày.Như
vậybạnđãởtrongMovieclipnày.
Trong MovieClip(đoạnphim) này, bạnsẽ tạora nhiều Layer (Insert Layer), mỗi
Layerbạnsẽđểmộtbứcảnh.MỗibứcảnhbạnsẽlạinhấnF8vàchuyểnnósangđịnhdạng
MovieClip.Cácbứcảnhnàynằmtrêncùng1vị trí.
Sauđâytasẽlàmchochúngthaynhauxuấthiện.Ởbứcảnhthứnhất(photo1),trên
Timeline(dòngthờigian),bạnchọnframe20,nhấnF6đểtạomộtKeyFrame.
TiếptụcnhấnF6ởFrame5vàFrame15.
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éoAlphatrongmụcColorxuốngbằng0%.
Nhấnchuột phải vào Frametrong khoảng giữa của Frame 1 và Frame5, giữa của
Frame15vàFrame20,chọn
CreatMotionTween
.
Làmtươngtựnhưtrênvớicácbứcảnhcònlại(photo2,photo3,…)
BôiđencảTimelinecủabứcảnhthứ2(photo2)vàdịchchuyểnsaochoKeyframe
thứnhấtnằm ởframe20.
BôiđencảTimelinecủabứcảnhthứ3(photo3)vàdịchchuyểnsaochoKeyframe
thứnhấtnằm ởframe40.
Đểkéodàithờigianxuấthiệncủaảnh,bạnchỉcầnkéodàithêmframexuấthiệncủa
mỗibứcảnh(khoảnggiữa2KeyFramecóAlpha=100%):Nhấnvàoframeởgiữa,nhấnF5
trênbànphímđểchènthêmframe.
DùngcôngcụSelectionsTool(V)nhấnđúprangoàivùngcóảnhbạnsẽthoátrakhỏi
MovieClipchứanhiềuMovieClipnhỏnày.
5.2.2.Xuấtbảnrafile
Saukhihoànthành,bannercủabạncóthểđượcsắpxếpnhưvídụsau:
BạnlưufileFlashnàylại:vàoFilechọnSave.BảngSaveAshiệnra,bạnđiềntênfile
vàchọnnơilưugiữfilenàytrongmáytínhvànhấnOK.
BạngiữphímCtrlvànhấnEnter.NhưvậyFlashđãxuấtramộtfileSWFngaycạnh
filemàbạnvừalưu.ĐâychínhlàfilebannerbằngFlashcủabạn
·
Ghichú Thủ thuật:
BạncóthểthiếtkếtrựctiếptrênFlashmộtbaner nhưtrên màkhôngcầnđếnảnh
banerđượcthiếtkếquaPhotoshop.
BạncóthểtạomộtLayerlàmLayermặtnạ(Mask)choLayerchứaMovieClip.Trên
LayerđóbạnvẽmộthìnhbằngcôngcụPenTool(P).MovieClipcócácảnhchuyểnđổisẽ
chỉhiệnratronghìnhmàbạnvẽ.
(Tìmhiểuthêmvềcáchtạonền,chữ,mặtnạtrên )
6.Sửdụngcácchứcnăngquảntrịwebsite
Khi đăng nhập vào trang vừa tạo, nếu bạn có quyền quản lý (admin), một menu
“Quảntrị”xuấthiện,clickchuộtchọnnóđể thựchiệnchứcnăngquảntrị:
Tạiphầnquảntrị chúngtasẽ thựchiệnmộtsốcôngviêcsau:
6.1.Tạogiaodiện
Chức năng nàycho phépcácbạntạo nền,banervàcungcấp mộtsốthôngtincho
trangwebcủamình.
Phầntiêuđềthưviện:dùngđểđặttiêuđềchotrangwebkhimở,nósẽhiểnthị nội
dungđó.
Phầnbanervàhìnhnền:chophépbạnchọnảnhđểlàmbanervànềnchotrang
web. Phần này xin xem hướng dẫn mục “Sử dụng Photoshop và Flash để tạo
banner”.Clickchọnnút
Browse
vàtìm đếnfileảnhtrênmáytínhcủamìnhđểtạo
baner,hìnhnền.
Thôngtinbảnquyền:cácbạncungcấpthôngtintrangwebthuộcbảnquyềncủa
đơnvị mình.
Saukhikhaibáocác thôngtin,clickchọnnút“
Cậpnhật
”đểhoàntất.
Thayđổimẫuthưviện:Thưviệncungcấpchotrangwebmộtsốmẫucósẵn,click
vàomẫumàbạnmuốnchọn.Saukhiclickchọn,lậptứcmẫumớiđượchiểnthị.
Sắpxếpcácchứcnăngchính:Tạiphầnsắpxếpcácchứcnăngchính,quảntrịcó
quyềnsắpxếpthứtự củacácchứcnăngchínhtrênthưviện.
Đểsắpxếp,cácbạnsẽchọnsốthứtựhiểnthịtronghộpthoại(hìnhtrên).(Nếu
bạnđổithứtựmộtmụcởvị tríthứ5lênvị trí2,cácbạnchỉviệcchọnsố2ởmục
5.Khiđó,mục5sẽởvị trísố2,mụcđangởvị tríthứ2đượcdịchxuốngmộtđơn
vị thànhvị tríthứ3,cácmụcsauđóthayđổitươngtự).
Bêncạnhđó, quảntrịcũngđượcquyềncho chứcnăngnàohiểnthịhoặcẩnđi
bằngcáchclickchuộtchọn
Hiểnthị
hoặc
Ẩn
6.2.Tạomenuchotrangweb
6.2.1.Tạomenungang:
a. Tạomenucon
Đểtạomenucontừnhữngmenugốcđãcósẵnbạnchọnchứcnăng“Tạomenucon”.
Tạimụcnày,chọnloạimenu:
1. Từbàiviết:cácmenucontạorasẽliênkếtđếncácmụctrongthưmụcbàiviết.
2. Từmenuchuẩn:lấycácmenucontừmenuchuẩn(mặcđịnh)củathưviệnviolet.
3. Tựnhậpliênkết:Bạntựtạoramenuconbằngcáchnhậpvàotênmenuvàđịachỉ
liênkếtđến.
Nếubạnchọnloại1và2,bạnchỉviệcchọnmenuconsẵncórồichọnnút
<<Chuyển
sang<<
.Nếubạnchọnloại3,thìphảinhậptrựctiếptênmenuconvàđịachỉliênkếtrồiclick
chọnnút“
Tạomenu
”.
b. Sửađổimenu
Banđầu,cácmenutạosẵnthườngđặtkhôngdấu,bạncóthểchỉnhsửavàđặtlạitên
cácmenutheoýbạn.
Chọnchứcnăng“
Sửađổinemu
”sauđóchọntênmenucầnsửađổi.Khiđóbạncó
thểchỉnhsửatênmenutronghộp“
Tiêuđề
”
c. Sắpxếpmenu
Saukhitạoxonghệthốngmenu,cácbạncóthểsắpxếp,thayđổivị trícácmụctrong
menutạorachophùhợp.
Chọnmộtmụccầnsắpxếp,rồisửdụngnút thayđổivịtrí
củamụcđãchọn.
d. Xóamenu
Đểxóabỏmộtmenunàođó,chọnmenuđóvàchọnchứcnăng“Xóamụcmenu”.
Mộtthôngbáoxuấthiện:
Chọn
OK
đểchắcchắnxóahaychọn
Cancel
nếubạnnghĩlạivàkhôngmuốnxóa
nữa.
6.2.2.Tạomenudọc
Menudọcvàngangđềuchochứcnăngtươngtựnhau.Trongquátrìnhtạotrangweb
riêngchođơnvịhaycánhân,mỗingườicócáchtrìnhbàybốcụctrangwebkhácnhau.Tuy
nhiên,mộtwebsiteđượcthiếtkếtốtchophépngườiđọcnhanhchóngđithẳngvàovấnđề,
tìmcáihọcầnvàsauđódễdànginhoặclưugiữcáihọtìmthấy.Cấutrúcmenu,nộidung
nhấtđịnhphảiđượctổchứccẩnthậnđểhỗtrợviệctìmkiếm,truycậpnhanhđếnthôngtin
màngườiđọccầntìm.
Nếumenungangchophépbạnliênkếtđếncácmụcchínhtrongtrangwebcủabạn,
thìmenudọccóthểgiúpngườithiếtkếcóthểliênkếtđếncácphầntrọngtâmcầnnhấnmạnh
củatrangweb.
Vídụ,tạitrangweb: chúngtôitạorahệthống
menudọcvớicácliênkếtnhằmgiớithiệunhanhthôngtinchungvềnhàtrườngmàcácthành
viênkhitruycậpsẽdễdàngnhìnthấynhư:
Giớithiệuchung
Cơcấutổ chức
Hoạtđộng
Tintức
Đểtạo,cácbạnthựchiệncácbướcnhưsau:
Chọnchứcnăngquảntrị.
VàophầnMenu,chọn
Menudọc.
Phầntạomenucon,chọnloại:“Từcácbàiviết”.sauđóchọncácmụctrongbài
viết, nhấn vào nút <<
Chuyển sang
<<. Một thông báo yêu cầu bạn lưu lại:
6.3.Quảnlýthànhviên
Chứcnăngnàygiúpchongườiquảnlý cóthểđổiquyền,xóathànhviênkhỏitrang.
Đểxóathànhviênnào,clickchọn þvàothànhviênđó,rồichọn“Xóathànhviên
khỏiblog”.
Đểđổiquyềngửibàiviếtcácbạncũnglàmtươngtựnhưtrên,khiđócửasổsau
xuấthiện:
· Clickvàdấu “+”đểmởcác thư mụccon,dấu “ –”đểtrởvềthưmục
chính.
· Clickchọnþđểxácđịnhchothànhviênđượcphépgửibàiviếtcủamình
ởnhữngmụcnàotrongtrangweb.
Saukhikhaibáoxong,chọnnút“
Cậpnhật
”.Chờthôngbáo:“
Bạnđãcậpnhật
thành công
”xuấthiện, bạn hãyclickvàonút“
Đóng cửasổ
”đểtrởvềcửasổ
quảnlý.
6.4.Quảntrịthưmụcmônhọc
Đốivớinhữngtrangriêngbanđầu,cácbạnphảitạocâythưmụcchotrangwebcủa
mình.Hệthốngthưmụccủabạntạoraphảiđồngbộhóavớihệthốngthưmụccủatrangthư
việnviolet.
6.4.1.Tạothưmụccon
Đểtạothưmục:Đầutiênbạnchọnthưmụcgốctại“
Câythưmụchiệntại
”(Bàiviết,
Bàigiảng,Tưliệu,Giáoán,Đềthi…).Sauđó,gõtênthưmụccầntạotronghộp“
Tênthư
mục
”ởcửasổbênphải.Chọnchứcnăngphânquyềnchophéphaykhôngchophépthành
viên,ngườiquảnlý…đượcphépgửibàivàothưmụcnày.Tiếpđó,bạnphảiđồngbộthư
mụcsắptạovớihệthốngthưmụccủathưviệnvioletbằngcáchchọntênthưmụctươngứng
vớithưmụcvừagõtrêncâythưmụcởphíadướihộp“
Đồngbộ
”.Cuốicùng,chọnnút“
Tạo
thưmục
”đểhoàntất.
Đốivớicácthưmụckhác,cáchtạotươngtựnhưtrên.
6.4.2.Sửađổithưmục
Đểsửađổithưmục,cácbạnchọnchứcnăng“Sửađổithưmục”.Chứcnăngsửađổi
chophépbạnthayđổitên,đồngbộlạithưmụcvàsắpxếp,dichuyểncácthưmụcconvàovị
tríphùhợp.Cáclàmnhưsau:
Chọnmộtthưmụccầnsửađổi.
Sửalạitêntrênhộpthoại“Tênthưmục”.
Đặtlạichứcnăngphânquyềnvàđồngbộhóa(nếucần).
Có thể dịch chuyển vị trí thư mục bằng chức năng dịch thư mục
(
Lên|Xuống|Sangtrái|Sangphải
)
6.4.3.Xóathưmục
Đểxóathưmục,bạnchọnthưmụcmuốnxóarồichọnchứcnăng“Xóathưmục”.
6.5.Quảnlýtàinguyêncủatrang
Mụctàinguyênchophépngườiquảntrịtheodõivàquảnlýđượccácbàiviết,bài
giảng,tưliệucủacácthànhviêngửilêntrangwebcủamình.Ngườiquảntrịbiếtđượctưliệu
đưavàotrangcủamìnhthuộcloạigì,củathànhviênnào,đặttiêuđềrasaovàđưalênvào
thờiđiểmnào.
Ngườiquảntrị cóthểxemtừngloạitưliệucủatrangwebdựavàohộpthoạiphânloại
tàinguyên.Đồngthời,đốivớinhữngtưliệukhôngphùhợpvềmặtnộidung,giáodục…thì
cóthểchọnvàxóanókhỏitrangwebbằngnút“Xóatàinguyên”.
6.6.Tạophiếuđiềutraýkiếntrêntrangweb
Cũngnhưcácwebsitekhác,bạn cóthểđưavàotrangcủamìnhcáccâuhỏithămdòý
kiếncủathànhviên.
Đểđưacácvấnđềcầnlấyýkiếnbạncóthể thaotácnhưsau:
Chọnnút“
Tạomới
”.
Bạnlầnlượtnhậpvàocâuhỏivàcáccâutrảlời(chúýítnhấtphảicó3câutrảlời).
Cuốicùngtại
Chọncâuhỏinàychothưviện
,bạncóthểchọn
Đồngý
hoặc
Không
rồi clickchọn
Submit
đểhoàntất.
Khiđãcóphiếuđiềutraýkiến,bạncóthểxemkếtquảđiềutrahàngngày.Ví
dụdướiđâylàkếtquảđiềutraýkiếncủatrangweb />6.7.Phâncônghỗtrợ trựctuyến.
Hỗtrợtrựctuyếnlàhỗtrợtứcthờinhữngthắcmắccủathànhviênvềcácvấnđềliên
quanđếntrangwebthôngquacácchươngtrình Yahoo!Messenge.
Trongphần hỗtrợtrựctuyến,bạnchọn“
Tạo mới”
. Sau đó,đểphâncông mộtsố
thànhviênthườngxuyênonlinetrênmạngđểtrựctrangweb,bạnsẽnhậpnickchatvào…
7.Đưabàiviếtlêntrangweb.
Đểđưabàiviếtlênthưviện,cácbạn chọnmụccầnđưatin,sauđóchọn“
Tạobàiviết
mới
”
*
Phầntiêuđề
:cácbạngõtiềuđềchobàiviết.
*
Phầnnộidung
:dùngđểnhậpnộidungcủabàiviết.Cácbạncóthểtựgõhaycopy
vănbản từchươngtrìnhWordhoặctừcáctrangtintứckháctrênweb.Sửdụngthanhcôngcụ
địnhdạngđểtrìnhbàybàiviếtchođẹp(cănchỉnh,chọnkiểuchữ,cỡchữ,loạichữ…)
Đểchènảnhtừmáytínhvàobàiviết:đặtcontrỏvàovịtrícầnchèntrongbàiviết
rồichọnbiểutượng .MộtcửasổUploadảnhxuấthiệnchophépbạnđưaảnhlêntrang
webnhưsau:
ClickchọnbiểutượngUploadảnh đểxuấthiệnhộpthoại
Browse
:
Clickchọn
Browse
\tìm đếnfileảnhtrongmáytínhrồichọn
Open
Clickvàobiểutượng để tiếnhànhupfileảnhlênweb.
Saukhiđưaảnhlênthànhcông,fileảnhđósẽxuấthiệntrongcủasổ“
Danhsách
ảnh
”.Đểđưavàobàiviết,cácbạnchọnfileảnhđórồinhấnvào
Insert
đểchèn.
Trongtrườnghợpbạnchènmộtbứcảnhcótrêntrangwebkhácvàobàiviết,hãychọn
nút sauđócopylinkcủabứcảnhđódánvàohộpđịachỉ ảnhrồichọnnút“
Thêm
”đểđưa
ảnhvàobàiviếttạivị trícontrỏ.
8.Đưatưliệu,bàigiảnglêntrangweb
Đểđưatưliệubàigiảnglêntrangwebcủamìnhcácbạn chọnmụcTàinguyên\Sauđó
chọnthưmụccầnđưatưliệulên.(vídụ:bạnchọnBàigiảng\Toánhọc\đểđưatưliệumôn
Toánlêntrangweb).Tiếpđó,chọn“Đưatưliệulên”.
Đưatrựctiếptưliệu,bàigiảngtừmáytínhcủabạn:
Chọnthẻ“Tạotrựctiếp”.TạidòngTiêuđề:cácbạngõtiêuđềcủatưliệusẽđưalên.
ClickchọnnútBrowseđểtìmtớifiletưliệu,bàigiảngtrongmáytínhcầnđưalên.
Sauđóghirõnguồngốccủatưliệu.
Nếu làbàigiảngđưalên,cácbạnvuilòngđọc kỹchú ýphíadướicửasổ đưa bài
giảng,cònnếulàtưliệuđưalêncácbạnhãy điềnthôngtinmôtả.Saukhiđiềnđầyđủ
cácmụcxong,chọnnútLưulạiđểđưatưliệulênthưviện
Nếumạngcủabạnnhanh,quátrìnhdiễnrachưađầymộtphútlàxong,khiđómột
thôngbáouploadthànhcôngxuấthiện.
Nếubạnđãcótưliệubàigiảngtrênthưviệngiáodục:
Chọnthẻ“Chọntừtưliệucủatôi”:Khiđó,cáctưliệucủabạnđãđưalênthưviện
xuấthiện,clickchuộtvàodòngchữ“Đưavàotrangriêng”củamộttưliệuđểđưatư
liệuđóvàotrangcánhâncủabạn.
Nếubạnmuốnđưatưliệutrênthưviệncủacácthầycôgiáokháccùngnhóm,
cùngđơnvị:
Chọnthẻ“Liênkếttulieu.violet.vn”sauđóvàotrangbàigiảng,tưliệu,đềthi,giáoán
rồimởtưliệuđóravàcopyđườnglinkdánvàohộpthoạirồichọn“Lưulại”.
9.Thựchànhcácchứcnăngtạolậpvàquảntrị
1. Tiếnhànhtạotrangwebchođơnvị mìnhhoặcchocánhânmình
2. Thựchiệncácchứcnăngquảntrị đểhoànthiệnwebsite.
3. Báocáovàtrìnhbàyýtưởngtrongthiếtkếwebcánhân.