Đăng nhậpDùng miễn phí

Tin học 12 · Chủ đề 7 (ICT). Ứng dụng tin học

Bài 25. Xây dựng phần thân và chân trang web (ICT)

Dùng bảng chọn Chèn của Google Sites để dựng phần thân theo các khối nội dung: văn bản, hình ảnh, bản đồ, video; chỉnh sửa đối tượng và thiết lập chân trang có thông tin liên hệ, bản quyền.

Nhớ nhanh

1. Giao diện tạo phần thân trang

Sau khi có phần đầu trang (Bài 24), phần thân là nơi chứa nội dung chính. Ở khung bên phải cửa sổ thiết kế Google Sites có ba bảng chọn:

Ba nhóm lệnh của bảng chọn Chèn
  1. 1.
    Nhóm thứ nhất: Hộp văn bản (chèn chữ), Hình ảnh, Nhúng (lấy nội dung từ ứng dụng khác trên Internet, như bản tin thời tiết, trình phát nhạc, hoặc dán mã nhúng) và Drive (chèn tệp văn bản, ảnh, video có trên Google Drive).
  2. 2.
    Thành phần nội dung (bố cục): các mẫu khối dựng sẵn, gồm sẵn khung ảnh và khung chữ xếp thành một hoặc nhiều cột.
  3. 3.
    Các đối tượng khác: khối văn bản thu gọn, mục lục, băng chuyền hình ảnh, nút, bộ chia, Bản đồ, video YouTube, Lịch, tệp Google Tài liệu, Trang tính, Trang trình bày, Biểu mẫu, Biểu đồ…

2. Tạo phần thân theo kiến trúc khối

Phần thân trang trong Google Sites được ghép từ các khối (section) xếp chồng từ trên xuống. Dùng mẫu Thành phần nội dung giúp các khối có kích thước, khoảng cách đều nhau, trang nhìn nhất quán.

Tạo phần thân có hai khối giới thiệu
  1. 1.
    Mở bảng chọn Chèn, trong nhóm Thành phần nội dung chọn mẫu có hai khối (hai cột, mỗi cột một ảnh và một đoạn chữ). Mẫu được thêm vào dưới phần đầu trang.
  2. 2.
    Ở mỗi khối, chọn biểu tượng trong khung ảnh để thêm ảnh (tải lên, chọn từ Drive hoặc tìm trên mạng).
  3. 3.
    Nháy vào khung chữ bên dưới ảnh, gõ tiêu đề và đoạn giới thiệu; dùng thanh công cụ để chọn kiểu chữ (Tiêu đề, Văn bản thường), in đậm, căn lề, tạo danh sách.

Có thể chèn thêm Hộp văn bản hoặc Hình ảnh riêng lẻ từ nhóm thứ nhất rồi kéo vào vị trí mong muốn. Muốn có khối rộng hết chiều ngang, có thể chèn mẫu hai khối, xoá một nửa, rồi kéo giãn phần còn lại.

3. Chèn bản đồ, video và nội dung nhúng

Thêm bản đồ thực chất là nhúng một ứng dụng bản đồ vào trang.

Chèn bản đồ Google Maps
  1. 1.
    Mở bảng chọn Chèn, ở nhóm thứ ba chọn Bản đồ.
  2. 2.
    Gõ tên địa điểm (ví dụ Thung Nham, Ninh Bình) vào ô tìm kiếm, chọn kết quả đúng rồi xác nhận để chèn.
  3. 3.
    Kéo các cạnh khung bản đồ để đổi kích thước, kéo khung để đặt vào vị trí phù hợp.

4. Chỉnh sửa đối tượng trên trang

Thao tác với khối văn bản, hình ảnh, bản đồ
  • Chọn: nháy vào đối tượng, xuất hiện khung viền và các nút điều khiển.
  • Đổi kích thước: kéo các chấm tròn trên cạnh khung.
  • Di chuyển: giữ và kéo thả đối tượng tới vị trí mới; Google Sites hiện lưới để căn thẳng hàng.
  • Sao chép, xoá: dùng các lệnh trên thanh lệnh nhỏ hiện cạnh đối tượng (xoá bằng biểu tượng thùng rác).
  • Cả khối: khi chọn một khối, bên trái khối có nút để kéo đổi thứ tự, nhân bản, xoá khối và đổi màu nền khối (kiểu nền).

5. Thiết lập chân trang

Chân trang nằm cuối mỗi trang, thường chứa thông tin liên hệ, tuyên bố bản quyền, liên kết mạng xã hội.

Tạo chân trang
  1. 1.
    Cuộn xuống cuối trang, đưa chuột tới vùng dưới cùng và chọn Thêm chân trang.
  2. 2.
    Gõ nội dung: tên nhóm thực hiện, thư điện tử, số điện thoại, dòng bản quyền (ví dụ © 2025 Nhóm 3 – lớp 12A1).
  3. 3.
    Chèn thêm hộp văn bản và sắp xếp nếu cần; chèn liên kết mạng xã hội bằng mục liên kết mạng xã hội trong bảng chọn Chèn, rồi nhập địa chỉ từng trang.
Lưu ý

Chân trang được dùng chung cho các trang trong website, nên chỉ cần tạo một lần. Không đưa số điện thoại, địa chỉ nhà riêng của học sinh lên chân trang công khai; dùng thư điện tử của lớp hoặc nhóm.

6. Ví dụ minh hoạ

Ví dụ 1

Trên trang chủ Việt Nam – Vẻ đẹp tiềm ẩn, hãy dựng phần thân giới thiệu Thung Nham và Mù Cang Chải, kèm bản đồ, và tạo chân trang.

Lời giải

Chèn →\to Thành phần nội dung →\to mẫu hai khối. Khối trái: ảnh Thung Nham, tiêu đề Thung Nham, vài dòng giới thiệu. Khối phải: ảnh ruộng bậc thang, tiêu đề Mù Cang Chải. Bên dưới, Chèn →\to Bản đồ, tìm Thung Nham, kéo khung bản đồ rộng hết trang. Cuối trang chọn Thêm chân trang, gõ tên nhóm, thư điện tử của nhóm và dòng bản quyền. Xem trước rồi xuất bản lại.

Lỗi hay gặp
  • Chèn rời rạc từng hộp chữ, ảnh nên các cột lệch nhau; nên dùng mẫu Thành phần nội dung.
  • Viết đoạn giới thiệu quá dài trong một khối làm trang mất cân đối (Bài 26 sẽ tách ra trang con).
  • Chèn tệp Drive nhưng không chia sẻ quyền xem, người xem thấy báo không có quyền truy cập.
  • Dùng ảnh, video của người khác mà không ghi nguồn.

7. Câu hỏi ôn tập

Câu hỏi 1

Khung bên phải cửa sổ thiết kế Google Sites có những bảng chọn nào? Nêu ba nhóm lệnh của bảng chọn Chèn.

Gợi ý trả lời

Ba bảng chọn: Chèn, Trang, Giao diện. Bảng chọn Chèn có nhóm thứ nhất (Hộp văn bản, Hình ảnh, Nhúng, Drive), nhóm Thành phần nội dung (mẫu bố cục khối) và nhóm các đối tượng khác (Bản đồ, YouTube, Lịch, mục lục, băng chuyền hình ảnh…).

Câu hỏi 2

Muốn đưa bản đồ vị trí một địa danh vào trang web em làm thế nào?

Gợi ý trả lời

Chọn Chèn →\to Bản đồ, tìm địa danh, chọn rồi điều chỉnh kích thước, vị trí khung bản đồ. Cũng có thể dùng lệnh Nhúng với địa chỉ hoặc mã nhúng của bản đồ.

Câu hỏi 3

Chân trang thường chứa những gì? Cách thêm chân trang?

Gợi ý trả lời

Thông tin liên hệ, bản quyền, nhóm thực hiện, liên kết mạng xã hội. Cuộn xuống cuối trang, chọn Thêm chân trang rồi nhập nội dung; liên kết mạng xã hội chèn bằng mục tương ứng trong bảng chọn Chèn.

Gặp bài khó? Chụp ảnh để CEAO giảiAI giải từng bước, đề kiểm tra theo bài, thẻ ghi nhớ. Đăng ký miễn phí.
Thử ngay