Thiết kế website trường THPT lục nam

BÁO CÁO PROJECT 1
Đề tài:
Thiết kế Website trường THPT Lục Nam


Giáo viên hướng dẫn: Đỗ Thị Tuyết Mai
Họ tên sinh viên: Trương Văn Thanh

2


Phần I: Phân tích và cấu trúc Website

Giới thiệu chung

 Giới thiệu về trường

Trường THPT Lục Nam 45 năm thành lập và phát triển - Địa chỉ: Thị trấn Đồi Ngô - Lục
Nam - Bắc Giang



Các trang web








Trang chủ
Tin tức sự kiện
Dạy và học
Tài liệu
Giới thiệu
Liên hệ

3


Phần I: Phân tích và cấu trúc Website

Sitemap
Trang
Trang chủ
chủ

Tin
Tin tức
tức sự
sự kiện
kiện

Dạy
Dạy và
và học
học

Tin
Tin hoạt

hoạt động
động

Thông
Thông báo
báo

Tin
Tin tổng
tổng hợp
hợp

Thời
Thời khóa
khóa biểu
biểu

Tài
Tài liệu
liệu

Giới
Giới thiệu
thiệu

Liên
Liên hệ
hệ

Tin

Tin ảnh
ảnh

4


Phần I: Phân tích và cấu trúc Website

Chi tiết các trang
 Trang chủ
 Nội dung
 Hiển thị các thông tin hoạt động nổi bật mới nhất
 Có liên kết đến các trang trong website

 Hình thức

5


Phần I: Phân tích và cấu trúc Website
Các thành phần
Header

Bao gồm

Chức năng

Top

Logo, Sologan,Banner

 

Bot

Menubar

Cho phép liên kết đến các
trang con

Content

Top

Flash hình ảnh hoạt động của

Các tin tức hot

 

nhà trường

Center

Thông báo mới

Có thể link đến trang Thông
báo

Bot

Tin tức mới

Các hình ảnh và Video hoạt

Có thể link đến trang tin tức ,

động của nhà trường

Trang thời khóa biểu. Xem
được các hình ảnh video

Thời khóa biểu

Footer

Thông tin liên lạc

Hiển thị địa chỉ, bản quyền và
số điện thoại của nhà trường

6


Phần I: Phân tích và cấu trúc Website

Trang Tin tức
 Nội dung
 Đưa các tin hoạt động nổi bật, tin tổng hợp và các tin ảnh

 Hình thức
Các thành phần

Bao gồm

Header

Giống trang chủ

Content

Left

Chức năng

Top : các tin mới

 

Bot : Các tin khác

Right

Hình ảnh của nhà
trường

Footer

Giống trang chủ

7


Phần I: Phân tích và cấu trúc Website

Trang Dạy và học
 Nội dung

 Thông báo lịch học tập và kết quả học tập trong năm học
 Thời khóa biểu

 Hình thức

Các thành phần

Bao gồm

Header

Giống trang chủ

Content

Left

Top: Thông báo các hoạt động học

Chức năng

 

tập

Bot: thới khóa biểu

Right

Footer

Giống trang tin tức

 

Giống trang chủ

8


Phần II: Thiết kế website trên Mockup

Trang chủ

9


Phần II: Thiết kế website trên Mockup

Trang giới thiệu

10

Phần III: Thiết kế giao diện Photoshop

Trang chủ

11


Phần III: Thiết kế giao diện Photoshop

Trang giới thiệu

12


Phần IV: Thiết kế Website bằng html

13


Phần V: Up website lên host

14


Cám ơn thầy cô đã hướng dẫn em hoàn thành bài Project !

15