Đang tải... (xem toàn văn)
Chào mừng bạn đến với Khoa CNTT
III CÁC THẺ HTML CƠ BẢN Thẻ : trình bày tiêu đề cho phần nội dung hiển thị trang web a Cú pháp: Nội dung tiêu đề với n: từ đến b Ví dụ: Xin chào bạn ! Thiết kế web với html Thẻ : liên kết đến trang web cục trang web khác a Cú pháp: Nội dung tiêu đề b Ví dụ: Trường cao đẳng nghề An giang Thẻ : hiển thị hình ảnh a Cú pháp: b Ví dụ: Thẻ , , : in đậm, in nghiêng, gạch chân a Cú pháp: Nội dung Nội dung Nội dung b Ví dụ: Quản trị mạng máy tính Quản trị mạng máy tính Quản trị mạng máy tính Thẻ : xuống dòng a Cú pháp: Nội dung vẳn b Ví dụ: Khoa cơng nghệ thơng tin Quản trị mạng máy tính Thẻ- ,
- Coffee
- Tea
- Milk
- Coffee
- Tea
- Milk
- : tạo danh sách khơng thứ tự có thứ tự a Cú pháp:
, : định dạng đoạn văn a Cú pháp:
Nội dung
align=” left, right, center” b Ví dụ:Thiết kế web với HTML bản
Thẻ : tạo bảng a Cú pháp: Nội dung dòng cột 1 Nội dung dịng cột 1 b Ví dụ: Vị trí đặt banner Nội dung dịng cột 1 Thẻ : định dạng font chữ website a Cú pháp: Nội dung b Ví dụ:Xin chao cac ban
Câu hỏi ôn tập: 1/ HTML ? 2/ Trình bày cú pháp HTML 3/ Kết hợp thẻ html xây dựng website đơn giản mang tên web cá nhân đơn giản 10 $db->setQuery( $query, 0, $items ); $rows = $db->loadObjectList(); return $rows; } function renderReview(&$review, &$params) { $link = JRoute::_ ("index.php?option=com_reviews&task=view&id=" $review->id); require(JModuleHelper::getLayoutPath ('mod_reviews', '_review')); } } ?> Câu hỏi ôn tập Giới thiệu cấu trúc Module Joomla Tạo module tin tức dạng chạy chữ từ lên 77 BÀI 8: SỬ DỤNG PLUGIN Giới thiệu: Joomla Plugins thành phần mở rộng Joomla Nhằm giúp thực hiện, điều khiển cách tự động cơng việc cụ thể, kích hoạt chức mở rộng trang quản trị website Mục tiêu: - Trình bày cấu trúc Plugin Joomla - Sử dụng Event Listeners Nội dung chính: I GIỚI THIỆU CẤU TRÚC PLUGIN JOOMLA Tạo file reviews.php nằm thư mục /plugins/content gồm có đoạn code sau: - Tiếp theo tạo file reviews.xml nằm thư mục /plugins/content Content - Restaurant Review Links Sumptuous Software January 2007 (C) 2007 Commercial support@packtpub.com www.packtpub.com 1.0 Searches for titles of restaurants in articles and turns them into review links. II SỬ DỤNG EVENT VÀ LISTENERS - Nếu bạn thay đổi thiết lập, cập nhật vào component Chú ý: Inherited nghĩa quyền lấy từ cấu hình chung nhóm cha 78 Denied nghĩa khơng có ảnh hưởng từ cấu hình chung, nhóm cha, nhóm sửa chữa tác động component Allowed nghĩa nhóm sửa chữa tác động tới component (nhưng bị xung độ với cấu hình chung nhóm cha không bị ảnh hưởng; xung độ định nghĩa Not Allowed (Locked) thiết lập tính trước) - Nếu bạn lựa chọn thiết lập mới, nhấn Save để làm thiết lập tính trước Ví dụ sử dụng plugin Content-Vote: Hình 8.1 Quản lý Plugin Câu hỏi ơn tập Trình bày cấu trúc Plugin Joomla Thực cài đặt Plugin chia viết lên mạng xã hội Facebook 79 BÀI 9: SỬ DỤNG EXTENSION Giới thiệu Joomla Extensions thành phần mở rộng Joomla, gói ứng dụng phát triển Joomla! hãng thứ ba nhằm bổ sung tăng cường tính cho Joomla! giúp người sử dụng nhanh chóng triển khai hệ thống website phức tạp với nhiều chức năng, dịch vụ khác Mục tiêu: - Trình bày lớp hỗ trợ lập trình - Sử dụng Helper - Sử dụng Session, Browser, Nội dung chính: I.SỬ DỤNG CÁC LỚP HỖ TRỢ LẬP TRÌNH - Các lớp module sử dụng tham số gồm có css chủ yếu, ví dụ tạo module table css tự động tạo lớp vào gọi moudueltable sau: Để tạo lớp mới, nhập tham số có khoảng trắng phía trước Ví dụ, nhập dấu cách cộng với "myNewClass" tạo lớp CSS có tên "myNewClass" HTML thay đổi thành Để thay đổi tên lớp có, nhập tham số mà khơng có khoảng trắng phía trước Ví dụ: nhập "_mySuffix" (khơng có khoảng trắng phía trước) khiến HTML thay đổi thành Nói chung, bạn nên sử dụng khoảng cách trống để tạo lớp Bằng cách này, tạo kiểu CSS cho mô-đun sử dụng tên lớp chuẩn tiếp tục hoạt động Bạn sử dụng tên lớp để thêm kiểu dáng mong muốn vào mô-đun mà không cần phải tạo lại tất mã CSS có Lưu ý rằng, bạn tạo tên lớp mới, chắn có tên không xung đột với tên lớp có II SỬ DỤNG HELPER Mở tập tin /modules/mod_reviews/mod_reviews.php thay đổi thông theo đoạn code sau: Đối với mơ-đun, biến tự động có sẵn phạm vi tồn cầu Đối tượng có Hàm thành viên get (), trả giá trị tham số cho tên (và tùy chọn, giá trị mặc định) Mã trước xử lý tùy chọn ngẫu nhiên, thực thay đổi nhỏ lệnh gọi hàm getLayoutPath phép kiểu khác III SỬ DỤNG SESSION, BROWSER, - Mặc định truy cập vào trang quản lý người sử dụng giá trị biến có giá trị tạm thời đưa vào nhớ trình duyệt, sau khoảng thời gian định ( người dùng thiết lập) giá trị biến bị xóa người dùng tương tác lên trình duyệt Hình 9.1 Quản lý Session 81 Câu hỏi ơn tập Trình bày lớp hổ trợ ngơn ngữ lập trình Thiết lập cho website sử dụng thời gian chờ 20 phút thời gian khơng tương tác hủy tồn session cookie trình duyệt, yêu cầu đăng nhập lại hệ thống 82 BÀI 10: SỬ DỤNG TEMPLATE Giới thiệu Joomla Template gói bao gồm file PHP, HTML, CSS, JS (Javascript)… hình, ảnh, biểu tượng, video, flash kèm theo tạo nên giao diện (bố cục hình hài) Website Joomla Template 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 Template cho Web Site hay cho trang Web khác cách dễ dàng Mục tiêu: - Trình bày cấu trúc Template Joomla - Sử dụng css, javascript hình ảnh xây dựng template cho Front-end Back-end Nội dung chính: I GIỚI THIỆU CẤU TRÚC TEMPLATE JOOMLA Cấu trúc Thư mục css: thư mục chứa tập tin css để tạo lên website đẹp Thư mục html: chứa thư mục tương ứng với vị trí website Thư mục images: chứa hình ảnh, icon làm lên website Thư mục javascript: chứa tập tin js làm hiệu ứng tính cho website Thư mục language: chứa thư mục tưng ứng với ngôn ngữ thư mục có tập tin ini dành cho ngơn ngữ thư mục Tập tin component.php: dùng hiển thị trang thân thiện với máy in, “Gửi email liên kết cho bạn bè.” Tập tin error.php: hiển thị thông báo dạng link không tồn tại, tập tin không tồn 404, Tập tin favicon.ico: icon nhỏ xíu trình duyệt Tập tin index.php: 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 Tập tin jsstrings.php: dùng để khao báo số tính hệ thống dành cho theme Tập tin template_preview.png: ảnh đại diện website Tập tin template_thumbnail.png: ảnh đại diện website dạng nhỏ Tập tin templateDetails.xml: dùng để khai báo thơng số, vị trí, tập tin mà hệ thống load đưa vào template 83 Hình 10.1 Cấu trúc thư mục template Hình 10.2 Cấu trúc thư mục components Thư mục com_contact: template phần contact (liên hệ) Thư mục com_content: template phần hiển thị nội dung trang chủ , chuyên mục, lưu trữ, bật, form, chi tiết Thư mục com_newsfeeds: giao diện template tính news feed Thư mục com_weblinks: template phần liên kết Thư mục layouts:template layout khác bạn dùng website Thư mục mod_breadcrumbs: link điều hướng thuộc breadcrumbs Thư mục mod_languages: thị tùy chọn ngôn ngữ website đa ngôn ngữ Thư mục mod_login: giao diện template dành cho trang login logout Tập tin modules.php: khai báo function dành cho template vị trí Đó thơng tin cấu trúc template joomla hoàn chỉnh II SỬ DỤNG CSS, JAVASCRIPT VÀ HÌNH ẢNH - Vào yousite/template để hiển thị lên danh sách template tồn 84 Hinh 10.3 Danh sách template - Trên template có thư mục sau: + css: chứa file bố cục style + html: chứa file html + images: nơi lưu hình ảnh + template_privew.jpg, template_thumbanai.jpg Hình 10.4 Danh sách tập tin thư mục template III ĐỊNH NGHĨA POSITION CHO MODULE VÀ COMPONENT TRONG TEMPLATE Tập tin định nghĩa vị trí cho template templateDetails.xml component.php error.php 85 offline.php favicon.ico index.php templateDetails.xml template_preview.png template_thumbnail.png css html images img js language less banner debug position-0 position-1 position-2 position-3 position-4 position-5 position-6 position-7 position-8 position-9 footer IV XÂY DỰNG TEMPLATE CHO FRONT-END VÀ BACK-END Việc xây dựng template cho joomla công việc phức tạp, khuyến cáo nên lấy từ template có sẳn sau chỉnh sửa lại theo sở thích 86 Hình 10.5 Thêm tempate từ hệ thống Câu hỏi ôn tập Sử dụng template mặc định hệ thống thêm vào vị trí : vị trí gần top-module, vị trí gần next-footer Hiệu chỉnh code css màu cho menu-left với mã màu #cc0453 87 BÀI 11: SỬ SỤNG API Giới thiệu Hiện nhà phát triển web thường sử dụng công nghệ Joomla, Wordpress, PHP, Aspx, OpenCard để thực website mong muốn Framework/API mạnh mẽ, nguồn tài nguyên component, extension, plugin phong phú, core update, công cụ debug cache, internal logic, cộng đồng tình nguyện viên, người dùng developer kinh nghiệm nhanh chóng áp dụng thay đổi (như PHP7),… làm Joomla trở thành công cụ mạnh mẽ có khả tích hợp với mơi trường mà phát triển Mục tiêu: - Trình bày đối tượng API Joomla - Sử dụng đối tượng API Joomla Nội dung chính: I SỬ DỤNG CÁC API JOOMLA Hiện nhà phát triển web thường sử dụng công nghệ Joomla, Wordpress, PHP, Aspx, OpenCard để thực website mong muốn Từ yếu tố phát triển component flight booking dành cho Joomla Plugin flight booking dành cho Wordpress II SỬ DỤNG CÁC CLASS: DATE, FILE, ARRAY, TREE, Class Date Vấn đề xử lý ngày tháng quan trọng bạn xử lý với viết đăng lên website Ví dụ bạn cần in ngày tháng đăng viết hiển thị theo kiểu ngày / tháng / năm ngày - tháng -năm bắt buộc bạn phải biết cách sử dụng hàm xử lý ngày tháng PHP làm date_default_timezone_set('Tên Time Zone'); Lệnh ảnh hưởng tới tất lệnh xử lý ngày tháng phía bên nên để chắn bạn nên để lệnh đầu file chương trình Ví dụ làm việc với Codeigniter Framework bạn nên để file index.php ảnh hưởng tới controllers Để thiết lập time_zone Việt Nam bạn sử dụng lệnh sau: date_default_timezone_set('Asia/Ho_Chi_Minh'); Để xem danh sách time zone bạn sử dụng đoạn code sau: $timezone = DateTimeZone::listIdentifiers() ; foreach ($timezone as $item){ echo $item ''; } Chạy lên bạn thử tìm từ khóa "Asia/Ho_Chi_Minh" có danh sách Định dạng ngày tháng với hàm date() PHP Hàm date dùng để chuyển đổi thời gian theo format mà lập trình viên mong muốn, cú pháp sau: date ($format, $timestamp = 'time()') Class File 88 Đối với liệu website phần lớn lưu trữ CSDL nhiên có đơi lúc việc lưu trữ liệu với file thuận tiện nhiều dễ dàng thay đổi chẳng hạn lưu trữ thông tin truy cập CSDL cho ứng dụng web lưu trữ thơng tin cấu hình email Việc nắm vững kiến thức xử lý file quyền hạn file, thư mục học PHP giúp bạn dễ dàng lưu trữ thông tin cho website mà cịn giúp bạn tăng tính bảo mật cho file thư mục quan trọng Dưới số hàm thường sử dụng để xử lý file thư mục PHP is_file($path): trả TRUE $path tồn file is_dir($path): trả TRUE $path tồn thư mục file_exists($path): trả TRUE $path tồn file thư scandir($path): trả mảng chứa danh sách file thư mục đường Class Array Sau liệu tổ chức dạng mảng, công việc xử lý đến phần tử mảng yêu cầu cần có kỹ thuật ghé thăm phần tử mảng Các cơng việc tính tốn đơn giản hiển thị liệu mảng nhúng vào tài liệu HTML trả hướng người dùng Cấu trúc duyệt mảng Foreach cấu trúc dùng để duyệt mảng Trong bước duyệt ghé thăm phần tử mảng Key Và Value thông tin phần tử mảng cung cấp vòng lặp foreach($myArray as $key=>$value){ //$key: key phần tử duyệt //$value: Giá trị phần tử duyệt // Xử lý tác động vào phần tử mảng } Chú ý: Nếu không cần sử dụng đến key khơng cần có key cấu trúc vòng lặp foreach Duyệt mảng chiều php Ví dụ 1: Xuất thơng tin phần tử mảng $colorArray Câu hỏi ôn tập: Thiết lập ngày hệ thống mặc định theo múi (UTC+07:00) Bangkok, Hanoi, Jakarta Sử dụng Array Jtable kết hợp xuất danh sách menu hệ thống 89 CÁC THUẬT NGỮ CHUYÊN MÔN STT Thuật ngữ Section Ý nghĩa Là cấp quản lý nội dung lớn nhất, chứa Chuyên mục Category Thể loại Artice Bài viết Module Là thành phần mở rộng thêm chức cho trang web Front-end Là trang Web mà người thấy truy cập vào Web Site bạn ban-trong-joomla Back-end Là phần quản lý Web Site dành cho Quản trị, chủ nhân Web Site Component Là chức trang web, định đến chức năng, hình thức, nội dung trang web Plug-in Template Là tính bổ sung thêm cho Component, Module, Plug-in can thiệp, bổ sung vào nội dung trang web trước sau hiển thị Là giao diện, khuông 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 Module trang web 10 Content Nội dung viết 90 TÀI LIỆU THAM KHẢO https://www.siteground.com/tutorials/joomla/ https://community.joomla.org/joomla-training.html https://joomla.org 91 ... dung