26

Thiết kế web joomla

Embed Size (px)

DESCRIPTION

thiết kế web joomla

Citation preview

Page 1: Thiết kế web joomla
Page 2: Thiết kế web joomla

Contents1 Giới thiệu.............................................................................................................................................2

2 Cài đặt và cấu hình..............................................................................................................................3

2.1 Cài đặt..........................................................................................................................................3

2.2 Tạo bài viết................................................................................................................................10

2.3 Tạo menu...................................................................................................................................12

2.4 CÀI MODULE TRÌNH DIỂN ẢNH..................................................................................................19

2.5 CÀI MODULE TIN TUC CẬP NHẬT...............................................................................................22

Thiết kế web joomla

1 Gi i thi uớ ệ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 kết nối cơ sỡ dữ liệu MySQL.

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

Điểm mạnh:

- Một hệ thống CMS hoàn chỉnh có thể thay đổi, tạo mới themes, extension, language.

- Xây dựng trên một framework mạnh, hổ trợ MCV và nhiều thư viện, dễ dàng phát triển.

Page 3: Thiết kế web joomla

- Số người tham gia phát triển đông đảo, extension và themes rất nhiều khổng chỉ xây dựng một web tin tức mà còn forum, communicate, shopping, social networking, CRM

Điểm yếu:

- Mã nguồn bị xem là cồng kềnh, nặng nề hơn

- Độ tương thích với các loại hosting không cao, hoạt động kém ổn định trên host windows

- Truy vấn đến SQL server nhiều

- SEO kém nếu không biết vận dụng linh hoạt

- Không có cơ chế ping mặc định

2 Cài đ t và c u hìnhặ ấ

2.1 Cài đ t.ặĐể chạy được joomla ta cần XAMPP sao khi cài XAMPP bật

Apache và MySQL như hình.

Page 4: Thiết kế web joomla

Vào ổ C xampp vừa cài htdocs giải nén file joomla đặt ten theo ý mình

Tiếp theo ta phải tạo cơ sở dữ liệu MySQL http://localhost/phpmyadmin/

Create new database create.

Page 5: Thiết kế web joomla

sau đó gõ vào thanh điều hướng của IE hay firefox “localhost/tên trang web” giao diện cài đặt hiện ra chọn ngôn ngữ chọn vietnam

Tiếp theo kiểm tra cài đặt và chọn button tiếp theo.

Bước giấy phép ta đọc xong rồi nhấn tiếp theo.

Page 6: Thiết kế web joomla

Bước 4 cơ sở dữ liệu chọn loại cơ sở dữ liệu tên máy chủ localhost tên đăng nhập root mật khẩu toor tên cơ sở dữ liệu webdemo.

Page 7: Thiết kế web joomla

Bước 5 cấu hình FPT

Bước 6 cài đặt cấu hình.

Page 8: Thiết kế web joomla

Bước 7 hoàn thành chọn vào gỡ bỏ thư mục cài đặt.

Vào trang quản trị

http://localhost/webdemo/administrator/ vào được giao diện quản trị của joomla.

1. Cài đặt template.Vào Extensions Extension manager như hình vào

Page 9: Thiết kế web joomla

mục Upload packge file chọn vào duyệt đến file template trong máy chọn vào Upload & install.

Vào Extensions template manager chọn vào template vừa upload.

Page 10: Thiết kế web joomla

2.2 T o bài vi tạ ếContent article manager new(có một bài viết).Title : tiêu đề bài viết.Alias: bí danh của bài viết.Category: bài viết thuộc category nào.Status: bài viết được hiển thị ra ngoài không+ published : dược hiển thị ra ngoài+ un published: không được hiển thị ra ngoài+ archived: bài viết đặc trưng+ trashed: lưu trữ tạm thời.Access:+ public: tất cả mọi người điều được xem bài viết+ registered: phải đăng ký thành viên mới xem được bài viết+ special: nhóm người.

Page 11: Thiết kế web joomla

Tiếp theo vào content category Manager new (có nhiều hơn một bài viết).

Đặt tên cho title tiếp theo sẽ save lại rồi quay lại

Page 12: Thiết kế web joomla

Content article manager new

Title gõ tên tiêu đề, category chọn mục thích hợp với bài viết.

2.3 T o menuạ Menus main menu Save sủa lại menu tilte thành “TrangChu”

Page 13: Thiết kế web joomla

Tiếp theo cũng vào Menus main menu add new menu item

menu item type select single Article.( single Article dùng khi chi có một bài viết).

Tại mục Select a Menu Item Type Articles Single Article

Single Article dùng tạo menu một bài viết.

Page 14: Thiết kế web joomla

Khi hiện ra bảng Menu Manager: New Menu Item

Tại mục Menu item type “Single Article “

Tại mục Menu Tile điền tên thích hợp

Tại muc parent Item chọn mục thích hợp

Page 15: Thiết kế web joomla

Tạo menu có nhiều bài viết ta vào mục select a Menu Item Type

Articles Category Blog.

Page 16: Thiết kế web joomla
Page 17: Thiết kế web joomla
Page 18: Thiết kế web joomla

Đưa menu ra ngoài vào extensions extension manager vào mục duyệt chọn temlplate sau đó chọn upload&intall

Tiếp theo chọn vào extensions template manager chọn template mới cài vào để hiển thị lên web.

Page 19: Thiết kế web joomla

2.4 CÀI MODULE TRÌNH DI N NHỂ ẢVào content media manager tạo mới một folder

Sau khi tạo thành công folder ta vào extensions extension manager chọn đường dẩn đến module cần cài vào joomla.

Vào phần quản lý module; extensions module manager chọn vào module mới cài để cấu hình

Mục title : tên module

Show Title: cọn Hide

Position:chọn position 15 (http://localhost/webdemo/?tp=1)

ở Slides manager chọn ảnh trình diển

Page 20: Thiết kế web joomla
Page 21: Thiết kế web joomla
Page 22: Thiết kế web joomla

2.5 CÀI MODULE TIN TUC C P NH TẬ Ậ .Extensions extension manager chon module “tin mới”Cấu hình để hiện thị lên trang web vào Extensions module manager

Page 23: Thiết kế web joomla