Phụ lục SKKN năm 2011

PHỤ LỤC: MÃ NGUỒN MỞ JOMLA – GIẢI PHÁP CHO WEBSITE TRƯỜNG HỌC Bài 1: Cách cài chương trình Server Wamp5 Cách cài đặt sau: Chạy chương trình cài đặt WampServer2.1e-x32.exe, xuất bảng Welcome to the Wamp5 Setup Wizard, nhấn Next Trong License Agrement chọn I accept the Agreement, nhấn Next Trong Select Destination Location, chọn nơi cài đặt Wamp5 Lưu ý bước nên chọn ổ dĩa khác với ổ dĩa cài Windows để sau dễ cài đặt cấu hình cho Wamp5 Chọn đường dẫn D:\wamp (cài thư mục wamp ỗ dĩa D), nhấn Next Trong Select Start Menu Folder, nhấn Next, sau nhấn Install để cài đặt Điền thông tin sau: THPT TRƯỜNG CHINH - GV: NGUYỄN QUANG ÁNH 32 PHỤ LỤC: MÃ NGUỒN MỞ JOMLA – GIẢI PHÁP CHO WEBSITE TRƯỜNG HỌC Nhấn Next, nhấn Finish Vào trình duyệt Web Internet Explore gõ vào địa localhost hình sau cài thành công THPT TRƯỜNG CHINH - GV: NGUYỄN QUANG ÁNH 33 PHỤ LỤC: MÃ NGUỒN MỞ JOMLA – GIẢI PHÁP CHO WEBSITE TRƯỜNG HỌC  Lưu ý: Sau lần khởi động lại máy phải khởi động lại chương trình máy chủ Wamp5 cách vào thư mục D:\wamp chạy tập tin wampmanager.exe Click đúp vào để khởi động Web Server THPT TRƯỜNG CHINH - GV: NGUYỄN QUANG ÁNH 34 PHỤ LỤC: MÃ NGUỒN MỞ JOMLA – GIẢI PHÁP CHO WEBSITE TRƯỜNG HỌC Bài 2: Cách tạo Database phpMyAdmin localhost Sau bước để tạo Database phpMyAdmin Localhost Wamp5 Xampp ta làm sau: Khởi động chương trình Web Server Wamp5 Xampp Mở chương trình duyệt web (Internet Explorer, Firefox ) nhập http://localhost/phpmyadmin/ vào dòng địa để mở phpMyAdmin Đối với Wamp5 nhấn chuột trái vào biểu tượng Wamp5 (nằm góc phải hình) chọn phpMyAdmin Trong phpMyAdmin chọn MySQL connection collation utf8_unicode_ci, Create new database đặt tên cho Database, đặt tên khoảng trống ký tự, chọn Collation bên utf8_general_ci để hỗ trợ tiếng Việt (Font Unicode), sau chọn xong nhấn Create Sẽ có Database tạo với tên vừa đặt (ở đặt joomla), thông số Database sau (thông tin quan trọng bạn phải cần đến để khai báo muốn kết nối với Database): Server: localhost (đây tên mặc định) Database: truongchinh_database (hoặc tên bạn đặt) User: root (đây tên mặc định) Password: (mặc định không có, để trống phần này) Có thể tạo thêm nhiều Database khác theo bước Backup (sao lưu) bảng liệu Database: THPT TRƯỜNG CHINH - GV: NGUYỄN QUANG ÁNH 35 PHỤ LỤC: MÃ NGUỒN MỞ JOMLA – GIẢI PHÁP CHO WEBSITE TRƯỜNG HỌC Chọn Database -> chọn bảng liệu muốn Backup chọn Check All (nằm phía dưới) sau chọn Export (nằm phía trên) Đánh dấu vào Save as file, muốn nén liệu chọn "zipped" "gzipped" Compression Nhấn Go để Backup Chọn Save đặt tên cho File Backup xuất bảng thông báo Restore (phục hồi) bảng liệu Database: Chọn Database -> chọn Import (nằm phía trên) -> nhấn Browse -> chọn Fie Backup nhấn Go Xóa Database: Chọn Database muốn xóa -> nhấn Drop THPT TRƯỜNG CHINH - GV: NGUYỄN QUANG ÁNH 36 PHỤ LỤC: MÃ NGUỒN MỞ JOMLA – GIẢI PHÁP CHO WEBSITE TRƯỜNG HỌC Xuất bảng cảnh báo -> nhấn Ok để đồng ý Xóa bảng liệu Database: Chọn Database muốn xóa -> Nhấn vào biểu tượng X (màu đỏ) tương ứng với bảng liệu để xóa bảng Nếu muốn xóa hết bảng liệu chọn Check All (nằm phía dưới) sau chọn Drop With Selected THPT TRƯỜNG CHINH - GV: NGUYỄN QUANG ÁNH 37 PHỤ LỤC: MÃ NGUỒN MỞ JOMLA – GIẢI PHÁP CHO WEBSITE TRƯỜNG HỌC Bài 3: Cài Đặt Jomla 1.5 Bước 1: Chọn ngôn ngữ cài đặt Mở trình duyệt gõ vào địa Website VD: http://localhost/ (nếu cài máy bạn) Nếu bạn giải nén cài đặt vào thư mục joomla (thư mục thư mục gốc) gõ: http://yoursite/joomla/ VD: http://localhost/joomla/ (nếu cài máy bạn) Màn hình cài đặt xuất bạn chọn ngôn ngữ hỗ trợ: Bước 2: Kiểm tra cấu hình hệ thống Để cài đặt sử dụng Joomla!, máy chủ bạn phải đáp ứng số yêu cầu Joomla! kiểm tra giá trị Nếu chúng có màu xanh OK Còn giá trị kiểm tra có màu đỏ bạn cần yêu cầu phận Hỗ trợ kỹ thuật Server giúp đỡ Tất nhiên, bạn tiếp tục cài đặt số chức không hoạt động Bước 3: Thông tin quyền Bạn nên dành chút thời gian để đọc thông tin THPT TRƯỜNG CHINH - GV: NGUYỄN QUANG ÁNH 38 PHỤ LỤC: MÃ NGUỒN MỞ JOMLA – GIẢI PHÁP CHO WEBSITE TRƯỜNG HỌC Bước 4: Thiết lập thông số để kết nối tới Cơ sở liệu Trước thực bước bạn cần có database để chứa liệu Joomla! Hostname: Thường giá trị "localhost" (chỉ điền giá trị khác Database Server Web Server nằm nơi khác nhau, Hosting bạn cung cấp vậy) User name: Tên tài khoản gắn với database chứa Joomla bạn (Nếu làm localhost bạn dùng tài khoản có tên root) Password: Mật tài khoản (Nếu dùng tài khoản root, bạn để trống ô này) Availbe Collations (nếu có): Bạn nên chọn "utf8_general_ci" Database Name: Tên sở liệu chứa Joomla bạn Chú ý mục "Table Prefix", để tránh bị công "SQL Injection" bạn nên thay tiền tố "jos_" chuỗi ký tự khác, chẳng hạn "tc_" Bước 5: Thiết lập thông số FTP - Nếu cài đặt LOCALHOST, bạn bỏ qua bước - Nếu Host bạn không hỗ trợ, bạn không cần quan tâm - Nếu Host bạn hỗ trợ, bạn cần ý thông số sau: FTP User: Tên tài khoản FTP - tài khoản dùng để quản lý thư mục file Host THPT TRƯỜNG CHINH - GV: NGUYỄN QUANG ÁNH 39 PHỤ LỤC: MÃ NGUỒN MỞ JOMLA – GIẢI PHÁP CHO WEBSITE TRƯỜNG HỌC FTP Password: Mật tương ứng Auto Find Path: Tự động tìm đường dẫn tới nơi chứa Web bạn FTP Host: Địa HOST chứa website Joomla, bạn sử dụng địa IP HOST FTP Port: Cổng dịch vụ FTP, theo mặc định 21 Nên dùng tài khoản mà bạn sử dụng để Upload cài đặt Joomla lên HOST Bước 6: Thiết lập cấu hình site Joomla bạn Site name: tên site bạn VD: Trường THPT Trường Chinh, Your Email: địa email bạn VD: tomhdb@yahoo.com Admin Password: Mật để quản trị Joomla Các thông số sau thay đổi dễ dàng nên bạn không cần bận tâm Chỉ cần nhớ mật đủ Install Defaul Sample Data: Cài đặt liệu mẫu Bạn nên nhấn nút để Joomla tạo mẫu cho bạn trang web đơn giản THPT TRƯỜNG CHINH - GV: NGUYỄN QUANG ÁNH 40 PHỤ LỤC: MÃ NGUỒN MỞ JOMLA – GIẢI PHÁP CHO WEBSITE TRƯỜNG HỌC Bước 7: Kết thúc Vì lý an toàn để hoàn tất trình cài đặt bạn cần xóa thư mục có tên "installation" - Lưu ý: tài khoản truy nhập hệ thống là: admin; mật khẩu: mật mà bạn gõ bước - Để xem Website bạn: Nhấn vào nút Site - Để quản trị Website: Nhấn vào nút Admin Đường dẫn có dạng sau: http://localhost/administrator/ (nếu cài trực tiếp máy bạn) Khi website upload lên mạng để vào phần quản trị phải địa chỉ: http://www.tên website/administrator Bài 4: Cách tạo chủ đề chủ đề Có thể xóa Section, Category Content Item mẫu có sẵn Joomla! đổi tên để sử dụng lại Tạo Section: Vào Control panel -> Section Manager để tạo phần cho Web Site, sửa lại các Section có sẵn tạo thêm Chọn New để tạo Section SKKN, TIN TỨC, BÀI GIẢNG Tạo Category: Chọn Content -> Category Manager để tạo mục phụ cho Web Site, sửa lại các Category có sẵn tạo thêm Chọn New để tạo Category SKKN-TIN HỌC, SKKN-HÓA HỌC phần (Section) SKKN, TIN TỨC, THPT TRƯỜNG CHINH - GV: NGUYỄN QUANG ÁNH 41 PHỤ LỤC: MÃ NGUỒN MỞ JOMLA – GIẢI PHÁP CHO WEBSITE TRƯỜNG HỌC Bài 5: Cách tạo Main Menu(Danh mục chính) Menu Item mục Menu dùng để truy cập vào chuyên mục trang web Mỗi menu hiển thị trang web thông qua Module Joomla! cho phép tạo nhiều Menu Menu chứa nhiều Menu Item giống khác THPT TRƯỜNG CHINH - GV: NGUYỄN QUANG ÁNH 42 PHỤ LỤC: MÃ NGUỒN MỞ JOMLA – GIẢI PHÁP CHO WEBSITE TRƯỜNG HỌC • • • • • • • • • Menus: Truy cập Menu Manager Default: Chọn Menu Item mặc định làm trang chủ, trang xuất truy cập vào địa trang web Joomla! 1.5.x cho phép chọn Menu Item làm trang chủ mà không thiết Menu Item phải đặt ổ Chọn Menu Item muốn đặt làm trang chủ nhấn Default, Menu Item đánh dấu Publish: Cho phép hiển thị sử dụng Menu Item Unpublish: Không cho phép hiển thị 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 lưu thùng rác quản lý thông qua Menu Trash Edit: Sửa thông số thay đổi kiểu Menu Item New: Tạo Menu Item Sau tạo section category cho việc lưu viết Việc tạo menu liên kết cho viết để người ghé thăm trang web xem Tạo menu Vào menu Menu, chọn Menu Manager Trên công cụ, chọn biểu tượng New Trong đó: Unique Name: Là tên cho menu tạo Tên không giống với tên menu tạo trước Title: Là tiêu đề menu hiển thị trang web Description: Mô tả ngắn gọn cho menu tạo Module Title: Joomla tạo thêm module có tên khai báo ô Nhờ module mà bạn thay đổi vị trí đặt menu thực vài cấu hình menu * Liên kết đến section category: Vào menu Menu, chọn mainmenu Chọn menu muốn tạo liên kết Trong ô Menu Item Type, chọn nút lệnh Change Type Danh sách loại liên kết viết mở Article Layout: Liên kết menu với viết cụ thể Category Blog Layout: liên kết viết theo dạng trích đoạn giới thiệu hiển THPT TRƯỜNG CHINH - GV: NGUYỄN QUANG ÁNH 43 PHỤ LỤC: MÃ NGUỒN MỞ JOMLA – GIẢI PHÁP CHO WEBSITE TRƯỜNG HỌC thị mục Xem tiếp Read more để xem hết nội dung viết Category Category List Layout: Liên kết menu tới danh sách viết Category Tất viết liệt kê thành bảng danh sách Section Blog Layout: liên kết viết theo dạng trích đoạn giới thiệu hiển thị mục Xem tiếp Read more để xem hết nội dung viết Section Tất viết tất category liệt kê Section List Layout: Liên kết menu tới danh sách viết Section Tất viết liệt kê thành bảng danh sách Front Page Blog Layout: liên kết menu trang chủ Sau chọn menu liên kết tới section category, Joomla đưa bạn trở lại trang trước Ở cột phải, thẻ Parameters (Basic), bạn chọn Section category để menu liên kết tới Tạo menu cha menu Nếu menu bạn tạo menu cha, bên trái trang, danh sách Parent Item, bạn chọn Top Nếu menu bạn tạo menu menu đó, bạn phải chọn tên menu danh THPT TRƯỜNG CHINH - GV: NGUYỄN QUANG ÁNH 44 PHỤ LỤC: MÃ NGUỒN MỞ JOMLA – GIẢI PHÁP CHO WEBSITE TRƯỜNG HỌC sách Parent Item làm menu cha Menu thụt bên phải chút có dấu trừ (-) đặt đầu dòng Sau chọn loại cho menu xong, bạn chọn để lưu lại tiếp tục cấu hình cho menu Sau lưu lại, có nhiều menu menu cha, bạn phải xếp lại thứ tự hiển thị menu Trong danh sách xổ order, bạn tên menu mà bạn muốn menu nằm Nếu bạn muốn menu bạn nằm đầu danh sách, bạn chọn First Thiết lập thông số cho menu Bên phải trang, thấy cột tham số Bảng tham số Basic, thiết lập sau: THPT TRƯỜNG CHINH - GV: NGUYỄN QUANG ÁNH 45 PHỤ LỤC: MÃ NGUỒN MỞ JOMLA – GIẢI PHÁP CHO WEBSITE TRƯỜNG HỌC Category: chọn category để hiển thị tất viết category Tên chọn lúc có dạng ten_section/Ten_category Description: hiển thị mô tả category Giá trị Hide ẩn, show hiển thị Mô tả lấy tạo category Description Image: hiển thị ảnh đại diện category ảnh đại diện lấy tạo category #Leading: số lượng viết mở đầu Nếu menu qui định nhiều cột viết mở đầu chạy ngang qua tất cột luôn nằm phần hiển thị nội dung viết #Intro: số lượng viết giới thiệu trang Số lượng phân bố theo kiểu cột hay nhiều Colums: số cột hiển thị nội dung Nếu số cột lớn 1, số lượng viết #Intro phân chia thành nhiều cột chọn tham số Columns #Links: Số lượng viết liên quan Hiển thị danh sách liên kết viết khác số lượng viết nhiều số lượng khai báo #intro Sau thiết lập xong nhấn nút lệnh Apply Save để lưu lại tham số Cài đặt hiển thị tiêu đề menu Trong thẻ Parameter (System), bạn nhập tiêu vào ô Page Title Nếu Bạn chọn Yes hàng Show Page Title tiêu đề viết hiển thị vùng nội dung tiêu đề cửa sổ trình duyệt Nếu Bạn chọn No hàng Show Page Title tiêu đề viết hiển thị tiêu đề cửa sổ trình duyệt THPT TRƯỜNG CHINH - GV: NGUYỄN QUANG ÁNH 46 PHỤ LỤC: MÃ NGUỒN MỞ JOMLA – GIẢI PHÁP CHO WEBSITE TRƯỜNG HỌC Sau thiết lập xong thông số cần thiết, bạn nhấn Save công cụ để lưu thoát khỏi trang cấu hình cho menu Liên kết menu đến viết cụ thể Nếu menu cần liên kết đến viết cụ thể viết không thuộc loại category nào, thực sau: Vào menu Menu, chọn mainmenu Chọn menu muốn tạo liên kết Chọn loại viết Article Layout Sau trở lại trang trước đó, bên phải trang thấy phần tham số hình sau: Select Article: Chọn viết cụ thể, chọn nút Select, mở trang để chọn viết hình sau: Sau chọn viết, cửa sổ tự động đóng lại Sau thiết lập xong nhấn nút lệnh Apply Save để lưu lại tham số THPT TRƯỜNG CHINH - GV: NGUYỄN QUANG ÁNH 47 PHỤ LỤC: MÃ NGUỒN MỞ JOMLA – GIẢI PHÁP CHO WEBSITE TRƯỜNG HỌC Bài 6: Quản lí viết jomla Các viết(Content) joomla tổ chức vào Nhóm tin(Session hay Chủ đề) Chủ đề con(category) Việc bố trí xếp viết vào đơn vị phụ thuộc vào cấu trúc nội dung website Chúng ta nên tổ chức thông tin theo dạng từ Session -> category -> Content định hình cấu trúc trước bắt tay vào tạo đơn vị thông tin website Khi định hình cấu trúc thông tin website bạn tạo từ xuống Tạo Session trước đến category Session Sau hoàn thiện Session category tiến hành viết viết vào đơn vị thông tin - Mô hình tổ chức viết Joomla * Quản lý Session(nhóm tin - chủ đề) - Chúng ta đăng nhập vào phần quản trị-> vào Content / Quản lý nhóm tin (Session Manager) để vào trang quản trị Session THPT TRƯỜNG CHINH - GV: NGUYỄN QUANG ÁNH 48 PHỤ LỤC: MÃ NGUỒN MỞ JOMLA – GIẢI PHÁP CHO WEBSITE TRƯỜNG HỌC - Chúng ta nhìn thấy danh sách Session có trước đó(nếu có) Chúng ta tiến hành tạo mới, sửa, xóa, coppy, bật, tắt session Ở xin hướng dẫn thao tác -Thêm - thao tác khác tương tự đơn giản, cần tích chọn chọn nút chức phía - Để thêm session, bạn click vào nút New để chuyển sang giao diện thêm session THPT TRƯỜNG CHINH - GV: NGUYỄN QUANG ÁNH 49 PHỤ LỤC: MÃ NGUỒN MỞ JOMLA – GIẢI PHÁP CHO WEBSITE TRƯỜNG HỌC Nhập thông tin cho trường thông tin + Title(Tiêu đề): tên session + Alias: tên không dấu sesion + Published(Đã bật): có/không + Access Level(Giới hạn truy cập): - Public(Công khai): người đọc viết session - Registered: đăng ký thành viên xem viết session - Special(Đặc biệt): quản trị viên truy cập + Image(Ảnh): ảnh đại diện cho session + Description(Sự miêu tả): miêu tả nội dung session * Quản lý category(chủ đề con) - Chúng ta đăng nhập vào phần quản trị->Content / Quản lý chủ để con(category Manager) để vào quản trị category - Chúng ta nhận danh sách category có trước đó(nếu có) Chúng ta tiến hành tạo mới, sửa, xóa, coppy, bật, tắt category Ở THPT TRƯỜNG CHINH - GV: NGUYỄN QUANG ÁNH 50 PHỤ LỤC: MÃ NGUỒN MỞ JOMLA – GIẢI PHÁP CHO WEBSITE TRƯỜNG HỌC xin hướng dẫn thao tác -Thêm - thao tác khác tương tự đơn giản, cần tích chọn chọn nút chức phía - Để thêm catalogy bạn click vào nút New để chuyển sang giao diện thêm category Nhập thông tin cho trường: + Title(Tiêu đề): tên category + Alias: tên không dấu category + Section(Chủ đề): tên session mà category nằm + Những thông tin khác giống * Quản lý viết(content) - Đăng nhập vào phần quản trị chọn Content / Article Manager để vào trang quản trị viết: THPT TRƯỜNG CHINH - GV: NGUYỄN QUANG ÁNH 51 PHỤ LỤC: MÃ NGUỒN MỞ JOMLA – GIẢI PHÁP CHO WEBSITE TRƯỜNG HỌC - Chúng ta nhận danh sách tất viết có từ trước đó: Ở giao diện tiến hành thêm mới, xóa, sửa, bật, tắt, cho viết thị trang chủ Để lọc viết chúng click chọn Session, Category, Author, State để lọc viết Hoặc lọc theo từ khóa Để cấu hình hiển thị viết click chọn nút Parameters Sau click chúng nhận giao diện cấu hình hiển thị viết - Thêm viết: Chúng ta click vào nút chức New giao diện quản trị viết THPT TRƯỜNG CHINH - GV: NGUYỄN QUANG ÁNH 52 PHỤ LỤC: MÃ NGUỒN MỞ JOMLA – GIẢI PHÁP CHO WEBSITE TRƯỜNG HỌC  Các trường thông tin bản: - Title(Tiêu đề): tiêu đề viết - Alias: tiêu đề viết(viết không dấu - phục vụ SEO) - Published(Đã bật): không/có - Front Page(Trang chủ): có/không - Section(Chủ đề): Chủ đề(session, nhóm tin) chứa viết - Category(Chủ đề con): chủ đề con(category) chứa viết  Các thông số viết: - Author(Tác giả): Chọn tác giả - người viết - mặc định tài khoản viết bài, chọn tác giả người khác - Access Level(Giới hạn truy cập): Giới hạn loại người dùng truy cập(Public-tất người / Registered-đã đăng ký) - Create date(Ngày tạo): Ngày viết - Start Publishing(Bắt đầu bật): Thời gian viết bắt đầu bật lên(hiển thị) - Start Publishing(kết thúc phát hành): thời gian viết tự động tắt(ngừng hiển thị) Mặc định không tắt  Các thao tác viết bài: - Chèn ảnh:  Đặt trỏ chuột vào vị trí cần chèn ảnh  Click vào nút Image phía khung soạn thảo THPT TRƯỜNG CHINH - GV: NGUYỄN QUANG ÁNH 53 PHỤ LỤC: MÃ NGUỒN MỞ JOMLA – GIẢI PHÁP CHO WEBSITE TRƯỜNG HỌC  Chúng ta nhận khung cửa sổ hiển thi ảnh có thư mục ảnh viết(thường Images/stories) trang web Nếu cửa sổ ảnh cần chèn tải lên ảnh form Tải lên phía Sau cho click chọn vào ảnh muốn chèn click chọn nút Insert  Sau chèn xong ảnh lên khung soạn thảo Bây cần định lại kích thước kiểu hiển thị ảnh Click chuột vào ảnh sau bấm vào nút Insert/edit images  Chúng ta nhận cửa sổ thiết lập thông số hiển thị cho hình ảnh + Image URL: Đường dẫn đến file ảnh + Image description: Chú thích cho ảnh(nội dung hiển thị hình ảnh không load được) + Title: Nội dung hiển thị di chuột lên hình ảnh + Alignment: vị trí hình ảnh đoạn văn THPT TRƯỜNG CHINH - GV: NGUYỄN QUANG ÁNH 54 PHỤ LỤC: MÃ NGUỒN MỞ JOMLA – GIẢI PHÁP CHO WEBSITE TRƯỜNG HỌC + Dimensions: kích thước ảnh + Vertical space: khoảng cách hình ảnh so với đoạn văn + Horizontal space: Khoảng cách bên trái phải hình ảnh so với đoạn văn - Chèn Link vào viết:  Click vào nút HTML ta nhận cửa sổ để gõ mã lệnh HTML THPT TRƯỜNG CHINH - GV: NGUYỄN QUANG ÁNH 55 PHỤ LỤC: MÃ NGUỒN MỞ JOMLA – GIẢI PHÁP CHO WEBSITE TRƯỜNG HỌC Hình minh họa đưa lên trang chủ nên chọn hình kích thước nhỏ (150x150 Bài viết dài hiển thị lên trang chủ cho hiển thị đoạn chọn nút Read more(đọc thêm) Một thủ thuật để viết có thẩm mỹ phần văn đầu đưa lên trang chủ ta chèn hình minh họa kích thước nhỏ, hình kích thước lớn chèn viết nằm sau phần đọc thêm(Read more) THPT TRƯỜNG CHINH - GV: NGUYỄN QUANG ÁNH 56 [...]...PHỤ LỤC: MÃ NGUỒN MỞ JOMLA – GIẢI PHÁP CHO WEBSITE TRƯỜNG HỌC Bài 5: Cách tạo Main Menu(Danh mục chính) 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 THPT TRƯỜNG CHINH - GV: NGUYỄN QUANG ÁNH 42 PHỤ LỤC: MÃ... ÁNH 54 PHỤ LỤC: MÃ NGUỒN MỞ JOMLA – GIẢI PHÁP CHO WEBSITE TRƯỜNG HỌC + Dimensions: kích thước ảnh + Vertical space: khoảng cách trên và dưới của hình ảnh so với đoạn văn + Horizontal space: Khoảng cách 2 bên trái và phải của hình ảnh so với đoạn văn bản - Chèn Link vào bài viết:  Click vào nút HTML ta sẽ nhận được một cửa sổ để gõ mã lệnh HTML THPT TRƯỜNG CHINH - GV: NGUYỄN QUANG ÁNH 55 PHỤ LỤC: MÃ... Chúng ta click vào nút chức năng New trong giao diện quản trị bài viết THPT TRƯỜNG CHINH - GV: NGUYỄN QUANG ÁNH 52 PHỤ LỤC: MÃ NGUỒN MỞ JOMLA – GIẢI PHÁP CHO WEBSITE TRƯỜNG HỌC  Các trường thông tin cơ bản: - Title(Tiêu đề): tiêu đề bài viết - Alias: tiêu đề bài viết(viết không dấu - phục vụ SEO) - Published(Đã được bật): không/có - Front Page(Trang chủ): có/không - Section(Chủ đề): Chủ đề(session,... Save để lưu lại tham số THPT TRƯỜNG CHINH - GV: NGUYỄN QUANG ÁNH 47 PHỤ LỤC: MÃ NGUỒN MỞ JOMLA – GIẢI PHÁP CHO WEBSITE TRƯỜNG HỌC Bài 6: Quản lí bài viết trong jomla Các bài viết(Content) trong joomla được tổ chức vào các Nhóm tin(Session hay Chủ đề) và các Chủ đề con(category) Việc bố trí và sắp xếp các bài viết vào các đơn vị trên phụ thuộc vào cấu trúc nội dung của từng website Chúng ta nên tổ chức... thanh tiêu đề của cửa sổ trình duyệt Nếu Bạn chọn No tại hàng Show Page Title thì tiêu đề bài viết sẽ chỉ hiển thị trên thanh tiêu đề của cửa sổ trình duyệt THPT TRƯỜNG CHINH - GV: NGUYỄN QUANG ÁNH 46 PHỤ LỤC: MÃ NGUỒN MỞ JOMLA – GIẢI PHÁP CHO WEBSITE TRƯỜNG HỌC Sau khi thiết lập xong các thông số cần thiết, bạn có thể nhấn Save trên thanh công cụ để lưu và thoát khỏi trang cấu hình cho menu Liên kết... bài viết mở ra Article Layout: Liên kết menu với một bài viết cụ thể nào đó Category Blog Layout: liên kết bài viết theo dạng trích đoạn giới thiệu và hiển THPT TRƯỜNG CHINH - GV: NGUYỄN QUANG ÁNH 43 PHỤ LỤC: MÃ NGUỒN MỞ JOMLA – GIẢI PHÁP CHO WEBSITE TRƯỜNG HỌC thị mục Xem tiếp hoặc Read more để xem hết nội dung bài viết trong một Category nào đó Category List Layout: Liên kết menu tới danh sách các... Quản lý Session(nhóm tin - chủ đề) - Chúng ta đăng nhập vào phần quản trị-> vào Content / Quản lý nhóm tin (Session Manager) để vào trang quản trị Session THPT TRƯỜNG CHINH - GV: NGUYỄN QUANG ÁNH 48 PHỤ LỤC: MÃ NGUỒN MỞ JOMLA – GIẢI PHÁP CHO WEBSITE TRƯỜNG HỌC - Chúng ta sẽ nhìn thấy danh sách các Session có trước đó(nếu có) Chúng ta có thể tiến hành tạo mới, sửa, xóa, coppy, bật, tắt các session Ở... chỉ cần tích chọn và chọn và các nút chức năng phía trên là được - Để thêm mới 1 session, bạn click vào nút New để chuyển sang giao diện thêm mới 1 session THPT TRƯỜNG CHINH - GV: NGUYỄN QUANG ÁNH 49 PHỤ LỤC: MÃ NGUỒN MỞ JOMLA – GIẢI PHÁP CHO WEBSITE TRƯỜNG HỌC Nhập thông tin cho các trường thông tin + Title(Tiêu đề): tên session + Alias: tên không dấu của sesion + Published(Đã được bật): có/không +... category - Chúng ta sẽ nhận được danh sách các category đã có trước đó(nếu có) Chúng ta có thể tiến hành tạo mới, sửa, xóa, coppy, bật, tắt các category Ở THPT TRƯỜNG CHINH - GV: NGUYỄN QUANG ÁNH 50 PHỤ LỤC: MÃ NGUỒN MỞ JOMLA – GIẢI PHÁP CHO WEBSITE TRƯỜNG HỌC đây xin hướng dẫn thao tác cơ bản nhất -Thêm mới - các thao tác khác tương tự hoặc đơn giản, chỉ cần tích chọn và chọn và các nút chức năng phía... Những thông tin khác giống như trên * Quản lý bài viết(content) - Đăng nhập vào phần quản trị chọn Content / Article Manager để vào trang quản trị bài viết: THPT TRƯỜNG CHINH - GV: NGUYỄN QUANG ÁNH 51 PHỤ LỤC: MÃ NGUỒN MỞ JOMLA – GIẢI PHÁP CHO WEBSITE TRƯỜNG HỌC - Chúng ta sẽ nhận được danh sách tất cả các bài viết đã có từ trước đó: Ở giao diện này chúng ta có thể tiến hành thêm mới, xóa, sửa, bật, tắt, ... Section SKKN, TIN TỨC, BÀI GIẢNG Tạo Category: Chọn Content -> Category Manager để tạo mục phụ cho Web Site, sửa lại các Category có sẵn tạo thêm Chọn New để tạo Category SKKN- TIN HỌC, SKKN- HÓA... Chọn New để tạo Category SKKN- TIN HỌC, SKKN- HÓA HỌC phần (Section) SKKN, TIN TỨC, THPT TRƯỜNG CHINH - GV: NGUYỄN QUANG ÁNH 41 PHỤ LỤC: MÃ NGUỒN MỞ JOMLA – GIẢI PHÁP CHO WEBSITE TRƯỜNG HỌC Bài 5:... NGUYỄN QUANG ÁNH 52 PHỤ LỤC: MÃ NGUỒN MỞ JOMLA – GIẢI PHÁP CHO WEBSITE TRƯỜNG HỌC  Các trường thông tin bản: - Title(Tiêu đề): tiêu đề viết - Alias: tiêu đề viết(viết không dấu - phục vụ SEO) - Published(Đã