BÀI 24 - XÂY DỰNG PHẦN ĐẦU TRANG WEB (KNTT

Bài 24 - Xây dựng phần đầu trang web (kntt)

Đây là bài soạn lý thuyết tin học 12 - sách Kết nối tri thức. Bài học này thuộc định hướng Tin học ứng dụng (ICT). Quý Thầy Cô và các em học sinh truy cập để làm tài liệu tham khảo nhé. Chúc Thầy Cô dạy tốt, chúc các em học sinh học giỏi.

TÓM TẮT NỘI DUNG:
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

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.
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 đó.

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.

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

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

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:

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

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

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

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

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

- Ả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).

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

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