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

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

Đang tải... (xem toàn văn)

Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống

Thông tin tài liệu

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

Ngày đăng: 23/05/2014, 18:12

Từ khóa liên quan

Mục lục

  • Slide1

  • Nhắc lại bài cũ

  • Mục tiêu bài học

  • Template Manager

  • Template Manager

  • Chỉnh sửa Template Beez

  • Chỉnh sửa Template Beez

  • Chỉnh sửa Template Beez

  • Chỉnh sửa Template Beez

  • Chỉnh sửa Template Beez

  • Chỉnh sửa Template Beez

  • Chỉnh sửa Template Beez

  • Chỉnh sửa Template Beez

  • Chỉnh sửa Template Beez

  • Chỉnh sửa Template Beez

  • Chỉnh sửa Template Beez

  • Chỉnh sửa Template Beez

  • Chỉnh sửa Template Beez

  • Thiết lập website đa giao diện

  • Xây dựng 1 Template mới

Tài liệu cùng người dùng

  • Đang cập nhật ...

Tài liệu liên quan