Nội dung chính Tin học ứng dụng 12 kết nối bài 25: Xây dựng phần thân và chân trang web

CHỦ ĐỀ 7: ỨNG DỤNG TIN HỌC

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 

Hướng dẫn: 

Bước 1. Xác định vị trí ba bảng chọn các lệnh tạo phần thân trang web. 

Có ba bảng chọn Chèn, Trang và Giao diện ở khung bên phải cửa sổ thiết kế trang web (Hình 25.1). 

Bước 2. Tìm hiểu các nhóm lệnh của bảng chọn Chèn, có ba nhóm lệnh sau: 

- Nhóm lệnh đầu tiên: Hộp văn bản, Hình ảnh, Nhúng, Drive. 

- Nhóm lệnh thứ hai: Các thành phần nội dung. 

- Nhóm lệnh thứ ba: Các đối tượng khác (như khối văn bản có thể thu gọn, mục lục, băng chuyền hình ảnh bản đồ đoạn video từ YouTube liên kết).

Nhiệm vụ 2. Tìm hiểu giao diện tạo phần đầu trang

Hướng dẫn: 

Bước 1. Thiết lập cấu trúc nội dung có hai khối. 

Ở nhóm Thành phần nội dung của bảng chọn Chèn, nháy chuột chọn biểu tượng .

Bước 2. Thêm ảnh, tiêu đề và văn bản. 

Đối với mỗi khối, nháy chuột vào biểu tượng để thêm ảnh vào trang web. Bên dưới ảnh thêm tiêu đề và nội dung bài viết (Hình 25.2).

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

Hướng dẫn: 

Bước 1. Chèn bản đồ

- Thêm bản đồ vào trang web thực chất là nhúng ứng dụng bản đồ vào trang web. Có thể sử dụng lệnh Nhúng trong bảng chọn Chèn để chèn bản đồ. 

+ Muốn nhúng Google Maps vào trang web thì chọn Bản đồ (Hình 25.3).

- Trong cửa sổ Chọn bản đồ, nhập tên vào ô Nhập vị trí rồi xác định một địa điểm hoặc chọn Đặt dấu vị trí để xác định địa điểm trên bản đồ bằng cách nháy chuột. 

Sau khi có một địa điểm trên bản đồ (có dấu ) thì nháy chuột vào nút Chọn để thêm bản đồ vào trang web (Hình 25.4).

Bước 2. Thay đổi kích thước và di chuyển bản đồ.

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

Hướng dẫn

- Các thao tác thay đổi kích thước, di chuyển các đối tượng đã có (khối văn bản, hình ảnh, bản đồ,...) tương tự đối với bản đồ: chọn khối và kéo thả chuột. 

- Thao tác sao chép () và xóa () đối tượng.

Lưu ý: Có thể huỷ bỏ một lệnh vừa thực hiện (undo) hay thực hiện lại một lệnh trước đó (redo) (Hình 25.8). 

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

Hướng dẫn: 

Di chuyển xuống cuối trang, sẽ thấy xuất hiện nút Thêm chân trang. 

+ Tương tự như với phần thân trang, có thể chèn vào phần này các khối văn bản và sắp xếp chúng theo ý muốn.

+ Có thể chèn vào các liên kết đến mạng xã hội của chủ thể trang web bằng cách nháy chuột vào Đường liên kết đến mạng xã hội, sau đó nhập vào các địa chỉ liên kết (Hình 25.10).