Giáo án điện tử Tin học ứng dụng 12 cánh diều Bài 4: Tạo nội dung văn bản cho trang web

BÀI 4. TẠO NỘI DUNG VĂN BẢN CHO TRANG WEB

KHỞI ĐỘNG

• Theo em, thông tin trên các trang web được truyền tải tới người xem phổ biến là dưới những dạng nào?

• Theo bạn, những loại thông tin văn bản phổ biến nhất trên các trang web là gì và chúng được sử dụng như thế nào để truyền tải thông điệp?

• Các hình ảnh được sử dụng trên các trang web thường có mục đích gì? Liệu chúng có thể thay thế hoặc bổ sung cho văn bản không?

• Âm thanh và video được sử dụng như thế nào để tăng tính tương tác và hiệu quả của các trang web?

• Đồ họa, bao gồm biểu đồ và infographics, thường được sử dụng để trình bày những thông tin nào trên các trang web?

• Làm thế nào để các loại thông tin này (văn bản, hình ảnh, âm thanh, video, đồ họa) có thể hoà hợp và hỗ trợ lẫn nhau để tạo nên trải nghiệm người dùng tốt nhất trên trang web?

1. GIỚI THIỆU BÀI VIẾT TRÊN TRANG WEB

Hoạt động: Giả sử nhóm em chuẩn bị tạo trang web giới thiệu thông tin người sáng lập ra ngôn ngữ HTML. Em hãy trao đổi với các bạn về việc lựa chọn và trình bày những thông tin nổi bật trên trang web như: họ tên, năm sinh, tóm lược tiểu sử và thành tựu,...

• Làm thế nào để trình bày họ tên của Tim Berners-Lee một cách nổi bật và thu hút người xem trên trang web của nhóm bạn?

• Ngoài năm sinh, bạn có đề xuất cách thức nào khác để đặt thông tin này sao cho hợp lý và dễ tiếp cận cho người đọc?

• Tóm lược tiểu sử của Tim Berners-Lee cần phải bao gồm những thông tin chính nào để tạo nên hình ảnh toàn diện về con người và sự nghiệp của ông?

• Làm thế nào để trình bày thành tựu quan trọng nhất của Tim Berners-Lee, đặc biệt là việc phát minh ra ngôn ngữ HTML, một cách rõ ràng và ấn tượng nhất?

• Bạn sẽ sử dụng hình ảnh và video như thế nào để làm giàu thêm nội dung trang web và tăng cường sự hấp dẫn của nó đối với người xem

2. GIỚI THIỆU CHÂN TRANG

3. THỰC HÀNH

Vận dụng 1: Em hãy tạo phần nội dung giới thiệu thông tin về người sáng lập ra ngôn ngữ định dạng văn bản HTML trên trang web.

Vận dụng 2: Em hãy tạo phần chân trang cho website “Phần mềm học tập" gồm các thông tin về bản quyền, các liên kết nhanh, kết nối mạng xã hội.... (Hình 5 là một ví dụ minh hoạ)

TỰ KIỂM TRA

Trong các câu sau, những câu nào đúng?

a) Mỗi trang web có thể có nhiều phần chân trang.

b) Trong cùng một website, mỗi trang web có thể sử dụng một phần chân trang khác nhau.

c) Có thể tạo bài viết trên trang web bằng cách kết hợp nhiều khối mẫu được cung cấp sẵn.

d) Mỗi trang web chỉ được đưa vào một khối nội dung ở dạng văn bản hoặc hình ảnh.