1 of 60

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

2 of 60

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

3 of 60

Google Sites là một ứng dụng trong hệ sinh thái đa dạng của Google. Ứng dụng miễn phí này giúp người dùng xây dựng các trang web và xuất bản chúng lên Internet. Với Google Sites, một nhóm người dùng không chuyên về tin học vẫn có thể cùng nhau xây dựng các trang web theo một chủ đề nào đó. Trong Bài 23, em đã biết Phần đầu trang của trang web là một thành phần quan trọng. Em hãy tìm hiểu cách thức xây dựng phần đầu trang web bằng Google Sites.

Thảo luận nhóm và đại diện nhóm trả lời phần Khởi động.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

4 of 60

Gợi ý trả lời phần Khởi động:

Cách thức xây dựng phần đầu trang web bằng Google Sites:

+ Đăng nhập bằng tài khoản Google để truy cập vào Google Sites.

+ Bấm vào nút "Tạo" hoặc "Chỉnh sửa" để bắt đầu tạo trang web mới hoặc chỉnh sửa trang web hiện có.

+ Chọn một mẫu thiết kế cho trang web. Google Sites cung cấp nhiều mẫu để lựa chọn.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

5 of 60

Gợi ý trả lời phần Khởi động:

+ Trên trình chỉnh sửa, di chuyển chuột và bấm vào vị trí muốn thêm phần đầu trang.

+ Trên thanh công cụ, ta có thể thêm tiêu đề, menu điều hướng, hình ảnh đại diện, mô tả và các thành phần khác cho phần đầu trang.

+ Tùy chỉnh các thành phần bằng cách sử dụng các công cụ chỉnh sửa có sẵn, bao gồm thay đổi kiểu chữ, màu sắc, kích thước và căn lề.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

6 of 60

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

Yêu cầu: Nhận diện được ba phần trong 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 site.google.com để vào giao diện tạo trang web mới của Google: site.google.com/new.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

7 of 60

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

Phần trên cùng 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 thứ hai có các lựa chọn để tạo một trang web mới là một trang web trắng hoặc một trang web theo mẫu có sẵn (Hình 24.1).

Phần thứ ba là danh sách các trang mà người dùng mới mở trước đó.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

8 of 60

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

9 of 60

Trả lời các câu hỏi trắc nghiệm sau đây để củng cố kiến thức phần Nhiệm vụ 1.

Câu 1. Để vào giao diện tạo trang web mới của Google, trên thanh địa chỉ của trình duyệt nhập:

A. sites.google.com/new rồi bấm Enter.

B. sites.google.com/index rồi bấm Enter.

C. site.google.com/new rồi bấm Enter.

D. site.google.com/index rồi bấm Enter.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

10 of 60

Câu 2. Quan sát hính bên dưới và chọn đáp án đúng nhất.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

11 of 60

A. (1)-Danh sách các trang mà người dùng mới mở trước đó; (2)-Các lựa chọn để tạo một trang web mới là một trang web trắng hoặc một trang web theo mẫu có sẵn; (3)-Biểu tượng để truy cập vào các ứng dụng khác của Google.

B. (1)-Các lựa chọn để tạo một trang web mới là một trang web trắng hoặc một trang web theo mẫu có sẵn; (2)-Danh sách các trang mà người dùng mới mở trước đó; (3)-Biểu tượng để truy cập vào các ứng dụng khác của Google.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

12 of 60

C. (1)-Các lựa chọn để tạo một trang web mới là một trang web trắng hoặc một trang web theo mẫu có sẵn; (2)-Biểu tượng để truy cập vào các ứng dụng khác của Google; (3)-Danh sách các trang mà người dùng mới mở trước đó.

D. (1)- Biểu tượng để truy cập vào các ứng dụng khác của Google; (2)-Danh sách các trang mà người dùng mới mở trước đó; (3)- Các lựa chọn để tạo một trang web mới là một trang web trắng hoặc một trang web theo mẫu có sẵn.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

13 of 60

B. (1)-Các lựa chọn để tạo một trang web mới là một trang web trắng hoặc một trang web theo mẫu có sẵn; (2)-Danh sách các trang mà người dùng mới mở trước đó; (3)-Biểu tượng để truy cập vào các ứng dụng khác của Google.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

14 of 60

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

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.

Hướng dẫn:

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

Chọn biểu tượng (Hình 24.1) để tạo một trang web mới. Giao diện tạo trang web mới sẽ xuất hiện như Hình 24.2.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

15 of 60

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

16 of 60

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

- Phần đầu trang (Hình 24.3) có thể có logo, tên trang, hình nền của phần đầu trang, tiêu đề trang, bảng chọn trên thanh điều hướng.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

17 of 60

- Dòng Trang web không có tiêu đề là nơi thao tác nhập/hiển thị tên tệp lưu trữ trang web. Các tệp này sẽ được lưu trữ ở Google Drive của người dùng.

- Dòng Nhập tên trang web là nơi nhập/hiển thị logo, favicon và tên trang web.

- Dòng Thay đổi hình ảnh, Loại tiêu đề là các bảng chọn kích thước phần đầu trang và hình ảnh nền. Phần đầu trang có các kích thước tùy chọn: Bìa, Biểu ngữ lớn, Biểu ngữ hay Chỉ có tiêu đề (không có ảnh nền). Các kích thước này chỉ khác nhau về chiều cao. Tùy chọn Bìa có dạng tương tự bìa sách, có chiều cao lớn nhất, chiếm toàn bộ màn hình (Hình 24.4).

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

18 of 60

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

19 of 60

- Dòng Tiêu đề trang là nơi nhập/hiển thị tiêu đề trang và nội dung tóm tắt trang.

Lưu ý: Nội dung liên quan đến Thanh điều hướng sẽ được xem xét ở những bài sau.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

20 of 60

Trả lời các câu hỏi trắc nghiệm sau đây để củng cố kiến thức phần Nhiệm vụ 2.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

21 of 60

Câu 3. Quan sát hình bên dưới và cho biết để tạo trang web, ta thực hiện theo cách nào?

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

22 of 60

A. Nháy chuột vào một trong các biểu tượng ở mục (1).

B. Nháy chuột vào một trong các biểu tượng ở mục (2).

C. Nháy chuột vào mục (3) và chọn một trong các biểu tượng được mở ra.

D. Kết hợp giữa mục (1) và mục (2).

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

23 of 60

Câu 4. Quan sát hình bên dưới và cho biết dòng Trang web không có tiêu đề dùng để nhập nội dung gì?

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

24 of 60

A. Là nơi nhập/ hiển thị logo, favicon và tên trang web.

B. Là các bảng chọn kích thước phần đầu trang và các hình ảnh nền.

C. Là nơi thao tác nhập/ hiển thị tên tệp lưu trữ trang web. Các tệp này sẽ được lưu trữ ở Google Drive của người dùng.

D. Là nơi nhập/ hiển thị tiêu đề trang và nội dung tóm tắt trang.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

25 of 60

Câu 5. Quan sát hình bên dưới và cho biết dòng Nhập tên trang web dùng để nhập nội dung gì?

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

26 of 60

A. Là nơi nhập/ hiển thị logo, favicon và tên trang web.

B. Là nơi thao tác nhập/ hiển thị tên tệp lưu trữ trang web. Các tệp này sẽ được lưu trữ ở Google Drive của người dùng.

C. Là các bảng chọn kích thước phần đầu trang và các hình ảnh nền.

D. Là nơi nhập/ hiển thị tiêu đề trang và nội dung tóm tắt trang.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

27 of 60

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

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:

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

28 of 60

Hướng dẫn:

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ớ, ví dụ VN – Ver1. Sau đó nếu mở Google Drive sẽ thấy có tệp mới VN – Ver1.

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

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

29 of 60

- 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 sẽ hiển thị cửa sổ Cài đặt như 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 tùy chọn để thiết lập logo và favicon. Nháy chuột vào nút Chọn để chọn ảnh từ Google Drive (trong các thư mục như thư một ảnh Được chia sẻ với tôi, Bộ nhớ dùng chung (thư mục dùng chung của nhóm làm việc) hay thư mục Ảnh gần đây) hoặc nháy chuột vào nút Tải lên để tải lên ảnh từ thiết bị của người dùng (Hình 24.7).

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

30 of 60

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

31 of 60

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

32 of 60

- Nếu muốn đưa thông báo vào đầu trang, ví dụ “Trang web đang được xây dựng” thì 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, người dùng chỉnh sửa ở bảng chọn này (Hình 24.8).

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

33 of 60

- Sau khi thiết lập logo và favicon, nhập tên trang là “Tiềm ẩn - Việt Nam”. Lưu ý tên trang web nên ngắn gọn vì được gán vào địa chỉ URL của trang.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

34 of 60

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

- Thiết lập kích thước phần đầu trang: Nháy chuột vào Loại tiêu đề và chọn một kích thước.

- Thiết lập ảnh nền: Nháy chuột vào Thay đổi hình ảnh, rồi chọn Tải lên (ảnh từ máy tính) hoặc Chọn để chọn ảnh từ Google Drive, Google Photos hay từ Internet (Hình 24.9).

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

35 of 60

- Khi thiết lập ảnh nền, độ sáng của ảnh được tự động điều chỉnh để vẫn đọc được phần chữ trên nền. Trường hợp người dùng muốn giữ nguyên độ sáng của ảnh, nháy chuột vào biểu tượng ở góc dưới bên phải để hủy bỏ chế độ tự động điều chỉnh độ sáng của ảnh (Hình 24.10).

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

36 of 60

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

37 of 60

- Ảnh gốc làm nền có thể có kích thước lớn hơn so với khung tiêu đề. Để điều chỉnh phần ấn tượng nhất của ảnh hiển thị trọn vẹn trong đầu trang, nháy chuột vào biểu tượng ở góc dưới bên phải, sau đó chọn các mũi tên điều hướng để điều chỉnh vị trí của ảnh (Hình 24.11).

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

38 of 60

Bước 4. Thiết lập tiêu đề trang.

Nháy chuột vào Tiêu đề trang, nhập tiêu đề trang. Có thể thay đổi phông chữ, cỡ chữ, màu sắc hay căn lề, dãn dòng,… cho tiêu đề trang ở các bảng chọn tương ứng (Hình 24.12). Nếu tiêu đề dài thì có thể thay đổi kích thước khung văn bản hoặc nhắn phím Shift + Enter để ngắt xuống dòng. Có thể định dạng các dòng là Tiêu đề (cỡ chữ lớn), Tiêu đề (cỡ chữ nhỏ),… ở bảng chọn bên trái (Hình 24.12).

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

39 of 60

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

40 of 60

Bước 5. xem trước chỉnh sửa.

Tương tự các ứng dụng khác của Google, Google Sites sẽ tự động lưu trang web đang tạo vào Drive. Trước khi xuất bản trang web có thể xem trước bằng cách nháy chuột vào biểu tượng Xem trước (Hình 24.13) rồi chọn xem trên điện thoại, máy tính bảng hay máy tính với các biểu tượng tương ứng (Hình 24.14).

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

41 of 60

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

42 of 60

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

Nháy chuột vào nút Công bố để xuất bản. Để sao chép địa chỉ URL, nháy chuột và biểu tượng (Hình 24.13). Dán địa chỉ URL vào thanh địa chỉ của một trình duyệt để nhận được kết quả như Hình 24.5.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

43 of 60

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

44 of 60

Trả lời các câu hỏi trắc nghiệm sau đây để củng cố kiến thức phần Nhiệm vụ 3.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

45 of 60

Câu 6. Để thiết lập logo, favicon, nhập tên trang web và thông báo đầu trang. Nháy chuột vào vị trí nào trong hình bên dưới?

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

46 of 60

A. Nháy chuột vào Nhập tên trang web.

B. Nháy chuột vào Tiêu đề trang.

C. Nháy chuột vào Hình ảnh.

D. Nháy chuột vào Loại tiêu đề.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

47 of 60

Câu 7. Khi nháy chuột vào Nhập tên trang web và tiếp tục nháy vào Thêm biểu tượng thì một cửa sổ Cài đặt xuất hiện như bên dưới.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

48 of 60

Bên trái cửa sổ Cài đặt chọn Hình ảnh thương hiệu, bên phải có các mục Biểu trưng và Biểu tượng trang web. Để thiết lập logo và favicon ta chọn mục nào?

A. Mục Biểu trưng dùng để thiết lập favicon, mục Biểu tượng trang web dùng để thiết lập logo.

B. Mục Biểu trưng và mục Biểu tượng trang web dùng để thiết lập logo.

C. Mục Biểu trưng dùng để thiết lập logo, mục Biểu tượng trang web dùng để thiết lập favicon.

D. Mục Biểu trưng và mục Biểu tượng trang web dùng để thiết lập favicon.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

49 of 60

Câu 8. Quan sát hình bên dưới và cho biết để thiết lập kích thước phần đầu trang và ảnh nền của phần đầu trang, ta chọn:

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

50 of 60

A. Loại tiêu đề: Thiết lập kích thước phần đầu trang; Hình ảnh: Thêm ảnh nền cho phần đầu trang.

B. Tiêu đề trang: Thiết lập kích thước phần đầu trang; Hình ảnh: Thêm ảnh nền cho phần đầu trang.

C. Nhập tên trang tính: Thiết lập kích thước phần đầu trang; Hình ảnh: Thêm ảnh nền cho phần đầu trang.

D. Tiêu đề trang: Thiết lập kích thước phần đầu trang và thêm ảnh nền cho phần đầu trang.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

51 of 60

Câu 9. Để thiết lập tiêu đề trang, ta nháy chuột vào Tiêu đề trang. Khi đó cửa sổ nào sau đây xuất hiện?

A.

C.

B.

D.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

52 of 60

Câu 10. Khi nháy chuột vào Loại tiêu đề, cửa sổ nào sau đây xuất hiện?

A.

C.

B.

D.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

53 of 60

Luyện tập (trang 138): Hãy tóm tắt các bước xây dựng phần đầu trang web. Thực hiện việc thay đổi loại tiêu đề, hình nền, thay đổi tiêu đề cùng màu sắc và phông chữ.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

54 of 60

Gợi ý trả lời Luyện tập (trang 138)

Các bước xây dựng phần đầu trang web bằng Google Sites:

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

Nhập tên tệp gợi nhớ, ví dụ "VN - Ver 1" vào ô "Trang web không có tiêu đề".

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

55 of 60

Gợi ý trả lời Luyện tập (trang 138)

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

- Nhấp vào ô "Nhập tên trang web" và sau đó nhấp vào "Thêm biểu tượng".

- Chọn hình ảnh thương hiệu và thiết lập logo và favicon từ Google Drive hoặc tải lên từ thiết bị của em.

- Nhập tên trang web là "Tiềm ẩn – Việt Nam".

- (Tùy chọn) Nhập nội dung thông báo và thiết lập màu chữ và hiển thị thông báo.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

56 of 60

Gợi ý trả lời Luyện tập (trang 138)

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

- Chọn kích thước tiêu đề và loại tiêu đề.

- Thay đổi hình ảnh nền bằng cách tải lên từ máy tính hoặc chọn từ Google Drive, Google Photos hoặc Internet.

Bước 4: Thiết lập tiêu đề trang.

- Nhấp vào ô "Tiêu đề trang" và nhập tiêu đề trang.

- Tùy chỉnh kích thước, phông chữ, màu sắc và căn lề của tiêu đề.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

57 of 60

Gợi ý trả lời Luyện tập (trang 138)

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

- Xem trước trang web bằng cách nhấp vào biểu tượng "Xem trước" và chọn xem trên các thiết bị tương ứng.

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

- Nhấp vào nút "Công bố" để xuất bản trang web.

- Sao chép địa chỉ URL và dán vào thanh địa chỉ của trình duyệt để truy cập trang web.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

58 of 60

Nhiệm vụ 1: Làm quen với giao diện đầu tiên của Google Sites�Nhiệm vụ 2: Tìm hiểu giao diện tạo phần đầu trang�Nhiệm vụ 3: Tạo phần đầu trang

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

59 of 60

1. Làm phần VẬN DỤNG (SGK trang 138)

2. Xem trước Bài 25. Xây dựng phần than và chân trang web (SGK trang 139)

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

60 of 60

Các em làm trắc nghiệm Online để củng cố bài.

1. Đăng nhập vào trang thaycai.net

2. Nháy chọn Tin học 12

3. Nháy chuột vào  Trắc nghiệm tin học 12 - Kết nối tri thức

4. Nháy chuột vào Bài 24. Xây dựng phần đầu trang web.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang