X

Tin học 12 Chân trời sáng tạo

Nhiệm vụ 1. Thiết kế thanh điều hướng và tạo ra. Yêu cầu: Sử dụng trang web


Giải Tin học 12 Bài E2: Tạo, hiệu chỉnh trang web và thiết kế thanh điều hướng - Chân trời sáng tạo

Thực hành trang 59 Tin học 12: Nhiệm vụ 1. Thiết kế thanh điều hướng và tạo ra

Yêu cầu: Sử dụng trang web chủ đề bán hàng đã tạo trong " thiết kế thanh điều hướng và tạo các trang (chưa có dữ liệu): Sản phẩm, Tin tức, Sự kiện, Chính sách, Liên hệ. Thực hiện các thao tác trên trang như: thay đổi vị trí hiển thị, nhân bản, ẩn, xoá, đổi tên để thiết kế thanh điều hướng theo mẫu như Hình 7.

Nhiệm vụ 1. Thiết kế thanh điều hướng và tạo ra. Yêu cầu: Sử dụng trang web

Lời giải:

1. Tạo các trang và thiết kế thanh điều hướng

Nháy chọn thẻ Page, đưa con trỏ đến biểu tượng Nhiệm vụ 1. Thiết kế thanh điều hướng và tạo ra. Yêu cầu: Sử dụng trang web chọn New page. Xuất hiện hộp thoại New page (Hình 8), nhập tên trang cần tạo là “Sản phẩm” và chọn Done.

Nhiệm vụ 1. Thiết kế thanh điều hướng và tạo ra. Yêu cầu: Sử dụng trang web

Sau khi tạo xong trang Sản phẩm, trang này sẽ được hiển thị lên thanh điều hướng (Hình 9).

Như vậy, khi tạo mới một trang bất kì, trang đó sẽ tự động hiển thị lên thanh điều hướng.

Tương tự, tạo các trang Liên hệ, Chính sách, Sự kiện, Tin tức để đạt kết quả như Hình 10.

Nhiệm vụ 1. Thiết kế thanh điều hướng và tạo ra. Yêu cầu: Sử dụng trang web

2. Thay đổi vị trí hiển thị, nhân bản, ẩn/hiển thị, xoá và đổi tên các trang.

Thay đổi vị trí hiển thị trang: Để thay đổi thứ tự vị trí của trang Tin tức, em kéo thả trang Tin tức đến vị trí mới (Hình 11). Thực hiện di chuyển tương tự với các trang còn lại để được kết quả như Hình 7.

Nhiệm vụ 1. Thiết kế thanh điều hướng và tạo ra. Yêu cầu: Sử dụng trang web

Nhân bản trang: Nháy chọn biểu tượng Nhiệm vụ 1. Thiết kế thanh điều hướng và tạo ra. Yêu cầu: Sử dụng trang web nằm bên phải trang cần nhân bản (ví dụ trang Tin tức), chọn Duplicate page. Tại hộp thoại Duplicate, nhập tên trang là “Điều khoản” và chọn “Done” (Hình 12).

Nhiệm vụ 1. Thiết kế thanh điều hướng và tạo ra. Yêu cầu: Sử dụng trang web

Ẩn/hiển thị trang: Nháy chọn biểu tượng Nhiệm vụ 1. Thiết kế thanh điều hướng và tạo ra. Yêu cầu: Sử dụng trang web nằm bên phải trang cần ẩn (trang Điều khoản), chọ Hide from navigation, trang sẽ được ẩn (Hình 13). Để hiển thị trang đã ẩn, em nháy chọn biểu tượng Nhiệm vụ 1. Thiết kế thanh điều hướng và tạo ra. Yêu cầu: Sử dụng trang web nằm bên phải trang đã ẩn và chọn Show in navigation.

Nhiệm vụ 1. Thiết kế thanh điều hướng và tạo ra. Yêu cầu: Sử dụng trang web

Xoá trang: Nháy chọn biểu tượng nằm bên phải trang cần xoá (trang Điều khoản), chọn Delete, trang sẽ được xoá (Hình 14).

Đổi tên trang: Để đổi tên trang Home thành Trang chủ, nháy chọn biểu tượng % nằm bên phải trang Home và chọn Properties. Trong mục Name của hộp thoại Properties, nhập vào tên mới “Trang chủ” và chọn Done (Hình 15).

Nhiệm vụ 1. Thiết kế thanh điều hướng và tạo ra. Yêu cầu: Sử dụng trang web

Cuối cùng, em được kết quả thanh điều hướng như Hình 16

Nhiệm vụ 1. Thiết kế thanh điều hướng và tạo ra. Yêu cầu: Sử dụng trang web

Lời giải bài tập Tin học 12 Bài E2: Tạo, hiệu chỉnh trang web và thiết kế thanh điều hướng hay khác:

Xem thêm lời giải bài tập Tin học lớp 12 Chân trời sáng tạo hay nhất, ngắn gọn khác: