Xây dựng web giới thiệu trực tuyến các ctrình đào tạo athena
-
Upload
hieu-dong-bon -
Category
Education
-
view
380 -
download
1
description
Transcript of Xây dựng web giới thiệu trực tuyến các ctrình đào tạo athena
![Page 1: Xây dựng web giới thiệu trực tuyến các ctrình đào tạo athena](https://reader033.fdocuments.net/reader033/viewer/2022051513/5478d465b4af9f7a518b4618/html5/thumbnails/1.jpg)
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](https://reader033.fdocuments.net/reader033/viewer/2022051513/5478d465b4af9f7a518b4618/html5/thumbnails/2.jpg)
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](https://reader033.fdocuments.net/reader033/viewer/2022051513/5478d465b4af9f7a518b4618/html5/thumbnails/3.jpg)
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](https://reader033.fdocuments.net/reader033/viewer/2022051513/5478d465b4af9f7a518b4618/html5/thumbnails/4.jpg)
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](https://reader033.fdocuments.net/reader033/viewer/2022051513/5478d465b4af9f7a518b4618/html5/thumbnails/5.jpg)
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](https://reader033.fdocuments.net/reader033/viewer/2022051513/5478d465b4af9f7a518b4618/html5/thumbnails/6.jpg)
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](https://reader033.fdocuments.net/reader033/viewer/2022051513/5478d465b4af9f7a518b4618/html5/thumbnails/7.jpg)
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](https://reader033.fdocuments.net/reader033/viewer/2022051513/5478d465b4af9f7a518b4618/html5/thumbnails/8.jpg)
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](https://reader033.fdocuments.net/reader033/viewer/2022051513/5478d465b4af9f7a518b4618/html5/thumbnails/9.jpg)
Đ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](https://reader033.fdocuments.net/reader033/viewer/2022051513/5478d465b4af9f7a518b4618/html5/thumbnails/10.jpg)
Đ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](https://reader033.fdocuments.net/reader033/viewer/2022051513/5478d465b4af9f7a518b4618/html5/thumbnails/11.jpg)
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](https://reader033.fdocuments.net/reader033/viewer/2022051513/5478d465b4af9f7a518b4618/html5/thumbnails/12.jpg)
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](https://reader033.fdocuments.net/reader033/viewer/2022051513/5478d465b4af9f7a518b4618/html5/thumbnails/13.jpg)
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](https://reader033.fdocuments.net/reader033/viewer/2022051513/5478d465b4af9f7a518b4618/html5/thumbnails/14.jpg)
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](https://reader033.fdocuments.net/reader033/viewer/2022051513/5478d465b4af9f7a518b4618/html5/thumbnails/15.jpg)
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](https://reader033.fdocuments.net/reader033/viewer/2022051513/5478d465b4af9f7a518b4618/html5/thumbnails/16.jpg)
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](https://reader033.fdocuments.net/reader033/viewer/2022051513/5478d465b4af9f7a518b4618/html5/thumbnails/17.jpg)
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](https://reader033.fdocuments.net/reader033/viewer/2022051513/5478d465b4af9f7a518b4618/html5/thumbnails/18.jpg)
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](https://reader033.fdocuments.net/reader033/viewer/2022051513/5478d465b4af9f7a518b4618/html5/thumbnails/19.jpg)
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](https://reader033.fdocuments.net/reader033/viewer/2022051513/5478d465b4af9f7a518b4618/html5/thumbnails/20.jpg)
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](https://reader033.fdocuments.net/reader033/viewer/2022051513/5478d465b4af9f7a518b4618/html5/thumbnails/21.jpg)
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](https://reader033.fdocuments.net/reader033/viewer/2022051513/5478d465b4af9f7a518b4618/html5/thumbnails/22.jpg)