báo cáo tiến độ thực tập hàng tuần tại trung tâm athena tuan 1

31
BÁO CÁO TIN ĐỘ THC TP HÀNG TUN TI TRUNG TÂM ATHENA TUN 1 (6/5/2014) ĐỀ TÀI : THIT KWEBSITE TIN TC ATHENA BNG JOOMLA Sinh viên : Nguyn Ngc Bo Châu MSSV : 10520498 GVHD : Thy Võ Đỗ Thng 1. CÀI ĐẶT JOOMLA 2.5.9 a. To cơ sdliu webdoanhnghiep :

Upload: bao-chau-uit

Post on 22-Jun-2015

162 views

Category:

Documents


3 download

TRANSCRIPT

Page 1: Báo cáo tiến độ thực tập hàng tuần tại trung tâm athena tuan 1

BÁO CÁO TI ẾN ĐỘ THỰC TẬP HÀNG TUẦN TẠI TRUNG TÂM ATHENA

TUẦN 1 (6/5/2014)

ĐỀ TÀI : THI ẾT KẾ WEBSITE TIN T ỨC ATHENA

BẰNG JOOMLA

Sinh viên : Nguyễn Ngọc Bảo Châu

MSSV : 10520498

GVHD : Thầy Võ Đỗ Thắng

1. CÀI ĐẶT JOOMLA 2.5.9

a. Tạo cơ sở dữ liệu webdoanhnghiep :

Page 2: Báo cáo tiến độ thực tập hàng tuần tại trung tâm athena tuan 1

b. Cài đặt Joomla 2.5.9 theo từng bước

• Ta copy gói cài đặt “Joomla_2.5.9-Stable-Full_Package.zip” và

vào đường dẫn C:\xampp\htdocs và giải nén. Sau đó đổi tên gói Joomla_2.5.9-

Stable-Full_Package thành tên cơ sở dữ liệu webdoanhnghiep.

• Sau đó vào trình duyệt web gõ vào đường dẫn

http://localhost/webdoanhnghiep để cài đặt gói Joomla

• Quá trình thực hiện em đã tiến hành video, đường link youtube ở

cuối bài báo cáo.

2. CÀI ĐẶT NGÔN NGỮ TIẾNG VIỆT CHO JOOMLA

a. 2 gói ngôn ngữ Tiếng Việt sử dụng là vi-VN và vi-VN_2

b. Cách thực hiện

• Trang chủ Joomla trước khi cài đặt gói Tiếng việt

Page 3: Báo cáo tiến độ thực tập hàng tuần tại trung tâm athena tuan 1

• Trang chủ Joomla sau khi cài đặt gói Tiếng việt

3. CÀI ĐẶT TEMPLATE ATHENA CHO JOOMLA

• Đây là giao diện mặc định cho trang index.php của joomla

• Ta sử dụng 2 template của trung tâm Athena đó là :

athena_default

• Sau khi cài Template athena_default ta thu được kết quả sau :

Page 4: Báo cáo tiến độ thực tập hàng tuần tại trung tâm athena tuan 1

4. TẠO BÀI VI ẾT TRONG JOOMLA

Page 5: Báo cáo tiến độ thực tập hàng tuần tại trung tâm athena tuan 1

• Bài viết được hiển thị ngoài trang chủ :

Page 6: Báo cáo tiến độ thực tập hàng tuần tại trung tâm athena tuan 1

5. TẠO MENU TRONG JOOMLA

• Vào Menu → Main Menu . Đổi tên Menu Home thành

TRANG CHỦ

• Có 2 loại menu :

Page 7: Báo cáo tiến độ thực tập hàng tuần tại trung tâm athena tuan 1

o Menu có 1 bài viết

o Menu có nhiều bài viết theo chuyên mục

• Tạo menu GIỚI THI ỆU có 1 bài viết duy nhất là GIỚI

THI ỆU: Menu → Main Menu → Add Menu Item

Chọn Menu Item Type : Single Article

Chọn Parent Item : TRANG CHỦ

Chọn Select Article : GIỚI THIỆU

• Tạo menu TIN TỨC ĐÀO TẠO có NHIỀU bài viết

o Bước 1: Tạo Category TIN TỨC ĐÀO TẠO

Page 8: Báo cáo tiến độ thực tập hàng tuần tại trung tâm athena tuan 1

o Bước 2: Tạo Menu TIN TỨC ĐÀO TẠO với Category là TIN TỨC ĐÀO

TẠO

Menu → Main Menu → Add Menu Item.

Chọn Menu Item Type : Category Blog

Chọn Parent Item : TRANG CHỦ

Chọn Category : TIN TỨC ĐÀO TẠO

Page 9: Báo cáo tiến độ thực tập hàng tuần tại trung tâm athena tuan 1

• Sau đó tạo các bài viết với Category là TIN TỨC ĐÀO TẠO

6. ĐƯA MENU NẰM NGANG TRONG JOOMLA

• Bước 1 :

• Bước 2 :

Page 10: Báo cáo tiến độ thực tập hàng tuần tại trung tâm athena tuan 1

• Bước 3 :

• Bước 4 : Kết quả hiển thị

Page 11: Báo cáo tiến độ thực tập hàng tuần tại trung tâm athena tuan 1

• Ta tiến hành làm tương tự với các Menu và bài viết khác :

7. TẠO SLIDESHOW ẢNH TRÊN TRANG CHỦ JOOMLA

• Bước 1 :

• Bước 2 : Tạo folder chứa ảnh để tao slideshow

Page 12: Báo cáo tiến độ thực tập hàng tuần tại trung tâm athena tuan 1

• Bước 3: Cài đặt Module slideshowck

• Bước 4 : Vào Module Manager

Page 13: Báo cáo tiến độ thực tập hàng tuần tại trung tâm athena tuan 1

• Bước 5: Upload ảnh lên

Page 14: Báo cáo tiến độ thực tập hàng tuần tại trung tâm athena tuan 1

Chọn Choose file

Page 15: Báo cáo tiến độ thực tập hàng tuần tại trung tâm athena tuan 1

Ta làm tương tự đối với các ảnh khác

• Bước 5 : Xác định vị trí đặt slideshow ảnh

Page 16: Báo cáo tiến độ thực tập hàng tuần tại trung tâm athena tuan 1

Đặt tại vị trí position -15

Page 17: Báo cáo tiến độ thực tập hàng tuần tại trung tâm athena tuan 1

Kết quả cuối cùng

8. NHÚNG VIDEO VÀO BÀI VI ẾT TRONG JOOMLA

• Bước 1: Download plugin Youtube Embedder

Page 18: Báo cáo tiến độ thực tập hàng tuần tại trung tâm athena tuan 1

• Bước 2: Cài đặt plugin. Vào Extensions → Extensions Manager

Page 19: Báo cáo tiến độ thực tập hàng tuần tại trung tâm athena tuan 1

• Bước 3: Kích hoạt Plugin. Vào Plugin Manager

• Bước 4: Tạo bài viết mới và dán đường link youtube của video cần

hiển thị vào

Page 20: Báo cáo tiến độ thực tập hàng tuần tại trung tâm athena tuan 1

Kết quả cuối cùng

9. CÀI ĐẶT MODULE DANH M ỤC TIN TỨC TRONG JOOMLA

• Bước 1: Cài đặt Module. Vào Extensions → Extensions Manager

Page 21: Báo cáo tiến độ thực tập hàng tuần tại trung tâm athena tuan 1

• Bước 2 : Cài đặt plugin. Vào Extensions → Extensions Manager

• Bước 3: Kích hoạt Module và plugin

• Bước 4: Chọn vị trí đặt danh mục tin tức là Position-12

• Bước 5: Vào Extensions → Module Manager → SJ MegaNew

Page 22: Báo cáo tiến độ thực tập hàng tuần tại trung tâm athena tuan 1
Page 23: Báo cáo tiến độ thực tập hàng tuần tại trung tâm athena tuan 1
Page 24: Báo cáo tiến độ thực tập hàng tuần tại trung tâm athena tuan 1

Kết quả cuối cùng

10. CÀI ĐẶT MODULE CUSTOM HTML TRONG JOOMLA

• Bước 1: Vào Extensions → Module Manager → New

• Bước 2:

Page 25: Báo cáo tiến độ thực tập hàng tuần tại trung tâm athena tuan 1

• Bước 3:

• Bước 4: Upload hình quảng cáo với chiều rộng 698

• Bước 5:

Page 26: Báo cáo tiến độ thực tập hàng tuần tại trung tâm athena tuan 1

Kết quả cuối cùng

11. TẠO FOOTER TRONG JOOMLA

• Bước 1: Xác định position của footer trên trang web là position-27

Page 27: Báo cáo tiến độ thực tập hàng tuần tại trung tâm athena tuan 1

• Bước 2: Vào Extensions → Module Manager → New

• Bước 3:

Page 28: Báo cáo tiến độ thực tập hàng tuần tại trung tâm athena tuan 1

• Bước 4: Copy Footer trong trang athena.edu.vn

• Bước 5: Paste vào

Page 29: Báo cáo tiến độ thực tập hàng tuần tại trung tâm athena tuan 1

• Bước 6:

Page 30: Báo cáo tiến độ thực tập hàng tuần tại trung tâm athena tuan 1

Kết quả cuối cùng

12. LINK VIDEO T Ự QUAY QUÁ TRÌNH TH ỰC HIỆN

• CÀI ĐẶT JOOMLA 2.5.9

https://www.youtube.com/watch?v=EdgOk3dC7l8

• CÀI ĐẶT NGÔN NGỮ TIẾNG VIỆT CHO JOOMLA

https://www.youtube.com/watch?v=E8jxG_8fGg8

• CÀI ĐẶT TEMPLATE ATHENA CHO JOOMLA

https://www.youtube.com/watch?v=3yxZKb86YqQ

• TẠO BÀI VI ẾT TRONG JOOMLA

https://www.youtube.com/watch?v=-hsdAdINxiM

• TẠO MENU TRONG JOOMLA

https://www.youtube.com/watch?v=XF841AGwkQU

• ĐƯA MENU NẰM NGANG TRONG JOOMLA

https://www.youtube.com/watch?v=BN0Ve3dQp0E

Page 31: Báo cáo tiến độ thực tập hàng tuần tại trung tâm athena tuan 1

• TẠO SLIDESHOW ẢNH TRÊN TRANG CHỦ JOOMLA

https://www.youtube.com/watch?v=lvSHd0sVogk

• NHÚNG VIDEO VÀO BÀI VI ẾT TRONG JOOMLA

https://www.youtube.com/watch?v=TashOXby-n4

• CÀI ĐẶT MODULE DANH M ỤC TIN TỨC TRONG JOOMLA

https://www.youtube.com/watch?v=8LnjB1vWpnM

• CÀI ĐẶT MODULE CUSTOM HTML TRONG JOOMLA

https://www.youtube.com/watch?v=McIi7gMCwZ8

• TẠO FOOTER TRONG JOOMLA

https://www.youtube.com/watch?v=rFJKEb1j8T8