Có những điểm gì khiến em thấy hứng thú hơn khi xem các trang web so với đọc sách.
Có rất nhiều điều làm người đọc cảm thấy hứng thú hơn khi xem các trang web so với đọc sách như: tính tương tác, đa phương tiện, cập nhật nhanh chóng, kết nối và chia sẻ, tính linh hoạt và tiện lợi,….
Có một số điểm mà nhiều người thấy hứng thú hơn khi xem các trang web so với đọc sách:
-Tính tương tác: Trang web thường có tính tương tác cao hơn so với sách. Người dùng có thể tương tác trực tiếp với nội dung thông qua các liên kết, nút nhấn, biểu đồ, video, hình ảnh động, và các phần tử multimedia khác.
-Đa phương tiện: Trang web thường kết hợp nhiều loại phương tiện như văn bản, hình ảnh, âm thanh, video và đồ họa động, tạo ra trải nghiệm đa phương tiện và hấp dẫn hơn so với sách truyền thống chỉ chứa văn bản.
-Cập nhật nhanh chóng: Các trang web thường được cập nhật thường xuyên, giúp người đọc có thể tiếp cận thông tin mới nhất và được thông báo về các sự kiện hoặc tin tức quan trọng.
-Kết nối và chia sẻ: Trang web thường có các tính năng kết nối mạng xã hội, cho phép người dùng chia sẻ, bình luận và tương tác với người khác, tạo ra một môi trường mạng xã hội và cộng đồng trực tuyến.
-Tính linh hoạt và tiện lợi: Người dùng có thể truy cập trang web từ bất kỳ thiết bị nào có kết nối internet mà không cần mang theo sách. Hơn nữa, họ có thể dễ dàng tìm kiếm thông tin, điều hướng qua các trang và tùy chỉnh trải nghiệm của mình
Các bài tập cùng chuyên đề
Hãy kể tên các định dạng tệp ảnh mà em biết. Phân loại chúng vào nhóm đồ họa vectơ hoặc đồ họa điểm ảnh.
Thẻ <img> chỉ dùng khi chèn ảnh jpg vào trang web có đúng không?
Hãy Nêu một số trường hợp có thể xảy ra lỗi khi hiển thị ảnh
Quan sát đoạn mã sau và xác định tên đoạn mã này có chức năng gì?
<video src=”video/war_is_over.mp4 ”with=”300” height= “250” autoplay>
Thuộc tính scr có tác dụng gì đối với thẻ audio?
Trong các bài đăng có đính kèm video, một số trang web sẽ hiển thị nội dung video trong một khung và cho phép tương tác bên trong khung đó. Em có nhận xét gì về giao diện của cả trang khi thực hiện các thao tác bên trong khung này?
Viết các câu lệnh để tạo hai khung nội tuyến có kích thước bằng nhau, hiển thị song song (theo phương ngang) trên trang web.
Cho ảnh có kích thước gốc là 720x 450 Pixel chèn ảnh vào trang web bằng câu lệnh:
<img src= “images/1.png” alt = “ chiếc lá” width 600>.
Hỏi ảnh trong trang web có kích thước bao nhiêu?
Chèn thêm một số ảnh của mình vào trang web giới thiệu bản thân (em đã tạo ở phần luyện tập, Bài 10).
Tạo một khung nội tuyến và liên kết đến bài hát em yêu thích (ví dụ trên YouTube) vào trang web giới thiệu bản thân.
Theo em, một trang web có nội dung chỉ thuần văn bản sẽ có những hạn chế gì so với trang web có thêm hình ảnh và âm thanh?
Em hãy bổ xung thuộc tính title cho thẻ <img> trong mã lệnh HTML ở ví dụ 1.
Em hãy bổ xung thuộc tính cho đoạn mã HTML ở ví dụ 2 để kích thước hiển thị của video là 800x600 pixels và video tự động phát không có âm thanh.
Chức năng các thuộc tính của thẻ <img> khi thêm tệp ảnh vào trang web là gì?
Em hãy liệt kê và nêu chức năng các thuộc tính của thẻ <audio> khi thêm tập âm thanh vào trang web.
Giả sử tệp portfolio.html nằm cùng nơi với thư mục Asset. Thư mục Sound, là thư mục con của thư mục Asset, có chứa tệp bai_hat.mp3. Theo em, đường dẫn cho thuộc tính src để thêm tệp bai_hat.mp3 này vào tệp portfolio.html là gì?
Thêm tệp ảnh vào trang web
Yêu cầu: Trong trang web portfolio.html, hãy thêm 4 hình ảnh theo bố cục như Hình 3.
Yêu cầu: Trong trang web portfolio.html vừa thực hiện ở trên, hãy thêm hai video vẽ hoạt động của lớp.
Em hãy bổ sung các nội dung sau vào trang web portfolio.html:
1. Một video clip và một bài hát mà em yêu thích với thẻ <video>,<audio), <h1>, <h2> và các thể khác đã học.
2. Thêm ảnh vào mục Nội dung yêu thích sao cho mỗi hàng của bảng hiển thị ba ảnh, sử dụng thẻ <img>, các thẻ tạo bảng và các thẻ khác đã học.
Hình 4 là một ví dụ kết quả sau khi hoàn thành chỉnh sửa.
3. Thêm ảnh đại diện vào bên phải của mục Giới thiệu chung để được kết quả như Hình 5.
Em có biết làm thế nào để trang web Bài3-NV1.html em tạo ở bài học trước trở nên xinh đẹp và sinh động hơn?
Trong số các định dạng sau: PNG, RAW, BMP, JPG, GIF, theo em, những định dạng nào được sử dụng phổ biến trên trang web? Vì sao?
Tạo website cá nhân:
Em hãy chèn thêm hình ảnh, âm thanh, video để hoàn thiện tiếp website cá nhân đã tạo ở các bài học trước.
Thuộc tính nào của phần tử img được dùng để hiển thị thông báo khi hình ảnh chèn vào trang web gặp lỗi trong quá trình hiển thị trên màn hình trình duyệt web?
A. link
B. title
C. src
D. alt
Thuộc tính nào dùng để xác định tài nguyên được nhúng vào trang web khi khai báo iframe?
A. source
B. src
C. link
D. target
