Bài 24. Xây dựng phần đầu trang web

 


Bài 24. Xây dựng phần đầu trang web

1. Khái niệm chung

  • Google Sites: công cụ miễn phí giúp tạo và xuất bản website.
  • Phần đầu trang (header) là thành phần quan trọng của website.
  • Có thể tạo dễ dàng mà không cần nhiều kiến thức lập trình.

2. Giao diện Google Sites

Gồm 3 phần chính:

  • Thanh trên cùng: tìm kiếm và truy cập ứng dụng Google.
  • Khu tạo web mới: chọn trang trắng hoặc mẫu có sẵn.
  • Danh sách các trang đã tạo trước đó.

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

Phần đầu trang có các thành phần:

  • Logo
  • Tên trang web
  • Hình nền
  • Tiêu đề trang
  • Thanh điều hướng

Các khu vực quan trọng:

  • “Trang web không có tiêu đề”: đặt tên tệp lưu (lưu trên Google Drive).
  • “Nhập tên trang web”: nhập tên + logo + favicon.
  • “Loại tiêu đề”: chọn kích thước đầu trang (Bìa, biểu ngữ…).
  • “Thay đổi hình ảnh”: chọn ảnh nền.
  • “Tiêu đề trang”: nhập tiêu đề và mô tả.

4. Các bước xây dựng phần đầu trang

Bước 1: Đặt tên tệp

  • Nhập tên file lưu trữ (trên Google Drive).

Bước 2: Thiết lập nhận diện

  • Thêm logo và favicon.
  • Nhập tên trang web.
  • (Tùy chọn) thêm thông báo đầu trang.

Bước 3: Thiết kế giao diện

  • Chọn kích thước phần đầu trang.
  • Thêm và chỉnh ảnh nền.
  • Điều chỉnh vị trí và độ sáng ảnh.

Bước 4: Tạo tiêu đề

  • Nhập tiêu đề trang.
  • Tùy chỉnh font, màu, căn lề.

Bước 5: Xem trước

  • Xem trên điện thoại, tablet, máy tính.

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

  • Nhấn Công bố để đăng web.
  • Lấy URL để truy cập.

5. Lưu ý quan trọng

  • Logo: dạng ảnh (png, gif).
  • Favicon: hình vuông nhỏ (16x16, 32x32,…).
  • Tên trang nên ngắn gọn (ảnh hưởng URL).
  • Ảnh nền tự động điều chỉnh độ sáng để dễ đọc chữ.

6. Nội dung trọng tâm cần nhớ

  • 3 phần giao diện Google Sites.
  • Thành phần của phần đầu trang.
  • 6 bước tạo header (rất hay ra kiểm tra).
Bài cũ hơn Bài mới hơn
Đọc tiếp:
Lên đầu trang