Giáo án Tin học ứng dụng 12 chân trời Bài E3: Tạo văn bản, chèn hình ảnh và tạo chân trang

HOẠT ĐỘNG CỦA GV VÀ HS

SẢN PHẨM DỰ KIẾN

Bước 1: GV chuyển giao nhiệm vụ:

- GV yêu cầu HS thảo luận theo nhóm 2 – 3 HS và trả lời các câu hỏi:

+ Công cụ Text box, Images có chức năng gì?

+ Để sử dụng công cụ Text box hoặc Images, em thực hiện như thế nào?

+ Công cụ Text box có những tuỳ chọn định dạng nào?

+ Công cụ Images có những tuỳ chọn chèn ảnh nào?

+ Hình ảnh sau khi được chèn vào trang web có thể hiệu chỉnh được không?

- GV yêu cầu HS vận dụng kiến thức vừa tìm hiểu, trả lời câu hỏi hoạt động Làm tr.67 SGK:

Câu 1. Công cụ Text box hỗ trợ các kiểu chữ nào để định dạng văn bản? Em hãy kể tên các kiểu chữ này.

Câu 2. Để chèn hình ảnh vào trang web, có những lựa chọn nào? Em hãy kể tên những lựa chọn này.

Bước 2: HS thực hiện nhiệm vụ học tập: 

- HS tìm hiểu nội dung mục 1 SGK tr.65 – 67 và thảo luận theo nhóm thực hiện nhiệm vụ. 

- GV quan sát và trợ giúp HS.

Bước 3: Báo cáo kết quả hoạt động, thảo luận: 

-  Đại diện các nhóm HS trả lời.

- Các nhóm khác đưa ra ý kiến nhận xét.

Hướng dẫn trả lời câu hỏi hoạt động Làm tr.67 SGK:

Câu 1. Công cụ Text box hỗ trợ 5 kiểu chữ để định dạng văn bản:

+ Normal text: văn bản thường.

+ Title: tiêu đề lớn.

+ Heading: tiêu đề nhỏ.

+ Subheading: tiêu đề phụ.

+ Small text: văn bản chữ nhỏ.

Câu 2. Có hai lựa chọn chèn hình ảnh vào trang web:

+ Upload (tải lên): chèn trực tiếp hình ảnh trên máy tính.  

+ Select (chọn): chèn hình ảnh trực tuyến, trong đó có 4 lựa chọn:

• Google Drive: chèn hình ảnh trong Google Drive.

• Link: chèn hình ảnh từ liên kết.

• Google Images: tìm kiếm hình ảnh trên Google.

• Photos: chèn hình ảnh từ Google Photos.

Bước 4: Đánh giá kết quả thực hiện: 

- GV nêu nhận xét, chính xác hoá lại các nội dung trả lời của HS.

- GV kết luận:

• Công cụ Text box dùng để thiết kế và định dạng văn bản. 

• Công cụ Images dùng để chèn hình ảnh vào trang web.

1. Công cụ thiết kế Text box, Images

- Chức năng:

+ Công cụ Text box (hộp văn bản) dùng để thêm nội dung như tiêu đề, mô tả hoặc các nội dung văn bản khác.

+ Công cụ Images (hình ảnh) dùng để chèn hình ảnh vào trang web.

- Cách sử dụng: Chọn thẻ Insert Công cụ Text box hoặc Images.

Hình 2. Các công cụ hộp văn bản, 
hình ảnh

- Các tuỳ chọn công cụ Text box: Định dạng văn bản bằng công cụ Text box tương tự như định dạng văn bản trong phần mềm Word (Hình 3).

Hình 3. Các tuỳ chọn công cụ Text box

+ Kiểu chữ: Dùng để định dạng kiểu văn bản theo mẫu. Có 5 tuỳ chọn:

Hình 4. Các tuỳ chọn kiểu chữ

• Normal text: văn bản thường.

• Title: tiêu đề lớn.

• Heading: tiêu đề nhỏ.

• Subheading: tiêu đề phụ.

• Small text: văn bản chữ nhỏ.

+ Phông chữ và cỡ chữ: Dùng để thay đổi phông và cỡ chữ cho văn bản.

Hình 5. Thay đổi phông chữ

+ Các tuỳ chọn định dạng: 

• In đậm.

• In nghiêng.

• Gạch chân.

• Màu chữ.

• Chèn liên kết vào chữ.

Hình 6. Tuỳ chọn định dạng

+ Màu chữ: 

• Chọn màu chữ trong bảng màu.

• Tự thiết kế màu khác: Nháy chọn biểu tượng Add custom color (Chọn màu mới) bên dưới bảng màu và cài đặt các thông số.

Hình 7. Chọn màu sắc

+ Các tuỳ chọn khác: 

• Để mở các tùy chọn khác, nháy chọn biểu tượng More trên thanh công cụ Text box. 

• Các tùy chọn gồm: 

• Căn chỉnh nội dung văn bản (căn trái, phải, giữa, đều).

• Đánh số đầu dòng, tạo dấu đầu dòng.

• Giãn cách dòng và đoạn.

• Tăng giảm thụt đầu dòng.

• Gạch ngang chữ.

• Làm nổi bật chữ.

• Mã phông.

• Xoá định dạng hoặc xoá toàn bộ hộp văn bản.

Hình 8. Các tuỳ chọn khác

- Các tuỳ chọn công cụ Images: Có 2 tuỳ chọn chèn hình ảnh:

Hình 9. Chèn hình ảnh

+ Upload (tải lên): chèn trực tiếp hình ảnh trên máy tính. 

+ Select (chọn): chèn hình ảnh trực tuyến, có 4 lựa chọn:

Hình 10. Chèn hình ảnh trực tuyến

• Google Drive: chèn hình ảnh trong Google Drive.

• Link: chèn hình ảnh từ liên kết.

• Google Images: tìm kiếm hình ảnh trên Google.

• Photos: chèn hình ảnh từ Google Photos.

- Các tuỳ chọn hiệu chỉnh hình ảnh: 

+ Crop: cắt hình.

+ Uncrop: huỷ cất.

+ Insert link: chèn liên kết cho hình.

+ Remove: xoá hình.

+ Tuỳ chọn chỉnh sửa khác:

Hình 11. Hiệu chỉnh hình ảnh

• Replace image: thay đổi hình.

• Alt text: thêm nội dung văn bản thay thế.

• Add caption: thêm chú thích cho hình.

HOẠT ĐỘNG CỦA GV VÀ HS

SẢN PHẨM DỰ KIẾN

Bước 1: GV chuyển giao nhiệm vụ:

- GV yêu cầu HS hoạt động cá nhân và trả lời các câu hỏi: 

+ Công cụ Social links dùng để làm gì?

+ Để sử dụng công cụ Social links, em thực hiện như thế nào?

+ Em có thể làm gì với công cụ Social links?

- GV yêu cầu HS vận dụng kiến thức vừa tìm hiểu, trả lời câu hỏi hoạt động Làm tr.67 SGK:

Công cụ Social links có hỗ trợ chèn tất cả các liên kết mạng xã hội hay không?

Bước 2: HS thực hiện nhiệm vụ học tập: 

- HS tìm hiểu nội dung mục 2 SGK tr.67 và thực hiện nhiệm vụ. 

- GV quan sát và trợ giúp HS.

Bước 3: Báo cáo kết quả hoạt động, thảo luận: 

- HS trả lời câu hỏi và nhận xét lẫn nhau.

Hướng dẫn trả lời câu hỏi hoạt động Làm tr.67 SGK:

Công cụ Social links có hỗ trợ chèn tất cả các liên kết mạng xã hội.

Bước 4: Đánh giá kết quả thực hiện: 

- GV nêu nhận xét, chính xác hoá lại các nội dung trả lời của HS.

- GV kết luận:

Công cụ Social links dùng để chèn các liên kết mạng xã hội.

2. Công cụ Social links

- Chức năng: Công cụ Social links dùng để chèn các liên kết mạng xã hội vào trang web.

- Cách sử dụng: Nháy chọn thẻ Insert Công cụ Social links Xuất hiện hộp thoại Social media links gồm các tính năng như sau:

Hình 12. Hộp thoại Social media links

+ : thêm ảnh đại diện cho trang mạng xã hội cần liên kết đến.

+ Link: thêm liên kết được dẫn đến.

+ : xoá một liên kết đã tạo.

+ Add link: thêm mới trang liên kết.