Trang 1 BỘ GIÁO DỤC VÀ ĐÀO TẠOTRƯỜNG ĐẠI HỌC NGUYỄN TẤT THÀNHKHOA CÔNG NGHỆ THÔNG TINĐỒ ÁN MƠN HỌCTHIẾT KẾ TRANG WEB TRÌNH DUYỆTFIREFOX Trang 2 BỘ GIÁO DỤC VÀ ĐÀO TẠOTRƯỜNG ĐẠI HỌC NGU
lOMoARcPSD|9234052 BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC NGUYỄN TẤT THÀNH KHOA CÔNG NGHỆ THÔNG TIN ĐỒ ÁN MÔN HỌC THIẾT KẾ TRANG WEB TRÌNH DUYỆT FIREFOX Giảng viên hướng dẫn: NGUYỄN MAI HUY Sinh viên thực hiện: HƯƠNG VĂN HÙNG MSSV: 1900007129 Chuyên ngành: KỸ THUẬT PHẦN MỀM Môn học: THIẾT KẾ WEB Khóa: 2019 Tp.HCM, ngày 07 tháng 01 năm 2021 i Downloaded by Heo Út (quangutbin@gmail.com) lOMoARcPSD|9234052 BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC NGUYỄN TẤT THÀNH KHOA CÔNG NGHỆ THÔNG TIN ĐỒ ÁN MƠN HỌC THIẾT KẾ TRANG WEB TRÌNH DUYỆT FIREFOX Giảng viên hướng dẫn: NGUYỄN MAI HUY Sinh viên thực hiện: HƯƠNG VĂN HÙNG MSSV: 1900007129 Chuyên ngành: KỸ THUẬT PHẦN MỀM Mơn học: THIẾT KẾ WEB Khóa: 2019 Tp.HCM, ngày 07 tháng 01 năm 2021 ii Downloaded by Heo Út (quangutbin@gmail.com) lOMoARcPSD|9234052 Khoa Công Nghệ Thông Tin Độc lập -Tự do- Hạnh phúc NHIỆM VỤ ĐỒ ÁN MÔN HỌC Họ tên: HƯƠNG VĂN HÙNG MSSV: 1900007129 Chuyên ngành: KỸ THUẬT PHẦN MỀM Lớp: 19DTH1B Email: wendinhoctn345@gmail.com SĐT: 0327288692 Tên đề tài: THIẾT KẾ TRANG WEB TRÌNH DUYỆT FIREFOX Giảng viên hướng dẫn: NGUYỄN MAI HUY Thời gian thực hiện: 05/12/2020 đến 07/01/2021 Nhiệm vụ nội dung: THIẾT KẾ TRANG WEB TRÌNH DUYỆT FIREFOX Nội dung yêu cầu giảng viên thông qua TP.HCM Ngày 07 Tháng 01 Năm 2021 GIẢNG VIÊN HƯỚNG DẪN (Ký ghi rõ họ tên) iii Downloaded by Heo Út (quangutbin@gmail.com) lOMoARcPSD|9234052 LỜI NÓI ĐẦU Trong thời kỳ hội nhập, Công nghệ thông tin ngành mũi nhọn mang đến phát triển vượt bậc cho khoa học kỹ thuật Chính vậy, ngành Cơng nghệ thơng tin trở thành ngành học “hot” thu hút nhiều bạn trẻ, đặc biệt bạn u thích máy tính đam mê cơng nghệ Mạng INTERNET sản phẩm có giá trị lớn lao ngày trở nên công cụ thiếu, tảng để truyền tải, trao đổi thơng tin tồn cầu Bằng INTERNET, thực công việc với tốc độ nhanh hơn, chi phí thấp nhiều so với cách thức truyền thống Chính điều này, thúc đẩy khai sinh phát triển thương mại điện tử khắp giới, làm biến đổi đáng kể mặt văn hóa, nâng cao đời sống người Trong hoạt động sản xuất, kinh doanh, thương mại điển tử khẳng định xúc tiến thúc đẩy phát triển doanh nghiệp Qua chúng em xin gửi lời cảm ơn chân thành bày tỏ lòng biết ơn đến bảo tận tình thầy khoa “Công Nghệ Thông Tin” Đặc biệt thầy Nguyễn Mai Huy, người trực tiếp hướng dẫn, bảo giúp đỡ chúng em thời gian thực đồ án ii Downloaded by Heo Út (quangutbin@gmail.com) lOMoARcPSD|9234052 LỜI CẢM ƠN Qua thời gian học tập môn Thiết kế web Trường Đại học Nguyễn Tất Thành, em nhận thấy trường trường ngành Công nghệ thơng tin Các buổi học, chương trình đào tạo, trang thiết bị giảng dạy điều tốt ngày hoàn thiện mang lại thoải mái cho người học giảng viên việc đảm bảo chất lượng dạy học trường Em xin cám ơn giảng viên hướng dẫn thầy Nguyễn Mai Huy khoảng thời gian học tập, có nhắc nhở, dạy hàng tuần, hướng dẫn mẩu chuẩn báo cáo tài liệu học tập Vì cịn thiếu nhiều kinh nghiệm em cịn nhiều sai sót q trình học tập, em kính mong q thầy chia sẻ vài kinh nghiệm để em hồn thành kỹ thân Em xin chân thành cảm ơn Sinh viên thực Hương Văn Hùng iii Downloaded by Heo Út (quangutbin@gmail.com) lOMoARcPSD|9234052 NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN Điểm đồ án: TPHCM, Ngày …… tháng …… năm Giáo viên hướng dẫn (Ký tên, đóng dấu) MỤC LỤC NHIỆM VỤ ĐỒ ÁN MÔN HỌC i iv Downloaded by Heo Út (quangutbin@gmail.com) lOMoARcPSD|9234052 LỜI NÓI ĐẦU ii LỜI CẢM ƠN iii NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN iv MỤC LỤC v BẢNG MỤC DANH SÁCH HÌNH vii DANH SÁCH TỪ VIẾT TẮT ix CHƯƠNG 1: GIỚI THIỆU ĐỀ TÀI 1.1 Cơ sở khoa học tính thực tiển đề tài .1 1.2 Mục tiêu đề tài .1 1.3 Phương pháp nghiên cứu .1 1.4 Nội dung nghiên cứu .2 CHƯƠNG 2: CƠ SỞ LÝ THUYẾT 2.1 Tổng quan internet web .3 2.2 Ngôn ngữ html 2.2.1 Giới thiệu ngôn ngữ HTML 2.2.2 CSS ứng dụng 2.2.3 Thiết kế giao diện web 11 2.2.4 HTML5 CSS3 12 2.2.5 JAVASCRIPT 13 2.2.6 BOOTSTAP FRAMEWORK 15 CHƯƠNG 3: THIẾT KẾ VÀ CÀI ĐẶT WEBSITE .18 3.1 Màn hình giao diện .18 3.1.1 Giao diện trang chủ 18 3.2 Source code 20 3.2.1 Code index 20 3.2.2 Source code 20 3.2.3 Source code CSS 27 KẾT LUẬN 32 TÀI LIỆU THAM KHẢO 33 v Downloaded by Heo Út (quangutbin@gmail.com) lOMoARcPSD|9234052 BẢNG MỤC DANH SÁCH HÌNH Hình 2.1:CSS Hình 2.2:CSS .10 Hình 3.2: Giao diện trang chủ Firefox .18 Hình 3.3: Giao diện trang chủ Firefox .19 Hình 3.4: Giao diện trang chủ Firefox .19 Hình 3.5: Giao diện trang chủ Firefox .20 Hình 3.6: Giao diện trang chủ Firefox .20 Hình 3.7:Code index .21 Hình 3.8: Code index .21 Hình 3.9: Code index .22 Hình 3.10: Code index 22 Hình 3.11: Code index 23 Hình 3.12: Code index 23 Hình 3.13: Code index 24 Hình 3.14 Code index 24 Hình 3.15: Code index 25 Hình 3.16: Code index 25 Hình 3.18: Code index 26 Hình 3.19: Code index 26 Hình 3.20: Code index 26 Hình 3.21: Code index 27 Hình 3.22: Code CSS .27 Hình 3.23: Code CSS .28 Hình 3.24: Code CSS .28 Hình 3.25: Code CSS .29 Hình 3.26: Code CSS .29 Hình 3.27: Code CSS .30 Hình 3.28: Code CSS .30 Hình 3.29: Code CSS .32 Hình 3.30: Code CSS .31 vi Downloaded by Heo Út (quangutbin@gmail.com) lOMoARcPSD|9234052 WWW DANH SÁCH TỪ VIẾT TẮT HTML World Wide Web CSS Hypertext Markup Language Cascading Style Sheets (CSS) vii Downloaded by Heo Út (quangutbin@gmail.com) lOMoARcPSD|9234052 CHƯƠNG 1: GIỚI THIỆU ĐỀ TÀI 1.1 Cơ sở khoa học tính thực tiễn đề tài Ngày công nghệ thông tin ngày phát triển, website xem điều vô cần thiết, chí số trường hợp website tiêu chuẩn bắt buộc thời đại cạnh tranh mang tính toàn cầu Điều cần thiết để bạn tiếp cận đến tất internet trình duyệt ổn định mạnh mẽ, Firefox làm tốt điều nên tơi thiết kế dựa theo trang có sẵn Tập đồn Mozilla 1.2 Mục tiêu đề tài Firefox có tính duyệt web theo thẻ, kiểm tra tả, tìm lúc gõ từ khóa, đánh dấu trang trực tiếp (live bookmarking), trình quản lý tải xuống, hệ thống tìm kiếm tích hợp sử dụng máy tìm kiếm người dùng tùy chỉnh Nhiều chức bổ sung vào trình duyệt thơng qua tiện ích (add-on) nhà phát triển thứ ba tạo ra,một số tiện ích thơng dụng bao gồm tiện ích tắt JavaScript NoScript, trình tùy biến Tab Mix Plus, cơng cụ chơi media FoxyTunes, tiện ích chặn quảng cáo Adblock Plus, StumbleUpon (khám phá trang web), Foxmarks Bookmark Synchronizer (đồng hóa trang đánh dấu), trình cải thiện việc tải xuống DownThemAll!, công cụ Web Developer Giao diện thân thiện, bắt mắt, trực quan đầy tính tiện nghi thơng minh, khiến người đọc dễ dàng hiểu hết thơng tin mà nhà sản xuất muốn truyền đạt Firefox chạy phiên khác Microsoft Windows, Mac OS X, Linux, nhiều hệ điều hành Tương tự Unix khác Phiên ổn định 3.5, phát hành vào tháng năm 2009.[26] Mã nguồn Firefox phần mềm tự do, phát hành theo ba giấy phép GPL/LGPL/MPL 1.3 Phương pháp nghiên cứu Bên cạnh kiến thức mà thân có với tư vấn giảng viên hướng dẩn, phương pháp nghiên cứu lý luận để lấy thông tin áp dụng cho đề tài Downloaded by Heo Út (quangutbin@gmail.com)