Tài liệu Thủ Thuật Thiết Kế Web Với Joomla 1.0x và 1.5x part 14 ppt

Thiết Kế Web Với Joomla 1.0x & 1.5x


Collection by traibingo at buaxua.vn

Cách tích hợp bộ gõ tiếng Việt vào Joomla! và SMF
Bộ gõ dấu tiếng Việt là công cụ giúp các thành viên thuận tiện khi viết bài,
trao đổi thông tin với nhau trên các trang Web hoặc diễn đàn có sử dụng
ngôn ngữ tiếng Việt. Bài viết này sẽ hướng dẫn cách tích hợp bộ gõ tiếng
Việt AVIM của tác giả Đặng Trần Hiếu vào các trang Web Joomla! và diễn
đàn SMF.
Bộ gõ tiếng Việt AVIM mới nhất được tải và sử dụng miễn phí tại trang
Web hoặc tất cả các phiên bản khác tại:
Đây là một file có tên theo dạng avim20071102.js
(các số lần lượt là: năm, tháng, ngày được thay đổi tùy theo phiên bản).
Cách tích hợp vào Joomla! 1.0.x:
Do Joomla! được chia làm 2 phần: Frontpage là trang chính, nơi các
thành viên đăng nhập để viết bài. Admin là nơi dành cho Quản trị (Admin)
đăng nhập để cấu hình và viết bài cho trang Web. Do đó nếu muốn sử
dụng bộ gõ cho phần nào thì phải tích hợp riêng cho phần đó.
Copy file avim20071102.js vào thư mục /includes/js của Joomla!
Phần Frontpage (Front-end):
Mở file index.php trong thư mục template/tên Template đang sử dụng.

Thiết Kế Web Với Joomla 1.0x & 1.5x


Collection by traibingo at buaxua.vn
Chèn đoạn Code sau đây vào ngay phía trên thẻ (Tag) </body> (Tag này
thường nằm cuối trang)

Trong đó:
 1. Thẻ tạo đường gạch ngang (có thể không có cũng được)
 2. Canh giữa trang cho các nút chọn kiểu gõ.
 3. Tạo các nút chọn kiểu gõ cho AVIM.
 4. Khai báo vị trí của bộ gõ AVIM, phải chỉ đúng đường dẫn đến file
AVIM20071102.js (nên chính xác từng dấu chấm, chữ thường hoặc
chữ in hoa và mã số đúng với phiên bản đang sử dụng)
Sau khi Tích hợp xong, ở vị trí cuối trang Web sẽ xuất hiện bộ gõ AVIM với
các nút chọn kiểu gõ, tắt/mở bộ gõ và kiểm tra lỗi.

Phần Admin (Back-end):
Mở file index.php trong thư mục administrator/template/joomla_admin
(Template đang sử dụng).
Thiết Kế Web Với Joomla 1.0x & 1.5x


Collection by traibingo at buaxua.vn

Chèn đoạn Code sau đây vào ngay phía trên thẻ (Tag) </body> (Tag này
thường nằm cuối trang). Lưu ý đường dẫn tại dòng thứ 4 có thay đổi.

Cách tích hợp vào SMF:
Mở file index.template.php trong thư mục Themes/default (Theme đang
sử dụng).

Chèn đoạn Code sau đây vào ngay phía trên thẻ (Tag) </body> (Tag này
nằm ở khoảng dòng thứ 450)
Thiết Kế Web Với Joomla 1.0x & 1.5x

Collection by traibingo at buaxua.vn

Trong đó:
 451. Thẻ tạo đường gạch ngang (có thể không có cũng được)
 452. Canh giữa trang cho các nút chọn kiểu gõ.
 453. Tạo các nút chọn kiểu gõ cho AVIM.
 454. Khai báo vị trí của bộ gõ AVIM, phải chỉ đúng đường dẫn đến
file AVIM20071102.js (nên chính xác từng dấu chấm, chữ thường
hoặc chữ in hoa và mã số đúng với phiên bản đang sử dụng)
Sau khi Tích hợp xong, ở vị trí cuối trang của diễn đàn sẽ xuất hiện bộ gõ
AVIM với các nút chọn kiểu gõ, tắt/mở bộ gõ và kiểm tra lỗi.

Lưu ý:
 Có thể đặt File AVIM20071102.js ở đâu tùy ý và chỉ cần khai báo
đúng đường dẫn trong mã khai báo bộ gõ AVIM là được.
 Sau khi tích hợp xong bộ gõ, nếu nhìn thấy các nút chọn kiểu gõ xuất
hiện trên trang Web nhưng không gõ được tiếng Việt thì nên xem lại
đường dẫn, tên (phiên bản) của File AVIM20071102.js trong mã khai
báo bộ gõ AVIM.
 Do trang Web hoặc diễn đàn đã được tích hợp bộ gõ tiếng việt nên
khi nhập mật khẩu (Password) phải chú ý nên tắt bộ gõ.
Thiết Kế Web Với Joomla 1.0x & 1.5x


Collection by traibingo at buaxua.vn
Các khái niệm cơ bản trong Joomla!
Lần đầu tiên khi tiếp xúc với Joomla! nhiều người luôn cảm thấy rằng có
điều gì đó khó hiểu ở Joomla! khiến cho việc tiếp cận với nó thật khó khăn.
Đó chính là do các khái niệm và thuật ngữ khác lạ của Joomla!, mà thật ra
nó cũng chẳng khác lạ gì mấy so với các hệ thống quản trị nội dung (CMS:

Content management System) khác.
Bài này sẽ giúp các bạn phần nào hiểu được các khái niệm cơ bản trong
Joomla!
 Front-end (Frontpage): Là các trang Web mà mọi người sẽ được
thấy khi truy cập vào Web Site của bạn. Phần này ngoài việc hiển thị
nội dung của trang Web còn là nơi mọi người có thể đăng ký thành
viên và tham gia quản lý, viết bài đăng trên trang Web.
 Back-end (Admin): Là phần quản lý Web Site dành cho các Quản
trị, chủ nhân của Web Site. Phần này cho phép cấu hình các thông
số về hoạt động, nội dung, hình thức và quản lý các thành phần, bộ
phận được tích hợp thêm cho Joomla!
 Template (Temp): Là giao diện, khuông dạng, kiểu mẫu, hình thức
được thiết kế để trình bày nội dung của trang Web và có các vị trí
định sẵn để tích hợp các bộ phận, thành phần của trang Web.
Joomla! cho phép cài đặt và thay đổi Temp cho Web Site hay cho
từng trang Web khác nhau một cách dễ dàng.
Các thành phần mở rộng (Extension):
 Module (Mod): Là bộ phận mở rộng thêm chức năng cho Web Site,
các Mod này có các chức năng khác nhau, được hiển thị trên trang
Web tại các vị trí qui định và có thể thay đổi được. Một trang Web có
thể hiển thị nhiều Mod giống và khác nhau, Mod có thể được cài đặt
thêm vào Web Site.
Thông thường sau khi cài đặt Joomla! có sẵn các Module: Main
Menu (menu chính), Top Menu (menu phụ, nằm ngang), Search
(hiển thị công cụ tìm kiếm), Poll (hiển thị bảng bình chọn, lấy ý kiến),
Newsflash (hiển thị các bản tin nổi bật), Hit Counter (hiển thị số
lượng truy cập Web Site), Banners (hiển thị các bảng quảng cáo)...
 Component (Com): Là thành phần chính của trang Web, nó quyết
định đến chức năng, hình thức, nội dung chính của mỗi trang Web.
Com có thể có thêm Mod để hỗ trợ cho việc hiển thị các chức năng