Cách 1: Dùng Mosimage, đây là một Mambot sẽ nhận diện thẻ mã đã qui
định để tạo ảnh. Dùng cách này tuy không có được cảm giác trực quan
(không hình dung được thực tế) nhưng sẽ giúp việc soạn thảo nhanh hơn
vì không phải nạp các File ảnh.
Đặt dấu nháy chuột tại vị trí muốn chèn hình, nhấn vào nút Insert
Image, chỗ vị trí dấu nháy sẽ được chèn vào một thẻ (Tag)
mosimage để đánh dấu.Thiết Kế Web Với Joomla 1.0x & 1.5x
Collection by traibingo at buaxua.vn
Trong bảng phía bên phải của trình soạn thảo, chọn Tab Image
Trong Sub-folder: chọn thư mục có chứa ảnh
Các ảnh sẽ hiện trong Gallery Images, chọn ảnh muốn chèn và
nhấn nút >> tên ảnh sẽ hiện trong Content Images và ảnh minh họa
sẽ hiển thị ở phía dưới. Lưu ý ở đây bạn có thể đưa nhiều ảnh vào
Content Images tương ứng với bấy nhiêu thẻ mosimage, và có thể
thay đổi thứ tự bằng cách chọn Up hoặc Down, có thể thay đổi ảnh
bằng cách nhấn nút <<.
Sau đó chọn một ảnh trong Content Images để định các thuộc tính
cho ảnh này:
- Image Align: chọn vị trí cho ảnh, trái: ảnh nằm bên trái và chữ sẽ nằm
bên phải, phải: ảnh nằm bên phải và chữ sẽ nằm bên trái, giữa: ảnh nằm
giữa đoạn trên và đoạn dưới của văn bản, Không: ảnh sẽ nằm chung
dòng với chữ.
- Alt Text: Đặt tên cho ảnh, tên này chỉ là tên hiển thị khi đưa chuột vào
ảnh và là tên sẽ thay thế khi ảnh bị lỗi không hiễn thị được.
- Border: Tạo khung viền bao quanh ảnh.Thiết Kế Web Với Joomla 1.0x & 1.5x
Collection by traibingo at buaxua.vn
- Caption: Các thông số để tạo chú thích cho ảnh, các chú thích này sẽ
được hiển hiển thị chung với ảnh và có thể chọn ví trí cho các chú thích
này.
Sau khi chọn xong phải nhấn Apply để áp dụng các hiệu lực này cho
ảnh. Lưu ý phải làm giống như vậy cho các ảnh khác nếu có.
298 trang |
Chia sẻ: trungkhoi17 | Lượt xem: 613 | Lượt tải: 0
Bạn đang xem trước 20 trang tài liệu Giáo trình môn Thiết kế Web với Joomla, để xem tài liệu hoàn chỉnh bạn click vào nút DOWNLOAD ở trên
lý Menu trong Joomla 1.5.x
Quản lý Menu trong phiên bản Joomla! 1.5.x có một số tính năng mới, một
trong những tính năng đó là cho phép người sử dụng thay đổi các kiểu
hiển thị của Menu Item một cách dễ dàng mà không cần phải xóa đi và tạo
lại như trong Joomla! 1.0.x.
Trong Joomla! Menu là một bảng danh mục chứa các Menu Item, Menu
Item là những mục Menu dùng để truy cập vào các chuyên mục của trang
web. Mỗi menu được hiển thị trên trang web thông qua Module của nó.
Joomla! cho phép tạo ra nhiều Menu và mỗi Menu có thể chứa nhiều Menu
Item giống hoặc khác nhau. Sau đây là cách quản lý Menu trong Joomla!
1.5.x:
Cách tạo và sửa Menu:
Trong cửa sổ Control Panel của phần Quản trị (Admin) chọn Menu
Manager.
Thiết Kế Web Với Joomla 1.0x & 1.5x
Collection by traibingo at buaxua.vn
Trong Menu Manager có các nút lệnh như sau:
Copy: Sao chép Menu, đánh dấu chọn Menu và nhấn vào nút Copy
để sao chép Menu này thành 1 cái nữa. Đặt tên cho Menu và
Module, toàn bộ các Menu Item trong Menu này (nếu có) cũng sẽ
được Copy.
Thiết Kế Web Với Joomla 1.0x & 1.5x
Collection by traibingo at buaxua.vn
Delete: Xóa Menu, đánh dấu chọn Menu và nhấn vào nút Delete để
xóa. Sẽ xuất hiện thông báo là tất cả các Menu Item trong Menu này
sẽ bị xóa hết, nhấn Delete nếu đồng ý xóa.
Edit: Sửa Menu, đánh dấu chọn Menu và nhấn vào nút Edit để sửa
các thông số của Menu, chỉ sửa được Unique Name, Title và
Description, còn Module Title sẽ được sửa trong phần quản lý
Module.
New: Tạo Menu mới bằng cách nhấn vào nút New và nhập các thông
số cho Menu mới này như sau:
Thiết Kế Web Với Joomla 1.0x & 1.5x
Collection by traibingo at buaxua.vn
e
- Unique Name: Đây là tên danh định mà Joomla! sử dụng để nhận dạng
trong phần xử lý mã lệnh, tên này là duy nhất và tên này không có khoảng
trống giữa các ký tự.
- Title: Tên của Menu được đặt tùy ý.
- Description: Miêu tả, chú thích cho Menu túy ý.
- Module Title: Tên của Module, mặc nhiên mỗi khi một Menu được tạo ra
thì Joomla! cũng tạo thêm một Module tương ứng với nó. Module này dùng
để hiển thị Menu trên trang Web và được quản lý trong phần Module
Manager.
Cách tạo và sửa Menu Item:
Truy cập vào Menus và chọn Menu muốn tạo thêm Menu Item hoặc
trong Menu Manager nhấn vào biểu tượng Edit Menu Item tương
ứng với Menu.
Thiết Kế Web Với Joomla 1.0x & 1.5x
Collection by traibingo at buaxua.vn
Trong Menu Item Manager có các nút lệnh sau:
Menus: Truy cập Menu Manager
Default: Chọn Menu Item mặc định làm trang chủ, đây là trang xuất
hiện đầu tiên khi truy cập vào địa chỉ của trang web. Joomla! 1.5.x
cho phép chọn bất kỳ Menu Item nào làm trang chủ mà không nhất
thiết Menu Item đó phải được đặt ổ trên cùng. Chọn Menu Item nào
muốn đặt làm trang chủ và nhấn Default, Menu Item đó sẽ được
đánh dấu sao.
Publish: Cho phép hiển thị và sử dụng Menu Item.
Unpublish: Không cho phép hiển thị và sử dụng Menu Item.
Move: Di chuyển Menu Item sang Menu khác.
Copy: Sao chép thêm Menu Item sang Menu khác.
Trash: Xóa Menu Item, Menu Item bị xóa sẽ được lưu trong thùng
rác và được quản lý thông qua Menu Trash.
Thiết Kế Web Với Joomla 1.0x & 1.5x
Collection by traibingo at buaxua.vn
Edit: Sửa các thông số và thay đổi kiểu của Menu Item.
New: Tạo Menu Item mới.
Menu Trash:
Các Menu Item bị xóa sẽ được lưu trữ trong Menu Trash. Trong phần
quản lý Menu Trash Manager, chọn Menu Item và nhấn Restore nếu
muốn phục hồi lại hoặc nhấn Delete để xóa hẵn luôn.
Thiết Kế Web Với Joomla 1.0x & 1.5x
Collection by traibingo at buaxua.vn
Cách tạo liên kết cho trang Web Joomla!
và Diễn đàn SMF
Joomla! và SMF là hai hệ thống được cài đặt và chạy độc lập nên các hoạt
động của chúng không liên quan với nhau. Việc này sẽ bất tiện khi muốn
truy cập vào Diễn đàn từ trang Web và ngược lại, do đó cần phải tạo liên
kết cho chúng.
Có nhiều cách để tạo liên kết cho Joomla! và SMF với nhau như cài đặt
thêm thành phần mở rộng (Component) có chức năng làm cầu nối (Bridge)
giữa Joomla! và SMF. Cách kết hợp này cho phép sử dụng chung Tên
(Username), Mật khẩu (Password) để đăng nhập (Login) vào trang Web và
Diễn đàn. Tuy nhiên theo nhận xét của nhiều người thì việc kết hợp bằng
cách này sẽ làm giảm khả năng bảo mật của trang Web và các thành phần
mở rộng này thường phải mua chứ không được sử dụng miễn phí. Có thể
dễ dàng tìm các thành phần mở rộng này bằng từ khóa "Joomla! SMF
Bridge".
Bài viết này sẽ hướng dẫn cách tạo liên kết cho trang Web Joomla! 1.0.x
và Diễn đàn SMF 1.1.x bằng cách tạo Menu liên kết giữa chúng với nhau.
Cách tạo Menu liên kết từ Joomla! đến SMF:
Trong phần Quản trị (Admin) của Joomla! chọn Menu -> Mainmenu
để tạo Menu "Diễn đàn" trong Menu chính.
Trong Menu Manager [mainmenu] nhấn vào nút New để tạo thêm
một Menu mới.
Trong New Menu Item chọn Link chọn Link-Url để tạo Menu kiểu
liên kết đến địa chỉ Web.
Thiết Kế Web Với Joomla 1.0x & 1.5x
Collection by traibingo at buaxua.vn
Trong Add Menu Item :: Link - URL:
- Nhập tên cho Menu vào mục Name.
- Nhập địa chỉ của Diễn đàn SMF vào mục Link, có thể nhập địa chỉ tuyệt
đối ( hoặc địa chỉ tương đối (/forum). Trong đó
forum chính là thư mục đã cài đặt SMF.
- Chọn kiểu mở trang tùy ý trong mục On click, Open in: Parent là mở
trong cửa sổ hiện tại, New Windows là mở trong một cửa sổ mới.
Sau khi chọn xong nhấn nút Save để lưu lại, có thể sắp xếp thứ tự
cho Menu vừa tạo tùy ý. Xem thêm bài hướng dẫn Quản lý Menu
trong Joomla! 1.0.x.
Ngoài ra có thể tạo thêm Menu "Diễn đàn" trong Menu nằm ngang phía
trên hoặc dưới (Top Menu) bằng cách chọn Menu -> topmenu và làm các
bước giống như trên.
Thiết Kế Web Với Joomla 1.0x & 1.5x
Collection by traibingo at buaxua.vn
Bây giờ trên trang Web đã có Menu Diễn đàn, khi nhấn vào Menu này sẽ
truy cập vào trang Diễn đàn.
Cách tạo Menu liên kết từ SMF đến Joomla!:
Do SMF không có cơ chế quản lý Menu giống Joomla! nên việc này cần
phải sửa lại Them của SMF.
Mở file index.template.php nằm trong thư mục của Them đang sử
dụng cho SMF (/forum/Themes/default/).
Tìm dòng ghi chú // Show the [home] button (khoảng dòng 520)
Thiết Kế Web Với Joomla 1.0x & 1.5x
Collection by traibingo at buaxua.vn
Sau đó thêm đoạn mã như trong hình vào phía trước và thay địa chỉ
bằng địa chỉ của trang web ( và
đặt tên cho Trang chủ tùy ý (sử dụng mã Unicode).
Bây giờ trên |Diễn đàn đã có thêm một Menu Trang chủ để quay trở
lại trang Web.
Thiết Kế Web Với Joomla 1.0x & 1.5x
Collection by traibingo at buaxua.vn
Nếu muốn sửa tên các Menu của SMF hãy mở tập tin
index.vietnamese-utf8.php nằm trong thư mục languages của
Them đang sử dụng (/forum/Themes/default/languages/) và sửa
các chữ tiếng Việt (mã Unicode) trong đó.
Ngoài ra có một số trang Web còn thay thế cả phần đầu (Header) và màu
sắc để tạo nên sự đồng nhất cho giao diện của Joomla! và SMF, để làm
việc này cần phải biết cách sửa lại mã Template của Joomla! và Them của
SMF.
Thiết Kế Web Với Joomla 1.0x & 1.5x
Collection by traibingo at buaxua.vn
Các kiểu Menu Item trong Joomla! 1.5.x
Menu Item là những mục Menu cho phép người sử dụng truy cập vào các
chuyên mục của trang web. Joomla! cho phép tạo ra nhiều Menu Item
giống hoặc khác nhau với các kiểu hiển thị có các chức năng đa dạng. Sau
đây là cách tạo một số Menu Item cơ bản:
Trong Menu Item Manager chọn New để tạo Menu Item mới.
Trong Menu Item: [New] có các kiểu Menu Item sau:
Tạo Menu Item hiển thị nội dung - Article:
Thiết Kế Web Với Joomla 1.0x & 1.5x
Collection by traibingo at buaxua.vn
Tạo Menu Item hiển thị phần liên hệ - Contact:
Tạo Menu Item cấp tin News Feeds:
Thiết Kế Web Với Joomla 1.0x & 1.5x
Collection by traibingo at buaxua.vn
Tạo Menu User dành cho thành viên:
Tạo Menu Item Liên kết Web - Web Link:
Thiết Kế Web Với Joomla 1.0x & 1.5x
Collection by traibingo at buaxua.vn
Các kiểu Menu Item trong Joomla! 1.5.x
Menu Item là những mục Menu cho phép người sử dụng truy cập vào các
chuyên mục của trang web. Joomla! cho phép tạo ra nhiều Menu Item
giống hoặc khác nhau với các kiểu hiển thị có các chức năng đa dạng. Sau
đây là cách tạo một số Menu Item cơ bản:
Trong Menu Item Manager chọn New để tạo Menu Item mới.
Trong Menu Item: [New] có các kiểu Menu Item sau:
Tạo Menu Item hiển thị nội dung - Article:
Thiết Kế Web Với Joomla 1.0x & 1.5x
Collection by traibingo at buaxua.vn
Tạo Menu Item hiển thị phần liên hệ - Contact:
Tạo Menu Item cấp tin News Feeds:
Thiết Kế Web Với Joomla 1.0x & 1.5x
Collection by traibingo at buaxua.vn
Tạo Menu User dành cho thành viên:
Tạo Menu Item Liên kết Web - Web Link:
Thiết Kế Web Với Joomla 1.0x & 1.5x
Collection by traibingo at buaxua.vn
Tạo các kiểu Menu Item khác:
Các thiết lập cơ bản của Menu Item:
Thiết Kế Web Với Joomla 1.0x & 1.5x
Collection by traibingo at buaxua.vn
ID: Đây là mã số danh định của Menu Item, được đánh số tự động.
Title: Tên của Menu Item, tên này sẽ xuất hiện trên Menu của trang
Web.
Alias: Tên dành cho Joomla! quản lý, có thể tự đặt còn nếu để trống
thì Joomla! sẽ tự đặt theo Title nhưng không có dấu và khoảng cách.
Tên này thường dùng trong chức năng SEO/SEF.
Link: Địa chỉ liên kết của Menu Item này.
Display in: Chọn hiển thị trong Menu nào.
Thiết Kế Web Với Joomla 1.0x & 1.5x
Collection by traibingo at buaxua.vn
Parent Item: Chọn cấp độ cho Menu Item, Top là cao nhất còn nếu
chọn tên Menu Item nào thì Menu Item này sẽ là Menu Item phụ
(Sub) của Menu Item được chọn.
Published: Trạng thái hiển thị để sử dụng, No là không hiển thị và
Yes là hiển thị.
Order: Sắp xếp thứ tự vị trí cho Menu Item, thứ tự này có thể thay
đổi được trong Menu Item Manager.
Access Level: Chọn mức độ truy cập, Publish: bất cứ ai cũng truy
cập được Menu Item này, Registered: Những thành viên sau khi
đăng nhập mới truy cập được, Special: Chỉ có các thành viên được
cấp quyền đặc biệt mới truy cập được.
On Click, Open in: Chọn các trạng thái mở của trình duyệt khi nhấn
vào Meu Item này.
Lưu ý:
Trong mỗi kiểu Menu Item sẽ có các thông số cơ bản giống nhau và
các thông số riêng của từng kiểu Menu Item.
Khi cài đặt thêm các Component cho Joomla! thì tên của chúng sẽ
xuất hiện trong Menu Item: [New], muốn hiển thị các Component
này thì phải tạo Menu Item cho chúng.
Thiết Kế Web Với Joomla 1.0x & 1.5x
Collection by traibingo at buaxua.vn
Cách tạo liên kết thân thiện cho Joomla! 1.0.x
Trong Joomla! mặc nhiên địa chỉ liên kết của các Menu và Section,
Category, Content,... sẽ hiển thị dưới dạng lệnh và ID mà không hiển thị
tên của bài viết. Điều này sẽ khiến cho các địa chỉ liên kết trở nên
không đẹp, khó nhớ và nhất là không gợi lên được nội dung của bài viết
khi hiển thị trong các trang tìm kiếm.
Bài viết này sẽ hướng dẫn cách tạo địa chỉ liên kết (Link) thân thiện
(SEO/SEF) cho Joomla! 1.0.x với sh404SEF, đây là một thành phần mở
rộng (Component) dành cho Joomla!, tải về và sử dụng miễn phí
sh404SEF.
Ưu điểm của sh404SEF là dễ cài đặt và sử dụng, có nhiều thông số lựa
chọn để hiển thị Link theo ý thích và chế độ Cache giúp tăng tốc độ truy
xuất dữ liệu SEF, các chức năng tăng cường bảo mật cho trang web... Tuy
nhiên sh404SEF chỉ hoạt động hiệu quả trên máy chủ Web (Server) sử
dụng hệ điều hành Linux, hỗ trợ .htaccess và mod_rewrite=on. Không
sử dụng được trên hệ điều hành Windows.
Cài đặt:
Cài đặt sh404SEF bình thường như các Component khác. Sau khi cài đặt
bạn sẽ có Component sh404SEF và Module sh404SEF Custom tags
module.
Cấu hình:
Truy cập Menu Components -> sh404SEF
Nhấn vào dòng chữ Click here to switch to extended display (with
all available parameters) chuyển sang chế độ mở rộng của
Thiết Kế Web Với Joomla 1.0x & 1.5x
Collection by traibingo at buaxua.vn
sh404SEF để khi vào sh404SEF Configuration mới xuất hiện tab
Advanced.
Chọn sh404SEF Configuration để thiết lập thông số cho sh404SEF.
Trong Tab Main, mục Enabled? bạn chọn là có để cho phép
sh404SEF hoạt động.
Trong Character replacements list copy và chèn thêm các ký tự
sau đây vào tiếp theo sau các ký tự có sẵn:
Ã|A, ? |A, Â|A, ? |A, ? |A, ? |A, ? |A, ? |A, Ă|A, ? |A, ? |A, ? |A, ? |A, ? |A,
Đ|D, É|E, È|E, ?|E, ?|E, ?|E, Ê|E, ?|E, ?|E, ?|E, ?|E, ?|E, Í|I, Ì|I,
?|I, I|I, ?|I, Ó|O, Ò|O, ? |O, Õ|O, ? |O, Ô|O, ? |O, ? |O, ? |O, ? |O, ? |O,
O|O, ? |O, ? |O, ? |O, ? |O, ? |O, Ú|U, Ù|U, ?|U, U|U, ?|U, U |U, ? |U, ? |U,
? |U, ? |U, ? |U, Ý|Y, ? |Y, ? |Y, ? |Y, ? |Y
Trong Use Title Alias? chọn Full Title
Thiết Kế Web Với Joomla 1.0x & 1.5x
Collection by traibingo at buaxua.vn
Trong Apply to which categories? chọn All Categories
Các mục còn lại để nguyên, không đụng tới.
Chuyển qua Tab Advanced, trong phần Activate URL cache chọn
có (cái này sẽ giúp giúp tăng tốc độ truy xuất dữ liệu SEF, nếu không
thích có thể chọn không).
Trong Rewriting mode? chọn With .htaccess (mod_rewrite) để sử
dụng file .htaccess -> chức năng này sẽ làm mất đi chữ index.php
trong Link.
Các phần còn lại để nguyên, không chỉnh sửa.
Nhấn nút Save để lưu các các thay đổi vừa thiết lập, nếu xuất hiện
bảng cảnh báo xóa Cache nhấn Ok để đồng ý và sau đó nhấn
Proceed.
Tải file htaccess này về giải nén và copy file .htaccess vào thư mục
gốc cài đặt Joomla.
Thiết Kế Web Với Joomla 1.0x & 1.5x
Collection by traibingo at buaxua.vn
Vào Site - > Global Configuration -> SEO -> Search Engine
Friendly URLs -> chọn Có -> Save
Tới đây coi như xong phần cơ bản, nếu làm đúng các bước như trên thì
trang web sẽ có đường link như sau:
category/ten-bai-viet.html
Các thông số thiết lập khác:
Nếu Server không hỗ trợ hoặc không muốn dùng file .htaccess
và mod_rewrite=on thì trong Tab Advanced -> Rewriting mode?
chọn Without .htaccess (index.php) hoặc Without .htaccess
(index.php?) -> Kiểu này vẫn giữ lại chữ index.php hoặc
index.php? trong Link
(
viet.html )
Muốn bỏ phần đuôi .html thì xóa .html (để trống) trong Tab Main -
> File suffix hoặc có thể thay bằng các đuôi .htm.php.html Nếu
muốn thay bằng đuôi khác như ý thì phải bổ sung đuôi vào file
.htaccess
Thiết Kế Web Với Joomla 1.0x & 1.5x
Collection by traibingo at buaxua.vn
Td: muốn thêm đuôi .vip thì mở file .htaccess tìm đến dòng:
RewriteCond %{REQUEST_URI} (/|\.htm|\.php|\.html|/[^.]*)$ [NC]
Thêm vào thành:
RewriteCond %{REQUEST_URI} (/|\.htm|\.php|\.html|\.vip|/[^.]*)$ [NC]
Link sẽ có dạng:
Nếu muốn Link có dạng ngày, tháng, năm, hoặc mã số tùy theo ý
thích thì trong Tab Main -> Use Title Alias? chọn Alias
Sau đó đặt lại tên Title Alias của các Content thành mã số tùy ý. Link sẽ
có dạng:
Nếu muốn tự động thêm mã số ngày tháng năm và ID vào Link thì
trong Tab Main -> Unique ID chọn có. Link sẽ có dạng:
Muốn hiển thị hay ẩn tên của Section, Category,... trong Link thì thiết
lập trong Tab Plugins. (
Thiết Kế Web Với Joomla 1.0x & 1.5x
Collection by traibingo at buaxua.vn
Trong quá trình sử dụng nếu có thay đổi cấu hình của sh404SEF
hoặc thay đổi tên, vị trí của các Section, Category, Conent thì dùng
các chức năng Xem/Sửa hoặc Xóa các Link cũ được sh404SEF ghi
nhớ trong bộ nhớ Cache để cập nhật lại Link mới.
View/Edit/ SEF Urls: Xem/Sửa các Link thân thiện đã được sh404SEF tạo
ra và lưu trữ trong bộ nhớ Cache. Purge SEF Urls là xóa các Link này để
sh404SEF tạo ra các Link mới.
View/Edit/ 404 Logs: Xem/Sửa các Link bị lỗi đã được sh404SEF ghi
nhận và lưu trữ trong bộ nhớ Cache. Purge 404 Logs là xóa các Link lỗi
này để sh404SEF tạo ra các Link mới.
View/Edit/ Custom Redirects: Xem/Sửa các Link thân thiện tự tạo ra và
lưu trữ trong bộ nhớ Cache. Purge Custom Redirects là xóa các Link tự
tạo này.
Muốn sửa trang thông báo lỗi 404 thì có thể sửa trong sh404SEF
Configuration -> 404 Page hoặc truy cập vào Menu Content ->
Static Content Manager -> chọn Item 404, có thể thay đổi
nội dung bằng tiếng Việt và trang trí tùy thích.
Thiết Kế Web Với Joomla 1.0x & 1.5x
Collection by traibingo at buaxua.vn
Nếu muốn thay đổi chữ Page thành Trang nằm phía sau khi một liên
kết có nhiều trang thì sửa trong tab Languages như trong hình.
Hãy thử Publish Module sh404SEF Custom tags module để thấy
sự khác biệt về việc hiển thị tiêu đề của các Liên kết, có thể chỉnh
sửa trong Module này tùy ý.
Ngoài ra sh404SEF còn nhiều thông số thiết lập và các chức năng hỗ
trợ riêng cho các Component khác, tùy theo nhu cầu sử dụng mà thay đổi
cho phù hợp.
Thiết Kế Web Với Joomla 1.0x & 1.5x
Collection by traibingo at buaxua.vn
Cơ bản về Template của Joomla! 1.5.x
Template của Joomla! 1.5.x không còn đơn giản chỉ là giao diện của trang
web, các cải tiến trong phiên bản này cho phép Template có nhiều tính
năng hơn, cho phép thay đổi các thông số về độ rộng, màu sắc,... trong
phần quản lý Template.
Joomla! 1.5.x cũng có Temp dành cho Frontpage gọi là Site Template và
dành phần Quản trị (Admin) gọi là Administrator Template, sau đây là cơ
bản về Site Template của Joomla! 1.5.x
Cấu trúc:
template_name: Thư mục chính thường được đặt tên của Temp.
css: Thư mục chứ các tập tin bảng kiểu với các thông số định dạng
cho Temp, trong đó có tập tin chính có tên là template.css và có thể
được bổ sung thêm một số tập tin css khác.
html: Thư mục chứa các tập tin dùng để thay đổi hoặc định dạng lại
cho các thành phần mở rộng của Joomla!, có thể không cần nếu
không muốn thay đổi.
images: Thư mục chứa các tập tin hình ảnh của Temp.
Thiết Kế Web Với Joomla 1.0x & 1.5x
Collection by traibingo at buaxua.vn
index.html: Tập tin ngăn sự truy cập trực tiếp vào thư mục của
Temp.
index.php: Tập tin chính sử dụng mã PHP tạo nên cấu trúc của
Temp.
params.ini: Tập tin lưu các thông số mặc định của Temp, được thiết
lập trong phần quản lý Temp.
template_thumbnail.png: Tập tin ảnh dùng để cho xem hình dạng
của Temp.
templateDetails.xml: Tập tin chứa các thông tin và thông số liên
quan đến Temp được dùng khi cài đặt và quản lý Temp.
Ngoài ra còn có thể có một thư mục js chứa các tập tin mã lệnh sử
dụng trong Template.
Cài đặt:
Template của Joomla! 1.5 thường được đóng gói dưới dạng nén zip và
được cài đặt thông qua Menu Extensions (1) -> Install/Uninstall (2) ->
Browse (3) -> Chọn gói Temp -> Open -> Upload File & Install (4)
Sử dụng:
Chuyển sang Temp mới vừa cài đặt bằng cách truy cập Menu
Extensions (1) -> Template Manager (2) -> Site (3) -> chọn Temp
mới vừa cài (4) -> Nhấn Default để chọn làm Temp mặc định (5) -
> Temp mặc định sẽ có dấu sao (6)
Thiết Kế Web Với Joomla 1.0x & 1.5x
Collection by traibingo at buaxua.vn
Thay đổi thông số bằng cách nhấn vào tên của Temp, sẽ có các nút
chức năng dùng để chỉnh sửa tập tin index.php và template.css,
ngoài ra tùy theo Temp sẽ cho phép chỉnh khác các thông số như độ
rộng, màu sắc,...
Nếu muốn thay đổi Temp khác cho một vài trang (Menu) thì sau khi
cài đặt Temp khác, trong phần Template Manager nhấn vào tên của
Temp để mở ra, đánh dấu vào Select from List và chọn Menu, có
thể chọn nhiều Menu khác nhau bằng cách nhấn phím Ctrl trên bàn
phím và nhấn nút trái chuột vào các Menu đó.
Thiết Kế Web Với Joomla 1.0x & 1.5x
Collection by traibingo at buaxua.vn
Chú ý:
Nếu muốn cũng có thể cài đặt nhiều Temp cho Joomla! và mỗi Menu
chọn 1 Temp khác nhau tùy ý thay đổi.
Có rất nhiều trang Web cho tải Temp miễn phí, bạn hãy dùng công
cụ tìm kiếm với từ khóa "free joomla template", tuy nhiên các Temp
miễn phí này thường đơn giản và có những hạn chế nhất định, để có
được một Temp như ý thì thông thường phải chỉnh sửa nhiều thứ
trong Temp. Bạn cũng có thể chọn mua các Temp thương mại được
thiết kế rất đẹp và nhận được sự hỗ trợ của tác giả.
Làm thế nào để có một Web Site
Sở hữu một Web Site cá nhân để hỗ trợ cho công việc hay chỉ đơn giản
dùng để chia sẻ những kiến thức cá nhân luôn được nhiều người mong
muốn. Nhưng có rất nhiều người lại không biết bắt đầu từ đâu và làm thế
nào để có được một Web Site.
Sau đây là các bước cơ bản để có một Web Site:
Đăng ký tên miền (Domain):
Thiết Kế Web Với Joomla 1.0x & 1.5x
Collection by traibingo at buaxua.vn
Hãy hiểu một cách đơn giản là bất cứ cái gì cũng đều có một cái tên
và Web Site cũng vậy, nó cũng cần có một cái tên và được gọi là tên
miền (Domain Name).
Tên miền thường có 2 cấp (hoặc có thể nhiều hơn) và được ngăn
cách bởi dấu chấm (.), trong đó tên miền cấp 1 thuộc quốc gia (.vn:
Việt Nam, .us: Mỹ,...) hoặc quốc tế (.com, .net, .org,...). Tên miền
cấp 2 là tên của Web Site và đây chính là phần tên đăng ký. Ngoài ra
còn có thể có tên miền cấp 3 (thí dụ: ten_mien.com.vn) do các quốc
gia qui định.
Hãy chọn cho Web Site của mình một cái tên ưng ý và tìm đến một
nhà cung cấp dịch vụ đăng ký và quản lý tên miền, nơi đây sẽ tư vấn
thêm cho bạn cách chọn tên miền cấp 1 phù hợp với Web Site của
bạn và không bị trùng với những tên miền khác đã được đăng ký.
Hãy đăng ký tên miền đầu tiên và càng sớm càng tốt nếu không
muốn tên miền mà bạn định đăng ký bị người khác chiếm mất.
Khi đăng ký tên miền sẽ phải trả lệ phí đăng ký một lần duy nhất (nếu
có) và chi phí duy trì hàng năm (có thể trả theo từng năm hoặc đóng
một lần cho nhiều năm).
Thông thường sau khi đăng ký sẽ được cấp giấy chứng nhận sở hữu
tên miền. Hãy yêu cầu để có được giấy chứng nhận này và phải do
chính mình đứng tên chủ sở hữu để tránh có sự tranh chấp nếu có.
Ngoài ra cần phải chú ý đến các dịch vụ cộng thêm và hỗ trợ cho tên
miền, các dịch vụ này thường miễn phí nhưng có một số nhà cung
cấp dịch vụ lại tính phí.
Thiết kế Web Site:
Công việc tiếp theo thường được chọn là thuê chỗ đặt Web Site
(Hosting) nhưng đó thường là một lựa chọn sai lầm, bởi vì một khi
bạn chưa hình dung ra được trang Web của mình như thế nào, hoạt
động ra sao, thiết kế trên công nghệ gì... thì không nên vội vàng thuê
Hosting với lại thời gian thiết kế Web có thể kéo dài nên sẽ gây lãng
phí.
Hãy bắt tay vào việc thiết kế Web nếu bạn có khả năng hoặc tìm nơi
thiết kế Web giúp bạn. Do bạn đã đăng ký tên miền nên sẽ rất thuận
lợi cho việc trình bày trang web và tạo biểu tượng (Logo) được theo
đúng như ý bạn.
Nếu giao cho người khác thiết kế Web Site bạn hãy nêu lên những ý
tưởng và công việc cần làm trên Web Site để giúp việc thiết kế được
Thiết Kế Web Với Joomla 1.0x & 1.5x
Collection by traibingo at buaxua.vn
thuận tiện. Nên tham khảo thêm các Web Site khác và tiếp nhận sự
tư vấn từ phía nhà thiết kế để đạt kết quả tối ưu cho Web Site.
Một số dịch vụ thiết kế Web thường hỗ trợ thêm các dịch vụ khác
như đăng ký tên miền, hỗ trợ Hosting... hãy cân nhắc kỹ các dịch vụ
này, rất nhiều trường hợp đáng tiếc đã xãy ra khi dịch vụ này không
còn hoạt động nữa như mất tên miền, Web Site,...
Nếu có một ít kiến thức vi tính bạn cũng có thể tự làm cho mình một
Web Site đơn giản bằng các chương trình như MS Word, MS
Frontpage, DreamWeaver,... hoặc làm các trang Web động
bằng cách cài đặt và sử dụng một trong các chương trình quản lý nội
dung (CMS) miễn phí như: Joomla!, Mambo, Drupal,... các chương
trình này sẽ giúp bạn có được một Web Site với nhiều kiểu trình bày
rất đa dạng.
Hãy bắt đầu thiết kế Web ngay trên máy tính của bạn và tham khảo
thêm thông tin trên các trang Web, Diễn đàn,... Để tự thiết kế Web,
trên máy của bạn có thể cần phải cài đặt chương trình Web Server
để chạy thử, các chương trình Web Servser thông dụng và dễ sử
dụng là Wmap5 và Xampp, đã được tích hợp đầy đủ các chức năng
cần thiết cho Web Site hoạt động.
Thuê chổ đặt trang Web (Hosting):
Hosting là nơi lưu trữ Web Site, được đặt trên một máy chủ Web
(Web Server), máy này cung cấp dịch vụ Web và luôn được kết nối
với Internet để Web Site hoạt động và cho phép mọi người truy cập.
Sau khi đã có Web Site và đã nắm được mọi kỹ thuật cũng như hoạt
động của Web Site thì đã đến lúc tính đến việc thuê Hosting. Lựa
chọn Hosting có lẽ là một công việc khó khăn nhất, tìm được một nhà
cung cấp dịch vụ Hosting như ý quả thật không đơn giản. Rất nhiều
trường hợp phải chuyển qua Hosting khác do sự không tương thích
làm cho Web Site hoạt động không ổn định và do các dịch vụ hỗ trợ
khách hàng kém.
Các tiêu chí để chọn Hosting:
Máy chủ Web: Phải có các thông số đáp ứng được với yêu cầu cần
thiết để Web Site hoạt động, tốc độ truy cập nhanh, ổn định, băng
thông rộng,...
Thiết Kế Web Với Joomla 1.0x & 1.5x
Collection by traibingo at buaxua.vn
Các dịch vụ cộng thêm: Cho phép tạo các tài khoản FTP (để truyền
dữ liệu), Email (thư điện tử), miễn phí cà
Các file đính kèm theo tài liệu này:
- giao_trinh_mon_thiet_ke_web_voi_joomla.pdf