Xây dựng web giới thiệu trực tuyến các chương trình đào tạo athena

Trước khi cài đặt Joomla ta phải vào trang download như sau: http://www.joomla.org/download.htmlở đây ta chọn file Joomla_2.5.18-Stable-Full_Package.zip Copy file zip vào đường dẫn C:\xa

XÂY DỰNG WEB GIỚI THIỆU TRỰC TUYẾN CÁC CTRÌNH ĐÀO TẠO ATHENA.

Đầu tiên ta cài đặt XAMPP

Sau khi cài đặt ta chạy XAMPP

Bật Apache và MySql ==> Start

Trước khi cài đặt Joomla ta phải vào trang download như sau: http://www.joomla.org/download.html

ở đây ta chọn file Joomla_2.5.18-Stable-Full_Package.zip

Copy file zip vào đường dẫn C:\xampp\htdocs

Ta chọn Extract to Joomla_2.5.18-Stable-Full_Package.zip

Sau khi giải nén ta đổi tên thư mục sao cho ngan gon dễ nhớ, ở đây tôi đổi thành athena

Vào 1 trình duyệt nào đóa ở đây tôi chọn google chrome gõ : http://localhost/athena

Chọn ngôn ngữ việt nam, bấm tiếp theo

Tiếp theo

Nhập thông tin host, user name và password của hệ quản trị cơ sở dữ liệu MySQL

Tiếp theo

Click vào xóa thư mục cài đặt.

Vào Trang để xem và người quản trị để thiết lập

Vào http://localhost/athena/administrator nhập tài khoản là admin, pass là nãy bạn đặt

Để cài đặt template cho joomla vào Extenation Manager

Upload & Install template cần cài đặt

Click vào ngôi sao để chọn mặc định cho template bạn chọn

Ra http://localhost/athena/ bấm F5 để xem tempalte mới

Để xóa logo ta vào

Chuyển từ ON sang OFF rồi SAVE, ta vào http://localhost/athena/ F5 xem lại

http://localhost/athena/?tp=1 ta vào để xem positions của webiste để dàng cho việc đặt module

Phần bài viết ta tạo Catelogy và pỏ bài viết vào đóa

Điền cách giá trị cần thiết rồi save

Ta tạo tùy ý và được như thế này

Bây giờ ta tạo bài viết

Điền đầy đủ thông tin rồi save, ta được 1 bài viết, viết 8 hoặc 9 bài viết để dễ thấy.

Để hiện bài viết lên trang web ta tạo 1 module và add bài viết vào menu

Vào Module Manager , chọn New click vào menu - 1 kiểu module

Điền các thông tin, Position là chỗ mà module hiển thị trên website

Ta được như sao

Vấn đề là cái main menu nó chỉ hiện lên cái home thôi ta tao thêm = cách vào Main Menu

Chọn New tạo 1 cái menu ở đây chọn dạng blog và save

Ra được thêm cái mục tin tức và category đã được add vào mục ấy cứ thế và làm tiếp tục cái menu mình muốn :D

Ta làm module Login vào Module Manager chọn New click vào Login

Điền thông tin và save

Ta được login box

Tiếp tục tao 1 box search y như vậy nhưng thay vì chọn Login ta chọn Search :D

Tạo tiếp 1 module facebook like box thì ta chọn HTML5 thay cho Login

Vào https://developers.facebook.com/docs/plugins/like-box-for-pages/ lấy Iframe, điền đầy đủ và get code chọn Iframe

Nhập code Iframe vào và save

Ta được như sau

Làm thêm cái hỗ trợ khách hàng cũng = Module Custom HTMLĐây là iframe Yahoo

Save lại ta được như sao

Bây giờ thì tạo 1 cái headline

Nếu không có thì bạn tự search hoặc headline tui cho link http://vinaora.com/vinaora-nivo-slider/

Vào download mà xài, xong vào Extension Manager để cài thêm module Headline

Upload & Install rồi vào Module Manager có một module được tạo ra tên là Vinaora Nivo Slider

Thiết lập xong save, đường dẫn của tôi ở đây là /images/banners.

Ta được như thế này

Bây giờ ta tạo google map để người đọc biết được công ty nằm ở đâu

Cài plugin plugin_googlemap_J25_J30.2.18.zip vào plugin manager tìm googlemaps xong public nó lên

Vào trang https://code.google.com/apis/console lấy API keys

Đăng ký vào lấy key

Xong ném key vào đây

save

Ta vào https://www.google.com/maps tìm đúng địa chỉ công ty ở đây tôi chọn Athena

Lấy Iframe từ nút tùy chọn => chọn chia sẻ và nhúng liên kết :D

Cho Iframe bài viết đặt tên là google map

Ta được 1 trang như sau:

Bây giờ tạo nút like, share, comment của facebook và google +

Dowload plg_fb_tw_plus1_2.5_v2.5.zip trên mạng nhiều lắm.

Upload & Install

Vào plugin manager tìm Connet – Facebook-Twitter-Google+1, public nó lên, thiết lập tùy ý và save

Ta được như thế này

Đây chỉ là localhost còn upload lên Hosting nào đóa thì phải vào https://developers.facebook.com/apps, tạo một cái apps rồi vào Plug-in Manager: Content - Facebook-Twitter-Google+1 => Advanced OptionsIDFacebook administrator ID:

Facebook App :

App secret key:

Tất cả có trong apps đã tạo :D