TRANG CHỦ

Tin học 12 - Bài 25: Xây dựng phần thân và chân trang web

Bài học giúp em biết cách xây dựng phần thân là nội dung chính của trang web và phần chân trang bằng Google Sites, đồng thời thực hiện các thao tác chèn, kéo thả và chỉnh sửa nội dung trực quan.

1. Mục tiêu bài học

  • Biết cách xây dựng phần thân và chân trang của trang web bằng Google Sites.
Insert Pages Themes Block Footer

2. Nhiệm vụ 1: Tìm hiểu giao diện tạo phần thân

Khi tạo phần thân của trang web trong Google Sites, em thường làm việc với 3 bảng chọn chính ở cạnh phải.

Chèn (Insert)

  • Dùng để thêm nội dung vào trang web.
  • Đây là bảng quan trọng nhất khi xây dựng phần thân.

Trang (Pages)

  • Dùng để quản lí các trang trong website.
  • Giúp thêm, sắp xếp hoặc đổi tên các trang.

Giao diện (Themes)

  • Dùng để chọn kiểu trình bày chung cho website.
  • Giúp thay đổi màu sắc và phong cách hiển thị.

Bảng Chèn gồm 3 nhóm chính

  • Nhóm 1: Hộp văn bản, Hình ảnh, Nhúng, Drive để chèn nội dung.
  • Nhóm 2: các thành phần nội dung có bố cục sẵn, tức các khối trình bày.
  • Nhóm 3: các đối tượng khác như mục lục, bản đồ, video, liên kết,...
Nhận xét: phần thân trong Google Sites được xây dựng theo từng khối, giúp người dùng dễ thêm, di chuyển và sắp xếp nội dung.

3. Nhiệm vụ 2: Tạo phần thân trang web

Bước 1: Chọn bố cục nội dung

  • Chọn một bố cục có sẵn, ví dụ bố cục 2 cột.
  • Bố cục giúp nội dung được trình bày gọn gàng và cân đối hơn.

Bước 2: Thêm nội dung

  • Chèn ảnh vào từng khu vực cần thiết.
  • Thêm tiêu đề và văn bản mô tả dưới ảnh.
  • Nội dung được tổ chức theo các khối riêng biệt.
Lưu ý: chia nội dung theo khối giúp website dễ đọc, dễ chỉnh sửa và thuận tiện khi cần thay đổi bố cục sau này.

4. Nhiệm vụ 3: Thêm bản đồ vào trang web

Cách chèn bản đồ

  • Dùng Nhúng hoặc chọn trực tiếp công cụ Bản đồ từ Google Maps.
  • Nhập địa điểm hoặc chọn vị trí trên bản đồ.
  • Nhấn Chọn để đưa bản đồ vào trang.

Cách chỉnh sửa bản đồ

  • Kéo các cạnh để thay đổi kích thước bản đồ.
  • Kéo thả để di chuyển vị trí của bản đồ trong trang web.
Ứng dụng: bản đồ thường phù hợp với website giới thiệu trường học, doanh nghiệp, địa điểm tham quan hoặc trang thông tin liên hệ.

5. Nhiệm vụ 4: Chỉnh sửa các đối tượng

  • Có thể thay đổi kích thước và di chuyển đối tượng bằng thao tác kéo thả.
  • Có thể sao chép hoặc xóa đối tượng bằng các nút lệnh tương ứng.
  • Có thể dùng Undo để hoàn tác.
  • Có thể dùng Redo để làm lại thao tác vừa hoàn tác.
Mẹo: nên thường xuyên kiểm tra bố cục sau mỗi lần chỉnh sửa để bảo đảm các đối tượng được sắp xếp cân đối và dễ quan sát trên nhiều thiết bị.

6. Nhiệm vụ 5: Thiết lập chân trang

Cách thực hiện

  • Cuộn xuống cuối trang.
  • Chọn “Thêm chân trang”.

Nội dung thường có trong chân trang

  • Thông tin bản quyền.
  • Email, số điện thoại.
  • Liên kết mạng xã hội.

Đặc điểm

  • Có thể chèn và sắp xếp nội dung giống như ở phần thân.
  • Phần chân trang thường chứa thông tin bổ sung và thông tin liên hệ.

7. Ghi nhớ

  • Phần thân là nội dung chính, được trình bày theo các khối.
  • Phần chân trang chứa thông tin bổ sung và liên hệ.
  • Thao tác chính: chèn, kéo thả và chỉnh sửa.