Thiết kế website HTML/CSS | Báo cáo Môn Thiết kế và xây dựng website - Trường Cao đẳng Công Nghệ Bách Khoa Hà Nội

lOMoAR cPSD| 58675420 BÁO CÁO
Môn học/Mô đun: Thiết kế và xây dựng website
trường cao đẳng bách khoa Hà Nội sử dụng Html, Css Ngành: CNTT
SINH VIÊN THỰC HIỆN: ĐINH MẠNH CƯỜNG
MÃ SỐ SINH VIÊN: 2109610380
LỚP_KHÓA: 1621 CNT03_K 21
GV PHỤ TRÁCH: TRẦN THỊ NGHĨA
HÀ NỘI, THÁNG 6 NĂM 2023 lOMoAR cPSD| 58675420
CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM
Độc lập – Tự do – Hạnh phúc
Hà Nội, Ngày ..... tháng ..... năm 20....
PHIẾU NHẬN XÉT THỰC TẬP
Họ tên sinh viên (nhóm): Đinh Mạnh Cường (nhóm 5) Lớp-khóa: 1621CNT03
Cơ quan / Doanh nghiệp tiếp nhận: Công ty cổ phần viện đào tạo Quốc tế Itech
Địa chỉ: Phòng 210A, số 290 Tây Sơn, Trung Liệt, Đống Đa Hà Nội
Ngày bắt đầu:5/6/2023 ngày kết thúc:2/7/2023
Nội dung thực tập: Thiết kế và xây dựng website trường cao đẳng bách khoa Hà Nội sử dụng Html, Css
1. Nhận xét của cơ quan / Đơn vị về chất lượng công việc được giao: Các công việc được giao:  Hoàn thành xuất sắc  Khá  Yếu  Tốt  Trung bình
Hoàn tất công việc được giao:
 Hoàn thành  Thỉnh thoảng đúng  Không đúng thời đúng hạn
Tính hữu ích của đợt thực tập với cơ quan
 Giúp ích  Giúp ích ít  Không giúp ích mấy cho cơ nhiều quan
2. Nhận xét của cơ quan / Đơn vị về bản thân sinh viên:
2.1 Năng lực chuyên môn được sử dụng vào công việc được giao ở mức:  Giỏi  Khá  Trung bình  Yếu
2.2 Tinh thần, thái độ đối với công việc được giao:  Tích cực  Bình thường  Thiếu tích cực
2.3 Đảm bảo kỷ luật lao động (giờ giấc lao động, nghỉ làm,...):  Tốt  Trung bình  Kém
2.4 Thái độ đới với cán bộ, công nhân viên trong Cơ quan / Đơn vị:  Hòa đồng
 Không có gì đáng nói  Rụt rè
2.5 Khả năng sử dụng phần mềm văn phòng (office):  Giỏi  Khá  Trung bình  Yếu
2.6 Khả năng sử dụng Tiếng Anh:  Giỏi  Khá  Trung bình  Yếu lOMoAR cPSD| 58675420
3. Nhu cầu nhân lực của cơ quan (kiến thức, kỹ năng, số lượng):.........................
.......................................................................................................................................................
.......................................................................................................................................................
4. Các nhận xét khác (nếu có):
...............................................................................................................................................................
...............................................................................................................................................................
............................................................................................................................................................... 5. Đánh giá:
a. Điểm chuyên cần, tác phong và đạo đức (Đạt/Không
đạt):.................................
b. Điểm chuyên môn (Đạt/Không
đạt):................................
Trưởng Cơ quan/Đơn vị
(Ký tên, đóng dấu và ghi rõ họ
tên) Người nhận xét
(Ký và ghi rõ họ tên) lOMoAR cPSD| 58675420
BẢN KẾ HOẠCH THỰC TẬP TỐT NGHIỆP CÁ NHÂN
Họ và tên SV: Đinh Mạnh Cường Lớp-khóa:1621CNT03_K21
Số ĐT: 0325702474 Email: seudaudo2k3@gmail.com
1. Nội dung thực tập: Thiết kế và xây dựng website trường cao đẳng bách khoa Hà Nội sử dụng Html, Css 2. Yêu cầu: -
Giao diện website tối thiểu 5 trang (trang chủ, chi tiết sản phẩm, danh mục sản
phẩm,giỏ hàng, đăng ký đăng nhập, tin tức - nếu có) -
Chức năng: chức năng tìm kiếm sản phẩm, chức năng chi tiết sản phẩm, chức
năng giỏ hàng, chức năng lọc sản phẩm, chức năng đăng ký, đăng nhập)
3. Kế hoạch thực hiện Ngày
Công việc triển khai cụ thể
Kết quả đạt được Ghi chú thực hiện
(theo tỷ lệ %) 6/6/2023
Đinh hướng nghề nghiệp, chia nhóm, đăng ký đề tài 8/6/2023
- Tìm hiểu về hosting, domain, DNS
- Tìm hiểu cách trỏ ip host và domain
- Tìm hiểu về upload source code
Frontend và Backend lên server
- Tìm hiểu về bảo mật website 13/6/2023
- Cầu hình điểu khiển truy nhâp nâng cao
- Cấu hình giới hạn tài nguyên
- Cấu hình chính sách người dùng 20/6/2023
- Hướng dẫn kiến thức về Responsive và Framework, Javascript lOMoAR cPSD| 58675420
- Hướng dẫn hoàn thiện sản phẩm
27/6/2023 Kiểm tra và đánh giá
4. Nội dung chi tiết thực hiện
4.1 Bảng phân công công việc Thành viên Công việc Đinh Mạnh Cường - Trang chủ - Giới thiệu - Tuyển sinh - Tin tức và đào tạo - Hỏi đáp và tư vấn - Liên hệ
- Trang con phần Tuyển sinh tại trang chủ
- Trang con phần Công nghệ thông tin tại trang chủ
- Trang con phần Công nghệ ô tô tại trang chủ
4.2 Giới thiệu đề tài
4.2.1 Lý do chọn đề tài
Ngày nay, chúng ta đang sống trong kỷ nguyên của tin học nhờ sự vượt
bậc, sự bùng nổ mạnh mẽ của công nghệ thông tin. Công nghệ thông tin không
chủ dừng lại ở mục đích phục vụ cho khoa học kỹ thuật mà đi sâu vào đời sống,
chính trị, kinh tế, xã hội, trở nên thân thiện và gần gũi, mang lại nhiều lợi ích
cho con người. Công nghệ thông tin ngày càng khẳng định tính hữu dụng và sức
mạnh trong mọi phương diện, mọi ngành nghề của cuộc sống, nhất là thời đại
kinh tế thị trường như bây giờ.
Đi kèm theo đó, các hệ thống website cũng phát triển không ngừng với
đủ các lĩnh vực: văn hóa, thời sự, khoa học công nghệ, làm đẹp, nấu ăn, thể lOMoAR cPSD| 58675420
thao, ca nhạc, giáo dục, y tế…Tuy nhiên, để tạo ra một trang web có sức sống
bền lâu thì nó phải mang lại lợi ích cho nhiều người. Giao diện bắt mắt là ý tố
quang trọng để người xem click chuột vào website của bạn. Nhưng yếu tố quyết
định giữ chân độc giải lại là nội dung mà website cung cấp.
Với sự phát triển liên tục và không ngừng của công nghệ thông tin, việc
sở hữu một trang web chuyên nghiệp và hiện đại đã trở thành một hạng mục
quan trọng trong danh sách các yêu cầu cơ bản rất nhiều nghành nghề và giáo
dục cũng vậy. Website đã trở thành một công cụ quan trọng không thể thiếu đối
với các trường cao đẳng.
Vì lý do đó mà em đã chọn đề tài “Thiết kế và xây dựng website
trường cao đẳng Bách Khoa Hà Nội sử dụng css, html” làm đề tài chuyên đề của mình.
4.2.2 Yêu cầu và mục đích của đề tài 4.2.2.1 Yêu cầu
 Những khách hàng vào website của trường có thể là học sinh, phụ
huynh, hoặc những người quan tâm đến hoạt động, thông tin và dịch vụ
của nhà trường. Vì thể phải có các chức năng sau:
- Thông tin về trường cung cấp về lịch sử, giáo viên, chương trình
học và các hoạt động của trường.
- Các thông tin và tin tức là những thông báo, thông tin mới nhất về
trường, cập nhật về các sự kiện, chương trình đào tạo, cũng như
thông tin kỷ yếu và thành tựu của trường.
- Hỗ trợ và liên hệ cung cấp thông tin liên lạc, số điện thoại, email,
địa chỉ trụ sở để hỗ trợ khách hàng.
- Hỗ trợ đăng ký và tư vấn cung cấp thông tin và hướng dẫn về việc
đăng ký học hỗ trợ tư vẫn cho khách hàng về chương trình đào tạo và
các vấn đề có liên quan.
 Ngoài các chức năng trên web còn phải thiết kế sao cho dễ hiểu, giao
diên mang ṭ ính dễ dùng, đẹp mắt và làm sao cho khách hàng thấy được lOMoAR cPSD| 58675420
các thông tin cần tìm, thông tin quảng cáo hấp dẫn, ưu đãi đăt bị ết để
thu hút khách hàng. Đồng thời trang web phải luôn có sự đỏi mới hấp dẫn khách hàng. 4.2.2.2 Mục đích
 Tăng sự tương tác giữa khách hàng với nhà trường
 Tra cứu thông tin cho khách hàng: Website có thể đưa ra các thông tin liên
quan đến việc học, ví dụ như: thời khóa biểu, kế hoạch tuần, thành tích
học tập, danh sách giáo viên, tài liệu học tập, và lịch các sự kiện trường.
 Quảng bá và tuyển sinh: Website trường học cũng có thể được sử dụng để
quảng bá hình ảnh của trường và thu hút sự quan tâm từ phụ huynh và học
sinh mới. Ngoài ra, thông tin về quy trình tuyển sinh, đăng ký học và
hướng dẫn đăng ký cũng có thể được cung cấp trên website.
4.3 Các tiêu chí đánh giá website 4.3.1 Về giao diện
 Giao diện đẹp nhưng không mầu mè, tông mầu chủ đạo là xanh lá và vàng
đậm tạo ra một cảm giác hài hòa nhẹ nhàng, đơn giản, mà vẫn gây được sự chú ý từ khách hàng.
 Bố cụ hài hòa làm nổi bật các thông tin quan trọng
 Thanh menu điều hướng hiển thị đầy đủ các thông tin mà khách hàng có thể tìm kiếm trên website.
4.3.2 Về chức năng
 Chức năng tìm kiếm: Tính năng này giúp khách hàng tìm kiếm những thông tin
mà khách hàng cần, phù hợp với nhu cầu của khách hàng. lOMoAR cPSD| 58675420
4.4 Giao diện sản phẩm
4.4.1 Giao diện trang chủ  Header
Header bao gồm Logo Trường Cao Đẳng Bách Khoa Hà Nội, tên Trường kèm
them một số thông tin cơ bản, Icon dẫn đến các trang mạng xã hội của trường như
Facebook, Twitter, Google, YouTube, thanh điều hướng chính là thanh menu giúp người
dùng nhanh chóng tìm kiếm những thông tin họ quan tâm, bên thanh phải thanh menu là thanh tìm kiếm.  Banner
Phần banner trên trang chủ của một trang web thường được sử dụng để thu hút
sự chú ý của khách truy cập và giới thiệu thông tin quan trọng về trang web đó.
Banner chứa thông tin chính về trang web, như tên và logo của công ty dịch vụ
được cung cấp giúp khách hàng bao quát được thông tin liên quan đến trường thu hút khách hàng.  Content lOMoAR cPSD| 58675420
Phần này bao gồm các thông tin nổi bật, những thông báo quan trọng và nhưng
bài viết được cập nhật gần nhất mới nhất giúp người dùng nắm bắt đước các thông tin
quan trọng và cung cấp những thông tin thu hút khách hàng.
Ngoài ra còn cung cấp nhưng video liên quan đến nhà trường, đến các hoạt động
nhà trường thường xuyên tổ chức cho sinh viên để thu hút sự quan tâm của khách lOMoAR cPSD| 58675420 hàng.
Một số thắc mắc thường xuyên được khách hàng hỏi cũng xuất hiện ở phần này để
khách hàng có thể giải đáp thắc mắc ngay tịa phần này mà không cần chuyển quan mục khác.
Cách thức xét tuyển nhanh cũng được nhắc tới giúp khách hàng có nhu cầu đăng ký xét tuyển nhanh.  Footer lOMoAR cPSD| 58675420
Phần Footer bao gồm các các liên lạc với nhà trường như số điện thoại, email hoặc
website chính thức của trường. Footer cũng cung cấp các nghành nghề hot và đang được
tuyển sinh nhiều và kèm theo trang fanpage Facebook của nhà trường.
Phần Footer có Icon của các trang mạng xã hội của nhà trường để khách hàng có
thể theo dõi thường xuyên về nhưng thông tin liên quan.
Phần này được phối hợp hài hòa giữa font mầu xanh lá với trắng để làm nổi bật
cách thông tin, kèm theo đó là font mầu đỏ đen cũng làm footer có độ tương phản và
gây sự chú ý của khách hàng và người dùng.
4.4.2 Giao diện giới thiệu lOMoAR cPSD| 58675420
Trang này giới thiệu về Trường Cao Đẳng Bách Khoa Hà Nội, giới thiệu về lịch
sử phát triền, những gì trường đã làm được và đã đạt được. Nêu lên cái tầm nhìn về
tương lai của trường và những sứ mệnh mà nhà trường đặt ra để đạt được. Giới thiệu về
cơ sở vật chất mà nhà trường đang có và sắp có trong tương lai. Từ đó tạo nên sự tin
tưởng về chất lượng giảng dạy của nhà trường từ đó thu hút nhiều khách hàng. lOMoAR cPSD| 58675420
4.4.3 Giao diện tuyển sinh lOMoAR cPSD| 58675420
Trang này cung cấp cho người dùng nhưng thông tin tuyển sinh của các nghành
mà nhà trường đang có nhu cầu xét tuyển, giúp người dùng tìm kiếm những thông tin
mình cần nhanh và dễ dàng.
4.4.4 Giao diện tin tức và đào tạo lOMoAR cPSD| 58675420
Trang này cập nhật những tin tức nổi bất và được cập nhật liên lục nhưng bài viết,
những thông báo quan trong từ nhà trường đến với khách hàng.
Nỗi một bài viết là một trang con được mô tả chi tiết về nội dung của bài viết đó
, người dùng chỉ cần click vào bài viết là có thể đọc được tin tức chi tiết về bài viết đó một cách dễ dàng.
4.4.5 Giao diện chi tiết tin tức lOMoAR cPSD| 58675420
Nội dung chi tiết bài viết "Vai trò của CNTT trong dạy học”
Còn đây là thông báo tuyển sinh nghành CNTT năm 2023
Đây là chuyến đi thực tập của các bạn sinh viên năm 2. lOMoAR cPSD| 58675420
Tin tức chi tiết để cung cấp thông tin chi tiết, cập nhật về một sự kiện, một vấn
đề hoặc một chủ đề cụ thể mà khách hàng tìm kiếm. Tin tức chi tiết giúp khách hàng
hiểu rõ hơn về những thông tin và sự kiện đang diễn ra trong bản tin khách hàng đã tìm.
4.4.6 Giao diện hỏi đáp và tư vấn
Trang này bao gồm những câu hỏi thường gặp đến từ những khách hàng trước đó
đã đặt ra và khách hàng chỉ cần ấn vào xem thêm là có thể hiển thị ra đáp án mà nhà
trường đã trả lời cho những câu hỏi đó. lOMoAR cPSD| 58675420
4.4.7 Giao diện liên hệ
Trang này cho phép người dùng đăng ký xét tuyển vào trường bẳng cách nhập đủ
thông tin vào bảng đăng ký. Cuối trang là một số ghi chú hướng dẫn khách hàng đăng
ký và số hotline để liên hệ với bộ phận đăng ký xét tuyển của nhà trường. lOMoAR cPSD| 58675420
4.4.8 Giao diện công nghệ thông tin lOMoAR cPSD| 58675420
Trang này chuyên cập nhật những thông tin, thông báo liên quan đến nghành
công nghệ thông tin giúp khách hàng tìm kiếm thứ họ quan tâm một các dễ dàng hơn.