BÀI E1. TẠO TRANG WEB, THIẾT LẬP GIAO DIỆN VÀ XEM TRƯỚC TRANG WEB (CTST

BÀI E1. TẠO TRANG WEB, THIẾT LẬP GIAO DIỆN VÀ XEM TRƯỚC TRANG WEB (CTST - ICT)

Đây là bài soạn lý thuyết tin học 12 - sách Chân trời sáng tạo. 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.

1. Phần mềm Google Sites

a) Trang web và phần mềm thiết kế web

- Phần mềm thiết kế web giúp tạo các trang web về hồ sơ cá nhân, bán hàng, thông tin nhóm,...
- Google Sites là một trong các công cụ đơn giản, dễ sử dụng để tạo trang web.

b) Giới thiệu Google Sites

- Là ứng dụng miễn phí, thiết kế web bằng thao tác kéo thả, dễ tích hợp với các dịch vụ của Google như Drive, Docs, YouTube,...
- Cho phép phân quyền người dùng (Owner, Collaborator, Viewer) và hỗ trợ tên miền phụ miễn phí.

c) Giao diện làm việc của phần mềm thiết kế web Google Sites

Gồm 3 phần: thanh công cụ, vùng làm việc và các thẻ chức năng:
+ Insert: chèn nội dung (ảnh, video, biểu mẫu,...).
+ Pages: quản lý các trang.
+ Themes: chỉnh giao diện, tạo giao diện mới hoặc nhập từ bên ngoài.

2. Tạo trang web mới

- Truy cập Google Sites qua địa chỉ sites.google.com hoặc từ biểu tượng ứng dụng Google.
- Có thể chọn tạo trang trống (Blank) hoặc sử dụng mẫu có sẵn (Template gallery).
- Sau khi chọn, người dùng có thể tùy chỉnh giao diện và nội dung theo mục tiêu sử dụng.

3. Thiết lập giao diện cho trang web

- Thẻ Themes cung cấp các mẫu giao diện với màu sắc, phông chữ khác nhau.
- Có thể chỉnh sửa giao diện sẵn có, tạo mới bằng Create Theme, hoặc nhập giao diện bên ngoài bằng Import Theme.
- Cho phép cá nhân hoá giao diện theo nhu cầu.

4. Xem trước trang web

- Dùng chức năng Preview để xem trước nội dung thiết kế.
- Có 3 chế độ xem:
+ Phone (di động)
+ Tablet (máy tính bảng)
+ Large screen (máy tính)
- Cho phép kiểm tra và chỉnh sửa bố cục trước khi công bố.

THỰC HÀNH

Nhiệm vụ: Thiết kế trang web sử dụng giao diện có sẵn
- Chủ đề: Bán hàng, thông tin mặt hàng là trái cây đặc sản Việt Nam.
- Tiêu đề chính: “TRÁI CÂY VIỆT NIỀM TỰ HÀO ĐẤT NƯỚC”
- Tên trang web: “VietFruit”
- Giao diện: IMPRESSION
- Nội dung thực hiện:
+ Tạo trang web trống bằng nút Blank.
+ Chọn giao diện IMPRESSION.
+ Đặt tên trang, chèn logo.
+ Nhập tiêu đề trang, căn chỉnh khung văn bản.
+ Tải ảnh bìa phù hợp, chọn loại Banner và căn chỉnh.
+ Xem trước trang web qua biểu tượng Preview với 3 chế độ thiết bị.

CÙNG CHUYÊN MỤC:

CHỦ ĐỀ A. MÁY TÍNH VÀ XÃ HỘI TRI THỨC

Bài A1. Giới thiệu Trí tuệ nhân tạo
Bài A2. Trí tuệ nhân tạo và cuộc sống
Bài A3(ict). Thực hành kết nối thiết bị số với máy tính
Bài A4(ict). Thực hành kết nối thiết bị số với máy tính (tiếp theo)

CHỦ ĐỀ B. MẠNG MÁY TÍNH VÀ INTERNET

Bài B1. Thiết bị và giao thức mạng
Bài B2. Các chức năng mạng của hệ điều hành
Bài B3. Thực hành kết nối và sử dụng mạng trên thiết bị thông minh
Bài B4(cs). Vai trò của các thiết bị mạng
Bài B5(cs). Đường truyền hữu tuyến và vô tuyến
Bài B6(cs). Thiết kế mạng nội bộ
Bài B7(cs). Thực hành thiết kế mạng nội bộ

CHỦ ĐỀ D. ĐẠO ĐỨC, PHÁP LUẬT VÀ VĂN HÓA TRONG MÔI TRƯỜNG SỐ

Bài D1. Giao tiếp trong không gian mạng
Bài D2. Giữ gìn tính nhân văn trong không gian mạng

CHỦ ĐỀ E. ỨNG DỤNG TIN HỌC

Bài E1(ict). Tạo trang web, thiết lập giao diện và xem trước trang web
Bài E2(ict). Tạo, hiệu chỉnh trang web và thiết kế thanh điều hướng
Bài E3(ict). Tạo văn bản, chèn hình ảnh và tạo chân trang
Bài E4(ict). Sử dụng Content Blocks, Buttun, Divider
Bài E5(ict). Nhúng mã và tạo băng chuyền hình ảnh
Bài E6(ict). Chèn YouTube, Calendar, Drive và Collapsible group
Bài E7(ict). Sử dụng Map, Form và các thiết lập trang web
Bài E8(ict). Hoàn thiện và xuất bản trang web

CHỦ ĐỀ F. GIẢI QUYẾT VẤN ĐỀ VỚI SỰ TRỢ GIÚP CỦA MÁY TÍNH