Nội dung chính Khoa học máy tính 12 Chân trời Bài F13: Dự án tạo trang web (tiếp theo)
Hệ thống kiến thức trọng tâm Bài F13: Dự án tạo trang web (tiếp theo) sách Tin học 12 - Định hướng Khoa học máy tính sách Chân trời sáng tạo. Với các ý rõ ràng, nội dung mạch lạc, đi thẳng vào vấn đề, hi vọng người đọc sẽ nắm trọn kiến thức trong thời gian rất ngắn. Nội dung chính được tóm tắt ngắn gọn sẽ giúp thầy cô ôn tập, củng cố kiến thức cho học sinh. Bộ tài liệu có file tải về. Mời thầy cô kéo xuống tham khảo.
Xem: => Giáo án Tin học 12 - Định hướng Khoa học máy tính chân trời sáng tạo
CHỦ ĐỀ F: GIẢI QUYẾT VẤN ĐỀ VỚI SỰ TRỢ GIÚP CỦA MÁY TÍNH
BÀI F13: DỰ ÁN TẠO TRANG WEB (Tiếp theo)
Nhiệm vụ. Định kiểu CSS cho trang web kỉ yếu lớp 12A
1. Trang chủ index.html
- Nếu trong Bài F6, bố cục trang web được tạo bằng bảng với phần tử <table> thì trong bài này, HS bố cục lại trang web theo hướng ứng dụng thực tế là sử dụng phần tử <div>.
- Trang chủ index.html được chia thành ba phần như sau:
Phần đầu trang: là trình đơn nằm ngang. |
Phần thân trang: hiển thị nội dung của trang web ứng với lựa chọn từ trình đơn. Cụ thể, đặt ở phần này một <iframe> để hiển thị những thông tin phụ. |
Phần chân trang: hiển thị những thông tin phụ. |
* Bố cục này đã được thực hiện tại phần Vận dụng của Bài F11.
2. Trang web thanhvienlop.html
- Thay vì hiển thị danh sách thành viên lớp dưới dạng bảng, HS có thể thực hiện sáng tạo bằng cách tạo trình đơn nằm dọc với mỗi mục của trình đơn là tên của một thành viên. Khi người dùng nháy chọn tên thành viên trên trình đơn, trang web portfolio của thành viên này sẽ hiển thị ở phần bên phải.
- Tương tự Bài F6, còn cách khác là sao chép nhằm giữ được bố cục chung. Cụ thể:
+ Đầu tiên, tạo trang index.html, trong đó, phần giữa hiển thị nội dung giới thiệu về lớp.
+ Sau đó, sao chép trang index.html thành hoatdong.html và thanhvienlop.html, rồi thay đổi nội dung ở phần giữa.
=> Giáo án Khoa học máy tính 12 chân trời Bài F13: Dự án tạo trang web (tiếp theo)