Giáo trình môn Thiết kế Web với Joomla

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

pdf298 trang | Chia sẻ: trungkhoi17 | Lượt xem: 613 | Lượt tải: 0download
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:

  • pdfgiao_trinh_mon_thiet_ke_web_voi_joomla.pdf
Tài liệu liên quan