Kênh giáo viên » Giáo án powerpoint Tin học 12 - Định hướng Khoa học máy tính chân trời sáng tạo

Giáo án điện tử Khoa học máy tính 12 chân trời Bài F4: Thêm dữ liệu đa phương tiện vào trang web

Bài giảng điện tử Tin học 12 - Định hướng Khoa học máy tính chân trời sáng tạo. Giáo án powerpoint Bài F4: Thêm dữ liệu đa phương tiện vào trang web. Giáo án thiết kế theo phong cách hiện đại, nội dung đầy đủ, đẹp mắt, tạo hứng thú học tập cho học sinh. Thầy, cô giáo có thể tham khảo.

Giáo án điện tử bài này đang biên soạn... Xem trước bài mẫu hoàn chỉnh

Hướng dẫn tải giáo án

Xem toàn bộ: Giáo án điện tử khoa học máy tính 12 chân trời sáng tạo

BÀI F4 THÊM DỮ LIỆU ĐA PHƯƠNG TIỆN VÀO TRANG WEB

KHỞI ĐỘNG

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?

KHÁM PHÁ

Thêm tệp ảnh vào trang web
Thẻ <img> dùng để làm gì?
Em có thể chỉ định kích thước hiển thị của tệp ảnh ( chiều rộng và chiều cao thông qua thuộc tính nào?
Em hãy bổ sung thuộc tính title cho thẻ < img> trong mã lệnh HTML ở ví dụ 1
Mô tả thuộc tính của alt?
Thêm tệp video và âm thanh vào trang web
Em hãy bổ sung 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.
Mô tả thuộc tính của src?
Mô tả thuộc tính của autoplay?
Mô tả thuộc tính của lop ?
Mô tả thuộc tính của muted?

LUYỆN TẬP

1. 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ì?

2. 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

3. 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ỰC HÀNH

Nhiệm vụ 1. 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.

Nhiệm vụ 2. Thêm tệp video vào trang web

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.

VẬN DỤNG

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.

Thêm ảnh đại diện vào bên phải của mục Giới thiệu chung để được kết qủa như Hình 5.

Trên chỉ là 1 phần của giáo án. Giáo án khi tải về có đầy đủ nội dung của bài. Đủ nội dung của học kì I + học kì II

MỘT VÀI THÔNG TIN:

Powerpoint soạn: Hiện đại, đẹp mắt để tạo hứng thú học tập
Giáo án lấy về là dạy luôn, không lỗi font hoặc hiệu ứng
Được hỗ trợ trong suốt năm học. Các phản hồi của giáo viên được trả lời ngay và luôn

Thời gian bàn giao giáo án Powerpoint

30/08 bàn giao 1/2 học kì I
30/10 bàn giao đủ học kì I
30/11bàn giao 1/2 học kì II
30/01 bàn giao đủ cả năm

Phí giáo án

Giáo án Powerpoint: 650k - Đặt bây giờ: 550k
Khi đặt chỉ cần gửi 150k
Đến lúc nhận lần 1 gửi tiếp 150k
Đến lúc nhận đủ kì 1 gửi số còn lại

=> Khi đặt sẽ nhận ngay và luôn

Mẫu đề thi, phiếu trắc nghiệm theo cấu trúc mới
PPCT, file word đáp án sgk

Cách đặt trước:

Bước 1: Gửi phí vào tk: 10711017 - Chu Văn Trí - Ngân hàng ACB (QR)
Bước 2: Nhắn tin tới Zalo Fidutech - nhấn vào đây để thông báo đặt trước

Chat hỗ trợ - 0386 168 725

Xem toàn bộ: Giáo án điện tử khoa học máy tính 12 chân trời sáng tạo

Giáo án điện tử Khoa học máy tính 12 chân trời Bài F4: Thêm dữ liệu đa phương tiện vào trang web

MỘT VÀI THÔNG TIN:

Thời gian bàn giao giáo án Powerpoint

Phí giáo án

Cách đặt trước:

ĐẦY ĐỦ GIÁO ÁN CÁC BỘ SÁCH KHÁC

GIÁO ÁN WORD LỚP 12 CHÂN TRỜI SÁNG TẠO

GIÁO ÁN POWERPOINT LỚP 12 CHÂN TRỜI SÁNG TẠO

GIÁO ÁN CHUYÊN ĐỀ LỚP 12 CHÂN TRỜI SÁNG TẠO

GIÁO ÁN POWERPOINT CHUYÊN ĐỀ LỚP 12 CHÂN TRỜI SÁNG TẠO

GIÁO ÁN DẠY THÊM LỚP 12 CHÂN TRỜI SÁNG TẠO

Tài liệu giảng dạy

Xem thêm các bài khác