Đồ án môn học công nghệ web và ứng dụng thiết kế website cho thuê dịch vụ du lịch

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN KHOA CÔNG NGHỆ PHẦN MỀM ĐỒ ÁN MÔN HỌC CÔNG NGHỆ WEB VÀ ỨNG DỤNG THIẾT KẾ WEBSITE CHO THUÊ DỊCH VỤ DU LỊCH Giảng viên hướng dẫn : ThS Trần Thị Hồng Yến Sinh viên thực : Nguyễn Văn Khôi Mã sinh viên 20520999 : Sinh viên thực : Đoàn Minh Lợi Mã sinh viên 20521554 : Sinh viên thực : Nguyễn Thành Trung Mã sinh viên 20520831 : Sinh viên thực : Lương Thị Bích Trâm Mã sinh viên 19522374 : Sinh viên thực : Triệu Tuấn Tú Mã sinh viên : 20522103 Lớp : SE347.N11 Tp HCM, tháng 12 năm 2022 TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN KHOA KHOA HỌC VÀ KỸ THUẬT THƠNG TIN  CỘNG HỊA XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập – Tự – Hạnh phúc  NHIỆM VỤ ĐỒ ÁN MÔN HỌC Sinh viên thực : Nguyễn Văn Khôi MSSV: 20520999 Sinh viên thực 2: Đoàn Minh Lợi MSSV: 20521554 Sinh viên thực 3: Nguyễn Thành Trung MSSV: 20520831 Sinh viên thực 4: Lương Thị Bích Trâm MSSV: 19522374 Sinh viên thực 5:Triệu Tuấn Tú MSSV: 20522103 Lớp: SE347.N11 Tên đề tài: THIẾT KẾ CHO THUÊ DỊCH VỤ DU LỊCH Giảng viên giảng dạy: ThS Trần Thị Hồng Yến Thời gian thực hiện: 09/2022 đến 12/2022 Nhiệm vụ đồ án môn học: Xác định yêu cầu, thu thập thông tin liệu liên quan cho việc thiết kế website Phân tích thiết kế phác thảo giao diện nhóm trang web Xử lý hình ảnh, tối ưu hóa ảnh cho web Thiết kế giao diện Template Áp dụng Template thiết kế để xây dựng website có 10 trang web trở lên Nộp file nén (*.rar) lưu sản phẩm đề tài bao gồm: - File báo cáo word (*.docx) - File thuyết trình (*.pptx) - Thư mục siteroot bao gồm: file định dạng (*.css), template (*dwt), trang web (*.html), file lập trình xử lý scripts có (*.js), thư mục hình ảnh, âm thanh, videos, ) Tp.HCM, ngày 07 thỏng 09 nm 2022 GING VIấN GING DY ãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằch (Ký ghi rõ họ tên) ThS Trần Thị Hồng Yến BẢNG PHÂN CÔNG THỰC HIỆN ĐỒ ÁN MÔN HỌC Họ tên SV1: Nguyễn Văn Họ tên SV2: Khơi Đồn Minh Lợi MSSV: MSSV: 20521554 20520999 Xây dựng thiết kế mẫu webfront end (mẫu dự trù) Quản lý theo dõi tiến độ đồ án Làm slide báo cáo kỳ cuối kỳ Họ tên SV2: Nguyễn Thành Trung MSSV: 20520831 Họ tên SV2: Lương Thị Bích Họ tên SV2: Triệu Trâm Tuấn Tú MSSV: MSSV: 20522103 19522374 Xây dựng mẫu webfront end Xây dựng mẫu Xây dựng mẫu Xây dựng mẫu web-back2 web-front end web-front end end Viết báo cáo Viết báo cáo Viết báo cáo Viết Báo Cáo Thiết kế Logo+Favic on ãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằch Vit bỏo cỏo ãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằch SV thc (Ký tên) SV thực (Ký tên) SV thực (Ký tên) SV thực (Ký tên) SV thực (Ký tên) Nguyễn Văn Khơi Đồn Minh Lợi Nguyễn Thành Trung Lương Thị Bích Trâm Triệu Tuấn Tú LỜI CẢM ƠN ãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằch ãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằch Sinh viên thực Trần Văn A - Nguyn Th B ãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằch ãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằch NHN XẫT CA GIẢNG VIÊN HƯỚNG DẪN Tp.HCM, ngày … tháng 12 năm 2021 GVHD ThS Trần Thị Hồng Yn ãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằch ãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằch MC LC Chng 1: GII THIU TÀI 1.1 Tên Website: 1.2 Mô tả Website: 1.3 Lý chọn thiết kế Website: .1 1.4 Sơ đồ sitemap Website: .1 1.5 Công nghệ sử dụng: 1.6 Môi trường thiết kế: 1.7 Công cụ hỗ trợ: Chương 2: CƠ SỞ LÝ THUYẾT 2.1 Ngôn ngữ HTML: 2.1.1 … 2.2 Định dạng Website với CSS: .3 2.2.1 … 2.3 Lập trình Javascript: 2.3.1 … 2.4 Sử dụng framework Bootstrap để phát triển website chuẩn responsive: 2.4.1 … 2.5 …: 2.5.1 … Chương 3: THIẾT KẾ TEMPLATE 3.1 Phác thảo layout Website: 3.2 Giao diện Template: 3.3 Thu thập liệu Website: 3.3.1 Tìm kiếm hình ảnh: ãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằch ãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằch 3.3.2 X lý hình ảnh:  Thiết kế banner động:  Tạo logo:  Xử lý hình minh họa  … 3.3.3 Font chữ:  … 3.4 Các kỹ thuật thiết kế: Chương 4: XÂY DỰNG WEBSITE 4.1 Trang Home: 4.1.1 Giao diện: 4.1.2 Mô tả: 4.1.3 Kỹ thuật thiết kế: 4.1.4 Code thiết kế: 4.2 Trang About: 4.2.1 Giao diện: 4.2.2 Mô tả: 4.2.3 Kỹ thuật thiết kế: 4.2.4 Code thiết kế: Chương 5: KẾT LUẬN .10 5.1 Ưu điểm đồ án: 10 5.2 Hạn chế đồ án: 10 5.3 Hướng phát triển đồ án: 10 TÀI LIỆU THAM KHẢO .11 MC LC HèNH NH ãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằch ãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằch Hỡnh 1.1: Sitemap website .1 Hình 3.1: Layout website Hình 3.2: Template Website .5 Hình 3.3: Thu thập hình ảnh Hình 3.4: Tạo banner động Hình 3.5: Tạo logo cho Website Hình 3.6: Tách lọc hình đại diện, bổ sung hiệu ứng đổ bóng Hình 3.7: Sử dụng font Tw Cen MT Hình 4.1 Giao diện Trang Home Hình 4.2 Code thiết kế Trang Home Hình 4.3 Giao diện Trang About Hình 4.4 Code thiết kế Trang About ãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằch ãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằch Chương 1: GIỚI THIỆU ĐỀ TÀI 1.1 Tên Website: THIẾT KẾ WEBSITE SOMEWHERE COFFEE SHOP 1.2 Mô tả Website: - … - … - … 1.3 Lý chọn thiết kế Website: - … - … - … 1.4 Sơ đồ sitemap Website: HOME ABOUT Shop MENU History PROMOTION New drink Discount drink Hot drink New drink details Discount drink details Hot drink details Hình 1.1: Sitemap website 1.5 Công nghệ sử dụng: - Sử dụng ngôn ngữ HTML5 định dạng CSS3 để thiết kế giao diện - Lp trỡnh x lý s kin vi Javascript ãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằch CONTACT ãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằch - ãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằch ãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằch 1.6 Mụi trng thit kế: - Adobe Dreamweaver - … 1.7 Công cụ hỗ trợ: - Photoshop: layout giao diện, hình ảnh, nút lệnh x lý, - ãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằch ãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằch Chng 2: C SỞ LÝ THUYẾT 2.1 Ngôn ngữ HTML: 2.1.1 … - … - … - … 2.2 Định dạng Website với CSS: 2.2.1 … - … - … 2.3 Lập trình Javascript: 2.3.1 … - … - … 2.4 Sử dụng framework Bootstrap để phát triển website chuẩn responsive: 2.4.1 … - … - … 2.5.1 … - … - … - 2.5 : ãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằch ãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằch Chng 3: THIT KẾ TEMPLATE 3.1 Phác thảo layout Website: Banner Logo Website Navigation Content Footer Hỡnh 3.1: Layout website ãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằch ãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằch 3.2 Giao diện Template: Hình 3.2: Template Website 3.3 Thu thập liệu Website: 3.3.1 Tìm kiếm hình ảnh: Hình 3.3: Thu thp hỡnh nh ãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằch ãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằch 3.3.2 X lý hình ảnh:  Thiết kế banner động: - … Hình 3.4: Tạo banner động - …  Tạo logo: - … Hình 3.5: Tạo logo cho Website - …  Xử lý hình minh họa - … Hình 3.6: Tách lọc hình đại diện, bổ sung hiệu ứng búng ãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằch ãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằch - 3.3.3 Font chữ:  … Hình 3.7: Sử dụng font Tw Cen MT 3.4 Các kỹ thuật thiết kế: - Layout dùng thẻ hay ? - Kỹ thuật thiết kế (hình ảnh, danh sách, liên kết, bảng biểu, form, ) - Kỹ thuật khác có (chèn code Javasript, Jquery, Ajax, tự viết hay sử dụng từ nguồn nào) - Phần vùng Editable Region template? - Chụp hình minh họa layout source code thiết k kốm chỳ thớch - ãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằch ãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằch Chng 4: XÂY DỰNG WEBSITE 4.1 Trang Home: 4.1.1 Giao diện: Hình 4.1 Giao diện Trang Home 4.1.2 Mô tả: - … - ãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằch ãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằch 4.1.3 K thut thit k: - … - … - … 4.1.4 Code thiết kế: (Chèn hình code thiết kế) Hình 4.2 Code thiết kế Trang Home 4.2 Trang About: 4.2.1 Giao diện: (Chèn hình Trang About) Hình 4.3 Giao diện Trang About 4.2.2 Mơ tả: - … - … - … 4.2.3 4.2.4 Kỹ thuật thiết kế: - … - … - … Code thiết kế: (Chèn hình code thiết kế) Hình 4.4 Code thit k Trang About ãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằch ãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằch Chng 5: KT LUẬN 5.1 Ưu điểm đồ án: - … - … - … 5.2 Hạn chế đồ án: - … - … - … 5.3 Hướng phát triển ỏn: - - - ãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằch ãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằch ãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằchãỏằ.Ăn.mn.hỏằãc.cng.nghỏằ.web.v.ỏằâng.dỏằƠng.thiỏt.kỏ.website.cho.thuê.dỏằch.vỏằƠ.du.lỏằch