bài 4 hướng dẫn chỉnh sửa và thiết kế giao diện web joomla

Bài Hướng dẫn chỉnh sửa thiết kế giao diện web Joomla Nhắc lại cũ • • • • • Joomla có loại thành phần mở rộng nào? Việt hóa Joomla CMS nào? Thay đổi giao diện website nào? Quản lý đa phương tiện Media Manager; Có nhóm thành viên website Joomla; Bài - Hướng dẫn chỉnh sửa thiết kế giao diện Joomla Mục tiêu học • Tìm hiểu chi tiết cách thức quản lý giao diện website Joomla thơng qua phần Template Manager; • Chỉnh sửa template có sẵn để tạo giao diện web ý muốn; • Hiểu rõ cấu trúc Template, kiến thức để xây dựng Template cho website Joomla Bài - Hướng dẫn chỉnh sửa thiết kế giao diện Joomla Template Manager Quản lý giao diện website Joomla Template Manager -Giao diện website Joomla bao gồm loại: giao diện cho trang frontend giao diện cho trang backend; -Tất giao diện web Joomla quản lý Extension - Template Manager; -Sau cài đặt Joomla, hệ thống có sẵn template tạo giao diện trang frontend: Milkyway, JA Purity, Beez Bài - Hướng dẫn chỉnh sửa thiết kế giao diện Joomla Template Manager Các thông số cấu hình Template Bài - Hướng dẫn chỉnh sửa thiết kế giao diện Joomla Chỉnh sửa Template Beez Tạo Template Beez: -Tạo Template để tránh trường hợp Template bị hỏng trình chỉnh sửa Template có sai sót -Tạo thư mục có tên mynewtemplate Nếu website đặt hosting, việc xử lý File Manager: Bài - Hướng dẫn chỉnh sửa thiết kế giao diện Joomla Chỉnh sửa Template Beez -Copy toàn thư mục file thư mục Beez vào thư mục mynewtemplate Bài - Hướng dẫn chỉnh sửa thiết kế giao diện Joomla Chỉnh sửa Template Beez Đặt tên cho Template mynewtemplate file templateDetails.xml Bài - Hướng dẫn chỉnh sửa thiết kế giao diện Joomla Chỉnh sửa Template Beez Sửa dòng beez thành mynewtemplate Bài - Hướng dẫn chỉnh sửa thiết kế giao diện Joomla Chỉnh sửa Template Beez Lựa chọn Template mynewtemplate làm template mặc định Bài - Hướng dẫn chỉnh sửa thiết kế giao diện Joomla Chỉnh sửa Template Beez Danh sách file CSS Template: Bài - Hướng dẫn chỉnh sửa thiết kế giao diện Joomla Chỉnh sửa Template Beez Lựa chọn file template.css sửa: Bài - Hướng dẫn chỉnh sửa thiết kế giao diện Joomla Chỉnh sửa Template Beez Kết sau: Bài - Hướng dẫn chỉnh sửa thiết kế giao diện Joomla Chỉnh sửa Template Beez Một số chỉnh sửa khác: -Bằng cách can thiệp vào file CSS cịn chỉnh sửa thành phần khác như font chữ, cỡ chữ, kích thước vùng website -Sử dụng FireBug fiefox để hỗ trợ sửa CSS -Ngoài cịn thêm bớt vị trí đặt module thông qua việc chỉnh sửa file templateDetails.xml file thiết lập cấu trúc phân vùng Template (thường file index.php thư mục template) Bài - Hướng dẫn chỉnh sửa thiết kế giao diện Joomla Thiết lập website đa giao diện Sử dụng chức Menu Assignment để thiết lập website đa giao diện cho Joomla Bài - Hướng dẫn chỉnh sửa thiết kế giao diện Joomla Xây dựng Template Cấu trúc file thư mục Template: Bài - Hướng dẫn chỉnh sửa thiết kế giao diện Joomla Xây dựng Template Phân tích file Templatedetails.xml: Day Thiet Ke Web Joomla 31/08/2012 Dao Trung Hieu daotrunghieu143@gmail.com http://dayhocthietkeweb.net Dao Trung Hieu Day Thiet Ke Web Joomla Tai POLY Bài - Hướng dẫn chỉnh sửa thiết kế giao diện Joomla Xây dựng Template images/banner1.PNG images/banner2.PNG images/banner3.PNG index.php mycss.css template_thumbnail.png templateDetails.xml top left right footer Bài - Hướng dẫn chỉnh sửa thiết kế giao diện Joomla Xây dưng Template daohieu 1 daohieu 2 daohieu 3 Bài - Hướng dẫn chỉnh sửa thiết kế giao diện Joomla Xây dựng Template Phân tích file index.php