Đổi baner cho website

Một phần của tài liệu Xây dựng website trường thpt nguyễn thị minh khai bằng joomla (Trang 26)

Chọn sửa HTML. Tỡm đến đoạn code (begin header ... end header) thay bằng đoạn code baner chọn. Ở đõy được thay bằng đoạn code sau:

<a href="http://localhost/web/">

<p> <img border="0" src="/web/images/a1.jpg" width="1262" height="350" ></p> </a>

CHƢƠNG III

GIỚI THIỆU CÁCH TẠO CÁC MODULE VÀ MỘT SỐ GIAO DIỆN CỦA WEBSITE TRƢỜNG THPT NGUYỄN THỊ MINH KHAI 3.1. Giới thiệu về module

Module là một trong 3 thành phần mở rộng chớnh của Joomla! Đú là một

đoạn mó nhỏ thường được dựng để truy vấn cỏc thụng tin từ cơ sở dữ liệu và hiển thị cỏc kết quả thu được. Nú cú thể được nạp vào một vị trớ bất kỳ trờn template (left, right, bottom, foot, top... hoặc do người dựng tự định nghĩa), cú thể hiện trờn tất cả cỏc trang của Website hay một số trang được ấn định. Người sử dụng thường chỉ nhận thụng tin trả về từ module, nờn khả năng tương tỏc là khỏ hạn chế, nhưng cỏc module lại đúng vai trũ quyết định trong bố cục của website, vỡ vậy khi đặt một module lờn web, điều đầu tiờn hiệu quả module này mang lại và sự hợp lý của vị trớ module.

3.2. Cài đặt cỏc module

3.2.1. Module: Login cho website

+ Mở menu Phần mở rộng/quản lý modun chọn New/Login. Nhấn Next

+ Tựy chọn vị trớ hiện module ở Vị trớ + Nhấn Áp dụng và Lƣu để kết thỳc

Để show module ĐĂNG NHẬP ra website, chọn Enable và nhấn Xem trƣớc

để xem trước. Kết quả thu được:

3.2.2. Module: Footer cho website

+ Mở menu Phần mở rộng/quản lý modun + Chọn New/phần cuối trang/Tiếp

Tiờu đề: footer. Vị trớ: footer.

Ấn Áp dụng và Lƣu để kết thỳc. Kết quả thu được:

3.2.3. Module: Calendar cho website

+ Chọn Phần mở rộng/cài đặt thỏo gỡ + Chọn đến file chứa tập tin Calendar tải lờn.

Chọn phần mở rộng/quản lý modun. Để bật lờn.

Chọn new

Tiờu đề: Lịch. Vitrớ: Right

Chọn Áp dụng và Lƣu Kết quả thu được:

3.2.4. Module: Hỗ trợ trực tuyến cho website

+ Chọn Phần mở rộng/cài đặt thỏo gỡ. Chọn đến file chứa tập tin mod_ym tải lờn.

Chọn New

Tiờu đề: Hỗ trợ trực tuyến Vitrớ: left.

Chọn ỏpdụng và Lƣu. Kết quả thu được:

3.2.5. Module: Album ảnh cho website

+ Chọn Phần mở rộng/cài đặt thỏo gỡ. Chọn đến file chứa tập tin

Chọn phần mở rộng/quản lý modun. Để xuất hiện (adsbygoogle = window.adsbygoogle || []).push({});

Chọn: Dấu tớch (album anh)/Hiệu chỉnh

Tiờu đề: Album ảnh. vị trớ: right.

Sắp xếp: 2_lịch.

3.2.6. Module: Tin cập nhật cho website

+ Chọn Phần mở rộng/cài đặt thỏo gỡ. Chọn đến file chứa tập tin:

mod_janews tải lờn.

Chọn phần mở rộng/quản lý modun. Để xuất hiện

Tiờu đề: Tin cập nhật.

Chọn Áp dụng và lƣu. Kết quả thu được.

3.2.7. Module: Tỡm kiếm cho website

+ Chọn phần mở rộng/quản lý modun. Để xuất hiện

Chọn: Dấu tớch (Tỡm kiếm)/Hiệu chỉnh

Tiờu đề: Tỡm kiếm. Vịt trớ: left.

Chọn ỏpdụng và Lƣu. Kết quả thu được

3.2.8. Module: Thống kờ cho website

+ Chọn Phần mở rộng/cài đặt thỏo gỡ. Chọn đến file chứa tập tin

mod_vviist_counter tải lờn.

Chọn phần mở rộng/quản lý modun. Để xuất hiện

Tiờu đề: Thống kờ; Vị trớ: left; Sắp xếp: 4:: Hỗ trợ trực tuyến 1; Today: Hụm

nay; This month: Thỏng này ; All day: Tất cả Chọn Áp dụng và Lƣu. Kết quả thu được:

3.2.9. Module: Nội dung đƣợc đọc nhiều nhất cho website

Kết quả thu được:

chọn Tiếp

Kết quả thu được:

3.2.10. Module: Thăm dũ ý kiến cho website

+ Chọn Components/thăm dũ/Mới

Kết quả thu được:

3.3. Một số giao diện của website trƣờng THPT Nguyễn Thị Minh Khai 3.3.1. Giao diện trang chủ

Tại đõy người dựng cú thể: Đọc cỏc bài viết trong: Danh mục chớnh; đọc cỏc tin mới; đăng nhập để quản lý bài viết (nếu chưa cú tài khoản thỡ cú thể đăng ký); xem: Album ảnh, Lịch, Thống kờ, Tin đọc nhiều nhất, Tin cập nhật, Hỗ trợ

3.3.2. Giao diện MODULE đăng ký (adsbygoogle = window.adsbygoogle || []).push({});

Tại đõy người dựng phải điền vào: Tờn: tờn người dựng, Tờn thành viờn: tờn để sử dụng, Email: mail sử dụng, Mật khẩu: password để sử dụng.

3.3.3. Giao diện trang tỡm kiếm

3.3.4. Giao diện trang quản trị

Tại đõy người dựng cú thể: Sử dụng tờn Username và Password đó đặt để đăng nhập, chọn Language: chọn Tiếng Việt sau khi đó được việt húa.

3.3.5. Giao diện trang quản lý ngƣời dựng

Tại đõy người dựng cú thể: bằng Tờn đăng nhập và password đó đăng ký để vào website.

3.3.6. Giao diện thiết lập ngụn ngữ

Tại đõy người dựng cú thể:Chọn ngụn ngữ: English hoặc Viet Nam -> Chọn

KẾT LUẬN

Hiện nay Joomla là một chương trỡnh hoàn toàn miễn phớ và cú xu hướng phỏt triển trong tương lai, một hệ thống quản trị nội dung mó nguồn mở được người dựng rất ưa chuộng do tớnh cạnh tranh và hoàn thiện cao. Đề tài với mục đớch xõy dựng website bằng joomla! việc thiết kế một website trường THPT theo yờu cầu của người dựng là cần thiết.

* Đề tài đó thu đƣợc một số kết quả:

- Giới thiệu tổng quan về phần mềm mó nguồn mở.

- Tỡm hiểu về cài đặt Appsever và Joomla.

- Thiết kế cỏc thành phần chớnh cho website trường THPT Nguyễn Thị Minh Khai.

- Việt hoỏ được cỏc form dữ liệu, tạo thuận lợi cho người sử dụng.

- Giới thiệu cỏch tạo cỏc Module và một số giao diện chớnh của website trường THPT Nguyễn Thị Minh Khai gồm: giao diện trang chủ, giao diện Module đăng ký, giao diện trang tỡm kiếm, giao diện trang quản trị, giao diện trang quản lý người dựng, giao diện thiết lập ngụn ngữ.

- Hoàn thành nội dung yờu cầu của đề tài đề ra, tạo ra được một trang Website trường THPT Nguyễn Thị Minh Khai sẽ đưa vào sử dụng.

* Hƣớng phỏt triển của đề tài:

- Xử lý cỏc lỗi chặt chẽ hơn trước khi đưa vào sử dụng.

- Tiếp tục phỏt triển website trường THPT, tạo bộ soạn thảo hiện đại, quản lý chỉnh sửa thư mục trờn host, phỏt triển được site (sơ đồ) đa ngụn ngữ .

Một lần nữa em xin chõn thành cảm ơn cụ giỏo T.S Phan Lờ Na đó tận tỡnh giỳp đỡ để em hoàn thành đề tài này!

Em xin gửi lời cảm ơn đến cỏc thầy cụ giỏo trong khoa Cụng nghệ Thụng tin trường Đại học Vinh và tất cả cỏc bạn đó động viờn giỳp đỡ em trong quỏ trỡnh hoàn thành đề tài.

TÀI LIỆU THAM KHẢO

[1]. Nguyễn Thiờn Bằng, Xõy dựng ứng dụng Web bằng PHP & MySQL, NXB Lao động - xó hụi, 2004.

[2]. Hoàng Hải, Giỏo trỡnh tự học thiết kế Web động, NXB Lao động - xó hội, 2007.

[3]. http://www.joomla.org: Website chớnh thức của Joomla.

[4]. http://demo.joomla.org: Website trỡnh diễn tớnh năng của Joomla phiờn bản phỏt hành m i nhất.

.

(adsbygoogle = window.adsbygoogle || []).push({});

Một phần của tài liệu Xây dựng website trường thpt nguyễn thị minh khai bằng joomla (Trang 26)