Giáo án Tin học ứng dụng 12 kết nối bài 24: Xây dựng phần đầu trang web

HOẠT ĐỘNG CỦA GV - HS

DỰ KIẾN SẢN PHẨM

Bước 1: GV chuyển giao nhiệm vụ học tập

- GV nêu nhiệm vụ 1

Yêu cầu: Nhận diện được ba phần trong giao diện đầu tiên của Google Sites. 

- GV chiếu giao diện đầu tiên của Google Sites lên màn chiếu và chỉ rõ cho HS ba phần của giao diện và yêu cầu HS vào Google Sites để nhận biết trực tiếp ba phần của giao diện này trên máy tính của mình.

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

- HS tìm hiểu nội dụng mục 1.

- GV quan sát, hướng dẫn, hỗ trợ HS (nếu cần thiết).

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

- GV mời đại diện các nhóm báo cáo kết quả thảo luận.

- GV mời HS khác nhận xét, bổ sung. 

Bước 4: Đánh giá kết quả, thực hiện nhiệm vụ học tập

- Từ kết quả thảo luận của nhóm, GV nhận xét, đánh giá quá trình HS thực hiện nhiệm vụ.

- GV chính xác hoá lại các nội dung kiến thức.

Nhiệm vụ 1. Làm quen với giao diện đầu tiên của Google Sites

Hướng dẫn: 

Bước 1. Đăng nhập vào tài khoản Google. 

Tại thanh địa chỉ của trình duyệt, nhập sites.google.com 

Bước 2. Nhận biết ba phần của giao diện. 

+ Phần (1)  có ô tìm kiếm và biểu tượng để truy cập vào danh sách các ứng dụng khác của Google. 

+ Phần (2) có các lựa chọn để tạo một trang web mới.

+ Phần (3) là danh sách các trang mà người dùng mới mở trước đó.

HOẠT ĐỘNG CỦA GV - HS

DỰ KIẾN SẢN PHẨM

Bước 1: GV chuyển giao nhiệm vụ học tập

- GV nêu nhiệm vụ 2

Yêu cầu: Nhận diện được các chức năng của giao diện tạo phần đầu trang.

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

- HS tìm hiểu, thực hiện nhiệm vụ 2 theo hướng dẫn.

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

- HS nêu, nhận biết các chức năng của giao diện đầu trang.

Bước 4: Đánh giá kết quả, thực hiện nhiệm vụ học tập

- GV nhận xét, kết luận về giao diện tạp phần đầu trang.

Nhiệm vụ 2. Tìm hiểu giao diện tạo phần đầu trang

Hướng dẫn: 

Bước 1. Tạo trang web mới. 

Chọn biểu tượng để tạo một trang web mới. 

Bước 2. Làm quen với giao diện và các chức năng tạo phần đầu trang.

- Các vùng thực hiện các chức năng trong giao diện làm phần đầu trang web:

+ Trang web không có tiêu đề là vùng nhập tên tệp lưu trữ trang web trong Google Drive. 

+ Nhập tên trang web là vùng thao tác nhập logo, favicon và tên trang web. 

+ Thay đổi hình ảnh là bảng chọn hình ảnh nền cho phần đầu trang. 

+ Loại tiêu đề là bảng chọn loại tiêu đề, có ba loại với kích thước từ lớn đến nhỏ là: Bìa, Biểu ngữ lớn, Biểu ngữ hay Chỉ có tiêu đề. 

+ Tiêu đề trang là vùng nhập văn bản tiêu đề chính của trang và tiêu để phụ. 

+ Khu vực bảng chọn của thanh điều hướng là vùng thiết lập thanh điều hướng sẽ được xem xét trong các bài sau.

HOẠT ĐỘNG CỦA GV - HS

DỰ KIẾN SẢN PHẨM

Bước 1: GV chuyển giao nhiệm vụ học tập

- GV nêu nhiệm vụ 3

Yêu cầu: Thiết lập được phần đầu trang web và xuất bản trang. Ví dụ như phần đầu trang web "Việt Nam – vẻ đẹp tiềm ẩn” sau đây:

- GV giới thiệu mẫu như Hình 24.5 SGK. Có thể thay đổi hình nền, logo và favicon mà GV đã chuẩn bị để nêu rõ những yêu cầu cần đạt.

- GV hướng dẫn HS thực hành:

Bước 1: Chú ý phân biệt được tên tệp lưu trữ trang web (nhập ở vùng Trang web không có tiêu đề) và tên trang web. Sau khi nhật tên tệp lưu trữ, hãy truy cập Google Drive để kiểm tra. 

Bước 2: Các thao tác ở vùng Nhập tên trang web bao gồm hai loại thao tác: Nhập tên trang web và thực hiện các thiết lập với giao diện Cài đặt. 

Bước 3: Thay đổi Loại tiêu đề kích thước khác nhau với hình nền, để nhận biết các loại tiêu đề cũng như các chức năng: Di chuyển hình nền, đặt chế độ tự động điều chỉnh độ sáng hình nền.

Bước 4: Nhập tiêu để trang 

Chú ý tiêu để trang có thể nhiều mức (chính, phụ, slogan,...). 

SGK hướng dẫn gộp chung việc soạn tiêu để bao gồm tất cả các mức có thể. Chẳng hạn, tương tự ở Hình 24.12 trong SGK, có thể làm tiêu đề phức tạp hơn: “Việt Nam” là tiêu để chính cỡ lớn, “Vẻ đẹp tiềm ẩn” là phần tiêu đề chính cỡ nhỏ hơn và dòng “Vẻ đẹp của thiên nhiên, con người và những nét văn hoá đặc sắc ở những miền đất này,... Việt Nam – đi mãi -mà vẫn luôn bất ngờ!” là tiêu để phụ.

Bước 5: Xem trước, chỉnh sửa. 

Bước 6: Xuất bản và truy cập trang web theo URL.

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

...........................................

Nhiệm vụ 3. Tạo phần đầu trang

Bước 1. Nhập tên tệp lưu trữ trang web. 

Nháy chuột vào dòng Trang web không có tiêu đề, nhập tên tệp gợi nhớ.

Bước 2. Thiết lập logo, favicon, nhập tên trang và thông báo đầu trang. 

- Định dạng các tệp ảnh logo và favicon có thể là png, jpg hay gif. Logo có thể có dạng hình chữ nhật, favicon dạng hình vuông với kích thước 16 x 16, 32 x 32 hay 48 x 48 pixels. 

- Nháy chuột vào ô Nhập tên trang web rồi nháy chuột vào Thêm biểu tượng (Hình 24.6). 

Phần mềm hiển thị cửa sổ Cài đặt (Hình 24.7).

+ Chọn Hình ảnh thương hiệu ở khung bên trái, khung bên phải xuất hiện các tuỳ chọn để thiết lập logo và favicon. 

- Nếu muốn đưa thông báo vào đầu trang:

nháy chuột vào Phần thông báo (Hình 24.8). Nhập nội dung thông báo vào ô Lời nhắn, chọn màu chữ thông báo và bật Hiển thị phần thông báo. Khi cần thay đổi hoặc tắt thông báo, chỉnh sửa ở bảng chọn này (Hình 24.8). 

- Sau khi thiết lập logo và favicon, nhập tên trang web (nên ngắn gọn).

Bước 3. Thiết lập kích thước phần đầu trang, ảnh nền và tiêu đề trang.

...........................................