Thực hành tạo trang web (trang 93). Đây là phần thực hành của bài 16 - Định dạng khung - tin học 12 (KNTT). Thầy Cô và các em học sinh có thể dùng làm tài liệu tham khảo. Chúc Thầy Cô dạy tốt, chúc các em học sinh học giỏi.
Hãy thật sự cố gắng khi còn có thể.
Vì mọi sự cố gắng đều đem lại kết quả tốt đẹp.
Vì mọi sự cố gắng đều đem lại kết quả tốt đẹp.
3. THỰC HÀNH
Nhiệm vụ: Tạo trang web
Yêu cầu: Tạo trang web mô tả bảng 16 tên màu cơ bản CSS như Hình 16.5.
Bước 1. Thiết lập bảng với nội dung như Hình 16.5 nhưng chưa định dạng.
Bước 2. Viết bổ sung các mẫu CSS để định dạng khung đúng như Hình 16.5.
Hướng dẫn:
Bước 1. Thiết lập trang web theo nội dung như Hình 16.5. Sử dụng các thẻ <table> … <table> để thiết lập bảng. Tên bảng được thiết lập bằng thẻ <caption>. Các hàng thiết lập bằng thẻ <tr> … <tr> và ô của bảng thiết lập bằng thẻ <td> … <td>. Riêng các ô tiêu đề (hàng thứ nhất) sẽ sử dụng thẻ <th>. Lưu ý các ô cuối của mỗi hàng cần được thiết lập vào nền theo đúng thông số màu đã ghi tại cột 1 hoặc cột 2. Ví dụ mã nguồn của bảng với hai hàng đầu tiên như sau, các hàng khác sẽ được thiết lập tương tự:
Ví dụ các mẫu định dạng sau:
CÙNG CHUYÊN MỤC:
Bài thực hành số 1. Định dạng văn bản và phông chữ (trang 50 của bài 8)
Bài thực hành số 2. Tạo danh sách và bảng (trang 55 của bài 9)
Bài thực hành số 3. Tạo liên kết (trang 61 của bài 10)
Bài thực hành số 4. Chèn tệp đa phương tiện và khung nội tuyến (trang 65 của bài 11)
Bài thực hành số 5. Tạo biểu mẫu (trang 69 của bài 12)
Bài thực hành số 6. Định dạng văn bản bằng CSS (trang 81 của bài 14)
Bài thực hành số 7. Tạo màu cho chữ và nền (trang 88 của bài 15)
Bài thực hành số 8. Định dạng khung (trang 93 của bài 16)
Bài thực hành số 9. Các mức ưu tiên của bộ chọn (trang 100 của bài 17)
Bài thực hành số 10. Thực hành tổng hợp thiết kế trang web (trang 103 của bài 18)
Bài thực hành số 2. Tạo danh sách và bảng (trang 55 của bài 9)
Bài thực hành số 3. Tạo liên kết (trang 61 của bài 10)
Bài thực hành số 4. Chèn tệp đa phương tiện và khung nội tuyến (trang 65 của bài 11)
Bài thực hành số 5. Tạo biểu mẫu (trang 69 của bài 12)
Bài thực hành số 6. Định dạng văn bản bằng CSS (trang 81 của bài 14)
Bài thực hành số 7. Tạo màu cho chữ và nền (trang 88 của bài 15)
Bài thực hành số 8. Định dạng khung (trang 93 của bài 16)
Bài thực hành số 9. Các mức ưu tiên của bộ chọn (trang 100 của bài 17)
Bài thực hành số 10. Thực hành tổng hợp thiết kế trang web (trang 103 của bài 18)
CÁC CHUYÊN MỤC LIÊN QUAN: