Lý thuyết Tin 12 Chân trời sáng tạo Bài E1: Tạo trang web, thiết lập giao diện và xem trước trang web
Với tóm tắt lý thuyết Tin học 12 Bài E1: Tạo trang web, thiết lập giao diện và xem trước trang web sách Chân trời sáng tạo hay nhất, ngắn gọn sẽ giúp học sinh lớp 12 nắm vững kiến thức trọng tâm, ôn luyện để học tốt môn Tin 12.
Lý thuyết Tin 12 Chân trời sáng tạo Bài E1: Tạo trang web, thiết lập giao diện và xem trước trang web
1. Phần mềm Google Sites
a) Trang web và phần mềm thiết kế web
Hình 1 minh hoạ một trang web được thiết kế bởi phần mềm thiết kế web. Phần mềm thiết kế web là phần mềm cung cấp các công cụ giúp thiết kế các trang web như hồ sơ cá nhân, tổng hợp thông tin, giới thiệu hoạt động đội nhóm, bán hàng, du lịch hay tin tức,...
Hiện nay có nhiều phần mềm thiết kế web từ đơn giản đến phức tạp: Google Sites, Figma, Wix, WordPress, Joomla, Adobe Dreamweaver,... Để thiết kế được trang web như Hình 1, em sử dụng phần mềm Google Sites.
b) Giới thiệu Google Sites
Google Sites là ứng dụng trực tuyến, miễn phí cho phép tạo trang web bằng cách kéo thả, dễ dàng hiệu chỉnh nội dung, thay đổi giao diện theo nhu cầu sử dụng. Có khả năng tích hợp với các ứng dụng khác trong hệ sinh thái của Google như Google Drive, Google Docs, Google Calendar, YouTube,... nên dễ dàng đưa các nội dung, video, hình ảnh,... với tính năng nhúng trực tiếp có thể xem trực tiếp các nội dung đó trên trang web.
Google Sites có thể thiết lập và cho phép nhiều người làm việc cùng nhau bằng cách phân quyền: Owners (sở hữu), Collaborators (cộng tác), Viewers (chỉ xem). Tích hợp sẵn bộ máy tìm kiếm của Google có thể tạo tên miền phụ hoàn toàn miễn phí.
c) Giao diện làm việc của phần mềm thiết kế web Google Sites
Hình 2 là giao diện làm việc của Google Sites. Trong đó, các thẻ chức năng bao gồm:
Thẻ Insert (Chèn): Cho phép chèn nội dung và các đối tượng vào trang web như hình ảnh, video, biểu đồ, biểu mẫu, bản đồ,...
Thẻ Pages (Trang): Tạo và quản lí các trang web.
Thẻ Themes (Giao diện): Cho phép tuỳ chỉnh giao diện trang web theo các chủ đề có sẵn, thêm giao diện mới và tự thiết kế giao diện theo tuỳ chọn cá nhân.
Google Sites là ứng dụng trực tuyến, miễn phí sử dụng để tạo trang web. Giao diện làm việc gồm 3 phần: Thanh công cụ, vùng làm việc, các thẻ chức năng.
2. Tạo trang web mới
Để tạo trang web bằng Google Sites, em sử dụng tài khoản Google, thực hiện đăng nhập và sử dụng Google Sites để thiết kế trang web, có hai cách như sau:
Cách 1. Khởi động trình duyệt web, nhập địa chỉ sites.google.com, đăng nhập tài khoản Google. Sau khi đăng nhập thành công, xuất hiện giao diện của Google Sites (Hình 3).
Cách 2. Nếu đã đăng nhập vào tài khoản Google, em nháy chọn biểu tượng (Các ứng dụng của Google) ở góc trên bên phải và chọn = Sites (Hình 4) để xuất hiện giao diện của Google Sites.
Để tạo trang web, chon Blank hoặc Template gallery
3. Thiết lập giao diện cho trang web
Create Theme: tùy chỉnh giao diện cho trang web
Import Theme: nhập giao diện được tạo trước
4. Xem trước trang web
Mục đích: kiểm tra bố cục, nội dung hiển thị trước khi công bố trang web
Để xem trước, nhấn Preview Chọn chế độ phone/ tablet/ large screen
Để thoát chế độ xem trước nhấn Exit preview
Xem thêm tóm tắt lý thuyết Tin học lớp 12 Chân trời sáng tạo hay khác:
Lý thuyết Tin học 12 Bài E2: Tạo, hiệu chỉnh trang web và thiết kế thanh điều hướng
Lý thuyết Tin học 12 Bài E3: Tạo văn bản, chèn hình ảnh và tạo chân trang
Lý thuyết Tin học 12 Bài E4: Sử dụng Content Blocks, Button, Divider
Lý thuyết Tin học 12 Bài E5: Nhúng mã và tạo băng chuyền hình ảnh
Lý thuyết Tin học 12 Bài E6: Chèn YouTube, Calendar, Drive và Collapsible group
Xem thêm các tài liệu học tốt lớp 12 hay khác:
- Giải sgk Tin học 12 Chân trời sáng tạo
- Giải Chuyên đề Tin học 12 Chân trời sáng tạo
- Giải SBT Tin học 12 Chân trời sáng tạo
- Giải lớp 12 Chân trời sáng tạo (các môn học)
- Giải lớp 12 Kết nối tri thức (các môn học)
- Giải lớp 12 Cánh diều (các môn học)
Sách VietJack thi THPT quốc gia 2025 cho học sinh 2k7:
- Soạn văn 12 (hay nhất) - CTST
- Soạn văn 12 (ngắn nhất) - CTST
- Giải sgk Toán 12 - CTST
- Giải Tiếng Anh 12 Global Success
- Giải sgk Tiếng Anh 12 Smart World
- Giải sgk Tiếng Anh 12 Friends Global
- Giải sgk Vật Lí 12 - CTST
- Giải sgk Hóa học 12 - CTST
- Giải sgk Sinh học 12 - CTST
- Giải sgk Lịch Sử 12 - CTST
- Giải sgk Địa Lí 12 - CTST
- Giải sgk Giáo dục KTPL 12 - CTST
- Giải sgk Tin học 12 - CTST
- Giải sgk Hoạt động trải nghiệm 12 - CTST
- Giải sgk Âm nhạc 12 - CTST