TRANG CHỦ

Tin học 12 - Bài 24: Xây dựng phần đầu trang web

Bài học giúp em biết các bước xây dựng phần đầu trang web bằng Google Sites, từ đặt tên trang, thêm logo, favicon, ảnh nền, tiêu đề cho đến xem trước và xuất bản website.

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

  • Biết các bước xây dựng phần đầu trang web bằng Google Sites.
Google Sites Header Logo Favicon Xuất bản

2. Làm quen Google Sites

Giao diện chính của Google Sites thường gồm 3 khu vực cơ bản, giúp người dùng nhanh chóng tạo và quản lí website.

Thanh trên

  • Dùng để tìm kiếm và truy cập các ứng dụng Google.
  • Giúp thao tác nhanh với tài khoản và công cụ liên quan.

Khu tạo web

  • Cho phép tạo trang web mới.
  • Có thể chọn tạo trang trống hoặc dùng mẫu có sẵn.

Danh sách trang

  • Hiển thị các trang web đã tạo trước đó.
  • Giúp mở lại, tiếp tục chỉnh sửa hoặc quản lí website cũ.

3. Giao diện tạo phần đầu trang

Phần đầu trang là khu vực xuất hiện đầu tiên khi người dùng truy cập website. Đây là nơi tạo ấn tượng ban đầu và hỗ trợ điều hướng.

Các thành phần chính

  • Logofavicon
  • Tên trang web
  • Ảnh nền
  • Tiêu đề trang
  • Thanh điều hướng

Một số khu vực chức năng cần biết

  • “Trang web không có tiêu đề”: dùng để đặt tên file lưu trên Google Drive.
  • “Nhập tên trang web”: hiển thị tên trang kèm logo.
  • “Loại tiêu đề”: chọn kích thước đầu trang như Bìa, Biểu ngữ lớn, Biểu ngữ, Chỉ tiêu đề.
  • “Tiêu đề trang”: nhập tiêu đề và mô tả cho trang.
Ý nghĩa: phần đầu trang cần vừa đẹp mắt vừa rõ ràng để người xem nhận ra chủ đề website ngay từ cái nhìn đầu tiên.

4. Các bước tạo phần đầu trang web

Bước 1: Tạo trang web

  • Truy cập Google Sites.
  • Chọn tạo một trang web mới.

Bước 2: Đặt tên và thiết lập thương hiệu

  • Nhập tên file lưu trữ.
  • Thêm logo với các định dạng như png, jpg, gif.
  • Thêm favicon là ảnh vuông nhỏ.
  • Nhập tên trang web ngắn gọn, dễ nhớ.

Bước 3: Thiết lập giao diện đầu trang

  • Chọn loại tiêu đề phù hợp với mục đích trình bày.
  • Thêm hoặc thay đổi ảnh nền.
  • Có thể tắt tự động chỉnh độ sáng.
  • Điều chỉnh vị trí ảnh để hiển thị đẹp hơn.

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

  • Nhập tiêu đề chính.
  • Tùy chỉnh font chữ, cỡ chữ.
  • Chỉnh màu sắc và căn lề cho phù hợp.

Bước 5: Xem trước và chỉnh sửa

  • Xem trước giao diện trên điện thoại.
  • Xem trước trên máy tính bảng.
  • Xem trước trên máy tính.

Bước 6: Xuất bản

  • Nhấn Công bố.
  • Nhận địa chỉ URL để truy cập trang web.
Quy trình ngắn gọn: Tạo trang đặt tên và thương hiệu chỉnh giao diện đầu trang nhập tiêu đề xem trước xuất bản.

5. Lưu ý quan trọng

  • Tên trang nên ngắn gọn vì có ảnh hưởng đến địa chỉ URL.
  • Ảnh nền cần phù hợp để chữ trên ảnh vẫn dễ đọc.
  • Google Sites tự động lưu nội dung vào Google Drive.
Mẹo thực hiện: hãy ưu tiên tiêu đề rõ ràng, ảnh nền đơn giản và kiểm tra trước trên nhiều thiết bị để bảo đảm phần đầu trang hiển thị đẹp, dễ nhìn và thống nhất.

Ghi nhớ nhanh

  • Phần đầu trang gồm: logo + tên trang + ảnh nền + tiêu đề.
  • Quy trình thực hiện: Tạo Thiết lập Xem trước Xuất bản.