www.athena.edu.vn

BÁO CÁO THỰC TẬP

ĐỀ TÀI: NGHIÊN CỨU VÀ XÂY DỰNG WEBSITE TIN TỨC BẰNG WORDPRESS,JOOMLA,OPENCART

GVHD : THẦY VÕ ĐỖ THẮNG

SVTT : HOÀNG TRUNG TÍN MSSV : 51003403 TRƯỜNG : ĐẠI HỌC BÁCH KHOA TP.HCM

TP.HCM, ngày 16 tháng 08 năm 2015

TRUNG TÂM ĐÀO TẠO ATHENA

BÁO CÁO THỰC TẬPĐỀ TÀI: NGHIÊN CỨU VÀ XÂY DỰNG WEBSITE BẰNG

JOOMLA,WORDPRESS,OPENCART

GVHD : THẦY VÕ ĐỖ THẮNG SVTT : HOÀNG TRUNG TÍN MSSV : 51003403 TR ƯỜNG : ĐẠI HỌC BÁCH KHOA TP.HCM

TP.HCM. ngày 16 tháng 08 năm 2015

LỜI CẢM ƠNKhoa khoa học và kĩ thuật máy tính

Em xin chân thành cảm ơn trường đại học bách khoa thành phố Hồ Chí Minh và khoa khoa học và kĩ thuật máy tính đã tạo điều kiện cho em hoàn thành tốt đợt thực tập công nghiệp 2 này. Đợt thực tập này đã cho em nhưng kinh nghiệm quý báu. Những ông việc đó sẽ giúp em hoàn thiện hơn trong công việc và môi trường làm việc sau này.

Em cũng xin chân thành cảm ơn các thầy cô trong khoa đã tận tình giảng dạy và trang bị cho em nhưng kiến thức cần thiết và hỗ trợ em hoàn thánh đề tài này.

Mặc dù em đã cố gắng ết sức có thể , nhưng do trình độ hiểu biết và sự thiếu sót kinh nghiệm nên không thể tránh khỏi những sai sót nhất định , mong nhận được sự thông cảm và chia sẻ của thầy cô để em thực hiện báo cáo thực tập được tốt hơn.

Một lần nữa , em xin chân thành cảm ơn.

Sinh viên thực tập

Hoàng Trung Tín

LỜI CẢM ƠN

Trung tâm ATHENA

Em xin chân thành cảm ơn ban giám đốc trung tâm đào tạo quản trị mạng và an ninh mạng quốc tế ATHENA, thầy Võ Đỗ Thắng và các anh chị đã giúp đỡ em trong thời gian vừa qua, tạo điều kiện cho em thực tập tốt tại công ty.

Trong đợt thực tập này đã cho em những kinh nghiệm quý báu, sẽ giúp em trong công việc và môi trường làm việc sau này.

Em cũng xin chân thành cảm ơn các thầy cô trong khoa đã tận tình giảng dạy và trang bị cho em nhưng kiến thức cần thiết và hỗ trợ em hoàn thánh đề tài này.

Mặc dù em đã cố gắng ết sức có thể , nhưng do trình độ hiểu biết và sự thiếu sót kinh nghiệm nên không thể tránh khỏi những sai sót nhất định , mong nhận được sự thông cảm và chia sẻ của thầy cô để em thực hiện báo cáo thực tập được tốt hơn.

Một lần nữa , em xin chân thành cảm ơn.

Sinh viên thực tập

Hoàng Trung Tín

NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN

..................................................................................................................

...........................................................................................................................

...........................................................................................................................

...........................................................................................................................

...........................................................................................................................

...........................................................................................................................

...........................................................................................................................

...........................................................................................................................

...........................................................................................................................

...........................................................................................................................

...........................................................................................................................

...........................................................................................................................

...........................................................................................................................

...........................................................................................................................

...........................................................................................................................

...........................................................................................................................

...........................................................................................................................

...........................................................................................................................

Tp.HCM, Ngày…… tháng……. năm ………

Ký tên

Ý KIẾN VÀ NHẬN XÉT CỦA CƠ QUAN THỰC TẬP

..................................................................................................................

...........................................................................................................................

...........................................................................................................................

...........................................................................................................................

...........................................................................................................................

...........................................................................................................................

...........................................................................................................................

...........................................................................................................................

...........................................................................................................................

...........................................................................................................................

...........................................................................................................................

...........................................................................................................................

...........................................................................................................................

...........................................................................................................................

...........................................................................................................................

...........................................................................................................................

...........................................................................................................................

...........................................................................................................................

Tp.HCM, Ngày…… tháng……. năm ………

Ký tên

MỤC LỤC

I. GIỚI THIỆU TRUNG TÂM ATHENA ………………...1

II. NỘI DUNG THỰC TẬP

A. Giới thiệu Joomla và XAMPP………………………...3

B. Giới thiệu website Joomla và yêu cầu đề tài………….4

C. Cách tiến hành xây dựng website …………………….5

D. Xây dựng wedside bằng wordpress …………………41

E. Xây dựng wedside bằng Opencart ………......................50

F. SEO …………………………………………………….55

G. Tài liệu tham khảo ………………………………….......57

I. GIỚI THIỆU TRUNG TÂM ATHENA

Trung Tâm Đào Tạo Quản Trị Mạng & An Ninh Mạng Quốc Tế  ATHENA được thành lập từ năm 2004, là một tổ chức qui tụ nhiều trí thức trẻ Việt Nam đầy năng động, nhiệt huyết và kinh nghiệm trong lãnh vực CNTT, với tâm huyết góp phần vào công cuộc thúc đẩy tiến trình đưa công nghệ thông tin là ngành kinh tế mũi nhọn, góp phần phát triển nước nhà .Lĩnh vực hoạt động chính:

+ Trung tâm  ATHENA đã và đang tập trung chủ yếu vào đào tạo  chuyên sâu quản trị mạng, an ninh mạng, thương mại điện tử theo các tiêu chuẩn quốc tế của các hãng nổi tiếng như Microsoft, Cisco, Oracle, Linux LPI , CEH,... Song song đó, trung tâm ATHENA còn có những chương trình đào tạo cao cấp dành riêng  theo đơn đặt hàng của các đơn vị như Bộ Quốc Phòng, Bộ Công An , ngân hàng, doanh nghiệp, các cơ quan chính phủ, tổ chức tài chính..

+ Sau gần 10 năm hoạt động nhiều học viên tốt nghiệp trung tâm ATHENA đã là chuyên gia đảm nhận công tác quản lý hệ thống mạng, an ninh mạng cho nhiều bộ ngành như cục Công Nghệ Thông Tin – Bộ Quốc Phòng, Bộ Công An, Sở Thông Tin Truyền Thông các tỉnh, bưu điện các tỉnh.

+ Ngoài chương trình đào tạo, Trung tâm ATHENA còn có nhiều chương trình hợp tác  và trao đổi công nghệ với nhiều đại học lớn như đại học Bách Khoa Thành Phố Hồ CHính Minh, Học Viện An Ninh Nhân Dân( Thủ Đức),  Học Viện Bưu Chính Viễn Thông, Hiệp hội an toàn thông tin (VNISA), Viện Kỹ Thuật Quân Sự ,......

Đội ngũ giảng viên :

+ Tất cả các giảng viên trung tâm ATHENA có đều tốt nghiệp từ các trường đại học hàng đầu trong nước .... Tất cả  giảng viên ATHENA đều phải có các chứng chỉ quốc tế như MCSA, MCSE, CCNA, CCNP, Security+, CEH,có bằng sư phạm Quốc tế (Microsoft Certified Trainer).Đây là các chứng chỉ chuyên môn bắt buộc để đủ điều kiện tham gia giảng dạy tại trung tâm ATHENA.

+ Bên cạnh đó,Các giảng viên ATHENA thường đi tu nghiệp và cập nhật kiến thức công nghệ mới từ các nước tiên tiến như Mỹ , Pháp, Hà Lan, Singapore,... và truyền đạt các công nghệ mới này trong các chương trình đào tạo tại trung tâm ATHENA.

1

Cơ sở vật chất: 

+ Thiết bị đầy đủ và hiện đại  + Chương trình cập nhật liên tục, bảo đảm học viên luôn tiếp cận với những công nghệ mới nhất.  + Phòng máy rộng rãi, thoáng mát.

Dịch vụ hỗ trợ:+ Đảm bảo việc làm cho học viên tốt nghiệp khoá dài hạn.+ Giới thiệu việc làm cho mọi học viên.+ Thực tập có lương cho học viên khá giỏi.+ Ngoài giờ học chính thức, học viên được thực hành thêm miễn phí, không giới hạn thời gian.+ Hỗ trợ kỹ thuật không thời hạn trong tất cả các lĩnh vực liên quan đến máy tính, mạng máy tính, bảo mật mạng.+ Hỗ trợ thi Chứng chỉ Quốc tế.

Địa chỉ Trung tâm ATHENA:

Cơ sở 1: 92 Nguyễn Đình Chiểu, phường Đa Kao, Q1. Điện thoại: (08)38244041 - 090 78 79 477-094 323 00 99(Gần ngã tư Đinh Tiên Hoàng - Nguyễn Đình Chiểu)  Cơ sở 2: 2 Bis Đinh Tiên Hoàng, phường Đa Kao, Q1. Điện thoại: (08)22103801 - 094 320 00 88(Cạnh sân vận động Hoa Lư - Cách đài truyền hình Tp HTV 50 mét) Website: http://athena.edu.vn - http://athena.com.vn E-mail : support@athena.edu.vn    -  tuvan@athena.edu.vn

2

II. NỘI DUNG THỰC TẬP

A. Giới thiệu Joomla và XAMPP- Joomla

Joomla là một hệ quản trị nội dung mã nguồn mở (Tếng Anh : Open Source Content Management Systems . Joomla được viết bằng ngôn ngữ PHP và kết nối tới cơ sở dữ liệu MySQL , cho phép người sử dụng có thể dễ dàng xuất bản các nội dung của họ lên Internet hoặc Intranet.

Joomla có các đặc tính cơ bản là: bộ đệm trang (page caching) để tăng tốc độ hiển thị, lập chỉ mục, đọc tin RSS (RSS feeds), trang dùng để in, bản tin nhanh, blog, diễn đàn, bình chọn, lịch biểu, tìm kiếm trong Site và hỗ trợ đa ngôn ngữ.

Joomla được phát âm theo tiếng Swahili như là 'jumla' nghĩa là "đồng tâm hiệp lực".

Joomla được sử dụng ở khắp mọi nơi trên thế giới, từ những website cá nhân cho tới những hệ thống website doanh nghiệp có tính phức tạp cao, cung cấp nhiều dịch vụ và ứng dụng. Joomla có thể dễ dàng cài đặt, dễ dàng quản lý và có độ tin cậy cao.

Joomla có mã nguồn mở do đó việc sử dụng Joomla là hoàn toàn miễn phí cho tất cả mọi người trên thế giới.

- XAMPP

Nếu muốn một trang web viết bằng ngôn ngữ PHP có thể chạy được trên

máy tính cục bộ và trên máy chủ thì cần phải có một web server là Apache, bộ

thông dịch ngôn ngữ PHP, ngôn ngữ truy vấn cơ sở dữ liệu là mySQL. Đây là ba

thành phần độc lập với nhau nhưng là bộ tam không thể thiếu nhau.

Từ nhu cầu đó mà một gói phần mềm tích hợp 3 thành phần trên đã ra đời. Có

nhiều phần mềm tích hợp 3 thành phần này. Nhưng hiện nay, gói phần mềm chạy

ổn định nhất đó là XAMPP.

XAMPP tích hợp các gói phần mềm: Apache (web server), PHP (Ngôn ngữ

lập trình web), mySQL (hệ quản trị cơ sở dữ liệu dành cho PHP. Ngoài ra

XAMPP còn có thể liên kết với các gói khác như FileZilla, Toomcat, Mercury…

XAMPP được dùng khá phổ biến cho cả 4 hệ điều hành khác nhau : Windows, Linux, Solaris và MAC.

3

B.Giới thiệu website Joomla và yêu cầu đề tài Giới thiệu website Joomla

Các website Joomla cho phép chúng ta có thể dễ dàng ứng dụng và phát triển thêm những tiện ích mạnh mẽ phục vụ cho khách hàng của mình. Dưới đây là một số những ứng dụng được người dùng của Joomla quan tâm nhất và sử dụng nhiều nhất:

- Tạo dựng lên các biểu mẫu động (dynamic form).- Room trưng bày hình ảnh đa tiện ích (The image gallery).- Kinh doanh online & công cụ thanh toán, quản lý đơn hàng.- Tạo dựng các diễn đàn, phần mềm chat.- Lịch làm việc rất tiện ích.- Có phần mềm viết blog riêng.- Thư điện tử và có tin mới báo cho người dùng.- Có các công cụ lưu dữ liệu và báo cáo phản hồi.- Có hệ thống quản lý quảng bá (các hình ảnh và từ ngữ).- Có dịch vụ đăng kí nhận thông tin.

Và đây là những lợi ích của bạn khi thiết kế các trang web bằng ngôn ngữ Joomla: - Cơ sở dữ liệu quản lý linh động, giúp bạn tách biệt nội dung với việc thiết kế và viết mã nguồn. Nội dung của web sẽ được cập nhật khi bạn thiết kế website xong mà không phải ép buộc giữa nội dung & việc thiết kế phải đi song hành. - Các phần nội dung được quản lý đầy đủ bằng những công cụ mạnh mẽ giúp bạn không cần phải là một nhà thiết kế web cũng có thể chỉnh sửa được nội dung. - Nội dung của bạn có thể được đóng góp bởi các tác giả khác dễ dàng với 1 hệ thống phân quyền chuyên nghiệp. - Toàn quyền thay đổi giao diện web, vị trí, bố cục mà không hề phải đụng nhiều đến mã nguồn. - Trình duyệt hỗ trợ đầy đủ chức năng tải hình ảnh, ứng dụng lên bộ thư viện để sử dụng hoặc sử dụng từ các nguồn tài nguyên khác.Như thế việc thiết kế web với Joomla là đầy đủ những phương tiện và tạo ra sự thuận lợi nhất và nhanh nhất. Nó chính là nền tảng vững chắc để phát triển hơn trong tương lai.

Yêu cầu đề tài

4

Xây dựng website truyền thông giới thiệu thông tin doanh nghiệp có các chức năng như đăng bài, support online, chia trang, chia sẻ tin tức, video giới thiệu, thống kê số lượng truy cập mạng xã hội, facebook, google+….

Website có hiệu ứng slideshow, menu danh mục, phóng to ảnh, trình diễn quảng cáó, tính năng share mạng, cập nhật tin tự động RSS… Đồng thời kiểm tra tăng cường bảo mật Joomla, Backup và Restore website……

C.Cách tiến hành xây dựng websiteSau khi trình bày sơ lược thế nào là Joomla, thế nào là XAMPP, mục đích và

yêu cầu đề tài là gì ?... Bây giờ sẽ là trình tự các bước tiến hành để làm một trang website tin tức Joomla.

Đầu tiên để làm việc trên localhost, chúng ta cần có một môi trường liên kết giả lập. Đó là XAMPP, phần mền này sẽ duy trì hoạt động của website trên localhost và phpMyAdmin.

Tiếp đến là cài đặt gói Joomla và cấu hình website trên localhost.Sau khi hoàn thành các bước như trên chúng tiếp tục Backup, Restore và đưa

website lên host trực tuyến.Cuối cùng, chúng ta cần một tên miền như một địa chỉ public để có thể theo

dõi được website dưới mọi hình thức.Chi tiết các bước tiến hành như sau:

Bước 1: Dowload, install, tạo Server trên localhost với XAMPP 1.7.3

- Vào địa chỉ http://www.apachefriends.org hoặc http://www.oldapps.com để download XAMPP phiên bản cho Windows.

5

- Sau khi download XAMPP xong chúng ta tiến hành cài đặt

- Ấn Install chờ quá trình cài đặt hoàn thành.

6

- Xuất hiện cửa sổ trên chọn y.

- Chọn y.

7

- Ấn enter.

- Ấn enter.

8

- Chọn 1 để khởi động XAMPP.

- Hoặc chọn x để thoát khỏi giao diện dòng lệnh.

9

- Khi khởi động giao diện ban đầu XAMPP Control Panel như bên dưới.

- Tiếp theo để quá trình cài đặt web server trên localhost bởi XAMPP chúng ta start 2 dịch vụ Apache và MySql sao cho chúng đều ở trạng thái “Running”.

10

- Bật trình duyệt web firefox, google chrome, hoặc Internet Explorer gõ vào đường dẫn http://localhost/ để kiểm tra kết quả.

- Chọn ngôn ngữ English => Xuất hiện giao diện của XAMPP.

- Để tạo một trang web mới, ta phải tạo một database để kết nối với gói XAMPP.

11

- Database sẽ được tạo trong phpMyAdmin.

- Click vào phpMyAdmin.

- Chọn thẻ Databases.

12

- Nhập tên database muốn tạo vào mục Create new Database, sau đó chọn Create.

- Cửa số trên xuất hiện như vậy Database đã tạo thành công (Ở đây database có tên là athena) .

13

Bước 2: Dowload, cài đặt gói Joomla.- Đầu tiên Download gói “Joomla_1.5.21-Stable-Full_Package.zip” về máy.- Giải nén gói “Joomla_1.5.21-Stable-Full_Package.zip” vào trong thư mục athena theo

đường dẫn C:\xampp\htdocs\athena- Sau khi giải nén xong bật trình duyệt firefox, gõ vào đường dẫn

http://localhost/athena để tiến hành cài đặt.

- Xuất hiện trang cài đặt như trên, lựa chọn ngôn ngữ English(US) rồi chọn Next.

- Chọn Next.

14

- Chọn Next.

Điền vào các thông tin. Database Type mặc định sẽ là mysql.Host name: localhost Username: root Password: để trống Database Name: athena

- Điền xong các thông tin, chọn Next.

15

- Chọn Next.

Điền vào các thông tin. Site Name: Trung Tam Athena Your E-mail: hao.quang.92@gmail.com Admin password và Confirm password: 123456

- Sau đó Chọn Install Sample Data phía dưới.

Xuất hiện dòng chữ Sample data installed successfully là thành công.

16

- Chọn Next.

- => Finish.Để hoàn thành quá trình cài đặt ta phải vào đường dẫn “C:\xampp\htdocs\athena” xóa đi hoặc đổi tên folder “installation”.

Như vậy quá trình cài đặt Joomla đã thành công

- Vào đường link http://localhost/athena để vào trang front-end (trang hiển thị).

Đây là trang hiển thị website với template mặc định…Chúng ta có thể thay đổi template tùy thích.

17

- Vào đường link http://localhost/athena/administrator để vào trang back-end (trang quản trị).

Đăng nhập vào trang quản trị Username: adminPassword: 123456 (password thiết lập khi cài đặt joomla)

- Chọn Login

18

Bước 3: Cấu hình cho website

19

a. Cài đặt ngôn ngữ Tiếng Việt cho JoomlaDownload 2 gói “vi-VN_Joomla_1.5.8_Front-end” cho trang hiển thị và “vi-VN_Joomla_1.5.8_Back-end” cho trang quản trịSau khi download 2 gói trên xong chúng ta tiến hành cài đặt.

Các bước thực hiện:- Vào Extensions => Install/Uninstall.

- Chọn Browse => tìm đến thư mục chứa gói “vi-VN_Joomla_1.5.8_Back-end”.

- Chọn Upload File & Install.

20

Install thành công.

- Mặc định, khi install xong, gói ngôn ngữ vẫn chưa được active, để active gói ngôn ngữ của mình ta vào trong mục Extensions => Language Manager.

- Trong Language Manager có 2 thẻ Site và Administrator, vì gói chúng ta install là gói “back-end” nên chúng ta sẽ vào thẻ Administrator để thay đổi. (install gói “front-end” thì vào thẻ site để thay đổi)

21

- Mặc định ngôn ngữ default sẽ là tiếng Anh, ta chọn vào tiếng Việt, ấn default.

Kiểm tra thay đổi . Trang quản trị đã được cài đặt gói Tiếng Việt- Để thuận tiện cho quá trình cấu hình sau này ở trang quản trị chúng ta nên đặt mặc

định tiếng Anh như ban đầu.

- Thao tác tương tự với gói front-end, vào thẻ site để chọn tiếng Việt làm default.

22

- Sau đó vào trang front-end http://localhost/athena reload để xem thay đổi.

Kết quả như hình trên.

23

b. Cài đặt và tùy biến Template

Cài đặt Template:Chúng ta dùng phần mền Artisteer 3 (phần mền hỗ trợ thiết lập Template). Artisteer3 hỗ trợ rất nhiều công cụ giúp người dùng có thể tự thiết kế Template tùy ý.

- Trong cửa sổ NewProject chúng ta chọn mục Joomla. Sau đó có thể thay đổi và chọn Template tùy ý bằng cách Click vào Ideas ->Suggest Design để thay đổi mẫu Template và sau đó thiết kế theo ý muốn của mình.

24

- Sau khi thiết kế xong Template chúng ta Export ra file *.zip như hình dưới

Khi Export xong chúng ta tiến hành cài đặt lên. Template. Quá trình cài đặt giống như cài đặt gói Tiếng Việt đã nêu ở trên. Sau khi cài đặt xong Templae chúng ta tiến hành bật Template

Tiến hành bật Template.- Để thay đổi Template ta vào mục Extensions=>Template Manager.

25

- Trong thẻ site có sẵn các Template để lựa chọn. Lựa chọn Template tùy thích. (click vào Template muốn chọn, ấn default). Chọn Template ITBKpro.

- Sau khi chọn Template xong quay lại trang front-end http://localhost/athena , reload trang web để xem thay đổi.

Đây là giao diện trang hiển thị (fron-end) sau khi bật Template với Template ITBKpro chúng ta đã thiết kế với phần mềm Artisteer 3 ở trên.

Trong Main menu chúng ta chỉ dữ lại mục Home, ẩn những mục không cần thiết đi và ẩn module Top menu đi.

26

- Để ẩn các mục không cần thiết trong Main menu chúng ta vào trang quản trị chọn Menus -> Main menu.

- Sau đó chọn những mục muốn ấn và chọn Unpublish.

- Sau đó quay lại trang hiển thị xem kết quả

Kết quả như hình trên.- Tương tự để ẩn module Top menu chúng ta vào Extensions -> Modul manager và

chọn Top menu sau đó chọn disable. Thực hiện tương tự cho các module khác nếu chúng ta muốn ẩn module đó. => Trang hiển thị sau khi ẩn Top menu.

27

c. Thay đổi vị trí các module

- Để xác định vị trí các module trên website chúng ta vào trình duyệt lên và nhập http://localhost/athena/?tp=1 để xác định.

- Tiếp theo đưa Main menu lên vị trí user3, vào Extensions -> Modul manager.

- Sau đó Click vào mục Main menu để thiết lập lại vị trí.

28

- Trong cửa sổ Details -> Position chọn user3 sau đó Save lại. Trở lại trang hiện thị http://localhost/athena/ reload để kiểm tra kết quả.(Hình bên dưới)

- Nếu chúng ta muốn thay đổi vị trí các module khác chúng ta làm tương tự như bước trên thiết lập vị trí cho Main menu ở trên và lựa chọn vị trí đặt module cho thích hợp với yêu cầu website.d. Tạo Menu-item trong module Main menu, và bật Menu xổ.

Tạo Menu-item đơn

- Vào Menus -> Main Menu*

29

- Chọn New

- Chọn External Link

Nhập thông tin vào:Title: Giới thiệuLink : Bỏ trống

30

- Sau đó Save lại và reload http://localhost/athena/ để kiểm tra.

- Làm tương tự cho các thư mục đơn khác trong Main menu.

Tạo thư mục session và category, tạo menu xổ

Ở đây chúng ta thưc hiện 2 thư mục trong website là:- Section “Khóa học” có các category là “Thiết kế website Joomla”, “Lập

trình PHP& MySql”, “Bảo mật ứng dựng web”, “Lập trình di động, lập trình Game”.

- Section “Khai giảng” có các category “Lịch khai giảng” và “Quy trình đào tạo”.

Thư mục “Khóa học”.

31

Để tạo Section mới, ta vào Content => Section Manager.

Chọn New

Nhập vào Tittle: Khóa học

- Sau đó Save.

Xem kết quả.

32

- Sau khi đã tạo xong Section ta sẽ tạo thêm các Category.

- Vào Content => Category Manager.

- Chọn New

Nhập vào các thông số.Tittle: Thiết kế website Joomla. Section: Khóa học.

- Chọn Save.

33

Làm tương tự với các mục “Lập trình PHP& MySql”, “Bảo mật ứng dựng web”, “Lập trình di động, lập trình Game”.

Vào Category Manager để xem kết quả.

- Sau khi tạo Section và Category xong chúng ta tiến hành bật menu xổ cho thư mục “Khóa học” trong module Main menu.

Ta tạo tiếp các Menu-item.

- Vào Menus => Main Menu.

- Chọn New.

34

- Chọn Section Blog Layout.

Title: Tin tức Parameters (Basic) chọn Section “Khai giảng”.

- Rồi Save.

Tiếp đến ta tạo mới 1 Menu-item nữa, ở đây sẽ chọn dạng là Category Blog Layout.

35

- Chọn New.

- Chọn Category Blog Layout.

Nhập vào: Title: Thiết kế website bằng JoomlaParent Item chọn “Khóa học”.

Parameters (Basic)-> Category chọn “Khóa học/Thiết kế website Joomla”.- Rồi Save. Làm tương tự với Menu-item “Lập trình PHP& MySql”, “Bảo mật ứng dựng web”, “Lập trình di động, lập trình Game”.

36

Kết quả.- Để menu-item luôn được show ra ngoài, ta vào trong Module Manager, chọn Main

Menu.

- Trong mục Parameters => Module Parameters => Always show sub-menu items => Yes => Save.

- Reload http://localhost/athena/ để xem kết quả

Kết quả

37

Thư mục “ Khai giảng” làm tương tự như thư mục “ Khóa học”.

Kết quả

D.Xây dựng wedside bằng wordpress

1.Đăng 1 sản phẩm mới

Vào mục sẳn phẩm chọn Thêm sản phẩm

Tại mục tên sản phẩm ta nhập thêm sản phẩm mà chung ta mún đăng

38

Tại mục ảnh tiêu biểu ta chọn ảnh tiểu biểu

Ta chọn một ảnh để hiện thị sản phẩm nếu ảnh mà chũng ta muốm làm ảnh tiêu biểu

không có thì ta chọn tải tập tin lên

39

Sau đó ta chọn tập tin và tải lên sau đó kích vào chọn ảnh tiêu biểu

Kết quả sẽ ra thế này ở mục trung bầy sản phẩm ta cũng làm tương tự

Còn ở mục dữ liệu sản phẩm ta sẽ có những múc sau

40

Regular Price(VND):đay là giá mà chũng ta mún bán sản phẩm

Sale Price(VND): Đây là giá mà chúng ta mún sale .

ở đay mình nhập vào giá bán là 300000VND và sale là 250000

Cuối cùng khi ta nhập vào các thuộc tính cho sản phẩm rồi ta chọn đăng bài viết

Và kết quả sản phẩm sẽ được hiển thị ở shop như thế này

41

2.Thanh toán

Để thiệt lập cho thanh toán ta vào Woocommerce chọn thiết lập sau đó chọn thanh toán

42

Ở đay chổ phiểu giảm giá nếu chũng ta mún áp dụng 1 chương trinh khuyển mái nào đó

thì ta chọn vào enable the use coupons

Và ta áp dụng các phương tiện thanh toán thì ta chọn Enable guest checkout

ở đay có nhiu loại thanh toán chũng ta đã cài đặt đê thiết lập bất kỳ loại thanh toán nào ta

và thiệt lập tương ở với kênh thanh toán đó ở đay mình áp dụng chọn qua chuyển khoản

ngân hàng

43

Ta bật chế độ chuyển khoản ử đay tiêu để chúng ta sẽ nhập vào là CHuyển khoản ngân

hàng trong mục chi tiếc sản phẩm chũng ta sẽ cho thông tin về tai khoán ngân hàng của

mình để khách hàng có thông tin mà chuyenr về mối khi có giao dịch j

ở đay mình chọn vào thêm tài khoản

chũng ta sẽ điển tất cả các thông tin về tên tai khoản số tai khoản tên ngân hàng vào

sau khi xông ta chọn lưu lại và khi vào Checkout cho sản phẩm ta sẽ xuất hiện kênh

thanh toán này

Ta chọn vào chuyển khoản ngân hàng

Chũng ta chọn thanh toán thì kết quả sẽ được như thế này

44

3.Widget

Đay là 1 trong những tiệc ích quan trọng nhất và cũng là ưu thế đôi với wordpress

Để cải đặt bất kỳ một widget nào ta phải tim gói chứa widget đó và tải nó về

ở đay mình lực chọn gói jetpack là một trong những gói rất tốt có nhỉu tiện ích cho

wordpress

mình vòa gói mở rộng và chọn thêm gói

45

Mình chọn gói jetpack và cai đặt nó đợi 1 thời gian khi nó cài đặt xong chũng ta vào giao diện chọn widget

Kết quả sẽ hiện lên nhứ thế nàyKhi chũng ta tải các gói mở rộng ra thì các widget của gói sẽ được hiện thí ở widget hiện cóChũng ta mún dùng widget nào chí cẩn kéo thả nó vào 3 vùng không giân hiển thị hiện có như là sidebar , header Footer

46

Như ở đay mình chọn hoạt động gần đay kéo thả vào vùng footer (HIển thị ở cuois trang và sau đó lưu thảy đỏi) thì kết quả sẽ được hiển thị như thế nà

E . Xây dựng wedside bằng OpencartXây dung wedside bằng opencart về phân cài đạt ta sẽ làm giống như đối với joomla Đâu tiên vào trang opencart tải chương trình opencart phân mới nhất

Về phẩn cài đặt tương tự như joomla nhưng có 1 điều đặt biết khác ở đay là Khi ta cài đạt nó sẽ thông báo là thiểu hai file config ở thu múc ngoài và trong admin nên ta cần phải thêm vào và cài đạt

47

Sau khi cài đặt xg

Ta sẽ được 1 trang wed tương đối đẹp có đảy đủ chức năng như thanh toán checkout Hiểm thì góp hàng sang phẩm …

Thay đổi logo icon

Đau tiên ta vào phẩn quản lý tải khoản

48

Ta nhập vào thông tin user và pass word như lúc nảy chũng ta tạo và login vàoĐay là trang quản lý của chũng ta

Tiếp sau đó chúng ta vào

Vào phẩn setting và vào edit ở your store đẻ thay đổi logo va icon của bạn

49

sau đó vào image để thay đổi ở đay muc icon và logo hiện đang sử dụng sẽ hiện ra chũng ta chỉ viêc thay đổi nó là xongVà kết quả chúng ta thu được sẽ là

Giống như thế nay

F .SEO

Hai công cụ hổ trợ rất tốt cho SEO hiện nay đó là google analytics và google wedmaster

Chũng ta cần phải vào google để đăng ký trang wed của bạn

50

Đay là những số liệu mà google analytics cho bạnNó sẽ gôm có những thông số như số lượng máy đang ở trnag wed bạnThơi gian họ ở lại trang wed… từ những số liệu đó sẽ cho chúng ta biết được về mức độ hiệu quả của trang wed mình để có những thay đổi phù hợp

51

Video Clip

- Video clip hướng dẫn thực hiện giới thiệu bản thân ,quá trình học thực tập tại athena website Joomla,opencart,wordpress

https://www.youtube.com/watch?v=g67AjdNbmdY&feature=youtu.be

-Đương link trang wed wordpress http://shopdodep.cf

52

D.Tài liệu tham khảo

www.joomla.orghttp://diendan.joomlaviet.vn/http://www.joomla.edu.vn/hoc-thiet-ke-web-joomla/http://athena.edu.vn/forum/threads/3390-Tong-hop-Download-tai-lieu-hoc-quan-tri-mang-amp-an-ninh-mang-ATHENAhttp://www.thietkewebtop.com/hoc-joomla.htmhttp://www.youtube.com http://opencart.orghttp://wordpress.org

53

54