Giáo trình Thiết kế website động với joomla 1.72: Phần 1 - Lê Minh Tuấn

68 118 0
Giáo trình Thiết kế website động với joomla 1.72: Phần 1 - Lê Minh Tuấn

Đ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

Joomla là một nội dung được trao giải thưởng quản lý hệ thống (CMS), cho phép bạn xây dựng trang web và các ứng dụng trực tuyến mạnh mẽ. Nhiều khía cạnh, bao gồm cả sử dụng dễ dàng và khả năng mở rộng, đã làm cho joomla web trang web phổ biến nhất phần mềm có sẵn. Mời bạn cùng tham khảo phần 1 giáo trình để hiểu phần nào và làm quen với việc thiết kế website động với joomla 1.72.

TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT KHOA CÔNG NGHỆ THƠNG TIN TRUNG TÂM TIN HỌC TỒN THẮNG Biên soạn : Lê Minh Tiến TP.Hồ Chí Minh 2011 Trung Tâm Tin Học TOÀN THẮNG Biên soạn: Lê Minh Tiến Joomla! CHƯƠNG I : TỔNG QUAN VỀ JOOMLA! JOOMLA LÀ GÌ? Joomla nội dung trao giải thưởng quản lý hệ thống (CMS), cho phép bạn xây dựng trang web ứng dụng trực tuyến mạnh mẽ Nhiều khía cạnh, bao gồm sử dụng dễ dàng khả mở rộng, làm cho Joomla Web trang web phổ biến phần mềm có sẵn Hay tất các, Joomla giải pháp mã nguồn mở miễn phí cho tất người Một hệ thống quản lý nội dung (CMS) gì? Một hệ thống quản lý nội dung phần mềm theo dõi tất phần nội dung trang web bạn, giống thư viện công cộng địa phương theo dõi sổ sách, lưu trữ chúng Nội dung văn đơn giản, hình ảnh, âm nhạc, video, tài liệu, điều bạn nghĩ đến Một lợi lớn việc sử dụng CMS địi hỏi gần khơng có kỹ kỹ thuật kiến thức để quản lý Kể từ CMS quản lý tất nội dung, bạn khơng cần phải Một số ví dụ giới thực Joomla gì! làm gì? Joomla sử dụng khắp nơi giới đến trang web sức mạnh tất hình dạng kích cỡ.Ví dụ: • Trang web cổng thơng tin doanh nghiệp • Mạng nội cơng ty Extranet • Tạp chí trực tuyến, báo chí, ấn phẩm • E-thương mại đặt phịng trực tuyến • Ứng dụng phủ • Các trang web kinh doanh nhỏ • Các trang Web tổ chức phi lợi nhuận • Dựa cổng thơng tin cộng đồng • Trường học nhà thờ trang web • Trang chủ cá nhân gia đình Ai sử dụng Joomla? Đây vài ví dụ trang Web sử dụng Joomla: • MTV Networks Quizilla (mạng xã hội) - http://www.quizilla.com • IHOP (chuỗi nhà hàng) - http://www.ihop.com • Đại học Harvard (giáo dục) - http://gsas.harvard.edu Giáo trình thiết kế WebSite động Trang Trung Tâm Tin Học TOÀN THẮNG Biên soạn: Lê Minh Tiến Citibank (tài tổ chức mạng nội bộ) - Khơng truy cập cơng cộng • Maven Màu xanh (tài ngun sinh thái) - http://www.greenmaven.com • Nhiếp ảnh gia ngồi trời (tạp chí) - http://www.outdoorphotographer.com • PlayShakespeare.com (văn hóa) - http://www.playshakespeare.com • Senso Interiors (thiết kế nội thất) - http://www.sensointeriors.co.za Các ví dụ khác cơng ty sử dụng Joomla tìm thấy trưng bày trang web Joomla • Tơi cần phải xây dựng trang web cho khách hàng Làm Joomla! giúp tôi? Joomla thiết kế để dễ dàng để cài đặt thiết lập bạn người dùng cao cấp Nhiều dịch vụ Web hosting cung cấp cài đặt vào trang web bạn chạy vài phút Joomla dễ sử dụng, nhà thiết kế web hay phát triển, bạn nhanh chóng xây dựng trang web cho khách hàng bạn Sau đó, với số lượng tối thiểu hướng dẫn, bạn trao quyền cho khách hàng bạn dễ dàng quản lý trang web riêng Nếu khách hàng bạn cần chức chuyên ngành, Joomla dễ mở rộng hàng ngàn phần mở rộng (hầu hết miễn phí theo giấy phép GPL ) có sẵn thư mục mở rộng Joomla Làm tơi chắn có Joomla! hỗ trợ tương lai? Joomla mã nguồn mở phổ biến CMS có sẵn minh chứng cộng đồng sôi động ngày tăng người dùng thân thiện phát triển tài Joomla rễ trở lại năm 2000 và, với 200.000 người sử dụng cộng đồng đóng góp, tương lai tươi sáng cho giải thưởng giành Joomla dự án Tôi nhà phát triển Một số cách thức tiên tiến sử dụng Joomla gì? Nhiều cơng ty tổ chức có u cầu vượt q có sẵn gói Joomla Trong trường hợp này, khung ứng dụng mạnh mẽ Joomla làm cho dễ dàng cho nhà phát triển để tạo phức tạp thêm ích mở rộng sức mạnh Joomla vào hướng dẫn không giới hạn Cốt lõi Joomla khuôn khổ cho phép nhà phát triển cách nhanh chóng dễ dàng xây dựng: • Hệ thống kiểm sốt hàng tồn kho • Dữ liệu cơng cụ báo cáo • Ứng dụng cầu • Giới thiệu sản phẩm Tuỳ chỉnh • Tích hợp hệ thống thương mại điện tử • Phức tạp kinh doanh thư mục Giáo trình thiết kế WebSite động Trang Trung Tâm Tin Học TOÀN THẮNG Biên soạn: Lê Minh Tiến Đặt phịng hệ thống • Công cụ truyền thông Kể từ Joomla dựa PHP MySQL, bạn xây dựng ứng dụng mạnh mẽ tảng mở sử dụng, chia sẻ, hỗ trợ Để tìm hiểu thêm thơng tin việc tận dụng khuôn khổ Joomla, truy cập mạng phát triển Joomla • Joomla! giải pháp cho Làm để bắt đầu? Joomla miễn phí, mở, có sẵn cho giấy phép GPL ĐọcBắt đầu với Joomla để tìm hiểu điều sau cố gắng giới thiệu trực tuyến bạn nhanh chóng phát đơn giản Joomla Nếu bạn sẵn sàng để cài đặt Joomla, tải phiên bạn chạy thời gian không Lịch sử Joomla! "sản phẩm anh em" với Mambo tập đoàn Miro Úc (hãng nắm giữ Mambo), với phần đông người phát triển nịng cốt Ban đầu cơng ty Miro Úc (tiếng Anh: Miro Software Solutions) phát triển Mambo theo dạng ứng dụng mã nguồn đóng Đến tháng năm 2001, cơng ty thơng qua sách quyền kép, nghĩa phát hành Mambo theo giấy phép GPL Mọi thứ tiến triển bình thường trước xảy tranh chấp mặt pháp lý vào năm 2003 Vụ việc dẫn tới ý tưởng Mambo cần phải bảo vệ tổ chức phi lợi nhuận Nhưng nhà phát triển không hài lòng cấu Quỹ tài trợ Mambo Andrew Eddie, người lãnh đạo nhóm phát triển, thư gửi cộng đồng[4], chia sẻ lo lắng Quỹ tài trợ Mambo mối quan hệ tới cộng đồng Ơng viết: " Chúng cho tương lai Mambo nên quản lý, điều chỉnh yêu cầu người sử dụng khả nhà phát triển Trong đó, Quỹ tài trợ Mambo lại thiết kế nhằm trao quyền điều khiển cho Miro, thiết kế ngăn cản hợp tác Quỹ tài trợ cộng đồng " Bởi vào ngày 17 tháng năm 2005, tồn đội phát triển nịng cốt Mambo rời khỏi dự án làm việc với phiên 4.5.3 Nhờ trợ giúp Trung tâm Luật Tự Phần mềm (Software Freedom Law Center - SFLC), 20 thành viên nòng cốt cũ Mambo thành lập tổ chức phi lợi nhuận khác lấy tên Open Source Matters, để hỗ trợ mặt tổ chức, pháp lý kinh phí cho dự án mã nguồn mở chưa đặt tên họ Cùng lúc đó, nhóm phát triển lập website lấy tên OpenSourceMatters để phân phối thông tin tới người sử dụng, người phát triển, người thiết kế cộng đồng Joomla nói chung Người đứng đầu dự án Andrew Eddie, cịn biết đến với tên gọi "Sếp trưởng"[5] Ngay ngày hôm sau, 1000 người gia nhập diễn đàn OpenSourceMatters, hầu hết viết cho diễn đàn khuyến khích đồng tình với hành động Nhóm Phát triển Tin nhanh chóng đăng tải tạp chí newsforge.com, eweek.com ZDnet.com Giáo trình thiết kế WebSite động Trang Trung Tâm Tin Học TOÀN THẮNG Biên soạn: Lê Minh Tiến Trong thông báo Eddie tuần sau đó, nhóm tổ chức lại cộng đồng Joomla! tiếp tục tăng trưởng Tới ngày tháng năm 2005 tên dự án thông báo cho khoảng 3000 người theo dõi đội Phát triển đến ngày 16 tháng họ cho đời Joomla! 1.0 Các phiên Hiện Joomla! có dịng phiên chính: • Joomla! 1.0.x: Phiên hệ (ổn định) − Phiên phát hành đầu tiên: Joomla! 1.0.0 (ngày 15 tháng năm 2005) − Phiên phát hành nhất: Joomla! 1.0.15 (ngày 22 tháng năm 2008) • Joomla! 1.5.x: Phiên hệ (ổn định) − Các phiên cũ (giai đoạn phát triển): Joomla! 1.5 beta, Joomla! 1.5 RC1, Joomla! 1.5 RC2, Joomla! 1.5 RC3, Joomla! 1.5 RC4 − Phiên phát hành nhất: Joomla! 1.5.11 (ngày 03 tháng 06 năm 2009) Dòng phiên 1.0.x Phiên Joomla! phiên Joomla! 1.0 (hay Joomla! 1.0.0) có nguồn gốc từ Mambo 4.5.2.3 (đã bao gồm thêm nhiều vá bảo mật sửa lỗi) Các phiên có dạng 1.0.x Điểm mạnh Joomla! 1.0.x: Có số lượng lớn thành phần mở rộng (module/component); thành phần nhúng (mambot); giao diện (template) Dòng phiên 1.5.x Phiên Joomla! 1.5[6] phiên cải tiến từ Joomla! 1.0.x (phần mã viết lại hoàn toàn, nhiên giữ cách hành xử cũ) coi Mambo 4.6 Joomla! 1.5 tiếp tục trì giao diện người sử dụng đơn giản (nhìn cảm nhận - look and feel) Cả Joomla! 1.5 Mambo 4.6 hỗ trợ đa ngơn ngữ Joomla! sử dụng file định dạng ".ini" để lưu thông tin chuyển đổi ngơn ngữ, cịn Mambo sử dụng file định dạng ".gettext" Joomla 1.5 hỗ trợ tất ngơn ngữ có tập ký tự biểu diễn bảng mã UTF-8 Joomla! 1.5 bao gồm đặc tính mơ hình chứng thực (LDAP, Gmail ), hỗ trợ mơ hình khách-chủ[7] xml-rpc Nó hỗ trợ trình điều khiển sở liệu dành cho MySQL 4.1+ (trên PHP 5) tăng cường hỗ trợ cho MySQL 5, hỗ trợ loại sở liệu khác Điểm mạnh Joomla! 1.5: Phần quản trị Website có sử dụng cơng nghệ Web 2.0, số tính cải tiến so với Joomla 1.0.x Kiến trúc Giáo trình thiết kế WebSite động Trang Trung Tâm Tin Học TOÀN THẮNG Biên soạn: Lê Minh Tiến Joomla! 1.5 gồm có tầng hệ thống Tầng mức tảng, chứa thư viện plugin (còn biết với tên gọi mambot) Tầng thứ hai mức ứng dụng chứa lớp JApplication Hiện tầng gồm lớp con: JInstallation, JAdministrator JSite Tầng thứ ba mức mở rộng Tại tầng có thành phần (component), mô đun (module) giao diện (template) thực thi thể Giới thiệu chu trình phát hành Nó khơng phải mới, cần thiết để hiểu Trong năm 2010, chu kỳ phát hành phiên ngắn dài hạn giới thiệu cho Joomla! Mỗi sáu tháng, phiên Joomla! phát hành Nó bắt đầu với Joomla! 1.6 tháng năm 2011 phiên ngắn hạn, tiếp tục với Joomla! 1,7 việc phát hành ngắn hạn thứ hai Sau ba phiên ngắn hạn, dài hạn phát hành lên Điều có nghĩa, 18 tháng, phiên dài hạn Joomla! xuất Vì vậy, dài hạn phát hành Joomla!1,8 tháng năm 2012 Tôi tìm thấy hai infographics Gnumla Sander Poitjer để hình dung chu kỳ phát hành (Hình 1, Hình 2) Hình 1: (@ gnumax) Hình 2: Sander Poitjer làm việc từ tháng năm 2011 Infographic Chiến lược Phát triển # Joomla! Giáo trình thiết kế WebSite động Trang Trung Tâm Tin Học TOÀN THẮNG Biên soạn: Lê Minh Tiến Nhóm Nịng cốt Dự án Joomla! chèo lái 19 thành viên (ban đầu 20) Nhóm Nịng cốt (Core Team) đến từ 11 quốc gia giới bao gồm: Ric Allinson, Brad Baker, Shayne Bartlett, Levis Bisson, Michelle Bisson, Tim Broeker, David Gal, Rey Gigataras, Wilco Jansen, Johan Janssens, Alex Kempkens, Mateusz Krzeszowiec, Louis Landry, Andy Miller, Sam Moffatt, Peter Russell, Emir Sakic, Marko Schmuck, Antonie de Wilde Danh sách 19 thành viên Nhóm Nịng cốt http://www.joomla.org/content/blogcategory/43/85/ Giải thưởng • • • • Tháng 10 năm 2007, Hệ quản trị nội dung mã nguồn mở PHP tốt Packt Publishing trao tặng Tháng 11 năm 2006, Hệ quản trị nội dung mã nguồn mở tốt nhất[8] Packt Publishing công bố Tháng 10 năm 2006, Dự án mã nguồn mở/ Linux tốt triển lãm LinuxWorld 2006 Anh Tháng 10 năm 2005, Dự án mã nguồn mở/ Linux tốt triển lãm LinuxWorld 2005 Anh Đối với người sử dụng cuối Việc cài đặt Joomla! dễ dàng nhanh chóng, chí lập trình viên nghiệp dư Joomla! có cộng đồng người sử dụng phát triển lớn tăng trưởng khơng ngừng (đến có khoảng 40.000 người) Các thành viên lập trình viên nhiệt tình sẵn sàng tư vấn, giúp đỡ người sử dụng gặp khó khăn Sau cài đặt Joomla! chạy thử, người sử dụng thêm, chỉnh sửa, cập nhật nội dung, hình ảnh; quản lý liệu tổ chức, công ty Joomla! cung cấp giao diện web trực quan dễ dàng để thêm nội dung hay mục mới, quản lý phòng ban, danh mục nghề nghiệp, ảnh sản phẩm tạo không giới hạn số phần, mục, chuyên mục nội dung Website Để thử kiểm tra tính phiên phát hành truy cập Website Joomla! thử nghiệm http://demo.joomla.org Chú giải ^ "Hệ quản trị nội dung" gọi "hệ thống quản lý nội dung" (ít thơng dụng hơn) ^ Nội dung: Thông tin mô tả trực tiếp gián tiếp viết, tài liệu, sách, sản phẩm, hình ảnh ^ Nguyên văn tiếng Anh: The name Joomla is a phonetic spelling for the Swahili word "Jumla", which means "all together" or "as a whole" ^ Nguyên văn thư: http://forum.mamboserver.com/showpost.php?p=273627&postcount=1 ^ Nguyên văn tiếng Anh: "MasterChief" ^ Ban đầu gọi Joomla! 1.1, nhiên sau nhận thấy phần lõi gần viết lại toàn nên nhóm phát triển định đặt cho phiên hệ Joomla! 1.5 ^ Mô hình clien-server Giáo trình thiết kế WebSite động Trang Trung Tâm Tin Học TOÀN THẮNG Biên soạn: Lê Minh Tiến ^ CMS đề cử: Drupal, e107, Joomla!, Plone, Xoops Kết quả: Joomla!$5.000, Drupal - $3.000, Plone - $2.000 Liên kết Các Website hỗ trợ Joomla tiếng Việt • • • • Thiết Kế Web Joomla - Website cung ứng dịch vụ đặt mua website Joomla trực tuyến joomlaviet - Website & Diễn đàn hỗ trợ Joomla! người Việt Nam VINAORA - Website hướng dẫn cấu hình, cài đặt, bảo mật cho Joomla! Joomla Vietnamese Board - Diễn đàn thảo luận người Việt Website thức Joomla! Các Website hỗ trợ Joomla! tiếng Anh • • • • • • • Joomla! - Website Joomla! Joomla! demo Website trình diễn tính Joomla! phiên phát hành Joomla! Help Website trợ giúp Joomla! Joomla! Documentation Wiki Trang Wiki hỗ trợ sử dụng Joomla! Joomla! Roadmap Thông tin phiên Joomla! Joomla! Extensions Nơi cung cấp nhiều thành phần mở rộng hỗ trợ cho Website Joomla! Joomla! Forum Diễn đàn trao đổi, thảo luận Joomla! (có diễn đàn khoảng 40 nước, có Việt Nam) Bài báo • Tạp chí NewsForge Mambo Joomla! - năm nhìn lại Khác • CMS Matrix Website giúp so sánh tính hệ quản trị nội dung Các khái niệm Joomla! Lần tiếp xúc với Joomla! nhiều người ln cảm thấy có điều khó hiểu Joomla! khiến cho việc tiếp cận với thật khó khăn Đó khái niệm thuật ngữ khác lạ Joomla!, mà thật chẳng khác lạ so với hệ thống quản trị nội dung (CMS: Content management System) khác Bài giúp bạn phần hiểu khái niệm Joomla! • Front-end (Frontpage): Là trang Web mà người thấy truy cập vào Web Site bạn Phần việc hiển thị nội dung trang Web cịn nơi người đăng ký thành viên tham gia quản lý, viết đăng trang Web • Back-end (Admin): Là phần quản lý Web Site dành cho Quản trị, chủ nhân Web Site Phần cho phép cấu hình thơng số hoạt động, nội dung, hình thức quản lý thành phần, phận tích hợp thêm cho Joomla! • Template (Temp): Là giao diện, khng dạng, kiểu mẫu, hình thức thiết kế để trình bày nội dung trang Web có vị trí định sẵn để tích hợp phận, thành phần trang Web Joomla! cho phép cài đặt thay đổi Temp cho Web Site hay cho trang Web khác cách dễ dàng Giáo trình thiết kế WebSite động Trang Trung Tâm Tin Học TOÀN THẮNG Biên soạn: Lê Minh Tiến Các khái niệm Section, Category Content gì? Trước vào xây dựng Website Joomla cần nắm rõ khái niệm quan trọng: Category, SubCategory Content Vậy Category gì? SubCategory gì? Content gì? Chúng ta xem "Cấu trúc nội dung Website Joomla" thể thơng qua hình vẽ đây(joomla 1.0 → 1.6): Category (Từ joomla 1.7 khơng cịn Section mà có Category) |SubCategory 1a |SubCategory 1c |SubCategory 1b Category |SubCategory 2a |SubCategory 2b |Content 2b1 |Content 2b2 Các thành phần mở rộng (Extension): • Module thành phần mở rộng Joomla! Đó đoạn mã nhỏ thường dùng để truy vấn thông tin từ sở liệu hiển thị kết tìm Nó nạp vào vị trí template (vị trí left, right, top, bottom vị trí người dùng định nghĩa); tất trang Website hay số trang ấn định Khả tương tác người sử dụng hệ thống thông qua module hạn chế (chúng ta thường nhận thơng tin trả về) Module có tên bắt đầu mod_ Chúng ta có module thơng dụng: • Lastest News (mod_latestnews): Module hiển thị tin • Popular News (mod_mostreads): Module hiển thị quan tâm nhiều • Related Items (mod_related_items): Module hiển thị viết liên quan • Random Image (mod_random_image): Module hiển thị ảnh ngẫu nhiên Giáo trình thiết kế WebSite động Trang Trung Tâm Tin Học TỒN THẮNG Biên soạn: Lê Minh Tiến • Search Module (mod_search): Module cơng cụ tìm kiếm • Login Module (mod_login): Module hiển thị form đăng nhập hệ thống • Stats Module (mod_stats): Module hiển thị thông tin thống kê hệ thống • Menu Module (mod_mainmenu): Module hiển thị menu website • Banners Module (mod_banners): Moudule hiển thị banner quảng cáo Thông thường sau cài đặt Joomla! có sẵn 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ị tin bật), Hit Counter (hiển thị số lượng truy cập Web Site), Banners (hiển thị bảng quảng cáo) Component (Com): Là thành phần trang Web, định đến chức năng, hình thức, nội dung trang Web Com có thêm Mod để hỗ trợ cho việc hiển thị chức nội dung Com Com cài đặt thêm vào Web Site Thông thường sau cài đặt Joomla! có sẵn Component: Banners (quản lý bảng quảng cáo), Contacts (quản lý việc liên hệ người dùng với Ban quản trị Web Site), Search (quản lý việc tìm kiếm), News Feeds (quản lý tin tức), Polls (quản lý việc bình chọn, ý kiến người dùng), Web Links (quản lý liên kết Web Site) Com quản lý nội dung trang Web • Mambot (Plug-in): Là chức bổ sung thêm cho Com, Mambot can thiệp, bổ sung vào nội dung trang Web trước sau hiển thị Mambot cài đặt thêm vào Web Site Tất thành phần mở rộng cài đặt thêm gỡ bỏ thông qua Menu lệnh Joomla! Quản lý nội dung Web Site, Joomla! có cấp quản lý nội dung: • Categoy: Là cấp quản lý nội dung lớn nhất, chứa SubCategory Có thể tạo nhiều Category Section chứa nhiều SubCategory • SubCategory: Là cấp quản lý nội dung nhỏ Category, chứa Content Item Có thể tạo nhiều SubCategory SubCategory chứa nhiều Content Item • Content Item (Article): Là phần nội dung, chứa văn hình ảnh hiển thị trang Web Các cấp quản lý nội dung quản lý theo mã số ID nên thay đổi tên mà ảnh hưởng đến nội dung, địa liên kết chúng Menu: • Joomla! có nhiều kiểu Menu, Menu trang hiển thị có nội dung cách trình bày theo nhiều kiểu khác • Các Menu quản lý theo mã số ID nên thay đổi tên vị trí mà ảnh hưởng đến nội dung, địa liên kết chúng • Joomla! cho phép lựa chọn định Menu làm Trang chủ (Home) trang xuất truy cập vào địa trang Web Tất thành phần, nội dung, Joomla! cho phép hiển thị hay khơng hiển thị (sử dụng hay không sử dụng) thông qua chức Published hay Unpublish • Giáo trình thiết kế WebSite động Trang 10 Trung Tâm Tin Học TOÀN THẮNG Biên soạn: Lê Minh Tiến ❖ Thanh công cụ Cho dù hiển thị cơng cụ phía bên cửa sổ soạn thảo ❖ Các thiết lập sau áp dụng người biên tập chế độ nâng cao ❖ ❖ ❖ ❖ ❖ ❖ ❖ ❖ ❖ ❖ ❖ ❖ ❖ Horizontal Rule Hide Hiển thị nút 'Horizontal Rule Smilies Ẩn hiển thị nút 'Smilies' Bảng Ẩn nút Bảng Phong cách Ẩn hiển thị nút 'CSS Style' Layer Ẩn nút lớp XHTMLxtras Ẩn hiển thị tính XHTML bổ sung Mẫu Ẩn hiển thị nút 'Template' Directionality Ẩn hiển thị Directionality 'nút Tồn hình Ẩn hiển thị tồn hình, nút HTML Chiều cao chiều cao, tính pixel, chế độ cửa sổ pop-up HTML HTML Chiều rộng chiều rộng, pixel, chế độ cửa sổ pop-up HTML Xem trước Ẩn hiển thị nút 'Xem trước' Yếu tố đường Nếu thiết lập "On", hiển thị nút 'Thiết lập lớp học cho văn đánh dấu Giáo trình thiết kế WebSite động Trang 54 Trung Tâm Tin Học TOÀN THẮNG ❖ ❖ ❖ ❖ Biên soạn: Lê Minh Tiến Chèn ngày Ẩn hiển thị nút Insert ngày Định dạng ngày định dạng ngày để sử dụng cho ngày Insert Chèn Thời gian Hide Hiển thị nút 'Insert Thời gian' Định dạng thời gian Các định dạng thời gian sử dụng Thời gian Insert Editor - XStandard Lite 2.0 Plugin cung cấp biên tập viên XStandard Lưu ý : sau kích hoạt plugin này, biên tập viên tự phải tải cài đặt từ trang web XStandard http://xstandard.com/ Nó có thông số sau đây: ❖ Biên tập chế độ Ba chế độ hoạt động có thể: WYSIWYG, Source, đọc hình ❖ Từ Quấn Cho dù có Word Wrap quay Tắt On Nút biên tập viên - Hình ảnh Plugin hiển thị nút hình ảnh bên hộp biên tập viên bạn sử dụng Joomla! biên tập viên (ví dụ, viết Điều) Nó cho phép bạn chèn hình ảnh vào Điều Plugin khơng có tham số Nút biên tập viên - pagebreak Plugin hiển thị nút pagebreak bên hộp trình biên tập bạn sử dụng Joomla! biên tập viên (ví dụ, viết Điều) Nó chèn ngắt trang Điều Plugin khơng có tham số Biên tập nút - Xem tiếp Plugin hiển thị "Tìm hiểu thêm " nút bên hộp soạn thảo bạn sử dụng Joomla! biên tập viên (ví dụ, viết Điều) Chỉ chèn vào "đọc " phá vỡ Điều cho phép bạn để hiển thị phần báo trang Plugin khơng có tham số Tìm kiếm - Nội dung Plugin cho phép tìm kiếm số điều Nó có thơng số sau đây: Giáo trình thiết kế WebSite động Trang 55 Trung Tâm Tin Học TOÀN THẮNG Biên soạn: Lê Minh Tiến ❖ Tìm kiếm Giới hạn số lượng tối đa kết tìm kiếm trở lại sau tìm kiếm thực ❖ Bài viết Có hay khơng để tìm kiếm điều ❖ Uncategorized điều hay khơng để tìm kiếm Uncategorized điều ❖ Lưu trữ viết hay không để tìm kiếm viết lưu trữ Search - Liên kết website Plugin cho phép tìm kiếm Liên kết web Nó có thơng số sau đây: ❖ Tìm kiếm Giới hạn số lượng tối đa kết tìm kiếm trở lại sau tìm kiếm thực Tìm kiếm - Danh bạ Plugin cho phép tìm kiếm Contacts Nó có thơng số sau đây: ❖ Tìm kiếm Giới hạn số lượng tối đa kết tìm kiếm trở lại sau tìm kiếm thực Tìm kiếm loại Plugin cho phép tìm kiếm thơng tin loại Nó có thơng số sau đây: ❖ Tìm kiếm Giới hạn số lượng tối đa kết tìm kiếm trở lại sau tìm kiếm thực Tìm kiếm - Các Plugin cho phép tìm kiếm thơng tin Mục Nó có thơng số sau đây: Giáo trình thiết kế WebSite động Trang 56 Trung Tâm Tin Học TOÀN THẮNG Biên soạn: Lê Minh Tiến ❖ Tìm kiếm Giới hạn số lượng tối đa kết tìm kiếm trở lại sau tìm kiếm thực Tìm kiếm - Newsfeeds Plugin cho phép tìm kiếm Feeds Tin tức Nó có thơng số sau đây: ❖ Tìm kiếm Giới hạn số lượng tối đa kết tìm kiếm trở lại sau tìm kiếm thực Hệ thống - SEF Plugin thêm hỗ trợ SEF liên kết tài liệu Nó hoạt động trực tiếp HTML không yêu cầu thẻ đặc biệt Plugin khơng có tham số - Debug hệ thống Plugin cung cấp thông tin gỡ lỗi Bản báo cáo hiển thị mainscreen (phía trước & phụ trợ) Nó có thơng số sau đây: ❖ Hiển thị Thông tin Hồ sơ hay không để hiển thị thông tin hồ sơ thời gian ❖ Hiển thị đăng nhập truy vấn SQL hay không bao gồm đăng nhập truy vấn ❖ ❖ ❖ ❖ SQL vào thông tin gỡ lỗi Hiển thị sử dụng nhớ , hay không bao gồm liệu sử dụng nhớ thông tin gỡ lỗi Hiển thị chuỗi ngôn ngữ không xác định hay không để bao gồm chuỗi ngôn ngữ không xác định thông tin gỡ lỗi Hiển thị tập tin ngôn ngữ nạp hay không để hiển thị tập tin ngôn ngữ nạp để tạo trang Điều có hai chế độ: chẩn đốn thiết kế Chẩn đoán chế độ hiển thị chuỗi khơng phiên dịch tập tin vị trí có khả liệu gọi JText thực Thiết kế chế độ hiển thị chuỗi định dạng chép-dán vào tập tin ngôn ngữ INI (hiển thị danh sách định dạng KEY String =) Strip Tiền tố Khi dây không phiên dịch hiển thị chế độ thiết kế, điều cho phép bạn để tách tiền tố từ chuỗi hình thức chìa Giáo trình thiết kế WebSite động Trang 57 Trung Tâm Tin Học TỒN THẮNG Biên soạn: Lê Minh Tiến khóa Điều hữu ích nhà thiết kế sử dụng tiền tố phổ biến cho phần mở rộng họ (s) sử dụng phương pháp JText Lưu ý hình hiển thị chuỗi khơng phiên dịch hiển thị giá trị truyền cho phương pháp JText thích hợp Ví dụ, với đoạn mã sau: echo JText : _ ( 'Báo cáo nhập cấu hình' ) ; Nếu không phiên dịch, thiết kế chế độ hiển thị là: # / Quản trị / thành phần / com_reports / views / báo cáo / tmpl / default.php BÁO CÁO NHẬP KHẨU CONFIGURATION = Báo cáo nhập cấu hình Nếu Tiền tố Strip Key thiết lập để "báo cáo", sau hình hiển thị thay đổi chút để: # / Quản trị / thành phần / com_reports / views / báo cáo / tmpl / default.php BÁO CÁO NHẬP KHẨU CONFIGURATION = Cấu hình nhập Cuối cùng, đường thể có đốn dựa gọi đến chức debug_backtrace PHP Đơi xác, đơi khơng phải là, có trường hợp khơng có tập tin xác định Trong trường hợp bạn phải sử dụng án tốt bạn - Legacy hệ thống Plugin cho phép bạn sử dụng mở rộng "1,5 Legacy" chế độ Lưu ý Plugin bị vơ hiệu hóa theo mặc định phải kích hoạt trước bạn sử dụng loại hình mở rộng Plugin có tham số sau đây: ❖ Sử dụng định tuyến URL Legacy Dù có hay không sử dụng URL định tuyến kế thừa chế cho Phần mở rộng di sản Giá trị mặc định "Không" - Cache hệ thống Plugin cho phép lưu trang nhớ đệm Trang nhớ đệm cho phép máy chủ web để lưu ảnh chụp nhanh trang sử dụng chúng phục vụ trang web Điều cải thiện hiệu suất trang web bạn làm giảm khối lượng cơng việc máy chủ Plugin có thơng số sau đây: Giáo trình thiết kế WebSite động Trang 58 Trung Tâm Tin Học TOÀN THẮNG Biên soạn: Lê Minh Tiến ❖ Sử dụng trình duyệt Caching Có không sử dụng chế để lưu trữ nhớ cache trang trình duyệt địa phương Mặc định "Không" ❖ Bộ nhớ cache trọn đời Thời gian, vài phút, để tiết kiệm trang lưu trữ Mặc định 15 phút - Đăng nhập hệ thống Plugin cho phép đăng nhập hệ thống Đăng nhập tập tin có chứa thơng tin hoạt động trang web web Nó sử dụng để nhìn thấy lịch sử hoạt động khắc phục cố vấn đề trang web Plugin khơng có tham số Hệ thống - Ghi nhớ Plugin cung cấp chức "Remember Me" Điều cho phép trang web để "nhớ" tên người dùng mật bạn để bạn tự động đăng nhập bạn quay lại trang web Plugin khơng có tham số System - Backlink Backlink Plugin cung cấp hỗ trợ cho di sản Joomla! 1.0.x liên kết Nó chuyển hướng phong cách cũ liên kết URL tài liệu cho Joomla xác! 1,5 mục tiêu Nó có thơng số sau đây: ❖ Tìm kiếm chuỗi truy vấn Nếu "Có", hệ thống tìm kiếm cho phiên 1,0 chuỗi truy vấn phù hợp sau chuyển hướng đến URL Mặc định "Có" ❖ Tìm kiếm SEF Nếu "Có", hệ thống sử dụng Joomla! 1,0 phong cách định dạng SEF chuyển hướng đến liên kết Mặc định "Có" ❖ SEF cố gắng Legacy Nếu "Có", hệ thống sử dụng Joomla! 1.0 phong cách SEF định dạng cố gắng để tạo liên kết hợp lệ Mặc định "Có" Người sử dụng - Joomla! Plugin xử lý đồng hóa người dùng mặc định Nó có paramemters sau đây: ❖ Tự động tạo người sử dụng Có hay khơng để tự động tạo Joomla đăng ký ! người sử dụng nơi Mặc định "Có" Giáo trình thiết kế WebSite động Trang 59 Trung Tâm Tin Học TOÀN THẮNG Biên soạn: Lê Minh Tiến XML-RPC - Joomla Plugin cung cấp API XML-RPC Joomla! người sử dụng Nó khơng có thơng số XML-RPC - Blogger API Plugin cho phép Blogger XML-RPC API giao thức cho Joomla bạn! trang web Nếu kích hoạt, điều cho phép blogger thêm viết vào trang web từ ứng dụng hỗ trợ API Plugin có thơng số sau đây: ❖ Có Thể loại, để đặt viết nhận thông qua API Chọn từ danh sách thả xuống mục ❖ Chỉnh sửa mục từ để lấy viết từ Chọn từ danh sách thả xuống mục Thanh công cụ Ở phía bên phải bạn thấy cơng cụ: ❖ Lưu Lưu trở để chỉnh sửa chi tiết đơn ❖ Áp dụng Lưu nó, hình Nếu bạn làm việc hình thời gian dài khơng muốn có nguy công việc bạn, nhấn Apply tiết kiệm công việc bạn cho phép bạn tiếp tục làm việc Nếu, ví dụ, bạn bị kết nối Internet bạn, công việc bạn lưu lại điểm ❖ Đóng Quay trở lại hình trước mà khơng lưu cơng việc bạn Nếu bạn nhấn Đóng thêm mục mới, mặt hàng không tạo Nếu bạn chỉnh sửa mục có, sửa đổi không lưu ❖ Trợ giúp Mở Screen Trợ giúp Mẹo nhanh ❖ Nếu bạn muốn sử dụng Phần mở rộng "1,5 Legacy" chế độ, bạn cần phải kích hoạt tính "System - Legacy" Plugin Plugin bị vơ hiệu hóa theo mặc định ❖ Nếu bạn sử dụng TinyMCE 2,0 biên tập viên, bạn kiểm sốt tuỳ chọn xuất cơng cụ trình soạn thảo cách thiết lập thông số "Editor - TinyMCE 2.0" Plugin Giáo trình thiết kế WebSite động Trang 60 Trung Tâm Tin Học TOÀN THẮNG Biên soạn: Lê Minh Tiến Cấu trúc Template Joomla 1.7.2 Từ phiên 1.7 trở lên có thay đổi nhiều cấu trúc Template, Temaplate cũ trước đây, cài vào joomla 1.7 khơng hiển thị đúng, số Modules không hoạt động Tất vị trí User1,2,… Bây thay Position 1,2,3… Phiên joomla 1.5.x Giáo trình thiết kế WebSite động Trang 61 Trung Tâm Tin Học TOÀN THẮNG Biên soạn: Lê Minh Tiến Phiên joomla 1.7.2 Position0 Position Position Position 12 Position Position Position Position Position Comperment Position Position Position Position 10 Position 11 Position 14 debug Kể từ phiên Joomla! 16 trở sau chức quản lý phép xem vị trí Module Truy cập vào phần quản lý (Administrator) Joomla! chọn Template Manager (hoặc vào menu Extensions -> Template Manager) Giáo trình thiết kế WebSite động Trang 62 Trung Tâm Tin Học TOÀN THẮNG Biên soạn: Lê Minh Tiến Trong Template Manager chọn Options Trong Template Manager Options chọn Enabled mục Preview Module Positions Mở trang web Joomla! nhập vào dịng lệnh /?tp=-1 vào phía sau dịng địa trang web Nếu trang web chạy localhost: http://localhost/joomla172/?tp=-1 Nếu trang web chạy hosting: http://minhtien.byethost31.com/?tp=-1 Cấu trúc Template • • • • • • • • css: Thư mục chứa tập tin bảng kiểu với thông số định dạng cho Temp, có tập tin có tên template.css bổ sung thêm số tập tin css khác html: Thư mục chứa tập tin dùng để thay đổi định dạng lại cho thành phần mở rộng Joomla!, khơng cần khơng muốn thay đổi images: Thư mục chứa tập tin hình ảnh Temp index.html: Tập tin ngăn truy cập trực tiếp vào thư mục Temp index.php: Tập tin sử dụng mã PHP tạo nên cấu trúc Temp params.ini: Tập tin lưu thông số mặc định Temp, thiết lập phần quản lý Temp template_thumbnail.png: Tập tin ảnh dùng xem hình dạng Temp templateDetails.xml: Tập tin chứa thông tin thông số liên quan đến Temp dùng cài đặt quản lý Temp Giáo trình thiết kế WebSite động Trang 63 Trung Tâm Tin Học TOÀN THẮNG Biên soạn: Lê Minh Tiến Cài đặt: Template Joomla! thường đóng gói dạng nén zip cài đặt thông qua Menu Extensions -> Install/Uninstall -> Browse -> Chọn gói Temp -> Open -> Upload File & Install (Xem phần hướng dẫn cài đặt thành phần mở rộng) Sử dụng: • Chuyển sang Temp vừa cài đặt cách truy cập Menu Extensions -> Template Manager -> Site -> chọn Temp vừa cài -> Nhấn Default để chọn làm Temp mặc định -> Temp mặc định có dấu • Thay đổi thơng số cách nhấn vào tên Temp, có nút chức dùng để chỉnh sửa tập tin index.php template.css, tùy theo Temp cho phép chỉnh khác thơng số độ rộng, màu sắc, Giáo trình thiết kế WebSite động Trang 64 Trung Tâm Tin Học TỒN THẮNG • Biên soạn: Lê Minh Tiến Nếu muốn thay đổi Temp khác cho vài trang (Menu) sau cài đặt Temp khác, phần Template Manager nhấn vào tên Temp để mở ra, đánh dấu vào Select from List chọn Menu, chọn nhiều Menu khác cách nhấn phím Ctrl bàn phím nhấn nút trái chuột vào Menu Chú ý: • Nếu muốn cài đặt nhiều Temp cho Joomla! Menu chọn Temp khác tùy ý thay đổi • Có nhiều trang Web cho tải Temp miễn phí, bạn dùng cơng cụ tìm kiếm với từ khóa "free joomla template", nhiên Temp miễn phí thường đơn giản có hạn chế định, để có Temp ý thơng thường phải chỉnh sửa nhiều thứ Temp Bạn chọn mua Temp thương mại thiết kế đẹp nhận hỗ trợ tác giả Bài viết trình bày phần nội dung tập tin index.php templateDetails.xml Template joomla! 1.7.x, qua hiểu cấu trúc hoạt động Template Joomla! templateDetails.xml Đây tập tin chứa thơng tin thơng số Template • Thông tin bản: Đây thông tin Template hiển thị phần Quản lý Template (Template Manager) • Khai báo tập tin: Đây phần khai báo tập tin sử dụng Template, tập tin phải khai báo rõ đường dẫn tính từ thư mục gốc Template Joomla! dùng thông tin để đặt tập tin vào vị trí nó, thư mục tự động tạo cần thiết Giáo trình thiết kế WebSite động Trang 65 Trung Tâm Tin Học TOÀN THẮNG • Biên soạn: Lê Minh Tiến Khai báo vị trí: Đây phần khai báo vị trí có Template, Joomla! 1.5 khơng có phần quản lý vị trí (Position) Module mà tất khai báo đây, muốn thêm vị trí thêm vào phần Giáo trình thiết kế WebSite động Trang 66 Trung Tâm Tin Học TOÀN THẮNG Biên soạn: Lê Minh Tiến index.php: Đây tập tin chứa lệnh dùng để điều khiển hoạt động hiển thị thành phần trang web, tất trang web hiển thị thông qua tập tin Ngồi cấu trúc thơng thường tập tin html, index.php cịn có dịng lệnh Giáo trình thiết kế WebSite động Trang 67 Trung Tâm Tin Học TOÀN THẮNG Biên soạn: Lê Minh Tiến CHƯƠNG V:CHỈNH SỬA – TẠO MỚI TẠO MỚI CÀI ĐẶT EXTENSIONS CHO JOOMLA Cài Template cho Joomla Tại trang Administrator chọn Extensions – Install/Uninstall Nhắp nút Browse, chọn Template, nhắp nút Upload File & Install để cài đặt Mở Template Manager thấy Template cài đặt, muốn sử dụng việc chọn nhắp nút Default Giáo trình thiết kế WebSite động Trang 68 ... Cpanel Giáo trình thiết kế WebSite động Trang 38 Trung Tâm Tin Học TỒN THẮNG Giáo trình thiết kế WebSite động Biên soạn: Lê Minh Tiến Trang 39 Trung Tâm Tin Học TOÀN THẮNG Biên soạn: Lê Minh Tiến -. .. nhật Giáo trình thiết kế WebSite động Trang 14 Trung Tâm Tin Học TOÀN THẮNG Biên soạn: Lê Minh Tiến - Website tĩnh website bao gồm trang web tĩnh khơng có sở liệu kèm - Website tĩnh thích hợp với. .. Privileges Giáo trình thiết kế WebSite động Trang 22 Trung Tâm Tin Học TOÀN THẮNG Biên soạn: Lê Minh Tiến Quy trình cài đặt Joomla1 .7.2 Quy trình cài đặt Joomla ! Việc cài đặt Website Joomla dễ

Ngày đăng: 30/01/2020, 06:48

Từ khóa liên quan

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

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

Tài liệu liên quan