29
BÁO CÁO THC TP ĐỀ TÀI: XÂY DNG WEBSITE TRÊN NN JOOMLA! GVHD: Thầy Võ Đỗ Thng SVTH: Nguyn Anh Tun

Báo cáo thực tập athena nguyễn anh tuấn

  • Upload
    iwubmg

  • View
    7

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Báo cáo thực tập athena   nguyễn anh tuấn

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

ĐỀ TÀI: XÂY DỰNG WEBSITE TRÊN NỀN JOOMLA!

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

SVTH: Nguyễn Anh Tuấn

Page 2: Báo cáo thực tập athena   nguyễn anh tuấn

1. Joomla! - Joomla! là một hệ quản trị nội dung mã nguồn mở. 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.

- 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.

2. Cài đặt localhost

2.1. Cài đặt Xampp

- Sử dụng phiên bản 1.7.3

- Nhấn Install để tiến hành cài đặt.

- Sau khi cài đặt xong, xuất hiện hộp thoại, làm theo hướng dẫn xuất hiện để mở Xampp Control

Panel.

Page 3: Báo cáo thực tập athena   nguyễn anh tuấn

- Chọn y

- Chọn y

Page 4: Báo cáo thực tập athena   nguyễn anh tuấn

- Chọn n

- Nhấn Enter

Page 5: Báo cáo thực tập athena   nguyễn anh tuấn

- Nhấn Enter

- Chọn 1 để mở Xampp Control Panel

2.2. Tạo database trên localhost

- Trong Xampp Control Panel, khởi động Apache và MySql.

Page 6: Báo cáo thực tập athena   nguyễn anh tuấn

- Truy cập vào địa chỉ http://localhost/phpmyadmin/ để vào trang quản trị host.

- Nhập tên database cần tạo, và nhấn Create.

3. Cài đặt website Joomla - Copy file source joomla vào folder: \xampp\htdocs. Sau đó giải nén ra và đổi tên lại.

Page 7: Báo cáo thực tập athena   nguyễn anh tuấn

- Truy cập vào địa chỉ: localhost/[tên file source mà bạn vừa đổi] để cấu hình lại websie.

o Bước 1:

o Bước 2:

Page 8: Báo cáo thực tập athena   nguyễn anh tuấn

o Bước 3:

o Bước 4:

Page 9: Báo cáo thực tập athena   nguyễn anh tuấn

Database Type: Mysql

Host Name: localhost

Username: [tùy ý]

Database Name: tên database vừa tạo

o Bước 5:

Page 10: Báo cáo thực tập athena   nguyễn anh tuấn

o Bước 6:

Site Name: Tên Website

Email:

Username & password Admin:

o Bước 7

Page 11: Báo cáo thực tập athena   nguyễn anh tuấn

- Sau khi hoàn tất việc cấu hình website, ta tiến hình cài đặt giao diện.

- Thêm hậu tố /administrator/ vào địa chỉ website để truy cập vào trang quản trị.

- Đăng nhập bằng tài khoản quản trị.

Page 12: Báo cáo thực tập athena   nguyễn anh tuấn

- Vào Extensions/Extension Manager, để upload Template lên website. Trong Upload Package File,

nhấn Browse, chọn file template và nhấn Upload&Install.

- Sau khi cài đặt thành công, vào Extensions/Template Manager, chọn Template vừa cài đặt, nhấn

Make Default để làm giao diện mặc định cho website.

Page 13: Báo cáo thực tập athena   nguyễn anh tuấn

- Nhấn View Site để xem sự thay đổi.

Page 14: Báo cáo thực tập athena   nguyễn anh tuấn

4. Tạo nội dung cho website

4.1. Tạo danh mục bài viết

- Vào Content/Category Manager, chọn New để tạo danh mục bài viết

Page 15: Báo cáo thực tập athena   nguyễn anh tuấn

- Điền các thông tin:

o Title: tiêu đề danh mục

- Nhấn Save&Close để hoàn thành tạo danh mục.

Page 16: Báo cáo thực tập athena   nguyễn anh tuấn

4.2. Tạo menu

- Vào Menu/Main Menu. Chọn New để tạo Menu mới

- Điền các thông tin bắt buộc cho menu cần tạo:

o Menu Item Type: loại menu chức năng.

Page 17: Báo cáo thực tập athena   nguyễn anh tuấn

o Menu Titles: tiêu đề menu

o Alias: bí danh

o Status: hiện hay không hiện menu ra website

o Parent Item: Menu cha

- Nhấn Save & Close để hoàn tất.

- Để Main menu xuất hiện trên website, ta vào Extensions/Module Manager, chọn Main Menu để

chỉnh sửa:

Page 18: Báo cáo thực tập athena   nguyễn anh tuấn

o Show title: chọn Hide.

o Position: chọn position-1

o Show Sub-menu Items: chọn Yes

- Nhấn Save&Close để hoàn tất và quay ra giao diện website kiểm tra

Page 19: Báo cáo thực tập athena   nguyễn anh tuấn

4.3. Tạo bài viết mới

- Vào Content/Article Manager, chọn New

- Điền các thông tin cho bài viết:

Page 20: Báo cáo thực tập athena   nguyễn anh tuấn

o Title: tiêu đề bài viết

o Category: danh mục chứa bài viết

o Article Text: nội dung bài viết

- Để tạo hình ảnh đại diện và tóm tắt cho bài viết, ta chọn nút Image phía dưới phần Article Text, chọn

hình ảnh rồi Insert.

Page 21: Báo cáo thực tập athena   nguyễn anh tuấn

- Sau đó, chọn hình vừa insert rồi nhấn nút Insert/Edit Image. Xuất hiện hộp thoại, điều chỉnh một vài

thông số:

o Alignment: canh lề hình

o Dimensions: kích thước hình( có thể là 100x100)

o Vertical & horizontal space: khoảng cách giữa hình ảnh và phần text

- Chọn vị trí để tạo tóm tắt và nhấn nút Read more.

Page 22: Báo cáo thực tập athena   nguyễn anh tuấn

- Nhấn Save&Close để đăng bài viết.

5. Cài đặt module

5.1. Xác định vị trí trên website

- Để cài đặt được các module tiện ích lên website, trước hết các bạn phải xác định được các vị trí trên

website.

- Thêm hậu tố /?tp=1 vào địa chỉ website để có thể nhìn thấy các vị trí được xác định trên website.

Page 23: Báo cáo thực tập athena   nguyễn anh tuấn

- Nếu vẫn chưa xuất hiện, ta quay trở lại trang quản trị, vào Extensions/Template Manager, chọn

Option. Trong Templates tab, chọn Enabled ở dòng Preview Module Positions, và nhấn Save&Close.

Page 24: Báo cáo thực tập athena   nguyễn anh tuấn

- Đây là kết quả

5.2. Cài đặt module trình diễn ảnh

- Trước hết, các bạn cần tạo 1 folder chứa hình ảnh trình diễn. Vào Content/Media Manager, nhập tên

folder rồi nhấn Create Folder.

Page 25: Báo cáo thực tập athena   nguyễn anh tuấn

- Vào Extensions/Extension Manager. Trong Upload Package File, chọn Browser, chọn file module

trình diễn ảnh để upload lên. Nhấn Upload&Install

Page 26: Báo cáo thực tập athena   nguyễn anh tuấn

- Sau khi cài đặt thành công module, vào Extensions/Module Manager, chọn module trình diễn ảnh để

cấu hình lại một vài thông tin:

Page 27: Báo cáo thực tập athena   nguyễn anh tuấn

o Show title: chọn Hide

o Position: chọn vị trí muốn đặt module trên website

o Status: chọn Published để đưa module lên website

o Module Assignment: cho phép module hiện thị ở các trang theo yêu cầu.

o Phần Slides Manager: chọn hình ảnh muốn trình chiếu lên module.

Page 28: Báo cáo thực tập athena   nguyễn anh tuấn

- Nhấn Save&Close để hoàn tất.

5.3. Cài đăt module footer

- Vào Extensions/Module Manager, chọn New để tạo module mới, chọn Custom HTML

- Điền các thông tin:

o Title: tên module (Footer)

o Show title: chọn Hide

o Position: chọn vị trí đặt module

Page 29: Báo cáo thực tập athena   nguyễn anh tuấn

o Status: Published

o Text: nhập nội dung cho module

o Module Assignment: chọn các trang muốn xuất hiện module

- Nhấn Save&Close để hoàn tất.