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

Bài 25 - Xây dựng phần thân và chân trang web (kntt)

Đây là bài soạn lý thuyết tin học 12 - sách Kết nối tri thức. Bài học này thuộc định hướng Tin học ứng dụng (ICT). Quý Thầy Cô và các em học sinh truy cập để làm tài liệu tham khảo nhé. Chúc Thầy Cô dạy tốt, chúc các em học sinh học giỏi.

TÓM TẮT NỘI DUNG:
Nhiệm vụ 1: Tìm hiểu giao diện tạo phần thân trang web
Nhiệm vụ 2: Tạo phần thân trang web
Nhiệm vụ 3: Thêm bản đồ vào trang web
Nhiệm vụ 4: Chỉnh sửa các đối tượng đã có
Nhiệm vụ 5: Thiết lập chân trang

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

Yêu cầu: Nhận biết các chức năng trong giao diện tạo hpầ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). Trong bài này chúng ta chỉ làm việc với bảng chọn Chèn.

Bước 2. Tìm hiểu các nhóm lệnh của bảng chọn Chèn.
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.
Nếu muốn chèn văn bản hay hình ảnh vào trang web thì nháy chuột vào biểu tượng Hộp văn bản hay Hình ảnh tương ứng. Nếu muốn chèn thông tin từ Google Drive (văn bản, hình ảnh, video, các tư liệu khác được tạo bằng các ứng dụng của Google) thì nháy chuột vào Drive. Nếu muốn chèn các dữ liệu nhúng từ các ứng dụng Internet khác như thời tiết, âm nhạc,… thì nháy chuột vào Nhúng.
- Nhóm lệnh thứ hai: Các thành phần nội dung.
Google Sites cho phép thực hiện tạo phần thân trang theo kiến trúc khối với các mẫu được hỗ trợ sẵn (Hình 25.1).
- Nhóm lệnh thứ ba: Các đối tượng khác.
Cho phép chèn 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ạo phần thân trang web

Yêu cầu: Thiết lập được các khối nội dung trong phần thân trang web như Hình 25.2.
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

, phần thân trang sẽ có cấu trúc hai khối nội dung.
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

Yêu cầu: Nắm vững được các thao tác bổ sung đối tượng (ví dụ bản đồ) và chỉnh sửa.
Hướng dẫn:
Bước 1. Chèn bản đồ.

- Việc 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 đồ. Tuy nhiên, nếu muốn nhúng Google Maps vào trang web thì chỉ cần chọn Bản đồ (Hình 25.3) ở nhóm thứ ba của bảng chọn Chèn.

- Trong cửa sổ Chọn bản đồ, nhập tên (chẳng hạn Thung Nham) 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ó đị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 đồ.

- Có thể thay đổi kích thước của bản đồ bằng cách chọn bản đồ rồi kéo thả chuột tại các nút trên khung để được kích thước mong muốn (Hình 25.5).

- Kéo thả chuột để di chuyển bản đồ vào vị trí mong muốn (Hình 25.6).

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

Yêu cầu: Nắm vững được các thao tác chỉnh sửa trang web.
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. - Nếu muốn sao chép hay xóa một đối tượng: chọn đối tượng đó và quan sát bảng chọn tắt tương ứng, trong đó các nút lệnh

(sao chép) và

(xóa). Nháy chuột vào nút lệnh tương ứng nếu muốn sao chép hoặc xóa đối tượng đã chọn (Hình 25.7).

Lưu ý: Có thể hủy 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

Yêu cầu: Nắm vững được các thao tác thiết lập phần 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. Nháy chuột vào lúc này, không gian cho phần chân trang sẽ xuất hiện. 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ủa người dùng. Chẳng hạn, nội dung phổ biến nhất là tuyên bố về bản quyền, thông tin liên lạc như địa chỉ email, số điện thoại,… (Hình 25.9, Hình 25.10). Cũng 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).