KIỂM TRA BÀI CŨ
KHỞI ĐỘNG
BÀI 24. XÂY DỰNG PHẦN ĐẦU TRANG WEB
Nhiệm vụ 1: Làm quen với giao diện đầu tiên của Google Sites.
Bước 1. Đăng nhập vào tài khoản Google
Truy cập vào địa chỉ sites.google.com/new trên trình duyệt web.
Bước 2. Nhận biết ba phần của giao diện
Phần thứ nhất (trên cùng):
Chứa ô tìm kiếm và biểu tượng truy cập các ứng dụng khác của Google.
Phần thứ hai:
Khu vực tạo trang web mới, có thể chọn trang trắng hoặc theo mẫu có sẵn.
Phần thứ ba:
Danh sách các trang web mà người dùng đã mở hoặc tạo trước đó.
TRẢ LỜI CÂU HỎI TRẮC NGHIỆM
Câu 1: Theo tài liệu hướng dẫn thực hành, để bắt đầu quá trình tạo lập một trang web mới trên nền tảng của Google, người dùng cần gõ chính xác địa chỉ nào sau đây vào thanh tìm kiếm của trình duyệt?
Câu 2: Giao diện đầu tiên của Google Sites được thiết kế khá trực quan và thường được chia làm ba phần riêng biệt. Theo chức năng, phần giao diện thứ hai (nằm ở khu vực giữa màn hình) cung cấp cho người dùng khả năng làm gì?
Câu 3: Bạn vừa đăng nhập thành công vào trang chủ của Google Sites và muốn tạo ra một trang web hoàn toàn trống rỗng để tự do thiết kế bố cục theo ý thích cá nhân. Thao tác tiếp theo bạn cần phải thực hiện là gì?
Nhiệm vụ 2: Tìm hiểu giao diện tạo phần đầu trang.
Bước 1. Tạo trang web mới
Chọn biểu tượng dấu cộng (+) ở giao diện chính để mở trang thiết kế 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
Dòng "Trang web không có tiêu đề":
Nơi nhập tên tệp để lưu trữ trong Google Drive.
Dòng "Nhập tên trang web":
Nơi hiển thị tên trang web, logo và favicon cho người xem.
Tùy chọn hiển thị (Loại tiêu đề và Hình ảnh):
- Có thể thay đổi hình nền và kích thước phần đầu trang.
- Các loại kích thước: Bìa (cao nhất), Biểu ngữ lớn, Biểu ngữ, hoặc Chỉ có tiêu đề.
Dòng "Tiêu đề trang":
Nơi nhập nội dung chính và tóm tắt của trang.
TRẢ LỜI CÂU HỎI TRẮC NGHIỆM
Câu 4: Sau khi khởi tạo một trang web mới trên Google Sites, giao diện thiết kế sẽ xuất hiện. Dòng chữ có nội dung "Trang web không có tiêu đề" nằm ở góc trên bên trái màn hình mang ý nghĩa là nơi để người dùng nhập thông tin gì?
Câu 5: Trong khu vực chỉnh sửa phần đầu trang, người dùng sẽ thấy dòng chữ "Nhập tên trang web". Chức năng chính của khu vực văn bản cụ thể này khi được hiển thị đối với người xem trang web (khách truy cập) là gì?
Câu 6: Google Sites cung cấp nhiều loại kích thước khác nhau cho phần đầu trang để phù hợp với các phong cách thiết kế đa dạng. Nếu bạn chọn kích thước loại "Bìa", thì phần đầu trang của bạn sẽ được hiển thị như thế nào trên trình duyệt?
Câu 7: Phần nổi bật nhất ở chính giữa khu vực phần đầu trang chính là dòng "Tiêu đề trang". Nội dung văn bản được nhập vào khu vực này thường mang chức năng cốt lõi nào đối với toàn bộ trang web đó?
Câu 8: Khi bạn đang tùy chỉnh phần đầu trang, bạn muốn xóa bỏ hình nền ảnh mặc định và thay thế bằng một bức ảnh phong cảnh lưu sẵn trên máy tính. Bạn sẽ nháy chuột vào mục "Thay đổi hình ảnh" và chọn tiếp thao tác nào?
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 vào dòng Trang web không có tiêu đề ở góc trên trái và nhập tên gợi nhớ.
Bước 2. Thiết lập logo, favicon, nhập tên trang và thông báo đầu trang
Logo & Favicon:
- Nháy vào Thêm biểu tượng hoặc vào phần Cài đặt Hình ảnh thương hiệu.
- Tải lên ảnh định dạng png, jpg hoặc gif.
Thông báo:
Vào Cài đặt Phần thông báo để hiện một dòng tin nhắn trên cùng trang web.
Bước 3. Thiết lập kích thước phần đầu trang, ảnh nền và tiêu đề trang
Kích thước:
Chọn Loại tiêu đề để chỉnh độ cao.
Ảnh nền:
Chọn Thay đổi hình ảnh Tải lên (từ máy) hoặc Chọn (từ Drive/Internet).
Điều chỉnh hiển thị:
- Google Sites tự động điều chỉnh độ sáng để dễ đọc chữ. Muốn giữ màu ảnh gốc, nháy vào biểu tượng lấp lánh (hủy bỏ tự động điều chỉnh).
- Dùng Neo điều chỉnh để chọn vùng ảnh muốn hiển thị.
Bước 4. Thiết lập tiêu đề trang
- Nhập nội dung tiêu đề và định dạng (phông chữ, cỡ chữ, căn lề, in đậm/nghiêng).
- Có thể ngắt dòng bằng tổ hợp phím Shift + Enter.
Bước 5. Xem trước, chỉnh sửa
- Nháy vào biểu tượng Xem trước (hình máy tính và điện thoại) để kiểm tra giao diện.
- Có các chế độ xem: Điện thoại, Máy tính bảng, Máy tính.
Bước 6. Xuất bản và truy cập trang web theo URL
- Nháy nút Công bố (Publish) để xuất bản web lên Internet.
- Sao chép địa chỉ URL để chia sẻ.
TRẢ LỜI CÂU HỎI TRẮC NGHIỆM
Câu 9: Để tăng tính chuyên nghiệp và mức độ nhận diện thương hiệu cho trang web, người thiết kế có thể tải lên các tệp tin hình ảnh làm Logo. Theo bài hướng dẫn thực hành, Logo thường được tải lên với các định dạng tệp ảnh phổ biến nào?
Câu 10: Sau khi hoàn thành tất cả các bước thiết kế và muốn đưa trang web của mình lên mạng Internet để mọi người cùng xem, lập trình viên cần nháy chuột vào nút lệnh có màu xanh nằm ở góc trên bên phải màn hình. Nút lệnh đó có tên là gì?
Câu 11: Để theo dõi và đánh giá chính xác giao diện của trang web sẽ hiển thị như thế nào trên nhiều loại thiết bị kích cỡ khác nhau trước khi chính thức xuất bản, bạn cần nhấn vào biểu tượng có hình máy tính và điện thoại. Chức năng này tên là gì?
Câu 12: Trong tính năng "Phần thông báo" thuộc cửa sổ "Cài đặt", người thiết kế có thể thiết lập để hiện một dòng tin nhắn màu nổi bật (ví dụ như: "Website đang chạy thử nghiệm") trên trang web. Dòng thông báo này sẽ nằm ở vị trí nào khi hiển thị?
Câu 13: Khi thêm một bức ảnh nền phức tạp vào phần đầu trang, đôi khi dòng tiêu đề chữ màu trắng sẽ bị chìm nghỉm và rất khó đọc. Để giải quyết vấn đề này, tính năng tự động điều chỉnh độ sáng (biểu tượng lấp lánh) của Google Sites sẽ tác động ra sao?
Câu 14: Bạn đang soạn thảo tiêu đề trang web và muốn viết dòng thứ hai "Vẻ đẹp tiềm ẩn" ngay bên dưới dòng thứ nhất "Việt Nam" mà không tạo ra một khoảng cách đoạn văn (paragraph) quá lớn. Bạn nên dùng tổ hợp phím nào để ngắt dòng?