👤
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 25. XÂY DỰNG PHẦN THÂN VÀ CHÂN TRANG WEB

BÀI 25. XÂY DỰNG PHẦN THÂN VÀ CHÂN TRANG WEB

BÀI 25. XÂY DỰNG PHẦN THÂN VÀ CHÂN TRANG WEB

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

1. Xác định vị trí bảng chọn

Để thiết kế phần thân, chúng ta làm việc chủ yếu với bảng chọn Chèn nằm ở cột bên phải màn hình.

Xác định vị trí bảng chọn Chèn

2. Các nhóm lệnh trong bảng chọn Chèn

  • Nhóm lệnh cơ bản (đầu tiên): Gồm Hộp văn bản, Hình ảnh, Nhúng, Drive. Dùng để chèn các đối tượng đơn lẻ.
Nhóm lệnh cơ bản
  • Nhóm lệnh Thành phần nội dung (thứ hai): Cung cấp các mẫu bố cục (layout) có sẵn (kết hợp ảnh và chữ) theo kiến trúc khối.
Nhóm lệnh Thành phần nội dung
  • Nhóm lệnh Các đối tượng khác (thứ ba): Chèn các tiện ích như bản đồ, lịch, YouTube, nút bấm, mục lục....
Nhóm lệnh Các đối tượng khác

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

1. Thiết lập cấu trúc nội dung

Sử dụng nhóm "Thành phần nội dung" để chọn bố cục mong muốn, giúp trang web được chia thành các khối gọn gàng.

Thiết lập cấu trúc nội dung

2. Thêm nội dung chi tiết (Ảnh và Văn bản)

Tại mỗi khối, nháy vào dấu cộng (+) để tải ảnh lên và nháy vào phần văn bản (Tiêu đề/Nội dung) để gõ chữ.

Thêm nội dung chi tiết

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

1. Thao tác chèn bản đồ

Trong bảng chọn Chèn (nhóm thứ 3), chọn nút Bản đồ (Google Maps), nhập địa điểm vào ô tìm kiếm và nhấn nút Chọn.

Thao tác chèn bản đồ

2. Điều chỉnh hiển thị bản đồ

Sau khi bản đồ xuất hiện, có thể thay đổi kích thước (kéo các nút tròn ở góc/cạnh) hoặc di chuyển vị trí (kéo thả chuột).

Điều chỉnh hiển thị bản đồ

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

1. Thay đổi kích thước và di chuyển

Áp dụng chung cho mọi đối tượng (ảnh, văn bản, bản đồ). Chọn đối tượng và kéo thả để di chuyển hoặc thay đổi kích cỡ.

Thay đổi kích thước và di chuyển

2. Sao chép và Xóa

Khi chọn một đối tượng, một bảng chọn tắt hiện ra. Chọn biểu tượng hai tờ giấy để sao chép hoặc biểu tượng thùng rác để xóa.

Sao chép và Xóa

3. Hoàn tác (Undo/Redo)

Sử dụng nút mũi tên quay lại (Undo) để hủy thao tác vừa làm, hoặc mũi tên đi tới (Redo) để thực hiện lại.

Hoàn tác (Undo/Redo)

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

1. Tạo vùng chân trang

Di chuyển xuống cuối cùng của trang web, rê chuột vào đáy trang và nhấn nút Thêm chân trang.

Tạo vùng chân trang

2. Nhập nội dung chân trang

Thường chứa thông tin bản quyền, liên hệ. Có thể chèn văn bản hoặc đường liên kết mạng xã hội.

Nhập nội dung chân trang