DOWNLOAD WampServer 2.0 : http://www.wampserver.com/en/download.php Vào trang web đó sẽ thấy hình này, click vào chỗ download WampServer 2.0 I - CÀI ĐẶT WAMP SERVER : Nào chúng ta tiếp
Trang 1Biến PC của bạn thành Internet Server or theo dõi camera từ xa
Đọc trên mạng thấy có cái này hay cóp về đây cho ai thích quậy,tìm hiểu,tò mò làm chơi cho biết thì
cứ thử !
-Đây là cách để làm 1 Internet Server nho nhỏ ngay trên máy PC ở nhà của mình hoặc bạn cũng có thể lắp các camera theo dõi từ xa ( trên internet) tình hình trộm cắp ở nhà của mình khi bạn đang ở nơi khác nếu như máy PC của bạn có kết nối internet (ADSL) với tốc độ đường truyền càng cao càng tốt
Bài này sẽ chia thành nhiều bài viết nho nhỏ để các bác tiện theo dõi Và sau bài này sẽ hướng dẫn các bác làm internet camera để chúng ta có thể quan sát nhà của chúng ta, công xưởng của chúng ta bất kỳ nơi nào trên thế giới Biết đâu nó sẽ giúp cho các bác có thể dùng để làm thành một nghề, ví dụ như đi làm internet servers cho các tiểu công ty với giá rẻ hơn bên ngoài, hoặc mở công ty về security trông coi các hãng xưởng
Muốn biết IP máy của mình là reachable hay unreachable, các bác vào internet rồi type
http://www.ip2location/ để xem địa chỉ IP address của mình là gì
Thường thì IP có dạng 4 group hex number FF.FF.FF.FF mà dịch ra decimal là dạng :
000.000.000.000 tới 255.255.255.255
Sau khi biết IP address của mình là số nào (đừng lo lắng về nó là dynamic IP hay static IP bây giờ ), các bác vào trang web sau để thử xem IP đó có ở bên ngoài (internet) có liên lạc tới được không (reachable)?
http://centralops.net/asp/co/Ping.vbs.asp
các bác type vào địa chỉ IP (or domain address - sau này sẽ hướng dẫn cách lấy một free domain name)rồi click GO or press ENTER key
Nếu mọi việc suôn sẻ (no lost packages) thì máy của các bác có thể làm internet server được
Nếu không, phải tìm hiểu lại xem các điều sau:
2- Firewall:
Firewall tức là bức tường lửa ngăn chặn traffic từ trong ra ngoài và từ ngoài vào trong Firewall có thể được dùng bằng:
*- Software: là các firewall programs hoặc Windows Firewall
Các bác " turn off windows Firewall" và remove (disable) các firewall softwares ( thường có trong cácchương trình antivirus)
*- Hardware là các Router hay Gateway :
Trang 2Muốn làm internet server thì computer của mình phải được đưa ra ngoài các Router hay Gateway này Muốn đưa computer của mình ra ngoài firewall của Router hay Gateway,bạn vào setup của Router hoặc Gateway (or modem ADSL có Router, Gateway) để cho nó ra ngoài DMZ (gọi là Demilitarized Zone)
Tất cả các computers khác trong nhà (trong mạng LAN) thì vẫn cứ để sau DMZ
Các bác đã biết nếu mình mua Router hay Gateway có Firewall build-in, tất cả computers sau Router hay Gateway được coi là sau firewall và các computers khác muốn vào computer của mình đều bị firewall chặn lạị
- Sau khi turn off firewall software và đưa computer muốn làm internet server ra DMZ rồi, các bác vàolại các trang web trên để test xem có liên lạc được với IP đó không?
Nếu được,thì chúng ta đã sẵn sàng để làm internet server Nếu vẫn chưa được thì ISP của mình đã đặt mình sau DMZ Chỉ cần gọi đến ISP của mình bảo tôi muốn đưa lưng ra cho người ta đấm, làm ơn chocomputer của tôi ra ngoài DMZ
Chú ý: Nếu có Router hay Gateway, các IP trong máy mình thường bắt đầu bằng 192.168.***.***
Muốn biết số địa chỉ IP của mình với Router thì ra :menu "Start" / Run (command prompt) rồi type IPCONFIG là nó sẽ cho biết
- Khi vào internet, IP của máy mình sẽ không phải là 192.168.1.*** mà là IP do ISP
(Internet Service Provider) nó chỉ định cho mình, thường là IP động (Dynamic IP)
Nếu mua được IP tĩnh (Static IP) thì làm dễ dàng hơn 1 chút
Nhớ là IP của mình phải reachable (các computers khác trên internet phải PING được đến computer của mình), nếu đặt sau firewall thì phải mang computer tính làm server ra ngoài firewall
2- Theo Unix (simulation giống Unix chứ không phải unix) thì hoàn toàn Free các bác ạ
- Http server dùng Apache
- Ftp server dùng free các ftp server software
- MySql server free
- Php free
-
Tất cả đều free Vậy chúng ta sẽ dùng các software free này
Trang 3WARNING : do not try to install WampServer 2 over WAMP5.
If WAMP5 is installed on your computer, save your data, uninstall it and delete the WAMP5 directory before installing WampServer 2
DOWNLOAD WampServer 2.0 : http://www.wampserver.com/en/download.php
Vào trang web đó sẽ thấy hình này, click vào chỗ download WampServer 2.0
I - CÀI ĐẶT WAMP SERVER :
Nào chúng ta tiếp tục sau khi đã download package WAMP 2.0
Click Yes
Click Next
Mark I accept the agreement then click Next
Browse tới diectory nào mình muốn hay để nguyên như thế cũng được rồi click next
Trang 4Mark both boxes rồi click Next
Sau khi click Finish thì tất cả biến mất, để ý ở dưới góc phải sẽ có hình này:
Left click vào cái hình bán nguyệt mầu trắng rồi click LocalHost
Nếu các bác thấy hình như thế này, các bác đã thành công được bước đầu tiên rồi đó
Các bác có thể click vào PHPinfo() hay chờ hướng dẫn tiếp theo
(Tiếp theo)
Tới đây ( khi đã cài đặt xong OK và đang mở WampServer ) nếu bác nào có IP tĩnh (Static IP) và IP của mình ở ngoài firewall mà các computers khác trên internet có thể PING tới được (reachable)thì cácbác có thể dùng browser và type vào chỗ address (_http://***.***.***.***) địa chỉ IP tĩnh của mình Nếu bác nào type IP của mình vào chỗ address mà được như hình dưới cùng thì coi như là xong bước thứ hai
IP động cũng thế, nếu thấy hình cuối cùng bên dưới thì tạm ngưng ở đây qua phần kế tiếp
-Nếu bác nào chưa thấy gì vì bị firewall chặn thì turn off Windows Firewall
Vào Control Panel > security center rồi Turn Off Window Firewall
Sau đó tuỳ theo computer của mình connect vào Internet qua modem hay qua Router (hay Gateway) Nếu qua Modem (tức là connect trực tiếp vào internet) thì có thể type IP address vào Browser để thử
Dù là IP động (Dynamic IP) vẫn có thể type IP động đó vào browser để thử Sau này tôi sẽ chỉ cách lấy một free domain name và làm sao để tự động update IP động này
Trang 5Windows Firewall hay các programs về firewall là software firewall
Còn nếu computer của các bác nằm trong Router hay Gateway thường Router hay Gateway là
Hadware firewall Các bác phải đưa computer của mình ra khỏi hadware firewall trước khi các
computers khác có thể PING tới computer của mình được như đã nói ở trên
Nhà tôi dùng Gateway của 2wire, các bác có thể dùng Net Gear, Air Link, D-link, hay bất kỳ Router hay Gateway nào nó cũng tương tự thôi
Các bác type 192.168.1.1 vào chỗ browser address, tuỳ theo Router hay Gateway address của mình Của tôi là : 192.168.1.254
Vào đây các bác cần setup firewall nên các bác click vào firewall
Các bác click vào firewall setting
Sau đó các bác click DONE, REBOOT computer để cho setting của mình SAVE an toàn vào register database
Sau khi reboot computer, các bác xem wamp server có thành cái hình bán nguyệt trắng như hình dưới đây không?
Nếu nó màu vàng hay đỏ, tức là bị trở ngại gì đó
Nếu nó màu trắng, các bác check lại IP của mình trên internet rồi type cái IP vào browser, nếu nó hiện
ra hình này tức là các bác đã thành công và bước kế tiếp là làm một domain free và làm sao để IP độngluôn luôn link vào domain name của mình
Ví dụ domain name của mình là whocare.whoiam.com thì mình chỉ cần type :
http://whocare.whoiam.com/
là nó sẽ phải hiển thị trang này cho mình mà không cần biết IP là gì:
II- TẠO 1 DOMAIN FREE :
Trang 6Tới đây coi như chúng ta đã làm được internet server nhưng nếu cứ phải type http://***.***.***.***/ tức là type cái IP address thì phiền phức quá, nhất là IP động nữa thì hơi nản.
Các bác type http://www.dyndns.com/ vào browser
Vì chúng ta chưa có account với dyndns nên các bác click vào create account để làm cho mình một account với Dyndns
Sau khi có account rồi, các bác vào trở lại, login vào với account name và password của mình
Các bác click vào Service
Các bác click vào Dynamic DNS
Các bác click vào Get Start
Tới đây , ờ các mục :
- Hostname : các bác tự chọn cho mình một cái tên ưng ý
- Rồi chọn domain name : click vào "down arrow" để chọn
- Wildcard : click "Yes"
- Servive type : đánh dấu vào : "Host with IP address"
- IP address : click vào "use auto detected IP address"
Sau cùng click Create Host
Tới đây coi như các bác đã create cho mình một sub domain name từ các domain name của họ và cái sub domain name này sẽ point vào IP address của các bác
Tuy nhiên mỗi lần IP động thay đổi ( khi tắt mở lại PC,modem ) , các bác lại phải login, vào Manage Hosts (cái nút bên dưới Create Host ) để update IP động của mình
Như vậy vẫn chưa ổn phải không các bác?
Muốn sub domain name của mình nó tự point vào IP address mà mình không cần để ý khi nào IP thay đổi thì click vào Support rồi các bác download program "Dyndns Updater version 4.0.6" về và cài đặt vào máy :
Sau khi download xuống, các bác RUN nó để install
Trang 7Click Agree
Click Next
Click Install
Click Finish to RUN
Các bác type username và password mà các bác vừa create với Dyndns
Click OK, Nếu mọi chuyện suôn sẻ, trong màn hình kế tiếp sẽ hiện ra cái sub domain name của các bác, các bác chỉ việc click Apply, rồi click OK là xong
Tới đây, các bác thử reboot computer rồi type cái sub domain name mà các bác vừa làm với Dyndns xem nó có OK không?
Nếu OK ! các bác sẽ thấy cái home page của các bác lúc install WAMP Server 2
Nếu các bác gặp error, check lại các thứ sau:
1- Xem WAMP server 2 icon ở góc phải (hình bán nguyệt có bị vàng hay đỏ không) Nếu bị vàng hay
đỏ là server bị trở ngại
2- Nếu Wamp server OK, các bác lại click vào nó và click localhost hay type :
http://localhost/ vào browser, các bác sẽ thấy home pagẹ
3- Nào type sub domain name vào http://sub-domain-name/ của các bác đã tạo ra ở trên, nó sẽ cho ra giống với webpage như là của localhost thì coi như các bác đã thành công
Bước kế tiếp là chọn Joomla cho website của mình và phpBB cho diễn đàn của mình và FTP server đểupload và download từ xa
Static IP cũng nên có 1 domain name như forum này chẳng hạn để trỏ (point) vào static IP của forum Bây giờ các bác download "FTP server" ở đây click here
Trang 8Các bác download xuống, unrar file : ftppro.rar vào 1 directory nào đó ví dụ :
D:\ftpserver3pro (or bất kỳ thư mục nào)
Các bác vào directory D:\ftpserver3pro rồi chạy (RUN) file ftpserver.exe
Các bác có thể click vào setup wizard hoặc theo các hình dưới đây :
Các bác click vào Show configuration, các bác sẽ có hình trên
- Click TAB general, các bác sẽ điền vào như trong hình:
- Mục "Welcome message" : các bác điền tuỳ ý
- Mục "Goodbye mesage" : cũng vậy
Quan trọng :
Ờ mục IP address, các bác chọn IP address do DHCP cấp cho các bác, thường thì chương trình này sẽ
"auto detect" cho các bác
Click vào advanced tab, các bác cho directory mà ftppro.exe program resides
Phần cuối cùng là "security", các bác click vào "Show security setting" trong menu bên trái
Các bác muốn nó block hackers sau bao nhiêu lần "try to hack" bằng cách click vào chỗ "Filter mark
DO NOT accept connections from specified IP address."
Các bác click vào "show users account" để "create" tạo cho mình, bạn bè mình (nếu muốn) 1 account trên web server của mình
Các bác có thể giới hạn số lượng bao nhiêu MB cho bạn bè mình
Tới đây coi như xong phần ftp server Như thế chúng ta đã làm xong:
Trang 9Cài đặt joomla vào web site của mình
- Step 1: Download joomla.
Tải joomla version mới nhất 1.5.3 ở đây:
http://www.joomla.org/
File mình tải xuống có tên là joomla_1.5.3-stable-Full_package.zip
- Step 2: Unzip joomla.
Tuỳ theo web site ở đâu, các trường hợp làm hơi khác nhau 1 chút:
Ví dụ: web site ở máy của mình tại nhà và root directory ở :
C:\WWW\
thì mình có thể unzip file đó vào đây, hoặc mình làm một directory mới là:
C:\WWW\joomla\
Cài nó vào chỗ nào cũng được Tùy ý !
Cái lợi khi install vào root directory là chỉ cần type domain name, ví dụ :
- Step 3: Create database.
Sau khi cho các files và directories của joomla vào đúng vị trí mà mình muốn, bước kế tiếp là create một "empty database"
Nếu tại máy nhà thì có thể dùng MySQL language để create "empty database" hoặc dùng
MyPHPadmin hoặc dùng bất kỳ program nào để create 1 empty database
Nếu bác nào mua web hosting như ở webhostingpad.com thì login vào cpanel như sau:
Vào được Cpanel rồi chọn databases:
Create database: Cho tên nào mình muốn vào
Cho username và password vào
Trang 10Nhớ click vào ALL PRIVILLEGES
Click Return to home
Sau đó nhớ close hết các windows và logout khỏi cpanel
CHÚ Ý: Tới đây, coi như đã có 1 empty database
- Password không có prefix, mình cho như thế nào, nó đúng như vậy
- Step 4: Install joomla
Bắt đầu bằng domain name, nhớ là root directory khác với subdirectory nghen
Ví dụ tôi muốn install vào domain name http://gdvbdl.org/ và tôi đã làm đúng các bước trên là upload tất cả các files và directories của joomla lên đó và đã create 1 empty database rồi
Tôi chỉ cần chạy Internet Explorer hoặc FireFox và type vào chỗ address như sau:
Các bác thấy chỗ address tôi type vào đó là http://gdvbdl.org/installation/index.php Tôi chọn English như là language để install
Các bác có thể chọn Language Vietnamese
Joomla sẽ check xem server của mình, nếu làm tại nhà, hoặc ở web hosting xem có đủ PHP và
MySQL không, nếu không, các màu đỏ hay vàng sẽ thay cho các màu xanh, và như thế, các bác phải liên lạc với web hosting và yêu cầu họ turn on PHP và MySQL cho mình dùng
Hình tới là license, just click next, đọc làm gì cho mệt
Tới đây quan trọng nè, các bác nhớ type vào cho đúng:
Trang 11- Database type : chọn MySQL
- Host name : cho localhost
- username : đây là database username đó các bác, nhớ cho prefix và username của mình cho đúng
- password : không có prefix
- database name : cho đúng prefix và database name
Xong click NEXT
Mục FTP, juct mark NO và click NEXT
Site name, các bác cho web site name (domain name )
Điền vào các ô trống bên dưới
Install sample data : cái này các bác nào mới thì nên mark và click vào button đó, nó sẽ install sample data để mình dễ diểu cách làm và tôi sẽ dùng các sample này để chỉ các bác
Tới đây coi như là xong phần installation, các bác vào web site của mình và delete directory
installation đi
Tôi đã delete installation directory !
Sau khi delete installation directory, chúng ta có thể vào web site vừa install joomla
http://xcafe.gdvbdl.org/
Hoặc vào administation panel bằng cách type: http://xcafe.gdvbdl.org/administrator/
Phần tới chúng ta sẽ thay template mà chúng ta muốn, và chúng ta sẽ học cách design SECTION, CATEGORY của JOOMLA
(Còn tiếp)
(Tiếp theo)
Nếu bác nào xài web hosting mà nó cho free joomla thì việc cài joomla quá dễ dàng, các bác login vàocpanel rồi chọn program mà web site đó cho để cài joomla
Nếu ai xài của webhostingpad.com thì làm như sau:
Trong Cpanel, chỗ Sofware/Services, click vào program Fantastico De luxe như trong hình:
Trang 12Click vào joomla 1.5 chỗ Content Management bên trái và click vào new installation bên phải
Installation on domain, các bác chọn domain của mình, nếu cài vào root directory thì để trống chỗ install in directory, nếu muốn caì vào sub directory thì cho tên directory vào Tiếp tục điền vào các chi tiết đầy đủ rồi click button install joomla 1.5
Sau cùng click Finish Installation button
Nếu có gì trở ngại, vẫn có thể dùng manual installation như trên
-Bước kế tiếp mình sẽ thay đổi template hay hình thức trình bày trang web của mình Các bác vào đây lựa 1 trong các templates cho không Các bác nhớ chỉ chọn các templates cho joomla 1.5.x đừng chọn templates cho 1.0.x nó không dùng được đâu
C:\WWW\templates\siteground-j15-53\
trên web hosting thì giống trong hình sau:
Nào login vào administrator panel bằng cách type vào chỗ address của browser:
http://xcafe.gdvbdl.org/administrator/
type user name thường là admin và password
Trang 13Các bác nhớ lại hình này và nhớ lại password cho admin ngheng.
Đây là cái panel (back end) cho administrator
Các bác click vào extensions và click vào template manager
Vào template manager, các bác thấy default của nó là rhuk_milkyway và beez, và cái template mà mình mới download và upload lên là siteground-j15-53 Các bác thử click vào beez và click vào default icon bên góc phải, rồi click preview bên góc phải
Nó sẽ cho các bác template beez (mấy con ong) Các bác close cái đó lại và trở về administrator panel,các bác click siteground-j15-53 rồi click default,
Sau đó click preview, các bác sẽ thấy cái web site của mình, hay front end giống như sau:
Như thế các bác có thể tự thay templates as many and whenever các bác muốn
Sơ lại về templates :
Templates họ cho free, có thể mua và templates có thể tự mình sửa chữa theo ý muốn Hình thức của templates được trang điểm bởi các modules mà tôi sẽ hướng dẫn sau, bây giờ các bác chỉ cần nhớ là templates có cái cố định, fixed, tức là dù ở màn ảnh nào, nó cũng có chiều ngang như vậy không thay đổi Còn các templates di động, fluid, thì nó thay đổi chiều ngang theo màn ảnh mà mình có Ví dụ templates tôi đang xài ở http://gdvbdl.org/ là fluid, co giãn theo màn ảnh
Đó là hình thức của web site, tùy theo templates mình dùng và các modules mình sẽ cho thêm vào sau này mà nó khác nhau chút đỉnh về hình thức Còn nội dung, content, thì joomla được design như sau:
- Joomla content được chia ra làm SECTION, và CATEGORY Mình có thể có bao nhiêu SECTION cũng được và trong một SECTION, mình có thể có bao nhiêu CATEGORY cũng được, và dĩ nhiên trong một CATEGORY mình có thể có bao nhiêu ARTICLE cũng được Như thế ARTICLE là các bàiviết, bản nhạc, hoặc tấm hình đều được coi là 1 ARTICLE
Các bác login vào administrator panel (back end) để chúng ta cùng nghiên cứu SECTION,
CATEGORY, và ARTICLE
Hình trên, các bác vào control panel của administrator rồi click vào CONTENT trên menu bar, các bác
sẽ thấy:
- Article Manager: Để mình control: create, edit, delete các articles
- Article Trash: để mình lấy lại các bài đã bị xóa hay mình có thể xóa vĩnh viễn các bài này
- Section Manager: để mình control: Create, edit, delete các Section
Trang 14- Category Manager: để mình control: Create, edit, delete các Category.
- Front Page Manager: để mình control các bài ở trang chính
Các bác click vào Section Manager:
Chúng ta thấy có 3 sections: About Joomla, News, và FAQs
- Section About Joomla có 3 categories (nhìn cột cuối cùng trong hình)
- Section News có 2 categories
- Section FAQs có 4 categories
Các bác click vào CONTENT và click vào Category Manager:
Các bác sẽ thấy 9 categories như trong hình và category nào thuộc về section nào trong cột cuối cùng bên phảị
Bây giờ các bác chia ra :
- Category: Thông báo
- Category: Góp ý xây dựng, giải đáp thắc mắc
IV- TẠO FRONT PAGE :
Front page là trang chính của web site Từ trang chính này chúng ta có các MENU và trong các MENU này chúng ta có các ITEM để người xem vào đúng trang mà mình muốn Các bác click vào CONTENT và click vào Front Page Manager
Các bài viết ở Front Page đều nằm ở Front Page Manager
Trang 15Chúng ta thấy có:
- 3 articles thuộc về Section News trong Category Latest
- 1 articles thuộc về Section FAQs trong Category General
- và 1 article thuộc về Section FAQs trong Category Current Users
Bây giờ chúng ta delete một số article ở Front page ngheng
Các bác mark vào cái ô vuông bên cạnh title rồi unmark ô vuông chỗ welcome to Joomla! để xem Front page sẽ như thế nào Các bác click vào REMOVE icon ở hàng icons
Đó là cách xoá (remove, delete) các article ở Front Page Muốn xoá các article ở các section khác thì làm sao?
Các bác click vào CONTENT rồi click Article Manager
Chỗ Select Section, các bác chọn About Joomla!
Đây là tất cả các articles của Section About Joomla! không cần biết nằm trong Category nàọ
Các bác thấy dấu X đỏ ở cột Front Page không? Các article nào nằm ở Front page sẽ mark dấu xanh, còn dấu đỏ là không nằm ở Front Pagẹ Các bác Mark vào chỗ ô vuông bên cạnh Title, rồi click Trash trên cùng bên phảị
Tiết tục xoá các bài sample của joomla, các bác lại chọn Section FAQs rồi mark vào ô vuông ở chỗ Title rồi click Trash để xoá
Section News cũng làm vậy chỉ chừa lại article Welcome to Joomla! có mark dấu xanh ở Front Pagẹ
Sau khi xoá hết, các bác click vào Preview ở bên phải trên cùng
Nào Web site bây giờ của http://xcafe.gdvbdl.org/ sẽ giống như thế này với article Welcome to Joomla! còn ở lại Front page, còn tất cả gone
Front page còn lại toàn là Menu và các Modules
Bước kế tiếp ta sẽ xoá các Menu này
Trang 16REMOVE MENU ITEMs
Menu ở Front page là các Module, tại sao gọi là module và module là gì thì chúng ta để đến bài component, module, plugin hãy tìm hiểu kỹ hơn Bây giờ mình tập xoá các menu nào mình không muốn
Các bác login vào back end, administrator control panel
Các bác click vào MENU sẽ thấy như sau:
- Menu Manager: để mình create, edit, và delete các menu
- Menu trash: để mình lấy lại các menu lỡ bị xóa, hoặc vĩnh viễn xóa các menu nàỵ
Bên dưới chúng ta thấy có 6 menu và cái hoa thị (asterisk) ở chỗ Main Menu, đó là default MenụChúng ta tập xóa 3 trong 6 menu này Các bác click vào Menu Manager
Chúng ta sẽ giữ lại:
- Main Menu: Menu chính
- User Menu: để users login
- Top menu:
còn 3 menu kia chúng ta sẽ xoá vì không cần thiết
Các bác mark vào ô tròn bên cạnh Key concept rồi click icon Delete như trong hình
Các bác click Delete lần nữa Nó sợ mình lỡ tay Lỡ thì cho lỡ luôn phải không các bác?
Các bác tiếp tục delete menu Examples pages, và menu Resouces cho đến khi chỉ còn 3 menu như hình dưới
Và bây giờ, click Preview để xem Front Page còn lại gì
Bên trái còn lại module MAIN MENU, module LOGIN FORM và bên phải là Module POLLS, Module WHO'S ONLINE, và module ADVERTISEMENT[/quote]
REMOVE MODULEs
Các MENU đều là các module và có thể nói trừ các article ở front page, tất cả các cái gì được trình bày
ở Front Page đều là Module như POLLs, WHO'S ONLINE, ADVERTISEMENT đều là các modules, muốn control các modules này, các bác vào administrator panel rồi click vào EXTENTIONS rồi click Module Manager
Trang 17Các bác còn nhớ cái Extentions Menu này chứ? nó cho mình:
- Install/Uninstall các component, module, plugin mà tôi sẽ chỉ các bác download free sau để có thể play music, play video, v.v
- Module Manager là để enable/disable các modules
- Plugin manager cũng vậy, tôi sẽ chỉ plugin saụ
- Templates Manager các bác đã thử qua rồi
- Language Manager để mình có thể thay ngôn ngữtiếng Anh hay bất kỳ tiến gì như tiếng Việt chẳng hạn, có điều sau khi tôi install tiếng Việt, tôi change qua tiếng Việt, tôi đọc không hiểu gì cả, nên để English là chính
Các bác thấy trong này nó cho mình nhiều modules không? Các modules này rất quan trọng để làm joomla Nếu các bác lỡ delete module nào, nên reinstall lại cho đủ vì các modules mình đều cần và mình còn phải download nhiều free module ở trên internet nữa Các bác thấy cột Enable không? nnếu
nó mark đỏ, tức là disable module đó Nếu nó mark xanh là Enable module đó Bây giờ mình mark đỏ bằng cách click vào POLLs và ADVERTISEMENT để disable hai modules nàỵ
Tôi đã xóa cả article Welcome to Joomla!, các bác thử xoá một mình xem sao, và coi cái Front page bây giờ của mình ra sao?
Các bác thích thay hình cô gái thành bà xã, người yêu hay bồ nhí thì chuẩn bị Photoshop nghen
- Thêm vài ý về modules :
Các bác vào Module Manager thấy các cột như Access level là public hay registered để nếu mình muốn module đó public hay chỉ có ai register thì mới thấy module đó Rồi position ở bên trái, bên phải, bên trên,bên dưới hay các chỗ nó gọi là user1, user1, user2, user3 các bác thử enable, disable các module trong này, rồi cho nó ở các position khác nhau xem nó nằm ở đâu Rồi module còn được xuất hiện ở trang chính, hay các trang nào, hay enable nhưng không cho xuất hiện ở đâu cả, hoặc xuất hiện ở mọi trang trong web site của mình
Tóm lại modules giống như các viên gạch để xây cái nhà (web site) của mình vậy Các compnent sau này tôi sẽ chỉ sẽ là các cột để chống đỡ cái nhà này, và các plugin là các tiện nghi, các trang trí
REMOVE ARTICLEs, CATEGORies, SECTIONs
Tiếp tục dọn dẹp sạch sẽ trước khi mình xây dựng cái mới Trước khi chúng ta có thể delete
CATEGORY nào, chúng ta phải delete, remove tất cả ARTICLEs trong CATEGORY đó Chúng ta đãlàm chuyện DELETE các ARTICLEs trong các bài trước, nhưng nếu chúng ta muốn delete
CATERGORY nào, chúng ta phải DELETE các ARTICLEs của nó completely ngay cả trong TRASH.Bây giờ chúng ta click vào CONTENT rồi click vào Article Trash như trong hình:
Trang 18Trong Trash Manager, chúng ta click vào cái ô vuông bên cạnh Title (mark nó) rồi click DELETE icontrên góc phải
Nó hỏI lần nữa để confirm mình muốn permenantly delete các articles nàỵ Chúng ta click Delete button lần nữạ
Bây giờ chúng ta có thể delte CATEGORY Click vào CONTENT rồi click Category Manager, Mark như trong hình, rồi click Delete
Cũng vậy, muốn delete SECTION Click vào CONTENT rồi click Section Manager, Mark như trong hình, rồi click Delete
Chúng ta có thể kiểm sóat lại xem tất cả đã delete sạch sẽ chưa bằng cách click vào CONTENT rồi click Article Manager, Check Category Manager, Check Section Manager
Bài tới, chúng ta bắt đầu build cái web site.[/quote]
Khu vực thứ hai là Metadata Settings, chúng ta điền vào chỗ:
- Global Site Meta Description: Chúng ta đề bất kỳ cái gì chúng ta muốn
- Global Site Meta Keywords: Chỗ này quan trọng vì tất cả search engine như Google sẽ tìm những keywords trong này VÍ dụ chúng ta muốn ai search trên google chữ xcafe, hay xcachon, hoặc xcachuathì mình cho các key words này vào đây, cách nhau bằng dấu phẩy (comma)
Nhớ mark YES chỗ Show Title Meta tag và Show Author Meta Tag
Trang 19Tab thứ hai là system, không cần sửa gì cả
-CREATE SECTION, CATEGORY :
Tới đây, có lẽ chúng ta quá quen với Administrator Control Panel rồi phải không? Những lần sau, khi nói đến control panel này, tôi sẽ không có hình nữa trừ phi cần thiết
Muốn create SECTION, chúng ta click vào Section Manager hay click vào CONTENT trên Menu bar rồi click vào Section Manager đều được
Trong Section Manager, chúng ta chưa có gì cả Click vào NEW icon trên góc phải
Vào Section [New]
- chỗ Title, chúng ta điền vào Section mà chúng ta muốn đặt tên, tôi ví dụ XCAFE
- Chỗ Alias: không cần điền gì cả, program tự động cho Alias name
- Published: mark YES
- Chỗ Access Level: chúng ta chọn Public (công cộng, chung) để mọi người đều thấy Registered level
là khi nào mình chỉ muốn các người nào register vào web site của mình mới đọc được hay nhìn thấy, như có programs nào để share cho nhau chẳng hạn thì người không register sẽ không thấy
Xong click SAVE icon trên góc phải
Check lại chúng ta sẽ thấy Section Manager có 1 Section name XCAFE và qua cột Published mark
Trang 20xanh, Access Level là Public, và Category chưa có.
Muốn Create CATEGORY, chúng ta click vào Category manager ở Control panel, bâY giờ chưa có gì cả
Click New để create Category
Trong Category [New]:
- Chỗ Title: Điền vào tên gì mình muốn, ví dụ Thế giới (tin tức thế giới) chẳng hạn
- Chỗ Alias: để trống
- Chỗ Published: Mark YES
- Chỗ Section: chọn XCAFE mà chúng ta vừa create
- Access Level: Chọn Public
Nhớ click SAVE Chúng ta click New và làm tiếp vài Category nữa tùy theo ý muốn, và sau cùng chúng ta có 5 Categories như sau:
Check lại Section xem có đúng không
Chúng ta thấy cột Category có 5 Category
Bài tới sẽ viết ARTICLE
Trang 21- Chỗ Section: Chọn XCAFE
- Published: mark YES
- Front Page: Nếu mình muốn cho nó ra Front Page thì mark YES, còn không thì mark NO
- Category: Chọn Thế giới
Kiếm bài nào đó trên internet COPY and PASTE vào (thực tập mà)
Muốn insert hình từ web site nào đó thì click vào icon mà tôi mark Click to insert picture here (đúng raphải đề click here to insert picture)
Nó pop up cho mình cái windows để mình cho cái URL của tấm hình vào, rồi click update button
Cái đường ngang dưới chữ Thị trường tự do là do click vào Read more button bên dưới chỗ có ba cái button Images, Page Break và Read More đó
Nếu mình tự upload hình lên web site của mình hay server ở nhà của mình mà không dùng hình của server nào đó trên internet thì click vào Images button, nó sẽ cho cái windows dưới đây để mình upload và insert hình vào article của mình
Bên phải, check ngày tháng nào mình muốn nó publish, ngày giờ này ảnh hưởng vào cái time zone màmình setup ở Global Configuration Access level cho.n Public để mọi người đều đọc được Click SAVE icon trên cùng góc phải sẽ được 1 article đầu tiên
Tiết tục click New và cho các articles vào rồi muốn coi thử xem nó xuất hiện ngoài Front Page như thế nào thì click Preview trên cùng góc phải
Điều chỉnh Front Page theo ý muốn :
Sau khi post 1 lô bài (articles) Nhìn ra Front Page đôi khi mình muốn thay đổi như cách trình bày chẳng hạn, mình vào Menus > Main Menu
Trong Menu Item Manager chỉ có 1 item là Home Mark vào ô vuông bên cạnh Home rồi click Edit
Trang 22icon trên góc phải.
Bên trái mình không cần sửa, nhìn qua bên phải chỗ Parameters - Basic:
- Chỗ Leading (article) để 1 tức là 1 article cho leading
- Chỗ Intro (introduction) là 4 articles
- Columns: default của nó là 2, tôi sửa lại thành 1 column ở Ffront Page thôi
- Links: là cac link đến các previous articles (dẫn đến các bài cũ)
Chúng ta sửa theo ý muốn
Page Title có thể change theo ý mình Cho nó display hay không
Sau cùng nhớ click SAVE lại ngheng
Nào click Preview để xem Front page có đúng ý mình chưa Bài tới sẽ làm menu items
(Còn tiếp)
CREATE MENU ITEM :
Chúng ta bắt đầu thực tập create menu item trong Main menu module
Nào chúng ta click vào MENUs rồi click vào Main Menu:
Trong Main Menu, mới có duy nhất 1 item là Home Click New để create new item:
Trong Menu Item này, việc đầu tiên chúng ta phải Select Menu Item type:
Trang 23Menu item type này quan trọng là hai cái đầu:
- Internal link: là link vào các Section, Category, Article trong web site của mình
- External link: là link ra ngoài web site của mình đến các web site khác
Bây giờ chúng ta thực tập internal link trước CLick vào Internal link nó sẽ cho như sau:
Internal link đầu tiên là các articles, các articles được chia ra như sau:
- Archieve Article List: là list của các Articles mà mình mark Archieve ở Article Manager Khi mark Archieve thì Article đó không còn published nữa, nhưng vẫn được lưu trữ trong database, chứ không vào Trash Nếu mình muốn làm 1 cái list các archieved articles thì click vào đây để chọn
- Article layout hay Article submission layout là cái editor cho registered users dùng để post bài
- Category có Category Blog layout giống như Front Page Blog layout Category List layout nó cho chúng ta cái list của các articles title Chúng ta sẽ thực tập chọn Category Blog layout và Category Listlayout trong bài nàỵ
- Front Page chỉ có 1 là Home item đó
- Section: Section cũng có BLog layout và list layout
Nào chúng ta click vào Category Blog Layout cho menu item type nàỵ
Dù chúng ta chọn type nào, chúng ta vẫn có quyền change type sau này bằng cách click vào CHange Type button ở chỗ Menu Item Type CHúng ta vừa chọn Category Blog type cho menu item này
- Chỗ Title, chúng ta type vào Thế Giới cho Category Thế giới
- Chỗ Display in, chúng ta chọn Main Menu Sau này chún gta sẽ có nhiều Menu nên phải chọn cho đúng Menu nào
- Chỗ Parent Item, chúng ta chọn Top Nếu chúng ta click vào Home, thì item sẽ nằm trong sub menu của Home Chúng ta không muốn điều này nên chúng ta chọn Top Như thế item menu Thế giới sẽ ngang hàng với item Menu Home
- Published: YES
- Access level: Public
Bên Phải chỗ Parameter - Basic chọn Section XCAFE, Category Thế giới (XCAFE/Thế giới)
Các parameter bên dưới tôi đã giải thích trong các bài trước rồi
Nhớ click SAVE lại
Trang 24Bây giờ trong Menu Item Manager [Main Menu] đã có 2 menu items là Home và Thế giới.
Click vào Preview rồi click vào menu item Thế giới để xem nó ra sao
Chúng ta để ý thấy gì? Bên trái, Menu Login Form biến mất và bên phải WHO'S ONLINE biến mất Nếu chúng ta thích như vậy thì không cần làm gì cả Nếu chúng ta muốn nó có đầy đủ Login Form bêntrái và WHO'S ONLINE bên phải thì trỏ về control panel, click Extensions > Module Manager
Trong Module Manager, nhìn xuống Module Login Form, click vào chữ Login Form hay mark vào ô vuông bên trái Login Form rồi click Edit icon trên góc phải
Chỗ Menu Selection, mark thêm Thế giới để Login Form hiện ra khi người vào coi click vào Thế giới
Nhớ click SAVE lại rồi click Preview để coi
Bây giờ Login Form đã hiện ra khi mình click vào Menu item Thế giới
Trở lại Module Manager, chúng ta click vào WHO'S ONLINE module
Module này mình chọn ALL cho nó xuấ thiện trong tất cả mọi trang web của mình
Nhớ là sau này nếu chúng ta không thích, vẫn có thể trở vào Module Manager và chọn ALL, NONE, hoặc Selection từng Menu items một CLick SAVE, click Preview để xem Click Thế giới trong Mani menu Wow! module WHO'S ONLINE đã hiện ra như ý muốn
Bây giờ ví dụ chúng ta không thích Login Form hiện ra ở Thế Giới thì chúng ta quay trở lại Module Manager, click Login Form và remove mark ở Thế giới, chỉ để lại Home thôi Click SAVE, click
Trang 25Preview, rồi click Thế giới Login Form không còn nữa.
Chúng ta vào Menus >Main Menu rồi click New để làm thêm Menu item trong Main Menu module:
- Title cho Menu item này, chúng ta chọn Type là Category List Layout và dùng Category Nhạc để listcác bản nhạc CHúng ta type Nhạc vào chỗ Title Bên phải chọn XCAFE/Nhạc
Click vào Paramenter - Advenced, chúng ta chọn Title - Alphabetical để khi chúng ta cho nhạc vào, nó
sẽ sort theo thứ tự Title cho chúng ta
Chỗ Parameter - Component, chúng ta cho nó hide author name, creation date, modify date đi vì không cần
Click SAVE lại, click Preview và click vào Main menu item Nhạc xem sao Wow! có cái list nhưng chưa có bản nhạc nào cả
CREATE NEW MENU module :
Trước khi chúng ta create cái Menu mới, chúng ta thực tập xóa bỏ (delete, remove) menu trước Click vào MENUs chúng ta thấy có Main Menu (đang dùng), User menu (cần thiết cho user login sau này)
và Top Menu
Chúng ta sẽ xoá cái Top Menu này đi bằng theo thứ tự sau:
1- Xóa Top Menu module trước: Click vào Extensions > Module Manager
Chúng ta tìm xem Top Menu module nằm ở đâu, mark vào chỗ ô vuông bên trái của Top Menu module, rồi click Delete icon
2- Xóa Top Menu ở Menu Manager: CLick MENUs > Menu Manager rồi mark vòng tròn bên trái Top Menu, click Delete icon
Trang 26Click delete lần nữa để confirm
3- Vào MENUs > Trash Manager: Mark vào ô vuông bên trái của Name rồi click Delete
Click delete to confirm
Bây giờ chỉ còn lại hai menus là Main Menu và User menu Click New to create a new menu
Trong Menu [New]
- Chỗ Unique name: không được có SPACE (khoảng trống), viết dính liền TrangLienLac
- Các chỗ khác viết thoải mái, nhớ Module name để chúng ta vào Module Manager còn setup module này theo ý muốn Nhớ là các Menu đều là Module
Click SAVE lại và chúng ta thấy có 3 menu như sau:
Vào Module Manager, tìm Trang Liên lạc,
click vào trang Liên lạc để edit
Menu quan trọng ở chỗ Position mình muốn nó bên trái, bên phải và còn tuỳ theo Templates mà nó cho Top hay không cho, các position user1, user2, user3, cũng vậy Nhiều templates nó chỉ cho Menu nằmở bên trái (left) hoặc bên phải (right), các position khác nó disable
Access level là Public thì mọi người đều nhìn thấy menu này, nếu registered thì chỉ registered users mới thấy
Trang 27Click SAVE và view xem Menu đó có nằm đúng chỗ mình muốn hay không? Nếu chưa đúng chỗ, chỗModule Manager, position Left, chúng ta có thể Order theo number 1,2,3,4 rồi click vào icon SAVE
để SAVE cái thứ tự đó lại
Click preview xem đúng ý chưa? Nếu đã hài lòng với thứ tự của Menu rồi, giờ chúng ta create a new Menu item cho Menu Trang Liên Lạc này Click vào MENUs > Trang Liên Lạc
- Type chúng ta sẽ chọn External Link
- Title đề x-cafevn.org để link vào diễn đàn này
- Chỗ Link, cho cái URL của x-cafevn.org vào
Bây giờ Trang Liên Lạc Menu có 1 Menu item là X-cafevn.org
Click Preview và click vào Menu item X-cafevn.org ở Trang Liên Lạc Menu sẽ cho chúng ta qua diễn đàn này
DOWNLOAD & INSTALL FREE PLUGIN :
Chúng ta vào web site này để download free component, module, plugin:
http://extensions.joomla.org/
Đây là definition cho các extensions: component, module, plugin,
Đây là khu vực để download:
Chúng ta thực tập download 1 plugin để play MP3 thật đơn giản bằng cách click vào Audio players & Gallery dưới mục Images & Multimedia
Trang 28Chúng ta cần nhớ 3 yếu tố này trước khi download:
1- Phải là version cho Joomla 1.5.x Version 1.0.x sẽ không được vì engine của joomla 1.0.x khác version 1.5.x
2- Phải là GPL Ver 2.0
3- Phải là non-commercial để khỏi tốn tiền mua thôi chứ nếu mua thì mua commercial
Dù là download free, mình nên đọc review 1 chút Cái nào mà người ta chê quá mà mình download xuống mất công thôi
Nào chúng ta click vào chỗ download của cái 1 PixelOut Audio Player V1.5.1 for Joomla 1.5 only
Nó cho chúng ta qua trang này, chúng ta xuống chỗ zip file của nó để download
Download xuống hard-dish của mình xong, chúng ta vào administrator control panel và click Extensions > Install/Uninstall
Click vào Brown button
Chọn zip file vừa download trong computer của mình
Trở lại Extension Manager, click upload file & install
Sau khi successfull install, click vào Extensions > Plugin Manager
Chỗ Content - 1pixeloutplayer mark đỏ Click vào mark đỏ để enable it, thành màu xanh như hình
Trang 29Bây giờ chúng ta sẵn sàng để làm cái category list cho menu item Nhạc ở Main Menu Click
CONTENT > Article Manager rồi click New để create new article
- Front Page: YES luôn cho nó ra ngoài Front Page cho bà con thưởng thức
Bây giờ cái code viết như sau:
{audio} là cái tag để joomla biết là phải dùng plugin 1pixelout player để play music Nếu muốn nó tự động play thì dùng tag {audio autostart}
Tiếp đến là URL (link) tới bản nhạc bất kỳ ở đâu, ví dụ
http://gdvbdl.org/joomla/images/stor _hongnhung.mp3 là bản nhạc trên web server của tôi Nếu tôi làm trên web của tôi thì tôi có thể bỏ http://gdvbdl.org/joomla đi chỉ còn
images/stories/audio/diemxua_hongnhung.mp3 cũng được vì 1pixeloutplayer biết là sub-directory của joomla
Đóng cái tag lại bằng {/audio}
Như thế complete syntax cho bản nhạc là:
Chúng ta có thể làm bao nhiêu bản nhạc cũng được, nó sẽ cho vào Category list Nhạc tự động
Hẹn các bác trong bài tới sẽ download và install module, component
(Còn tiếp)