Thiết kế website trường THPT yên đinh 2

LỜI NÓI ĐẦU Để hoàn thành Project 1 với chủ đề : Website cho trường THPT mà tôi đã theo học, tôi đã chọn Trường THPT Yên Đinh 2 với những mục đích chính sau: Giới thiệu về trường THPT Yên Đinh 2 Cung cấp thông tin liên quan đến các hoạt động học tập, giảng dạy và sinh hoạt ngoại khóa của trường Hiển thị ảnh của học sinh các khóa và các hoạt động của trường Mục đích tạo ra website này là giới thiệu nhà trường, truyền đạt nội dụng nhà trường tới học sinh, các vấn đề học tập và cá hoạt động diễn ra trong nhà trường tới học sinh một cách nhanh thay vì viết bảng hay các giào viên chủ nhiệm phải về lớp nói với học sinh. Và cũng là nơi tiếp nhận những ý kiến góp ý của bạn đọc, để xây dựng và phát triển hoàn thiện hơn về con người cũng như cơ sở vật chất của nhà trường.Đây cũng là nơi cho học sinh trao dổi kiến thức trong học tập của mõi học sinh sau giờ trên lớp căng thẳng trên lớp

Trang 1

BÁO CÁO PROJECT 1

Đề tài: Website trường THPT Yên Đinh 2

Sinh viên thực hiện: Trịnh Thị Hoài Thu

Mã SV: hoaithuttpa00086

Lớp: PT09301

Trang 2

L I NÓI Ờ ĐẦ U

Để hoàn thành Project 1 với chủ đề : Website cho trường THPT mà

tôi đã theo

học, tôi đã chọn Trường THPT Yên Đinh 2 với những mục đích chính sau:

- Giới thiệu về trường THPT Yên Đinh 2

- Cung cấp thông tin liên quan đến các hoạt động học tập, giảng dạy

và sinh hoạt ngoại khóa của trường

- Hiển thị ảnh của học sinh các khóa và các hoạt động của trường Mục đích tạo ra website này là giới thiệu nhà trường, truyền đạt nội dụng nhà trường tới học sinh, các vấn đề học tập và cá hoạt động diễn ra trong nhà trường tới học sinh một cách nhanh thay vì viết bảng hay các giào viên chủ nhiệm phải về lớp nói với học sinh Và cũng là nơi tiếp nhận

những ý kiến góp ý của bạn đọc, để xây dựng và phát triển hoàn thiện hơn

về con người cũng như cơ sở vật chất của nhà trường.Đây cũng là nơi cho học sinh trao dổi kiến thức trong học tập của mõi học sinh sau giờ trên lớp căng thẳng trên lớp

Trang 3

MỤC LỤC:

Phần 1 – Phân tích và cấu trúc website …1

II - Sơ đồ website

III- Chi tiết các trang

1.Trang chủ

2.Trang giới thiệu

3.Trang thông báo

4.Trang tài nguyên

5.Trang thư viện ảnh

6.Trang liên hệ

….3

….4 ….5

I-Phác thảo Mockup

1.Trang chủ

3.Trang thông báo

6.Trang liên hệ

II-Thiết kế Photoshop

1.Trang chủ

3.Trang thông báo

6.Trang liên hệ

Phần 4 – Triển khai website

I-Thiết kế Dreamweaver

1.Trang chủ

3.Trang thông báo

Trang 4

I Giới thiệu chung

Website của trường THPT Yên Đinh 2 gồm các trang web sau:

Tổng quan về trường THPT Yên Đinh 2:

1 Tên trường: Trường Trung Học Phổ Thông Yên Định 2

2 Năm thành lập: Tháng 09 năm 1972 theo quyết định của UBND tỉnh Thanh Hóa Lúc đầu trường mang tên trường cấp 3 Yên Định 2 Sau đó có sự sát nhập huyện Yên Định

và một phần huyện Thiệu Hóa thành huyện Thiệu Yên, tên trường được đổi thành trường THPT Thiệu Yên II Sau khi tách huyện Thiệu Hóa ra khỏi huyện Yên Định, trường THPT Thiệu Yên 2 đổi tên thành trường THPT Yên Định 2

3 Địa chỉ: Phố Kiểu, xã Yên Trường, huyện Yên Định, tỉnh Thanh Hóa

4 Điện thoại: 037 3843 002 - Fax: +84 (037) 3843 002

5 Hiệu trưởng: Thầy Lê Gia Minh

6 E-mail: thpt.yendinh2@thanhhoa.edu.vn

Trang 5

II Sơ đồ Website

Trang Chủ

Giới Thiệu

Đề thi TN THPT

Tin nội bộ

Hoạt động của các hội

Hoạt động của websit

Phần mềm

Trao đổi học tập

Trang 6

III Chi ti t các trang ế

1 Trang chủ

• Nội dung : Trang chủ của website bao gồm các thông tin sau:

- Giới thiệu tóm tắt về trường, lịch học, thông báo, tin tức từ trường, tin hàng ngày,kinh nghiệm học tập và hoạt động đoàn đội

- Ngoài ra, trang chủ có thể liên kết được đến tất cả các trang khác trong website bao gồm: Trang giới thiệu, trang tin tức, trang học tập, trang tài nguyên và trang liên hệ

• Hình thức

Chi tiếtHearder Banner: Logo, tên trường, Menu bar

Container Sologan

Menu bar

Menu bar cho phép link tới các trang con_Bao gồm: Trang chủ, giới thiệu, tin tức, học tập, tài nguyên và Liên hệ

Search bar Form tìm kiếm Tìm kiếm thông tin theo từ khóa

Left conteiner Tin tức nhà

trường

Liên kết đến các tin tức của trường như: Kết quả học tập, thời khóa biểu, danh sách vào lớp 10, kết quả thi vào lớp 10.Tin tức hàng

ngày

Hiển thị các link liên kết các mục tin tức: Tin giáo dục, tin khoa học công nghệ, tin thể thao và tin tổng hợp.Thành viên đăng

nhập Form đăng ký, đăng nhập thành viên.Thăm dò ý kiến Form lấy ý kiến chất lượng giảng dạy

ở trườngCenter

container

Giới thiệu Giới thiệu tóm tắt về trường

Tin tức nhà trường

Hiển thị các tim mới nhất của trường kèm link liên kết và ảnh.

Trang 7

2 Trang giới thiệu

• Nội dung : Trang Giới thiệu chứa các thông tin chi tiết giới thiệu về trường, bao gồm

Container Sologan

Menu bar

trường

Liên kết đến các tin tức của trường như: Kết quả học tập, thời khóa biểu,danh sách vào lớp 10, kết quả thi vàolớp 10

Tin tức hàng ngày Hiển thị các link liên kết các mục tin tức: Tin giáo dục, tin khoa học công

nghệ, tin thể thao và tin tổng hợp.Thành viên

đăng nhập

Form đăng ký, đăng nhập thành viên

Thăm dò ý kiến Form lấy ý kiến chất lượng giảng dạy

ở trườngCenter

container Giới thiệu Giới thiệu tóm tắt về trường

Tin tức nhà trường

Hiển thị các tim mới nhất của trường kèm link liên kết và ảnh

Hoạt động đoàn , đội

Hiện thị thông tin về các hoạt động của đoàn, đội ở trường

Footer Hiển thị bản quyền, tên trường, địa chỉ của trường THPT Nam Đàn 1

Trang 8

Container Sologan

Menu bar

trường Liên kết đến các tin tức của trường như: Kết quả học tập, thời khóa biểu,

danh sách vào lớp 10, kết quả thi vàolớp 10

Tin tức hàng ngày Hiển thị các link liên kết các mục tin tức: Tin giáo dục, tin khoa học công

nghệ, tin thể thao và tin tổng hợp.Thành viên

đăng nhập

ở trườngCenter

container

Ban giám hiệu Link liên kết các thông báo mới và cũ

từ ban giám hiệu nhà trườngTin tức nhà

trường Hiển thị các tim mới nhất của trường kèm link liên kết và ảnh.Hoạt động

Trang 9

Container Sologan

Menu bar

Tin tức hàng ngày

Hiển thị các link liên kết các mục tin tức: Tin giáo dục, tin khoa học công nghệ, tin thể thao và tin tổng hợp.Thành viên

đăng nhập

ở trườngCenter

container

Ban giám hiệu Link liên kết các thông báo mới và cũ

từ ban giám hiệu nhà trườngTin tức nhà

trường Hiển thị các tim mới nhất của trường kèm link liên kết và ảnh.Hoạt động

đoàn , đội Hiện thị thông tin về các hoạt động của đoàn, đội ở trường.Footer Hiển thị bản quyền, tên trường, địa chỉ của trường THPT Nam Đàn 1

Trang 10

4 Trang tài nguyên:

Nội dung: Hiển thị các link liên kết tới kho tài nguyên của nhà trường

Hình thức:

Chi tiếtHearder Banner: Logo, tên trường, Menu bar

Container Sologan

Menu bar

đăng nhập

ở trườngCenter

container

Khối 10 Tài nguyên và kinh nghiệm học tập

dành cho khối 10Khối 11 Tài nguyên và kinh nghiệm học tập

dành cho khối 11Khối 12 Tài nguyên và kinh nghiệm học tập

dành cho khối 12Footer Hiển thị bản quyền, tên trường, địa chỉ của trường THPT Nam Đàn 1

Trang 11

Container Sologan

Menu bar

trường

Liên kết đến các tin tức của trường như: Kết quả học tập, thời khóa biểu,danh sách vào lớp 10, kết quả thi vàolớp 10

đăng nhập Form đăng ký, đăng nhập thành viên.Thăm dò ý kiến Form lấy ý kiến chất lượng giảng dạy

ở trườngCenter

Trang 12

PHẦN II: PHÁC THẢO WEBSITE

I PHÁC THẢO MOCKUP

1.Trang chủ

Trang 13

2.Trang Giới thiệu

Trang 14

3.Trang Tin tức

Trang 15

4.Trang Học tập

Trang 16

5.Trang Tài nguyên

Trang 17

6.Trang Liên hệ

Trang 18

II THIẾT KẾ PHOTOSHOP

1 Trang chủ

Trang 19

Trang 20

3.Trang Tin tức

Trang 21

4.Trang học tập

Trang 22

5.Trang tài nguyên

Trang 23

6.Trang liên hệ

Trang 24

PHẦN VI: TRIỂN KHAI WEBSITE:

Dựa trên phác thảo Mockup và Photoshop, tôi đã xây dựng website trên phần mềm Dreamweaver

Website hoàn thiện được xây dựng khá chi tiết về nội dung do các bài viết trong website đều được lấy nguồn từ website chính thức của Trường THPT Yên Định 2 1.Trang chủ

Trang 25

3.Trang tin tức

Trang 26

4.Trang học tập

Trang 27

6.Trang liên hệ

Trang 28

PHẦN V: HOÀN THIỆN WEBSITE:

Website sau khi hoàn thiện được up lên host free Với tên

miền: http://yendinh2kieu.esy.es

Trang 29

kéo thả thư mục chưa website vào ô public_html

PHẦN VI KẾT LUẬN:

Website trường THPT Yên Định 2 cơ bản được tôi xây dựng dựa trên phác thảo Mockup và Photoshop Tuy nhiên, trong quá trình hoàn thiện website có phát sinh một số vấn đề nhỏ đồng thời tôi cũng muốn website được hoàn chỉnh và đầy đủ hơn, nên sản phẩm hoàn chỉnh có một vài điểm khác biệt nhỏ so với 2 bản phác thảo.

Tuy trang web đã hoàn thiện, nhưng tôi vẫn còn nhận thấy nhiều điều chưa ưng ý ví

dụ như màu sắc chưa hài hòa, bố cục nhìn hơi rối Và đặc biệt là banner không thật bắt mắt Tôi sẽ cố gắng học hỏi thêm để khắc phục những nhược điểm đó Ngoài ra tôi đang có hướng phát triển trang web này lớn hơn nữa, có thể một ngày nào đó tôi

sẽ gửi về trường cũ như là một món quà tri ân thầy cô giáo.

Link website: http://yendinh2kieu.esy.es

Định dạng
Số trang	29
Dung lượng	3,64 MB