Bài tập thiết kế web cơ bản

Bài thực hành Link Source Code Sử dụng liệu cung cấp thư mục txt để tạo thành trang html có yêu cầu sau html 1: Lưu ý: - Đặt tên : tuan_1_bai_1.html html 2: GV: Nguyễn Mai Huy Bài thực hành Lưu ý: html : Đặt tên : tuan_1_bai_2.html Bài thực hành Lưu ý: html 4: Đặt tên : tuan_1_bai_3.html Bài thực hành Lưu ý: - Đặt tên : tuan_1_bai_4.html Sử dụng liệu cung cấp thư mục txt để tạo thành trang html có yêu cầu sau html 1: Bài thực hành Bài thực hành Lưu ý: - Đặt tên : tuan_2_bai_1.html html 2: Tạo trang html có nội dung giống với nội dung viết có tên “'Ma quỷ' đông đặc phố Tây Bùi Viện đêm Halloween” zing news Một phần viết có minh họa Bài thực hành Link viết: https://news.zing.vn/ma-quy-dong-dac-pho-tay-bui-vien-dem-halloweenpost888813.html Lưu ý: - Hình ảnh, video viết cần phải lưu tập trung vào thư mục images Đặt tên : tuan_2_bai_2.html html : Tạo trang html có nội dung thơng tin giới thiệu sản phẩm SONY Xperia XZ2, thuộc phần giới thiệu sản phẩm website giới di động Phần giới thiệu sản phẩm có minh họa sau Bài thực hành Lưu ý: html 4: Link phần giới thiệu sản phầm Xperia XZ2: https://www.thegioididong.com/dtdd/sony-xperia-xz2 Đặt tên : tuan_2_bai_3.html Bài thực hành Bài thực hành Bài thực hành Lưu ý: Đặt tên : tuan_2_bai_4.html Bài 1: Tạo trang phục vụ cho việc thu thập thông tin người dùng giống Gmail Khi nhấn vào nút “tiếp theo”, giao diện thứ xuất sau Bài thực hành Nếu nhấn vào nút “Trở lại”, giao diện trước phép điều chỉnh thong tin nhập Bài 2: Tạo giao diện thu thập thông tin tài khoản người dùng với trang giống Yahoo Mail Bài thực hành Bài 3: Tạo trang phục vụ cho việc thu thập thông tin người dùng Hotmail với trang sau: Bài thực hành Bài thực hành Bài thực hành Bài 1: Tạo giao diện trang chủ Opera.com [Link: https://www.opera.com/vi ] Bài thực hành Bài 2: Tạo trang web giống trang chủ Microsoft [Link: https://www.microsoft.com/vi-vn/] Bài thực hành Bài thực hành Bài 3: Tạo giao diện trang chủ FireFox hình minh họa [Link: https://www.mozilla.org/en-US/] Bài thực hành Bài thực hành Bài thực hành Bài thực hành Bài 1: Xây dựng trang web với giao diện hình minh họa sau: Bài thực hành Sau người dung nhấn vào nút “Nạp tin mới” Yêu cầu: - Khi người dung nhấn vào nút “Nạp tin mới”, vùng nội dung trang web xuất thêm “miếng” thơng tin hình minh họa - Thơng tin cần chèn vào vùng nội dung Sinh viên tự sưu tầm, tự tạo Gợi ý: - Sử dụng phương thức getElementById("duLieu") đối tượng document để trỏ đến vùng nội dung cần thêm thông tin (duLieu: ID vùng nội dungtrang web, nơi them miếng thong tin vào người dung nhấn nút Nạp tin mới) - Sử dụng thuộc tính “innerHTML” để nhận giá trị chuỗi HTML cần chén Xây dựng hàm có sử dụng phương thức & thuộc tính để thực them liệu cho vùng nội dung trang web Sau đặt tên cho hàm (Giả sử: insertNews()) Bài thực hành - Bẫy kiện onclick thành phần “Nạp tin mới” trang web để gọi hàm tạo thi hành Bài 2: Tạo trang web cho phép tính chi phí xây tường miếng đất có thong số nhập người dung với giao diện sau: Yêu cầu: - Chương trình cho phép người dung nhập vào thong số như: Chiều dài, chiều rộng miếng đất chiều cao tường cần xây Chương trình tính diện tích tường bao cần xây chi phí xây dựng (Giả sử: m2 tường tốn chi phí 530000) Gợi ý: - Để lấy giá trị input hatml tag (Dữ liệu người dùng nhập vào) ta truy xuất thuộc tính value đối tượng tương ứng Source code: https://drive.google.com/drive/folders/145ZUeL3SfvmNq3Rsq-3VkITiTJYKWOva? usp=sharing ... [Link: https://www.mozilla.org/en-US/] Bài thực hành Bài thực hành Bài thực hành Bài thực hành Bài 1: Xây dựng trang web với giao diện hình minh họa sau: Bài thực hành Sau người dung nhấn vào... [Link: https://www.opera.com/vi ] Bài thực hành Bài 2: Tạo trang web giống trang chủ Microsoft [Link: https://www.microsoft.com/vi-vn/] Bài thực hành Bài thực hành Bài 3: Tạo giao diện trang chủ... giống Yahoo Mail Bài thực hành Bài 3: Tạo trang phục vụ cho việc thu thập thông tin người dùng Hotmail với trang sau: Bài thực hành Bài thực hành Bài thực hành Bài 1: Tạo giao diện trang chủ