Đề tài xây dựng giao diện website dựa trên website có sẵn sử dụng ngôn ngữ html css thuần

TRƯỜNG ĐẠI HỌC XÂY DỰNG KHOA CÔNG NGHỆ THÔNG TIN o0o BÁO CÁO BÀI TẬP LỚN MÔN LẬP TRÌNH WEB (NHĨM 12) ĐỀ TÀI: XÂY DỰNG GIAO DIỆN WEBSITE DỰA TRÊN WEBSITE CĨ SẴN SỬ DỤNG NGƠN NGỮ HTML CSS THUẦN GVPT: Nguyễn Hải Dương Nhóm sinh viên thực hiện: Trịnh Ngọc Dương 64CS3 MSSV 39864 Dương Minh Tú 64CS3 MSSV 1660864 Hà Nội, tháng năm 2021 LỜI MỞ ĐẦU HTML, CSS JavaScript ngôn ngữ phổ biến để phát triển Website tảng Việc xây dựng Website công nghệ Bootstrap, JavaScript JQuery trở thành xu hướng lớn giới Giúp giao diện web dễ dàng tương thích với nhiều loại máy khác nhau, hỗ trợ tính Responsive Sau kết thúc học phần môn học Lập trình Web bổ sung kiến thức ngôn ngữ: HTML, CSS, JavaScript, JQuery Vấn đề đặt việc áp dụng công nghệ dần thay nhiều ngơn ngữ HTML, CSS nhằm tối ưu dễ sử dụng Việc xây dựng Website ngôn ngữ HTML CSS mà khơng áp dụng thư viện có sẵn công nghệ nào? Với Bài Tập Lớn: Xây dựng giao diện Website ngôn ngữ HTML, CSS dựa Website có sẵn, nhóm chúng em lựa chọn Website: https://www.nuce.edu.vn/ để thưc cho đề tài I BÁO CÁO KẾT QUẢ Sử dụng ngôn ngữ HTML CSS để ứng dụng vào Xây dựng Website https://www.nuce.edu.vn/ nhuần nhuyễn, nắm vững cú pháp, cách sử dụng để áp dụng vào thiết kế layout, hoàn thiện thành phần con, hiệu ứng kèm theo mức Đã Xây dựng xong giao diện Website dựa theo Website mẫu: - Mức độ giống bên : Tương đối 89% - Layout gần giống với mẫu - Các hiệu ứng hover di chuột, zoom ảnh… thực - Các thành phần giao diện gần hoạn thiện hết - Không sử dụng thư viện ngôn ngữ khác Ngoài việc hoàn thiện giống Website, chúng em sử dụng công nghệ nhúng để thêm hai phần: Video Maps với mục đích thêm chút nội dung để Website phong phú Đã thêm tính Responsive cho Website mức độ Mobile, IPad cho PC II NHỮNG TỒN TẠI VÀ VẤN ĐỀ CHƯA HOÀN THÀNH Việc sử dụng HTML, CSS: - Chưa tối ưu lượng code dài dòng, lặp lại dễ xung đột code - Đặt tên class, id chưa chuẩn dẫn dến người đọc khó tiếp cận Những vấn đề chưa hoàn thiện: - Slide chuyển ảnh, phần Tạp trí chưa thể auto tự động chuyển đổi - Font-chữ chưa chuẩn - Đang xây dựng thêm Chatbox nhiều bất cập, Nhận xét: nhúng ChatBot Messenger vào Website thức với chủ đề tư vấn tuyển sinh - Chạy tất trình duyệt khác Hướng phát triển chúng em (Nếu…): - Hoàn thiện hoàn toàn Website - Tối ưu lượng code - Thêm animation mà khơng dùng đến JS mà lại xin xị Website Viện CNTT HUST KẾT LUẬN Thông qua việc tìm hiểu thực Bài Tập Lớn giúp chúng em có nhìn thực tế tồn diện Lập trình Website Đây số tập giúp tiếp cận gần với ngơn ngữ để Xây dựng Website Do thời gian có hạn nên đề tài khơng tránh khỏi sai sót, mong thầy góp ý, đánh giá để giúp chúng em hồn thiện phương diện học phần mơn Lập trình Web Lưu ý: - Khi chạy source code khuyến nghị nên chạy trình duyệt Chrome có mạng Internet Vì ảnh offine nên có số PC giải nén gặp lỗi đường dẫn src=“img/…” xóa đầu mục: img/ để chạy bình thường Dưới số hình ảnh Demo Giao diện Website: Header Website Một số thành phần Recommandé pour toi Suite du document ci-dessous Kiến trúc máy tính - MARS 34 Cơng nghệ thơng tin 100% (1) Kiến trúc máy tính - MARS Tutorial 21 Công nghệ thông tin 100% (1) TEST-2 - k có mơ tả Cơng nghệ thơng tin 100% (1) Nav Menu Các thành phần nhúng thêm Footer Website Chức Responsive Nav Menu Responsive