👤
GAME HOT TIN HỌC 10 TIN HỌC 11 TIN HỌC 12 TRỢ LÝ TÀI NĂNG HỌC TẬP ONLINE TỐT NGHIỆP THPT LIÊN HỆ
DANH MỤC ×

BÀI 24. XÂY DỰNG PHẦN ĐẦU TRANG WEB

BÀI 24. XÂY DỰNG PHẦN ĐẦU TRANG WEB

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.

Minh họa Bước 1: Đăng nhập vào tài khoản Google Sites

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 đó.
Minh họa Bước 2: Ba phần của giao diện Google Sites

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.

Minh họa Bước 1: Tạo trang web mới bằng cách nháy vào biểu tượng dấu cộng (+)

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.

Minh họa: Đặt tên tệp lưu trữ trang web 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.

Minh họa: Nhập tên trang web hiển thị 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 đề.
Minh họa: Tùy chọn hiển thị loại tiêu đề và thay đổi hình ảnh nền

Dòng "Tiêu đề trang": Nơi nhập nội dung chính và tóm tắt của trang.

Minh họa: Dòng Tiêu đề trang

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ớ.

Minh họa Bước 1: Nhập tên tệp lưu trữ trang web

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.
Minh họa Bước 2: Thiết lập logo và favicon

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.

Minh họa: Thiết lập phần thông báo đầu trang

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).
Minh họa Bước 3: Thiết lập kích thước, ảnh nền và tiêu đề trang

Đ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ị.
Minh họa: Điều chỉnh hiển thị ảnh nền bằng biểu tượng lấp lánh và neo

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.
Minh họa Bước 4: Thiết lập tiêu đề trang

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.
Minh họa Bước 5: Chức năng Xem trước và chỉnh sửa trên các thiết bị

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ẻ.
Minh họa Bước 6: Xuất bản và chia sẻ URL trang web