nora nie Bt cunccrvoangervinterrven Cece SU’ DUNG MA NGUON MO’ JOOMLA DE XAY DUNG Paes a .. 1. Gidi thigu — Cac aac diém ca Wamp * Gidi thigu = Cac dac diém |Grex Cac dic diém cla Wamp = C6 thé cai dat dé dang. = Buge cap nhat déu dan. = Rat thudn loi cho viéc tao may chti Web d& chay thir, thiét ké Website bang PHP. " Chay 6n dinh cho Joomla 1.5.x = H6 tro PHPS = Mign phi ‘TRUNG TAM TIN HO DAL HOC KHOR HOC TY MHEN-TRHCM Weer Bai 1: Wamp Server 1, Gidi thigu - Cac dac diém cia Wamp Pare ER) Mer nC RRM ne RT) Gi6i thigu Wamp = WAMP: la mét gol phan mém Web Server tét c& trong m6t (Alkin-One), g8m c6: Apache, MySQL, PHP chay trén nén Windows. 2. Cai dat va Ste dung Wamp * Cai dat = Str dungTT Cai dat = St dung phién ban Wamp 2.0i dé cai dat in lugt theo cac bude dug huréng dan = Khi cai dat xong, ching ta sé thay biéu tung niva hinh tran mau trang man hinh = Kiém tra két qua cai dat ‘hi: Kv iat va, s33 dyng Wamp th edn phases I Céu hinh file php.ini = PHP. ini la mét file cu hinh chung cho cae website str dung Wamp Server dé thyc thi. = Mét sé théng s6 can luu y: —max_execution_time: thdi gian tdi da dé thye thi mot script — memory_limit: dung lurgng b6 nh t6i da ~file_upload: cho phép upload file hay khéng = upload_max_filesize: dung lvong upload tdi da ~ error_reporting: cach théng bao I8i onstage Bt cunccivoanrervinterrven —— @eoke SU DUNG MA NGUON MO” JOOMLA DE XAY DUNG ses CC a Sik dung + Chép ting dung web vao wamplwww + 8 thye thi ng dung web —» click vao bidu tuong Wamp, chon LocaiMost. Sau dé chon tng dung ‘muén thyc thi & phan “Your Projects" + Bé lam vige véi CSDL -» vao Wamp, chon ‘phpMyAdmin sau dé chon CSDL muén lam viéc + Dé bat, t&t va khdi déng lai cdc dich vu + vao. Wamp chon Services uns rau ge Bt cuvocmoansermenrencn Che Bai 2: Gidi thiéu va cai dat Joomla Mer etc) . Cdu hinh Global Configuration1. Gidi thigu By 1.6 igu acento seomist = Joomla la hé théng quan tri néi dung (CMS - * Dac diém: Content Management System) ma nguén —Website dugc xay dung bang Joomla cé thé dé mé hang dau thé gidi hién nay. dang thay déi hinh thire trinh bay ndi dung. = Str dung Joomla, ta 06 thé xay dyng dug —Ngoai nhiing chite nang co ban 6 sén, Joomla hau hét cdc website tir don gian dén phire ce ea rnhibu, hay va min phi). * Vige cai dat va sir dung Joomla kha dé dang. (Ra CEConer Ra CEConner 2. Cac khai nigm co ban 3. Cai dat Joomla * Front-end * Budc 1: Download t€p tin Joomla tir * Back-end website htto://www.joomla.or * Menu = Template = Component = Module = Plugin CS aa Saar 3. Cai dat Joomla 3. Cai dat Joomla * Bute 2: Chép tap tin Joomla vao th muc. * Buc 4: Chon ngén ngor hién thi cho wamp\www. sau 6 gidi nén vao thu muc website, sau dé nhdn “Next” dé qua bude Joomla tiép theo. = Bude 3: Khai déng Wamp — vao —_ = Locathost + Chon Joomla trong Your's = Projects dé bat dau cai dat . aeCC a ex 3. Cai dat Joomla * Buc 5: Kiém tra cac théng tin cdu hinh tric khi cai dat. Sau dé nh&n “Tiép” EA saz cuinieaicn one 3. Cai dat Joomla = Buéc 7: Bin cdc théng tin cdu hinh cho SDL. (Luu y: tén cla CSDL nén tuan theo cac quy téc at tén cho tp tin). Nhdn “Tiép” saz cuinieaicnone Oa 3. Cai dat Joomla = Buéc 9: O bude “Cau hinh chinh’, can phai dign dy di cdc théng tin nhu tén website, dia chi mail va mt khdu quain tr + Luu y: Nén chon thém mye “Cai dat CSDL mau mac dinh” d8 cé dir ligu thir nghiém cho website. CTT 3. Cai dat Joomla = Buc 6: Doc cac quy dinh vé website. Sau d6 nhdn “Tip” sit dung EE saz conmacncnicons Oa 3. Cai dat Joomla * Bude 8: Céu hinh FTP. Sau d6 nhdn “Tiép" dé qua bude tiép theo.siz cuinieaicn one 3. Cai dat Joomla * Bude 10: Vao thu muc wamphwww/Joomla 6 xoa hoac déi tén thy myc installation dé hoan thanh viéc cai dat. Luc nay ta c6 thé click chon "Trang web" d& xem trang web ban au, hoe cé thé chon “Quan tri” dé vao phan quan tri trang Web. (Ra CEConer 3. Cai dat Joomla = Hoac chon Administration 48 vao man hinh dang nhap (Back-end). Nhap vao Username va Password (da dng ky trong qua trinh cai &t) dé dng nhap vao phan quan tr) LT 4. Cau hinh Global Configuration = Tab Site ty CEO 7 3. Cai dat Joomla * Két qua sau khi chon “Trang Web” Ra CEC 4, Cu hinh Global Configuration * Gidi thigu: Global Configuration 1a noi thiét lap cc gia tri mac dinh cho Website. “= "DAN oN 6 Aare ana 13 chon Global Configuration a 7 Yao man hh lam vibe ty Eon 4, Cu hinh Global Configuration = Tab SystemTT ©. 4. C4u hinh Global Configuration = Tab Server saz cuinieaicn one Hét ‘TRUNG TAM TIN HO ‘DAL HOG KHOR HOC TY NHIER TRC Caer Bai 3: FRONT-END va BACK-END. Cet) Pere) CC 4, C4u hinh Global Configuration * Sau khi thiét lap cdc théng sé trong Global Configuration, nhdn nut Save dé Iwu lai. BY OO swe] Acpy Chose Hele uns rau ge Bt cuwocmroannewaenrencn Che SU DUNG MA NGUON MO’ JOOMLA DE XAY DUNG Ps 1. Front-end * Gi6i thigu = Cac thanh phanCee = Front-end la cc trang Web ma nguéi ding thay khi vao Website. a ( Fe cosnaseae = Front-end hién thi ndi dung ctia Website va la FEREEST emwone|| gE Se noi ngudi ding cé thé thyrc hién cac céng _ = vige: dang ky, dang bai trén Website Tien ierea mm q Ce Cac thanh phan Cac thanh phan Bi scomiat2. Back-end = Gi6i thigu * Cac thanh phan * Huéng dan chung q Ce Cac thanh phan = Control Panel * Menu * Information * Cac thao tac throng ding Cee Control Panel ca * Back-end la phan quan ly Website danh riéng cho cdc quan tri (Admin). Admin c6 thé cdu hinh cdc théng sd hoat déng, néi dung, hinh thitc,... Control Panel Cee anita & Control Panel = Ce = ry xMenu / / / / Cee) |@rex Cac thao tac thuéng ding = Thao tac vi bang Cie ce) [Pree Hét CT . Information Choma ome » Popular (tera si CT . Cac thao tac thueng dung = Thao tac v6i cdc chire nang trén toolbar 222.0) = fale: Cink sr nl dung The mot a dang = cance: Hy ho he ‘TRUNG TAM TIN HOG DAL HOG KHOR HOC TH HHEN-TRHOM Weer SU’ DUNG MA NGUON MO’ JOOMLA BE XAY DUNG a-Si‘TRUNG TAM TIN HO Cre ‘DAL HOG KHOR HOC TY NHIER TRC Bai 4: QUAN LY MENU TRONG Byer) THN Ree uO ur) era aC eC ve ru) Wee Un eee cure Rn) TT 4. Gidi thigu vé Menu ‘me mes ‘Cac Menu ie tem TT Tao Menu + Bude 1: Bang nhap véi quyén clia Admin, Trong Control Panel, chon Menu Manager. d& vao phan quan ly Menu Ra Cd 1.Gi * Trong website, dé di chuyén qua lai gita cc trang web, ta thuéng click vao cdc lién két (link), cdc lién két nay nam trong mét ving durge goi la Menu * Vi du: cdc menu o6 lie méi cai dat Joomla thigu v8 Menu Ra Ce 2. Cac thao tac voi Menu * Tao Menu = Hién thi Menu + Higu chinh théng tin Menu + Xéa Menu. * Copy Menu * Tao Menu Item cho Menu = Sap xép thir ty cho c&c Menu Item TTT Tao Menu = Bude 2: Trong Menu Manager chon New 8 7/9)c cony Date tet Lnew | HebCTT Tao Menu * Bude 3: Trong Menu Details, nhap tén cho Menu tai Unique Name (khéng cé dau va khoang trdng), Title (tigu 48), Decription (mé ta) va Module Title. Sau a6 click *Save" dé hoan thanh. FE em: Oo a ex Hién thi menu * Joomla ding Module dé hién thi cac menu. = Vao Module Manager dé kich hoat Module Menu: chon Extensions\Module Manager BH Moduse tianager Higu chinh théng tin Menu + Bude 1: Nhdn vao tén hoe chon Menu cn cap nhat — click chon Edit Beware ty Ea ed 7 Tao Menu = két qua sau khi “Save” a EE saccuni nao Oa Hién thi menu * Trong man hinh Module Manager, click vao ct Enable dé kich hoat module TT T°. Hiéu chinh théng tin Menu * Bue 2: Higu chinh cc théng tin cho Menu — click Save 48 lu lai Eh vwessers meeCTT X6a Menu * Trong man hinh Menu Manager, chon Menu muén xéa sau dé click Delete 48 xéa, Ble tr Eee Tao Menu Item = Bude 1: Click vao biéu tong W clla Menu muén tao Menu Item @reress| TT Tao Menu Item = Buéc 3: Trong Menu Item New cé cac Iya chon. Chon 1 myc thich hgp, hé tong sé ty. dong chuyén sang buéc tiép theo Ra Cd Copy Menu * Trong man hinh Menu Manager, chon Menu muén x6a sau dé click Copy dé tao 1 ban copy cho menu hve tone ty Ce ee Tao Menu Item * Bue 2: Trong Menu Item Manager chen New Ra Ce Tao Menu ItemCTT Tao Menu Item Tao Menu Item * Buc 4: Dién cdc théng tin can thiét cho Menu Item méi sau 46 nhén Save dé hoan thanh 5 TT 3. Chon trang chu cho Joomla = Vao man hinh Menu item Manager cia Menu chira Menu Item muén chon lam trang cha. = Banh du chon va click vao ndt Default ty Ea ed 7 Tao Menu Item Ra Ce SAp xép tht ty cho cac Menu Item * Click vao cc mai tén tng voi méi Menu Item dé thay ddi thir ty ctia cac Menu Item hodc nhap sé thir ty & c6t Order sau do nhdn ti dé thay adi ther tu. Ra Ce 4, Cu hinh hign thj cho trang web * Trong Joomla, dé cu hinh hién thi cho 1 trang web thi ta sé cdu hinh Menu Item, link t6i trang web 46 = Vi dy: Cau hinh hién thi cho trang Home pees enCTT Hét uno rn ige Bt cuncciooangervinterrven —— @eoke Quan'ly néi dung trong err E | Semen) Cro Emo CdR) (Ra CEC a 2. Chuan bj tai nguyén + Truéc khi thye hign cdc cong viée ta cn phai chuan bj cdc tai nguyén cn thiét nhu file dé liéu, hinh anh, 4m thanh,, uns ra ge Bt cuvocmroanseraenrencn Che SU em UM cree Ced JOOMLA DE XAY DUNG Pass TT. 1. Gidi thigu * Quan I ndi dung trong Joomla la cng viée quan trong va thuéng xuyén cila quan tr Website (Admin). Admin sé thyc hign cae céng viée lién quan toi cac section, category, content,... = 8 quan ly ndi dung trong Joomla thi cdn phai dang nhp vao Website vai quy&n cia Admin TT Chuan bj tai nguyén * Cac bude thy hién = Buc 1: Trong Control Panel chon Media MangerR Chuan bj tai nguyén + Céc buée thye hign —Bu6e 2: Trong Media Manager o6 sn cic thu muc chira tai nguyén cia Joomla. Trong 46 thu myc mac dinh dé Iwu troy media cho cac néi dung clia Website la thu myc stories. Cee (Ra CEU ce a Chuan bj tai nguyén * Cac buéc thyc hién = Buse 3: Trong thu myc stories da 06 cde media va cc thu myc chira media khdc. Dé tao thém cdc thy mu uu tr media theo cha 8, ta dén phan Files a din ten thu muc sau 6 nhdn Create Folder a8 ta. Fe ascnynisrs ve none Chuan bj tai nguyén = Cac buée thy hién — Bude 5: Chon file media can upload sau 46 nihdn Start Upload &é hoan thanh peed Tam Base ty Cn 7 & e alt al Ra Cn ed Chuan bj tai nguyén * Cac bude thy hién — Bue 4: Chon thu myc dé chuan bj media. ty Cee Chuan bj tai nguyén * Cac bude thye hién — Két qua sau khi UploadTTT 2 Chuan bj tai nguyén = Xéa Media — Bé xéa Media, click vao bigu tugng xo & phia dudi Media TT Tao cac trang web don = Cac bude thyc hién Buse 1: Trong Control Panel chon Add New. Asticle TT Tao cae trang web don « 10. Ra Eno ed 3. Quan ly néi dung * Tao cac trang web don = Tao cdc trang web phan cép = Tb chire lu tre — Section — Category — Content = Front Page * Archive Ra Cn ed Tao cae trang web don * Cac bude thyc hién — Bude 2: Trong Adicle [New]: Ian lugt dién day i c&c thang tin cn thiét cho Content nay ssau dé nhdn Save dé hoan thanh vige tao Content ty Cee Tao cac trang web phan cép = TO chire Iuru tro * Section * Category = ContentTTT 2 Té chive lwu trip * N@i dung cac bai viét trong Joomla duoc. t6 chirc phan cp nhu sau: TT Section « Tao Section Sse ame oerion meearen coer 2. 287me (Ra CEC a Ra Eno ed Section + Tao Section —Buéc 1: Trong Control Panel chon Section Manager hod chon tir menu chon ContenttSection Manager Ra Cn ed Section + Tao Section — Bude 3: Trong Section: Section [New], lan lugt dién va chon céc théng tin c&n thiét cho Section nay, sau 66 nhén Save hoan thanh éc tao Section. ty Cee Section = Tao menu link t6i Section = Ta sé tao menu item logi Section dé link 161 SectionEB eaters vog Cee TT Category = Cac bude thyc hién Buse 2: Trong Category Manager, chon New ¢ 5 8 7/9)a i SE Category ty Cn 7 Category * Cac bude thyc hién = Buse 1: Trong Control Panel chon Category Manager Ra Cn ed Category + Cc buéc thye hign — Bude 3: Trong Category: Category [New], lan Iugt dién va chon cdc théng tin cd thiét cho Category nay, sau 66 nhén Save 48 hoan thanh viée tao Category. ty Cee Category + Tao menu link t6i Category —Ta sé tao menu item logi Category 48 link ti CategoryTT Fld teeters v oe Ra Eno ed Content * Cac bude thyc hién = Buc 1: Trong Control Panel chon Add New Article TT Content + Cac buée thyc hign — Bude 2: Trong Article [New Ian lugt didn day 4 céc thang tin cn thiét cho Content nay sau dé nhdn Save dé hoan thanh viée tao Content. (Ra CEC a Content + Cac buée thyc hign — Buc 3: Dé hién thi ni dung vo Menu Item ro thi cdn phai quay vé phan Menu Manager, chon Menu Item, clic Eat. Ra Cn ed Content ty Cee Content = Cac bude thyc hign Bue 4: Chon Category chira ni dung (Content) cn hién thi. Click "Save" dé luu laiCee IR a Cee . Content Content msc kes” = Két qua sau khi hoan thanh (Ra CE eer) Ra Cen) Front Page Front Page * Gidi thigu + Bua Content vao Front Page: ta vao — Front Page ding 68 quan ly ndi dung trang Article Manager chui (Home) site Archive Archive = Gidi thigu « Dua Content vao kho Iu tro San ane ea oT archive né, nghia la ta dua nd vao kho Ate ern S50R88 — Cac ni dung 44 dura vao kho thi sé khong hién thi trén website. —Muén hién thi cdc ngi dung archive ta phai tao menu item loai Archive.TT Archive + Tao menu link téi Content trong kho — Ta sé tao menu item loai Archived Article List uno rn ige Bt cuncciooangervinterrven —— @eoke SU DUNG MA NGUON MO” JOOMLA DE XAY DUNG PTs TST 2 1. Gidi thiéu * Cn phai cdu hinh givi mail cho Joomla dé sir dung dug cdc chive nang: — Giri mail kich hoat tai khoan cho thanh vién méi dang ky. — Lién hé véi quan tri cila website (contact) — Giri mail cho cac thanh vién (Mass mail) TT Hét uns rau ge Bt cuwocmroannewaenrencn Che Chtrc nang mail trong Joomla CMe RUT Pao Teac uenuril EI eT CT. Gioi thigu + C6 3 phuong thre giri mail : PHP Mail Function, Sendmail va SMTP Server. + Néu cu hinh phuong thire nay khéng hoat déng thi ban hay thi sang phuong thire kha = Dé cdu hinh givi mail, ta vao phan quan tr cia website. Sau dé vao phan Global Configuration va chon tab Server — Mail SettingsCS a ex 2. Cu hinh chive nang mail * PHP mail function = Send mail = SMTP Server CS a Céu hinh chire nang mail * Send Mail — Server phai hd try chite nang nay CT 3. Dung GMail givi mail = Gidi thigu = Cac buéc thuc hién aa hie ning mall rong Joomla "7 Cu hinh chic nang mail * PHP Mail Function — Server phi hé try chic nang nay Cu hinh chive nang mail + SMTP Server — Mail Server clia tai khoan mail cia ban phai 8 tra gl bing phurong thire SMTP thi mei slr dung duge chire nang nay. Dang GMail gi mail * Gidi thiéu — RAt nhigu hosting khéng hé tro phpsendmail() hoc han ché chic nang nay. Vi thé khi do Gmail ho&c cdc mail server khac c6 hé tro’ smtp la gai phap t6i wu khi ban muén gi email tir Joomla website = Gmail h8 tro SMTP nung yéu cu pha ma héa SSL, nén néu host cia ban khéng hé troy SSL thi cing khéng diing Gmail dugc.CS a ex Dung GMail gwi mail + Céc bude thye hign — Bude 1: kiém tra xem host o6 hé trg phuong thie ma héa ssl khéng: ding phpinfo va xem phan openssl! Néu chura thi ta cé thé bat chita nang nay nhur sau: cick chudt vao biéu tweng Wamp, chon PHP Settings, chon PHP Extensions va click vao php_openssl. STS a ocx Dang GMail giti mail + Cac bude thyc hign —Buéc 3: Vao Global Configuration 4& nhép théng tin cu hinh gi mail bang tai khoan gmail ‘TRUNG TAM TIN HO ‘DAL HOG KHOR HOC TY NHIER TRC rere SU DUNG MA NGUON MO” JOOMLA DE XAY DUNG PTs Ra Smear) Dang GMail gti mail * Cac bude thyc hién = Bu6c 2: Cap nhat géi hé tra giri mail cho Joomla (néu sir dung Joomla ver 1.5.10 hoae 0 hon, ban méi hon thi khéi cn cap nat). + Download file joomla-1.5.x-securemallar. + Gi8i nn fle joomia-1.5.x-securemailrar. Trong fle nay chira 2 thy myc administrator va libraries + Chap 2 thy myc administrator va libraries vao thu mye géc cta Joomla, Ghi dé lén céc file va thir mye dang c6 Hét uns rau ge Bt cuvocmoansermenrencn Che Bai 7: Cac thanh phan mo réng trong Joomla re Mer Ue una) MR a au) Meee Une Gnarls) Me ern ee UR nn ea]TT 2 1. Gidi thigu = Joomla la mét Website hoan chinh c6 day dit cc chive nang co’ ban, tuy nhién ta c6 thé bd sung thém cc tinh nang méi cho Joomla khi cn bang cach cai thém cac thanh phan mo réng (Component, Module, Plug-in, Language...) * Cac tinh nang méi nay sé giup cho Website 06 nhiéu chize nang hon, phong phi va da dang hon CeCe 2. Cai dat thanh phan mé réng * Budc 1: Vao trang web htto:/extensions joomla.ora/ 48 doc huéng dan str dung va download thanh phan mo rong can ding Te 2. Cai dat thanh phan mo " Buse 3: Tai Upload Package File, tim géi thanh phan mé rng sé Install & “Browse...” ‘Sau dé nhdn “Upload File & Install" 48 thyc hign vige cai dat. B] Extension manager oo 5 1.Gi * Cac thanh phan mé réng cé thé la nhéeng thanh phan don cing 6 thé la mét géi két hgp component, module, plug-in,... voi nhau. higu jsesens) ty Ce ey 2, Cai dat thanh phan mé réng * Buc 2: Dang nhap vao Website véi quyén quan tr. Sau dé vao Extentions Install/Uninstall ty Ce ey 2. Cai at thanh phan mé réng = Buse 4: Sau khi cai dat xong, trong danh sch cdc thanh phan mé rong sé 6 thém. thanh phan méi cai dat. D tne aoeT 3. Thao bé thanh phan me réng * Bu6c 1: Trong danh sach cc thanh phan mo rng dang 6, chen thanh phan mé réng muén tho bd sau dé nhdn Uninstall 48 hoan thanh TT Cs 4. Xudt ban thanh phan mé réng = Buc 1: Vao Extensions — Module Manager ET 3. Théo bé thanh phan me réng BP exeewen naise CTT 4, Xudt ban thanh phan mé réng * Buc 2: Trong danh sch cdc thanh phan mé réng chon mét thanh phan mé réng muén xuat ban. Cap nht cac théng tin can thiét cho viéc xuat ban nhur vj tri hién thi, trang thdi,... = Buc 3: Nhdn Save dé hoan thanh viée xuat ban. oe 4, Xuat ban thanh phan mé réng = Kétqua ‘dit Module Twa [tpt conte [ann viet |Th sus:cicnumsninne avon none 5, Ngung xuat ban thanh phan mé réng = Bute 1: Vo Extensions > Module Manager SS = 2 ° TT Cs Hét a ‘TRUNG TAM TIN HO ‘DAL HOG KHOR HOC TY NHIER TRC Caer Bai 7: Sw dung'cac component co trong Joomla Rena) . Poll ey CELL Cou Pec aU Cus Te 5, Ngung xuat ban thanh phan mé réng * Bue 2: Trong danh sach cac thanh phan mé rong chon mét thanh phan ma rong muén. ngung xuat ban sau dé nhdn Disable d8 hoan thanh. Hote wooo uns rau ge Bt cuwocmroannewaenrencn Che SU’ DUNG MA NGUON MO” JOOMLA BE XAY DUNG a-Si TET 1. Contacts = Gi6i thigu = Contact Manager cho phép ban quan iy mat danh sach cdc contact (lién hé) trong site. = M@t khi ban thiét Ip céc contact cia ban, céc visitor 58 c6 thé tim cdc théng tin contact va, iri tin nhn cho contact.Cred [Pree IR Contacts + Thém 1 Category — Bude 1: Vao Menu Components ~» Contacts = chon Categories = Bub 2; Chon New dé thém méi Category SER eT 5 Contacts = Thém 1 Category = Bu6c 3: Nh@p théng tin cho Category va lvu rT Telgierg (Ra Cte ee Contacts + Thém 1 Category — Két qua sau khi them eT Contacts = Thém 1 Contact = Buse 3: Trong man hinh thm méi, nhap théng tin cho Contact va lwu Iai ty Bal Contacts + Thém 1 Contact, — Bu6¢ 1: Vao Menu Components > Contacts = chon Contacts — Buc 2: Chon New dé thém Contact ee ey ty Cee Contacts * Thém 1 Contact ~Két qua|_ECnRoRnreeeerrerrsre 2. Polls * Gidi thigu — Polls la component ding 48 quain ly céc tham d® y kién cia nguoi ding. ty Cee ey Polls + Quan ly Polls - Tao Polls = Buc 1: Tiy Menu Components -» click chon Polls ET 2 Polls * Quan ly Polls — Tao Polls, — Bude 2: Dé tao mat tham dd méi, click chon New 3 gs7/oo (Ra Cee ee a se Polls Breen ape ty Bal Polls * Quan ly Polls — Tao Polls — Bu6¢ 3: Tao tiéu dB cho Poll, céc ndi dung Iya chon cho Poll nay, va chon vi tri hién thi cia Poll trén Website -» click “Save” 48 hoan thanh. ee ey ty cor Polls * Quan ly Polls — Xut ban Polls = Click chon Poll muén xuét ban, sau d6 click chon Public 48 hoan thanh Se ey rome 29700|_ECnRoRnreeeerrerrsre Polls * Quan ly Polls — Bé xuat ban Polls ~ Click chon Poll muén bé xuat ban, sau 66 lick chon Unpublic 48 hoan thanh ore 379 TTT News Feeds = Thém 1 Category — Buc 1: Vao Menu Components —» News Feeds + chon Categories Buc 2: Chon New d& thém méi News Feed ty Cee ey 3. News Feeds * Gidi thigu — News Feed ding dt ldy tin ttc tr Site khéc — Trang nay hin thi mét danh sch cdc News Feed ban cé thé cung ofp t6i céc user cia site. News Feeds ee ey = Thém 1 Category — Buéc 3: Nh@p théng tin cho Category va lvu 5 Ghee (Ra Cee ee a & News Feeds = Thém 1 Category —Két qua: News Feeds Se ey = Thém 1 news feed Buse 1: Vao Menu Components —> News Feeds — chon Feeds = Bu6c 2; Click New d8 thm moiIR News Feeds = Thém 1 News Feed = Buc 3: Nh@p théng tin cho News Feed va wu lai rere evo Cred [Pree (Ra Cee ee a Web Links + Thém 1 Category — Bude 1: Vao Menu Components ~» Web Links — chon Categories eT Web Links + Thém 1 Category —Két qua ee 4, Web Links * Gidi thigu —Web Links component la mét 66 sw tap nihting ign k8t t6i nhing website ma ban yéu thich. — Component dugc thiét ké cd kha nang dém 6 lan click vao mi lén két va nhing user 4 dang ky, c6 thé thém nhiing lién ket moi tir Front-end. ty cor Web Links + Thém 1 Category = Buc 2: Chon New, nh&p théng tin cho Category, nhén Save 48 Iuu la. ee ey Bere Dee ty Cee Web Links = Thém 1 web link = Buc 1: Vao Menu Components —> Web Links chon Links — Bude 2: Click New dé thém méi Hi) catego|_ECnRoRnreeeerrerrsre Web Links = Thém 1 web link = Bu6c 3: Nh@p théng tin cho Web link va lu lai B orune me Fo ET 2 5. Banner * Gidi thigu — Banner lé cdc quang céo, céc bigu ngtr trén céc Website — Banner gitip tgo 4n tuong cho Website va c6 thé tao thém thu nhap. — Joomla cé tich hgp san thanh phan méréng 6 chite nang tao va quan ly Banner, d6 la Component Banners (Ra Cee ee a se Banner = Tao category = Bus 2: Trong man hinh Category Manager, cchon New. 3 8 7(8/a ty Cee ey Web Links * Thém 1 web link ~Két qua Banner ee ey = Tao category = Buc 1: Vao Menu Components —» Banners — chon Categories Banner Se ey * Tao category — Bu6c 3: Bién céc théng tin cho category sau 6 nhén "Save" a8 lu lai ome oe|_ECnRoRnreeeerrerrsre Banner = Tao category —Két qua: ty Cee ey Banner = Tao client (don hang) ~ Buc 1: Vao Menu Components —> Banner —> chon Clients ET 2 Banner * Tao client (don hang) — Bu6e 2: Click chon New 48 hin thi phan dién théng tin khach hang 8|7 Deel Eat (Ra Cee ee a se Banner = Tao banner cho client ~ Buse 1: Vao Menu Components —» Banner chon Banners > ice. Banner ee ey * Tao client (don hang) — Buc 3: Nn&p cae théng tin trong phan Details: théng tin nay dung dé biétthéng tin v8 Banner. Nhdn Save dé luu théng in = Chai: MBi client la m6t don hang — c6 thé tao thém cdc don hang. Banner Se ey = Tao banner cho client ~ Bude 2: Click chon New 48 hién thi phan didn théng tin Banner|_ECnRoRnreeeerrerrsre Banner + Tao banner cho client —Bu6e 3: Nh&p céc théng tn trong phan Delis, sau d6 Click Save 48 hoan thanh vige tao Banner. ET 2 Banner — (Ra Cee ee a se Banner ty Cee ey Banner rn ty cor Banner = Thiét lap cdc théng sé hién thi cho banner —Bu6c 1: Vao menu Extensions ~» Module Manager — Banners Se ey|_ECnRoRnreeeerrerrsre Banner = Thiét lap cdc théng sé hién thi cho banner = Buc 2: Dién va chon cdc théng sé hin th Sau 46 Click save 48 hoan thanh. = Trong 46: + Postion: iri hidn thi banner + Module Order: sip xép Modile + Acooss Love: cd 48 uy ep + Published: xudt ban banner + Banner Client: Bon hang ma module s8 hin th uang cao + Menu items Link(s): chon trang hin thi banner ET 2 Banner * Thiét lp cc théng sé hién thi cho banner —Két qua (Ra Cee ee a se Banner = Cach tinh chi phi cho banner + Impressions Made: sé lin 48 xem + Impressions Left: s6 ln cdn Iai, v6i unlimited 1a kkrong gi han + Clicks: 86 lan nhén chudt vo banner + % Clicks: 116 s6 lan nhdn chudt vao banner so vi 96 ln xem ty Cee ey Banner * Thiét ap cc théng sé hién thi cho banner Rive Banner ee ey = Céch tinh chi phi cho banner = Tinh phi theo s6 lan xem: dat 96 lan xem ta Impressions Purchased, néu knach hang ta tén cho 4100 lan xem thi dat s6 tn 1a 100, khi do néu vrot qua 6 lin xem thi banner 88 bi x6a. Néu khich hang tiép tye tr tidn thi thiét lp lal slr xem = Tinh phi theo s6 fan lick vo banner: khi ngu@i ding lick chu vao banner dé dén trang cia khach hang thi 86 lan 88 duge hin th trong phan thdng ké trén host cla khach haing, kndch hang €6 thé da trén 66 8 thanh toan tin, ty cor 6. Mass Mail * Gidi thigu — Mass mail ding 48 gti mail cho ede thanh vign cia website = Chi nhig thanh vign thude nhém Super Administrator thi mdi durge quyén str dung chige nang nay. Se eyMass Mail = Giri mail = Bu6e 1: Vao Tools — chon Mass Mail > & @ ke a lad a aii TTT Mass Mail = Giri mail (Ra Cee ee a x User manager = Tao méi 1 user Buse 1: Vo Menu Sites —+ chon User Manager = Bu6c 2; Chon New d& thém méi user ty Cee ey Mass Mail * Giri mail = Bue 2: Nnép théng tin gi mail + Group: Chon nhém a gi mall + Mal to Child Groups: Chon hop kiém nay a8 gb malty dng cho ttc ee user trong nhdm eon tia nkdm aurge chon, + Subjoct: Nhdp ti6u a8 cho thang diép. + Message: Nha phdn than chinh cho théng dp. 7. User manager ee ey = Gidi thigu — User Manager cho phép ban quan ly théng tin cc nguaii ding dang ky lam thanh vién cia website. = MBi thanh vign (hay cn goi 8 user) khi méi ang ky sé dug cdp quyén la registered. Va cic quan tri cla website 66 thé nang quyén han cita user théng qua chit néng user manager. User manager Se ey = Tao méi 1 user — Bue 3: nhép théng tin User va click Save 68 lu la Dorie eveePear sv aracsccnvonetcovorn core OM Hét uno rn ige Bt cuncciooangervinterrven —— @eoke Template trong Joomla ee ae Cnc MCR ORC Ec! er ede RRO Lu urea Ue 2. Cai dat Template méi = Buéc 1: Download Template méi tai trang http://www, siteground.com/joomla- hosting/joomla-templates.htm va cc trang khac hoae ty thiét ké Template. uns ra ge Bt cuvocmroanseraenrencn Che SU em UM cree Ced JOOMLA DE XAY DUNG MW aethi ty Cn 1. Gidi thigu + Cac trang Web duge xay dung thang cb mét kiéu hién thi chung dya trén mot mu goi la Template. * Template danh cho Joomla cé rét nhidu kigu dan cho nhiéu tinh vec khée nhau nh van héa, nghé thuat, kinh doanh, Ra Ce ed 2. Cai dat Template méi = Budc 2: Vao menu Extensions —> chon Instal/Uninstall Manager| 8 Tell rong Joomla Pree 2. Cai dat Template méi + Bude 3: O myc Upload Package File, tim gi Template cAn thém mdi, sau dé click Upload File & Install 3. Thay déi Template * Buéc 2: Trong danh sch cdc Template hign cé, chon mét Template muén thay déi, sau dé click chon Default dé hoan thanh viéc thay di Template. eS 37.9 TT 2. Cai dat Template méi * Thong bao vigc cai dat template thanh céng. TT. 3. Thay déi Template = Buc 1: Vao Extensions > chon Template Manager 2 T°. 3. Thay déi Template = Két qua4, Cap nhat Template * Céu trie chung cia thu muc Template « Tim va thay ddi style Template * Xac dinh cdc vi template = Thém 1 vitri cho Template i d8 dat module trén Tim va thay déi style Template = M6 file Joomla\templates\thu_myc_chtra_template\ css\ template.css, xc dinh vi tri clia style cAn stra déi sau dé di chuyén dén vi tri do. va thy hién viéc stra déi style cho phi hop voi yeu cA Tim va thay déi style Template = Tim dén vi tri can thay ddi dé thyrc hién va nhdn "Save" dé hoan thanh eee nano yyee ty Cn " C4u tric chung cia thu myc Template 088: thur ye chia tg tn (ees template cas (tp tn chara ce ae sansa grawite ese Stora tunbratara it. hambnal pg: ah Stomlasoate Inve tempi aunt e tole ro sons [ivevseseore __| laa xm i ng chitltcie Tempe -tampletes pp: ai cde pong thi 3 indent Ra Ce eed Tim va thay déi style Template + Hoac 06 thé chon Template can thay adi trong danh sach cdc Template, sau dé nhdn “Edit CSS". Sau dé, chon tap tin cn higu chinh, nhan "Edit" Bis<2°9 Ra Ce ed Tim va thay déi style Template = Vi du: Thay di hinh anh bullet cho c&c myc hin thi trong ngi dung bang mét bullet khacTim va thay déi style Template = Buse 1: Mé file va xdc dinh vj tri can sira Style table.contentpane ul li, div.nopad ul { list-style-image: ur(./imagestli.ong); ) = Buse 2: Thay di thay cho bullet ct table.contentpane ul Ii div.nopad ul { list-style-image: ur. /imagesili1.ong); } * Budc 3: Luu lai dé hoan thanh céng viéc tén file hinh bullet moi CE Xac dinh cac vj tri dé dat module trén template = Thém vao dia chi trang chi tham s6 tp=1 Vi dy: http:fMlocalhostiJoomla/?tp=1 = Danh sach cac vitri clia 1 template duc dinh nghia trong file templateDetails.xml {nam trong thy muc géc ctia template) Ra ne eed Tim va thay déi style Template = Két qua Ra Ce eed Thém 1 vj tri cho Template * Buc 1: M@ file index.php cia template ( cc template nam & thy myc c:\wamp\www\Joomla\templates ) * Buse 2: Thém code dinh nghfa vi tri Ra Ce ed 5. Tao méi 1 Template * Méi template sé cé t6i thiéu 3 file: — index.php: file chira code dinh ngha mau giao dién. = templateDetails.xml: chira théng tin e&u hinh, cai dat template. —template_thumbnail.png: hinh anh template sau khi thiét ké xong5. Tao méi 1 Template = Vi du: tao 1 template c6 bé cuc nhu sau: iomplie “08/2009 eacuongithemuns.edu-vncauthoEmal> bitsiah velar copy “SloeraeGNUIGPLeileenee> “version 2etvereon> “descripbom M6 td tomplate “postion-header “posiion-eot_phaliposiion= esta Tao méi 1 Template = Buéc 4: Bd sung code dé load néi dung otia Jeomia (module, component) cho file index php — Load header: thém code sau vao thé head chon Instal/Uninstall Manager ST 2.C: Jat Template méi + Thong bao vigc cai dat template thanh céng. @ mar ore sen3. Thay déi Template * Buéc 2: Trong danh sch cdc Template hin cé, chon mét Template muén thay déi, sau dé click chon Default dé hoan thanh viéc thay di Template. FE rere uanagee 29 4, Cap nhat Template * Céu triic chung cia thy myc Template * Tim va thay ddi style Template = Xac dinh cdc vi tri dé dat module trén template = Thém 1 vi tri cho Template ty Cn " 3. Thay déi Template = Buc 1: Vao Extensions > chon Template Manager 2 Ra Cn eed 3. Thay déi Template Ra Ce ed C4u tric chung cia thy myc Template —e——__88:nurmye chia tp tn ees template. css (4p tn ch ares aang cho bs Tompi Br Slmage tr eer inh Sows Inn ehn it cho Temps SStonins murbrtora Tan or lemplate, thumbnail: inh fan ota template sau kite tourlasbetalse laser ate + tompates.php: gol ce phtrong thir dé id thy Templaterey Tim va thay déi style Template * MO file Joomla\templates\thu_myc_chtra_template\ css\ template.css, xc dinh vi tri clia style cAn stra déi sau dé di chuyén dén vj tri do. va thy hién viéc stra déi style cho phi hop voi yéu cau, ty Cn " Tim va thay déi style Template + Hoac c6 thé chon Template can thay déi trong danh sach cdc Template, sau dé nhdn “Edit CSS". Sau d6, chon t4p tin cn higu chinh, nhan “Edit Bis<2°9 Cre) Tim va thay déi style Template = Tim dén vi tri can thay ddi dé thyc hién va nhdn “Save” a hoan thanh. eee nen yyee Ra Cn eed Tim va thay déi style Template = Vi du: Thay di hinh anh bullet cho c&c myc hin thi trong ngi dung bang mét bullet khac Cr) Tim va thay déi style Template = Buse 1: Mé file va xdc dinh vi tri can sira Style table.contentpane ul li, div.nopad ul { list-style-image: ur(./imagestli.ong); ) = Bude 2: Thay di tén file hinh bullet méi thay cho bullet co table.contentpane ul Ii div.nopad ul { list-style-image: ur(./imagesili1.ong); } * Budc 3: Luu lai dé hoan thanh céng viéc Ra Ce ed Tim va thay déi style Template = Két quaCE Xac dinh cdc vj tri dé dat module trén template = Thém vao dia chi trang chi tham sé6 tp=1 Vi dy: http:/MlocalhostiJoomla/?tp=1 Cre) Prox = Danh sach cac vitri clia 1 template duoc dinh nghia trong file templateDetails.xml {nam trong thu muc géc cia template) Cr) 5. Tao méi 1 Template = MBi template sé c6 ti thiéu 2 file: index.php va templateDetails.xm| ~ Index.php: file chira code dinh nghia m&u giao ign — templateDetails xml: chiva théng tin cfu hinh, ci Gat template Ra Ce ed Thém 1 vj tri cho Template * Buc 1: M@ file index.php cia template ( cc template nam & thy muc c-\wamplwww\Joomla\templates ) * Buse 2: Thém code dinh nghfa vi tri ‘ ~ Load Module: thém cade sau vao body “Hloc:nclude types" modules"name="vit” tyle=*kou" > = Load component: thém code sau vao body ‘idocinciudetype="component™ > ~ Load modiule debug: thBm code sau vo cudi trang web “Hlocinciudetypes"modules" names" debug” > TT Gidi thigu * Paint.Net Id cong cu xi iy hinh nh min phi chay tran moi truéng Windows 32-bits. Paint.Net cung ccép cc cong cu cho phép higu chinh mot tm anh \V6i cae tinh nang twrong ty nhu Photoshop. = Uudiém — Giao dign khé don gidn va dé str dung —H6 tro t&t c& cde dinh dang anh ~ Min phi Hung dan st dung « Tao mdi tap tin hinh anh = Chon Menu File / New va tht lap kich thude cho hinh anh Ra Ce ed 6. Paint.Net = Gidi thigu = Huéng dan sir dung Ra Cn eed Hwéng dan st dung = Khéi dong Paint Net = Chon Start / Programs / Paint Net Ra Ce ed Hwéng dn str dung = Luu t€p tin hinh anh —Chon menu File / Save hod File / Save As * Mé tap tin hinh anh —Chon menu File / Open + Mé tap tin hinh anh tir may scan —Chon menu File / Acquire / From Scanner or camerarey Hwéng din st dung = Stra ddi kich thuéc hinh anh — Chon Menu image / Resize ty Cn " Hwéng dan st dung = Thay déi kich thuéc khung chia anh = Chon Menu image / Canvas size Hung dan st dung + Cat xén anh = Xée dinh ving chon trén tm anh bing cée cng cy, sau dé chon Menu Image / Crop to selection a8 xén anh Cr) Hwéng dn st dung = Quay va lat anh = Chon menu image / Flip Horizontal, Fip Vertical, Rotate 90 46 Clockwise dé lat anh theo chi8u ngang, chidu doc, quay 90 46 theo kim dng hd &-w& &-¢ &-) | J Ra Cn eed Hwéng dan st dung = Bao ving chon anh C6 thé dao ving chgn bang cach chon menu Edit/ Invert selection (hoa nhn Ctr +1), Sau 46 ot xén anh Ra Ce ed Hwéng dn str dung = Quay ty do va thu phéng anh Chon Menu Layers / Rotate/Zoom dé thu phongR eT ree Hwéng din st dung = Tang gidm 46 sang cita anh = Tang gidm 4 sang cia anh; Chon menu ‘Adjustments ~» Brightness / Contrast lus rog Joona Pree Hwéng din st dung = Bao mau cho ving chon Bo mau cho ving chon: Chon ving hinh anh ‘cn do mau (néu khéng chon ving thi toan bo tdm anh sé durgc dao mau) bang mét trong cc cong cu chon ving Hwéng dn st dung = Tao anh trang den = Chon viing hinh anh can tao anh trang den (néu khéng chon ving thi toan bé tm anh sé duoc chuyén thanh trang den) bang mét trong cae ng cy chon ving Ra Core) Hwéng dan st dung = Higu chinh sc 46 ciia hinh anh —Chon ving hinh anh cdn higu chinh sée 46 (néu khéng chon viing thi toan bé hinh anh sé duge higu chinh), sau 46 chon thye don Adjustments “> Hue / Saturation. Ra Cm) Hwéng dan st dung = Bao mau cho ving chon = Sau khi chon xong vung can dao mau, chon thy don Adjustments -> Invert Colors 8 dao ‘mau cho ving durge chon Ra Canoe) Hwéng dn str dung = Tao anh trang den ~ Sau khi chan xong ving edn chuyén mau, chon thy don Adjustments > Black and White d& chuyén thanh mau trang den,rey 7. Sie dung ARTISTEER = Gi6i thigu = Huéng dan sir dung Cre) Hwéng din st dung = Tao méi 1 template = Thyc hién template = Luu va xuat ban template Cr) Tao méi Template = Chon kiéu template va nhdn Create ty Cn " Ra Cn eed Tao méi Template = Vao menu bang mau, chon New 7 PCa Ra Ce ed Thy Template * Lya chon mét template cé sn rdi higu chinh lai hod tao méi hoan toan template * Y nghia cac chire nang trén thanh céng cu:TT TT... Thyc hign Template Thy hign Template * Tab Ideas: chon y tuéng thy hién = Tab Colors & Fonts: chon mau sac va kich template co chir SS as es a es Thy hién Template Thyc hién Template * Tab Layout: chon layout cho website * Tab Background: chon kiéu nén va mau nén CC . Thy hién Template Thy hién Template * Tab Sheet: thiét l@p kich c&, mau sac, * Tab Header: thiét ké header dung vién cho trangTT Thyc hign Template = Tab Menu: CT Thy hién Template = Tab Blocks: thiét ké cac block ST Thy hién Template = Tab Articles: thiét ké cac tiéu dé ST Thy hién Template = Tab Buttons: thiét ké cdc nit nhén TE Thy hién Template = Tab Footer: thiét ké Footer ST Luu va xudt ban Template = Luu template vira tao, sau dé xuat ban template vira tao voi kiéu Joomla bang cach vao Export chon Joomla va dat tén cho template nay, Chon kiéu lwu tra dang folder hay zip dé hoan thanh.OTe 2 Hét uno rn ige Bt cuncciooangervinterrven —— @eoke CSS co’ ban Mery ar) RT) 2. Ca phap = CG phap: .tén_style (thuéc_tinh_1: gié_trf_1; thuge_tinh_2: gid_tr) 2; ..} * Vi du: Binh nghia style cho céc chuéi théng bao: ‘mau char dé va in dam .thong_bao{color:#FF0000; font-weight:bold} uns ra ge Bt cuvocmroanseraenrencn Che SU em UM cree Ced JOOMLA DE XAY DUNG MW aethi a 1. Gidi thigu = CSS la tap hop cdc kiéu (style) dinh nghia cach hién thi cia cdc phan tir HTML * Cac Style toan cuc cé thé sir dung nhiéu lan, va dug uu trong cac file CSS a 3. Sl dung CSS + Dua CSS vao trang ~— = Dé str dung style cho cdc thé HTML : ngi dung théng bao