Đại học Vinh_ Nơi đào tạo nhân tài tương lai cho đất nước Địa chỉ: tpVinh_ Nghệ An
Trong đó ta có thể thay màu chữ cách thay vào chuỗi mã hexa tương ứng Nhấn Save để kết thúc kiểm tra Preview 2.7 Module showslide ảnh giới thiệu Trang chủ: Cài đặt module: Mở menu Ententsions/ Install/Uninstall chọn đường dẫn đến gói cài đặt module nhấn Upload & Install Copy thư viện ảnh cho slide vào thư mục: AppServ\www\Joomla\images\stories Mở menu Ententsions/ Module Manager chọn mod vừa cài đặt GVHD: ths Nguyễn Quang Ninh 29 Module Paramenters: Start Item: Mục bắt đầu Main Item width: Chiều rộng khung Slide Main Item hight: Chiều cao khung slide Description: Phần mô tả ( show hoặc khơng) Description When: Nếu Description chọn Yes chọn thao tác để mô tả Readmore text: Xem thêm Animation Duration: Thời gian chuyển hai ảnh liên tiếp Animation Type: Kiểu hình thức chuyển hai ảnh liên tiếp ( thường chọn Fading đẹp ) Effect: Hiệu ứng chuyển ảnh Container Width: Có tác dụng nếu chọn Animation type Moving Navigation: Điều hướng (chọn điều hướng dạng số hoặc hình nhỏ) Thumbnail width: Chiều rộng ảnh nhỏ (chỉ với Navigation: Thumnail) GVHD: ths Nguyễn Quang Ninh 30 Thumbnail height: Chiều cao ảnh nhỏ (chỉ với Navigation: Thumnail) Thumbnail Spacing: khoảng cách hình nhỏ với Number of thumnail: Số hình nhỏ điều hướng Control button: Hiện trỏ Auto play: Tự động trình diễn slide Interval: khoảng cách thời gian đổi ảnh liên tiếp nếu chọn auto play: yes Thumnail Opacity: thời gian ảnh nhỏ mờ chuyển Description background opacity: Thời gian mờ phần mô tả ảnh Next/Prev Images opacity: Thời gian mờ ảnh Nhấn Apply Save để kết thúc Preview để xem trước Chỉnh sửa khung thông số để phù hợp với website 2.8 Module show banner Hình ảnh hoạt động a Tạo Client banner: Mở menu Components/Banner/Client Client Name: Nhập tên khách hàng Contact Name: Nhập địa khách hàng Contact Email: Nhập email khách hàng Apply Save b Tạo Catelogies Banner: Mở menu Components/Banner/Catelogies Title: Tiêu đề (thường dùng để phân loại khách hàng) Apply Save c Tạo Banner: Mở menu Site/Media Manager chọn Banner upload ảnh cần thiết GVHD: ths Nguyễn Quang Ninh 31 Mở menu Components/Banner/Banners chọn New Name: Tên Banner ( vd: banner1) Catelogy: Chọn catelogies Client Name: Chọn Client Name Banner Image Selector: Chọn hình ảnh đã up load Media\Banner Width: Chiều ngang ảnh Height: Chiều cao ảnh (2 thông số quyết định sự cân đối ảnh với website, thường sau show banner, nếu thấy khơng phù hợp chỉnh sửa size ảnh đây) Apply Save Tương tự vậy tạo banner cần thiết để up lên website d Show Banner giao diện website: Mở menu Extentions/Module Manager/New/Banner Tittle: Tiêu đề Banner Position: Vị trí đặt banner (hình ảnh hoạt động show tại GVHD: ths Nguyễn Quang Ninh 32 Parameners/Count : Nhập số banner show Parameners/Banner Client: Chọn tên client đã tạo Parameners/Category: Chọn cate đã tạo Apply Save để kết thúc Preview để xem trước chỉnh sửa thông số height width banner cho phù hợp với website 2.9 Module show vị trí truy cập: Mở menu Extentsions/ Module Manager chọn New/Breadcrumbs Ở Module Parameters: Show Home : Chọn Yes nếu muốn đường dẫn trang chủ, chọn No nếu muốn đường dẫn trang kế tiếp Text for Home Entry: Viết giới thiệu trang chủ ( hiển thị đường dẫn ) Show Last : Yes nếu trang trước đó, chọn No nếu không Nhấn Save để kết thúc kiểm tra Preview 2.10 Module show thành viên lãnh đạo: Mở menu Extentsions/ Module Manager chọn New/Custom HTML GVHD: ths Nguyễn Quang Ninh 33 Position: vị trí module Edit HTML source sau: border="0" cellspacing="0" Tên vụ border="0" width="52" Chức Nếu muốn thêm item ta có thể làm tương tự Nhấn Save để kết thúc kiểm tra Preview 2.11 Tạo menu Contact (Liên hệ) cho website: a Tạo Contact: Mở menu Components/Contacts/Categories chọn New: Title: Tạo tên nhóm liên hệ Nhấn Apply Save Mở menu Components/Contacts/Contacts chọn New: GVHD: ths Nguyễn Quang Ninh 34 Tittle: Tên chủ liên hệ Catelogies: Chọn nhóm liên hệ Linked to user: Chọn liên kết đến người dùng Infomation: Điền thông tin người liên hệ Contact's Position: Vị trí thư liên hệ Email : Email thư liên hệ Street Address: Địa đường Town/Suburb: Thị trấn/Tỉnh State/Country: Bang/Quốc gia Postal Code/Zip: Mã vùng Country: Quốc gia Telephone: Điện thoại Mobile Phone Number: Số di động Fax: Số máy Fax Web URL: Đường dẫn đến trang chủ Miscellaneous Information: Thông tin cá nhân Contact Image: Chọn hình liên hệ Contact Parameters: Cho phép ẩn/hiện thông số liên hệ GVHD: ths Nguyễn Quang Ninh 35 Advanced Parameters: Tham số nâng cao Icon/ Text: Biểu tượng/chữ (văn bản/biểu tượng/No) Address Icon: Biểu tượng địa Email Icon: Biểu tượng thư Telephone Icon: Biểu tượng điện thoại Mobile Icon: Biểu tượng di động Fax Icon: Biểu tượng Fax Miscellaneous Icon: Biểu tượng cá nhân Email Parameters: Thông số email E-mail Form: Biểu mẫu thư Description Tittle: Dịng miêu tả Banned e-mail: Đình email Banned Subject: Đình chủ đề Banned Text: Đình nội dung Nhấn Apply Save để kết thúc b Tạo menu Liên hệ cho website: Mở menu Menus/Main Menu chọn New: Select Menu Item Type/InteralLinks/Contacts/Contact/Standar Contact Layout GVHD: ths Nguyễn Quang Ninh 36 Title: Liên Hệ (tên menu) Display in: chọn menu Parren Item: chọn menu chứa Parameters: Select contact: Chọn contact đã tạo Nhấn Apply Save để kết thúc Preview để xem trước 2.12 Tạo Mod_banner quảng bá wedsite: Mở menu Extensions/Module manager chọn New chọn Banner Title: Tên mod Position: Vị trí đặt mod Order: Muốn mod nằm mục Category:chọn category Tạo category: - Vào Components/Banner/categorie chọn New GVHD: ths Nguyễn Quang Ninh 37 Title: Tên category Apply save để kết thúc Tạo link quảng bá wed mod quảng bá: Vào Components/Banner/Banners chọn New Name : Tên quảng bá Category : Chọn category vừa tạo GVHD: ths Nguyễn Quang Ninh 38 Click URL: Đường dẫn đến wed quảng bá Custom Banner code: bạn copy đoạn mã dán vào:" {NAME}" nhấp vào tên quảng bá wed quảng bá Chọn apply save để kết thúc 2.13 Module bình chọn thăm dò ý kiến: Ở phần Extensions chọn Install/Uninstall chọn đường dẫn đến module thăm dò ý kiến sau đó nhấn Upload File & Install Vào Extentions/ Module Manager để thực thao tác module vừa cài đặt Title: Tên Position: Vị trí show Module Tạo ý thăm dò ý kiến cho Mod Vào mục Components/Polls chọn New GVHD: ths Nguyễn Quang Ninh 39 Title :Tên câu hỏi Option : Các ý kiến đưa Apply save lại để kết thúc Chọn Preview để xem thử 2.14 Module tin cũ tin đọc: Ở phần Extensions chọn Install/Uninstall chọn đường dẫn đến module thăm dò ý kiến sau đó nhấn Upload File & Install Vào Extentions/ Module Manager để thực thao tác module vừa cài đặt.Sẽ có mod cài đặt: Mod_newsflash: GVHD: ths Nguyễn Quang Ninh 40 Mod_latestnew: Và mod_mostread: GVHD: ths Nguyễn Quang Ninh 41 PHẦN KẾT LUẬN Hiện mã nguồn mở người dùng ưa chuộng tính cạnh tranh hồn thiện cao, chúng em viết báo cáo xây dựng website công cụ Joomla_ chương trình hồn tồn miễn phí, có xu hướng phát triển rộng tương lai Với 750.000 lượt truy cập ngày, việc thiết kế website cá nhân hay thương mại điện tử theo yêu cầu người dùng đơn giản hóa nhiều Dựa số tin tức trường Đại học Vinh, chúng em xây dựng website tin tức nhằm đưa đến cho bạn đọc thông tin bổ ích trường Đại học Vinh Mặc dù chúng em đã cố gắng để hoàn thiện trang website, kinh nghiệm kiến thức có hạn nên không thể tránh khỏi thiếu sót Rất mong nhận lời nhận xét từ thầy bạn để đề tài chúng em hoàn thiện Xin trân trọng cảm ơn Chúng em xin chân thành cảm ơn thầy giáo Nguyễn Quang Ninh, người đã tận tình hướng dẫn chúng em suốt trình làm đề tài Sinh viên thực hiện: Đặng Thị Thắm Nguyễn Trọng Đắc Cao Văn Trí CÁC WEBSITE THAM KHẢO www.joomlart.org; www.joomla.com (cộng đồng joomla việt nam); www.wikipmedia.com(từ điển bách khoa toàn thư mở ); www.jsharing.com (các templates thiết kế miễn phí mở rộng) GVHD: ths Nguyễn Quang Ninh 42 ... viên, thay đổi group hạn chế phù hợp Vậy ta đã xây dựng xong bản website mã nguồn Joomla! localhost XÂY DỰNG VÀ THIẾT KẾ WEBSITE Xây dựng website: a Cài đặt template: GVHD: ths Nguyễn Quang... từ trang web đơn giản cho đến ứng dụng phức tạp Mục tiêu Website: Bất kì website xây dựng nó có chung yếu tố quan trọng đó xây dựng hệ thống thông tin Theo quan điểm trực tuyến: nếu... tố quan trọng tiêu đề Giao diện website: GVHD: ths Nguyễn Quang Ninh Bố cục website phải rõ ràng, website thể cấu trúc trang web( header, nội dung, footer) Website hoạt động tốt Xác định