Giáo án điện tử Tin học ứng dụng 12 kết nối Bài 26: Liên kết và thanh điều hướng

CHÀO MỪNG CÁC EM ĐẾN VỚI BÀI HỌC MỚI!

KHỞI ĐỘNG

Ở các bài học trước, em đã biết cách tạo ra các khối văn bản giới thiệu về các địa danh (Thung Nham, Mù Cang Chải) trong trang web đầu tiên, thường được gọi là trang chủ (home page). Nếu nội dung văn bản giới thiệu quá dài người dùng sẽ không dễ dàng đọc tiếp những phần sau. Hơn nữa, độ dài hai bài viết cạnh nhau có thể khác nhau, để lộ ra khoảng trống làm trang web không cân đối. Có giải pháp nào để khắc phục vấn đề này không?

KHỞI ĐỘNG

Có thể để bố cục trang web giống như kết quả của bài trước (ảnh và giới thiệu ngắn hoặc tên bài), khi bấm vào tên bài viết, mở ra trang có nội dung đầy đủ.

BÀI 26. LIÊN KẾT

VÀ THANH ĐIỀU HƯỚNG

NỘI DUNG BÀI HỌC

Tìm hiểu mô hình các trang web liên kết với nhau theo cấu trúc hình cây

1

Tạo và truy cập trang con

2

TÌM HIỂU MÔ HÌNH CÁC TRANG WEB LIÊN KẾT VỚI NHAU THEO CẤU TRÚC HÌNH CÂY

1

YÊU CẦU

Hiểu được mô hình tổ chức các trang web theo cấu trúc hình cây.

LÀM VIỆC NHÓM

Đọc phần hướng dẫn Nhiệm vụ 1 SGK tr.144, trình bày các khái niệm thông qua phân tích ví dụ cụ thể:

Liên kết (từ mang liên kết, cách sử dụng liên kết).

01

Trang chủ, trang con.

02

Liên kết (link): cụm từ mang liên kết và thao tác nháy chuột vào cụm từ đó để đi đến trang liên kết.

• Trang chủ: trang web đầu tiên chứa các khối văn bản giới thiệu.
• Trang con: các trang web mở từ bảng chọn của trang chủ gọi là trang con của trang chủ.

LÀM VIỆC NHÓM

Phác thảo mô hình trang web “Việt Nam - vẻ đẹp tiềm ẩn ra giấy”.

Trang chủ

Tây Bắc, Đông Bắc

Đồng bằng, trung du, Bắc bộ

Miền Trung

Tây Nguyên

Nam Bộ

Mù Cang Chải

Sa Pa

Thung Nham

Hạ Long

Bản Đôn

TP Hồ Chí Minh

Cần Thơ

Gợi ý

TẠO VÀ TRUY CẬP

TRANG CON

2

YÊU CẦU

Xây dựng được các trang con của trang chủ

1. Để tạo sản phẩm

Bước 1

Tạo trang bài viết giới thiệu chi tiết về địa danh Mù Cang Chải.

Bước 2

Tại trang chủ gắn link để truy cập đến trang Mù Cang Chải.

Bước 3

Tạo trang con Tây Bắc – Đông Bắc của Trang chủ, tạo trang con Mù Cang Chải trong Tây Bắc – Đông Bắc.

• Mở bảng chọn Trang
• Nháy chuột vào dấu cạnh Trang chủ → Thêm trang con → Gõ tên trang con (Mù Cang Chải) → Xong.

2. Các bước thực hành

1

Tạo trang con Tây Bắc – Đông Bắc của Trang chủ

Tạo trang con Mù Cang Chải của trang Tây Bắc – Đông Bắc (làm tương tự bước trên).

2

Kiểm tra kết quả tạo trang con, thực hiện truy cập các trang con từ bảng chọn Trang chủ.

• Chọn chế độ xem trước trên thanh công cụ để xem kết quả.
• Hiển thị thanh điều hướng sang trái hoặc bên trên cần tủy chỉnh: Cài đặt → Điều hướng → Phân tử xuất hiện nhiều nhất → Trên cùng/bên.

Thực hiện thêm nội dung bài viết và hình ảnh minh hoạ (tương tự cách thiết kế trang chủ đã học).

3

Bổ sung nội dung cho các trang con Mù Cang Chải.

4

Tạo liên kết từ bài viết giới thiệu Mù Cang Chải ở Trang chủ tới trang con Mù Cang Chải.

Tại Trang chủ, di chuyển tới cuối đoạn giới thiệu về Mù Cang Chải → nháy chuột phải → chọn biểu tượng chèn liên kết → Chọn liên kết tới trang Mù Cang Chải → nhập “Đọc tiếp” → Áp dụng.

THẢO LUẬN NHÓM

• Để truy cập tới trang Mù Cang Chải từ trang chủ, có mấy cách, là những cách nào? Nhiều cách truy cập tới một vị trí có lợi ích gì?
• Một trang web của một website có thể truy cập qua thanh điều hướng nhưng cũng có thể truy cập qua địa chỉ url chi tiết của nó. Ví dụ trang Mù Cang Chải của website Tiềm ẩn - Việt Nam có địa chỉ là https://sites.google.com/view/tieman-vietnam/trang-ch%E1%BB%A7/%C4%91%E1%BB%93ng-b%E1%BA%B1ng-b%E1%BA%AFcb%E1%BB%99 Nhưng địa chỉ như trên thật khó để nhớ! Có cách nào để đơn giản hoá địa chỉ chi tiết của một trang được không? Nếu có thể, hãy chỉ rõ cách thực hiện yêu cầu này; ngược lại giải thích rõ lí do không thể thực hiện?

Hướng dẫn thực hiện

a

Sử dụng các liên kết nội bộ để liên liên kết các trang web liên quan

Sử dụng liên kết nội bộ

Giúp người dùng tìm kiếm thêm thông tin về chủ đề đang quan tâm

Tăng thời gian người dùng ở lại website nên chú ý ưu tiên các liên kết nội bộ.

Cần sử dụng các liên kết có uy tín để tăng độ tin cậy cho website.

b

Google Sites có hỗ trợ đặt địa chỉ ngắn gọn cho trang web:

Ví dụ:

Muốn đặt địa chỉ cho Trang chủ ngắn gọn là Home thực hiện thao tác sau: Nháy chuột vào biểu tượng phía sau tên Trang chủ, chọn Thuộc tính - Nâng cao và nhập Home.

Sau khi xuất bản lại website, có thể truy cập trang Mù Cang Chải của website Tiềm ẩn - Việt Nam bằng địa chỉ:

https://sites.google.com/view/tieman-vietnam/home/tbdb/mcc

LUYỆN TẬP

Câu 1: Để tạo trang con, em sử dụng bảng chọn nào?

A. Bảng chọn Chèn.

B. Bảng chọn Giao diện.

C. Bảng chọn Trang.

D. Bảng chọn Cấu trúc.

C. Bảng chọn Trang.

Câu 2: Nếu người dùng truy cập bằng điện thoại hay máy tính bảng thì bảng chọn trên thanh điều hướng sẽ được hiển thị như thế nào?

--------------- Còn tiếp ---------------