Chủ đề thiết kế giao diện web của trường thpt lê quý đôn – hà đông

Vì vậy, mỗi trường học đề có một kênh thông tin riêng website của trường là một kênh thông tin uy tín và đáng tin cậy để thông báo về các kế hoạch hay nội dung của trường.. Mọi người có

Trang 1

BỘ NÔNG NGHIỆP VÀ PHÁT TRIỂN NÔNG THÔN

HỌC VIỆN NÔNG NGHIỆP VIỆT NAM



CHỦ ĐỀ: Thiết kế giao diện web của trường THPT Lê Quý Đôn – Hà Đông

Môn: Thiết Kế Giao Diện Web

Giảng viên: Phạm Thị Lan Anh

Trang 2

Bài Tập Nhóm Môn Thiết Kế Giao Diện Web Chủ Đề: Thiết kế giao diện web của trường

 Hiện nay , tất cả các nghành đều áp dụng công nghệ thông tin vào để sử dụng Trong đó, không thể thiếu nghành giáo dục Tiêu biểu là các phương tiện truyền thông để thông báo với mọi người một cách nhanh và thuận tiện nhất

 Các phương tiện kĩ thuật và công cụ thiết kế Wesite ngày càng đơn giản, rộng rãi để thiết kế, xây dựng Vìvậy, mỗi trường học đề có một kênh thông tin riêng (website của trường) là một kênh thông tin uy tín và đáng tin cậy để thông báo về các kế hoạch hay nội dung của trường Mọi người có thể dễ dàng nắm bắt được thông tin một cách dễ dàng

 Từ đó, nhóm chúng em đã quyết định chọn đề tài

“Thiết kế giao diện Website của trường THPT Lê Quý Đôn – Hà Đông” theo kiến thức mà nhóm tự tìm hiểu.Thông qua đó em có thêm hiểu biết, nắm rõ hơn về lĩnh vực thiết kế website môt cách hiệu quả nhất

2 Phân tích yêu cầu đề tài

a) Yêu cầu

Trang 3

 Yêu cầu chung: Thiết kế Website cho trường học là 1 trang web về giáo dục nhằm mục đich trao đổi thông tin giữa nhà trường và học sinh và phụ huynh, vậy để cần 1 đáp ứng được yêu cầu trên, trang web cần phải đáp ứng các tiêu chí sau:

 Hỗ trợ các vấn đề cho học sinh, phụ huynh… nếu cónhu cầu

 Tăng tính thuận lợi, dễ dàng truy cập cho người dùng

 Tạo được giao diện với một số chức năng cơ bản

 Phân loại chức năng theo từng danh mục

 Nắm được các bước cơ bản trong thiết kế web

Trang 4

 Website cửa hàng phải có sựu kiên kết với nhau: Các trang trong một thiết kế cần phải có liên kết vớinhau một cách chặt chẽ khi người dùng muốn chuyển trang

 Thời gian tải nhanh : Nếu website của bạn không đáp ứng được thời gian tải thì sẽ không thể giữ chânđược khách hàng đến với cửa hàng

II Kế Hoạch Thực Hiện

 Từ ngày 01/11/2023 đến ngày 03/11/2023 : tham khảo tài liệu, website khác

 Từ ngày 04/11/2023 đến ngày 05/11/2023 : tìm kiếm thưu viện ảnh

 Từ ngày 06/11/2023 đến ngày 15/11/2023: Thiết kế

sơ bộ(bản thảo bằng phần mềm), phối màu (chọn màu theo tiêu chí nào trong bán xe màu Color Wheel), chọn font, cỡ font

 Từ ngày 16/11/2023 đến ngày 01/12/2021 : Thực hiện trên máy

 Nộp bài tập vào ngày: 02/12/2023

III Các Phần Mềm Sử Dụng

 Photoshop CS6

 Chrome

IV Ý Tưởng Thiết Kế

 Số lượng trang : 1 trang chủ và 4 trang con: Bạn có biết, Chuyên săn học tập, Đăng nhập, Góp ý

 Màu sắc chủ đạo: Xanh dương và Trắng

 Font chữ sử dụng: Myriad pro cho tất cả trang web

V Bố Cục LayOut Và Cách Thức Thiết Kế

Trang 5

- Chia làm 3 phần theo chiều dọc:

 Trái: phần SideBar: Tổ chức nhà trường, Giới thiệu nhà trường, Kế hoạch hoạt động, Góp ý, Đếm số người hoạt động

 Giữa: phần Body: Giới Thiệu, Nội quy, Thủ tục hành chính, TKB, Kế hoạch công tác, Thông tin hoạt động , Thông báo, Tuyển sinh

 Phải: phần SideBar: Tin nhanh, Liên kết website, Thư viện , Bình chọn và các website liên quan

c Footer

 Lặp lại các chức năng của phần header bot

 Địa chỉ, SĐT, FAX, Email của trường

100px

Trang 6

Lịch HĐ

Thư viện

Các web liên quan 450px

Banner 300px

Nội quy nhà trường

Thủ tục hành chính

Thời khóa biểu

Footer top

Footer bot 250px

Thông tin hoạt động

Trang 7

 Trái: phần SideBar: Tổ chức nhà trường, Giới thiệu nhà trường, Kế hoạch hoạt động, Góp ý, Đếm số người hoạt động.

 Giữa: phần Body: Chuyên săn học tập

c Footer

Trang 8

Lịch HĐ

Thư viện

Chuyên săn học tập 350px

Footer top

Footer bot 250px

Trang 9

b Content:

 Giữa: phần Body: Bạn có biết, cần biết

c Footer

Header:

1160px

Header Top

Header Bot 350px

100px

Trang 10

 Giữa: phần Body: Nội dung đăng nhập

Lịch HĐ

Thư viện

Bạn có biét 450px

Footer top

Footer bot 250px

Trang 11

f Footer

Nội dung đăng nhập 450px

Trang 12

812px

Footer top

Footer bot 250px

Trang 13

 Giữa: phần Body: Nội dung góp ý

c Footer

Trang 14

Lịch HĐ

Thư viện

Nội dung góp ý 450px

Footer top

Footer bot 250px

Trang 15

VI Giao diện Website

1 Trang chủ

Trang 16

2 Trang Bạn có biết, cần biết

Trang 17

3 Trang Chuyên săn học tập

Trang 18

4 Trang Đăng nhập

Trang 19

5 Trang Góp ý

Trang 20

MỤC LỤC

I Giới thiệu 2

1 Lý do chọn chủ đề 2

2 Phân tích yêu cầu đề tài 2

a) Yêu cầu 2

b) Chức năng 3

3) Kết luận 3

II Kế Hoạch Thực Hiện 4

III Các Phần Mềm Sử Dụng 4

IV Ý Tưởng Thiết Kế 4

V Bố Cục LayOut Và Cách Thức Thiết Kế 5

1 Trang chủ 5

a Header 5

b Content: 5

c Footer 5

2 Trang chuyên săn học tập 7

a Header 7

b Content 7

c Footer 7

3 Trang bạn có biết 9

a Header 9

b Content 9

c Footer 9

4 Trang Đăng nhập 11

a Header 11

b Content 11

c Footer 11

5 Trang Góp ý 13

a Header 13

b Content: 13

c Footer 13

Trang 21

VI Giao diện Website 15

1 Trang chủ 15

2 Trang Bạn có biết, cần biết 16

3 Trang Chuyên săn học tập 17

4 Trang Đăng nhập 18

5 Trang Góp ý 19

Tiêu đề	Thiết Kế Giao Diện Web Của Trường THPT Lê Quý Đôn – Hà Đông
Tác giả	Lê Ngọc Dương, Bùi Đức Khiêm, Nguyễn Hoàng Anh, Nguyễn Quang Hợp
Người hướng dẫn	Phạm Thị Lan Anh
Trường học	Học viện Nông nghiệp Việt Nam
Chuyên ngành	Thiết Kế Giao Diện Web
Thể loại	bài tập nhóm
Năm xuất bản	2023 – 2024
Thành phố	Hà Nội

Định dạng
Số trang	21
Dung lượng	5,05 MB