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

24
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

Upload: hieu-dong-bon

Post on 29-Nov-2014

378 views

Category:

Education


1 download

DESCRIPTION

joomla 2.5

TRANSCRIPT

Page 1: Xây dựng web giới thiệu trực tuyến các ctrình đào tạo athena

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.

Page 2: Xây dựng web giới thiệu trực tuyến các ctrì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:\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

Page 3: Xây dựng web giới thiệu trực tuyến các ctrình đào tạo athena

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

Tiếp theo

Page 4: Xây dựng web giới thiệu trực tuyến các ctrình đào tạo athena

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

Page 5: Xây dựng web giới thiệu trực tuyến các ctrình đào tạo athena

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.

Page 6: Xây dựng web giới thiệu trực tuyến các ctrình đào tạo athena

Vào

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

Page 7: Xây dựng web giới thiệu trực tuyến các ctrình đào tạo athena

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.

Page 8: Xây dựng web giới thiệu trực tuyến các ctrình đào tạo athena

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.

Page 9: Xây dựng web giới thiệu trực tuyến các ctrình đào tạo athena

Đ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

Page 10: Xây dựng web giới thiệu trực tuyến các ctrình đào tạo athena

Đ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

Page 11: Xây dựng web giới thiệu trực tuyến các ctrình đào tạo athena

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

Page 12: Xây dựng web giới thiệu trực tuyến các ctrình đào tạo athena

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

Page 13: Xây dựng web giới thiệu trực tuyến các ctrình đào tạo athena

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

Page 14: Xây dựng web giới thiệu trực tuyến các ctrình đào tạo athena

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

Page 15: Xây dựng web giới thiệu trực tuyến các ctrình đào tạo athena

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

Page 16: Xây dựng web giới thiệu trực tuyến các ctrình đào tạo athena

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

Page 17: Xây dựng web giới thiệu trực tuyến các ctrình đào tạo athena

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

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

Page 18: Xây dựng web giới thiệu trực tuyến các ctrình đào tạo athena

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

Page 19: Xây dựng web giới thiệu trực tuyến các ctrình đào tạo athena

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

Page 20: Xây dựng web giới thiệu trực tuyến các ctrình đào tạo athena

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.

Page 21: Xây dựng web giới thiệu trực tuyến các ctrình đào tạo athena

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 Options

IDFacebook administrator ID:

Facebook App :

App secret key:

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

Page 22: Xây dựng web giới thiệu trực tuyến các ctrình đào tạo athena