Thầy Cải - Quốc Thái

BÀI E7. SỬ DỤNG MAP, FORM VÀ CÁC THIẾT LẬP 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. Công cụ Map

- Dùng để chèn bản đồ Google Maps vào trang web.
- Có hai lựa chọn: nhập địa chỉ cần chèn hoặc chọn từ bản đồ đã lưu (My Maps).
- Không thể thay đổi bản đồ đã chèn, cần xóa rồi chèn lại.
- Có thể xem bản đồ ở tab mới.

2. Công cụ Forms

- Dùng để chèn biểu mẫu Google Forms đã tạo sẵn vào trang web.
- Chọn biểu mẫu từ danh sách và chèn.
- Không thể chỉnh sửa trực tiếp trên trang, chỉ thay đổi bằng cách xóa và chèn biểu mẫu khác.
- Có thể mở biểu mẫu ở tab mới.

3. Chia sẻ và cộng tác

- Cho phép chia sẻ quyền truy cập vào trang web với người khác để xem hoặc chỉnh sửa.
- Chia sẻ bằng email, tùy chọn cấp quyền: xem nội dung đã phát hành (Published Viewer) hoặc chỉnh sửa (Editor).

4. Xem lịch sử thay đổi trang web

- Sử dụng công cụ “Version history” để xem và khôi phục các phiên bản trước.
- Cho phép đặt tên, tạo bản sao hoặc khôi phục phiên bản.

5. Tạo bản sao cho trang web

- Giúp lưu trữ và thử nghiệm thiết kế khác mà không làm ảnh hưởng đến bản gốc.
- Có thể tạo bản sao toàn bộ trang hoặc chọn trang cụ thể.

THỰC HÀNH

Nhiệm vụ. Sử dụng các công cụ Map, Forms
- Trang Liên hệ gồm:
+ Tiêu đề: “LIÊN HỆ VỚI CHÚNG TÔI”.
+ Cột 1: chèn bản đồ vị trí.
+ Cột 2: chèn biểu mẫu liên hệ với các trường: họ và tên, số điện thoại, email, nội dung liên hệ.
- Biểu mẫu cần được tạo trước bằng Google Forms.

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

Bài F1. HTML và trang web
Bài F2. Tạo và định dạng trang web với các thẻ HTML
Bài F3. Tạo bảng và khung trong trang web với HTML
Bài F4. Thêm dữ liệu đa phương tiện vào trang web
Bài F5. Tạo biểu mẫu trong trang web
Bài F6. Dự án tạo trang web
Bài F7. Giới thiệu CSS
Bài F8. Một số thuộc tính cơ bản của CSS
Bài F9. Một số thuộc tính định kiểu bằng vùng chọn trong CSS
Bài F10. Định kiểu CSS cho siêu liên kết và danh sách
Bài F11. Định kiểu CSS cho bảng và phần tử div
Bài F12. Định kiểu CSS cho biểu mẫu
Bài F13. Dự án tạo trang web (tiếp theo)
Bài F14(cs). Học máy
Bài F15(cs). Khoa học dữ liệu
Bài F16(cs). Máy tính, thuật toán và Khoa học dữ liệu
Bài F17(cs). Hoạt động trải nghiệm về Khoa học dữ liệu
Bài F18(cs). Kĩ thuật mô phỏng
Bài F19(cs). Sử dụng phần mềm mô phỏng

CHỦ ĐỀ G. HƯỚNG NGHIỆP VỚI TIN HỌC

Bài G1. Nhóm nghề dịch vụ thuộc ngành Công nghệ thông tin
Bài G2. Nhóm nghề quản trị thuộc ngành Công nghệ thông tin
Bài G3. Một số nghề ứng dụng tin học và một số ngành thuộc lĩnh vực Công nghệ thông tin

CÁC CHUYÊN MỤC LIÊN QUAN:

☞ Kiểm tra tin học 12 - Chân trời sáng tạo
☞ Lý thuyết tin học 12 - Chân trời sáng tạo
☞ Thực hành tin học 12 - Chân trời sáng tạo
☞ Gợi ý trả lời tin học 12 - Chân trời sáng tạo
☞ Trắc nghiệm tin học 12 - Chân trời sáng tạo
☞ Bài giảng điện tử tin học 12 - Chân trời sáng tạo

BÀI E6. CHÈN YOUTUBE, CALENDAR, DRIVE VÀ COLLAPSIBLE GROUP (CTST - ICT)

THỰC HÀNH

Nhiệm vụ 1. Sử dụng công cụ YouTube, Calendar, Drive và Collapsible group
- Trang Sự kiện gồm:
+ Phần 1 – Google Calendar: Nhúng lịch biểu sự kiện bằng công cụ Calendar. Có thể tùy chỉnh hiển thị tiêu đề, ngày, múi giờ, chế độ xem như Tuần (Week).
+ Phần 2 – YouTube: Nhúng 2 video từ YouTube bằng công cụ YouTube. Có thể tìm kiếm video hoặc nhập URL. Tùy chỉnh điều khiển, màu thanh tiến trình, chế độ toàn màn hình.
+ Phần 3 – Collapsible group: Dùng để tạo nhóm nội dung câu hỏi – trả lời dạng thu gọn. Nhập tiêu đề hiển thị và nội dung cần ẩn/hiện theo nhu cầu.
- Hoàn thành xong trang Sự kiện bằng các công cụ: Calendar, YouTube và Collapsible group.
Nhiệm vụ 2. Sử dụng công cụ Drive
- Trang Chính sách gồm:
+ Phần 1 – Chính sách mua hàng: Nhúng tài liệu từ Google Drive, tiêu đề “CHÍNH SÁCH MUA HÀNG”.
+ Phần 2 – Chính sách bảo mật thông tin: Nhúng tiếp tài liệu khác từ Drive, tiêu đề “CHÍNH SÁCH BẢO MẬT THÔNG TIN”.
- Ngoài công cụ Drive còn có thể chèn tài liệu từ Docs, Slides, Sheets và Charts.
- Lưu ý: Tài liệu nhúng từ Drive cần được chia sẻ ở chế độ cho phép xem.

CÙNG CHUYÊN MỤC:

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

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

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

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

CHỦ ĐỀ G. HƯỚNG NGHIỆP VỚI TIN HỌC

CÁC CHUYÊN MỤC LIÊN QUAN:

BÀI E5. NHÚNG MÃ VÀ TẠO BĂNG CHUYỀN HÌNH ẢNH (CTST - ICT)

1. Công cụ Image carousel

- Image carousel dùng để trình chiếu hình ảnh dưới dạng băng chuyền trên trang web.

a) Tạo mới băng chuyền hình ảnh:

- Chọn Insert → Image carousel, thêm hình ảnh từ máy hoặc thư viện, có thể thêm chú thích hoặc xóa ảnh.

b) Hiệu chỉnh băng chuyền hình ảnh:

- Nhấp vào hình ảnh để sửa, thêm, xóa, hoặc cài đặt các tùy chọn như:
+ Hiển thị dấu chấm (Show dots)
+ Hiển thị chú thích (Show captions)
+ Tự động chạy (Auto start)
+ Tốc độ chuyển ảnh (Transition speed)

2. Công cụ Embed

- Embed dùng để nhúng liên kết hoặc mã HTML từ các trang web vào trang web của mình.

a) Nhúng vào trang web:

Chọn Insert → Embed, có thể nhúng bằng URL hoặc mã nhúng.

b) Thay đổi các tùy chọn nhúng:

Có thể bật/tắt hình ảnh, tiêu đề và mô tả ngắn cho liên kết được nhúng.

THỰC HÀNH

Nhiệm vụ 1. Tạo băng chuyển hình ảnh bằng công cụ Image carousel
- Thiết kế trang “Sản phẩm” với:
+ Hình nền mới cho phần đầu trang.
+ Băng chuyền hình ảnh sản phẩm bán chạy.
+ Lưới hiển thị 9 sản phẩm (3 hàng x 3 cột), mỗi sản phẩm có tên, giá và nút “Xem thêm”.
Nhiệm vụ 2. Sử dụng công cụ Embed để nhúng mã
- Thiết kế trang “Tin tức”:
+ Nhúng 2 trang web có hình ảnh, tiêu đề và mô tả ngắn về trái cây đặc sản.
+ Thực hiện qua công cụ Embed bằng URL, căn chỉnh hiển thị phù hợp.

CÙNG CHUYÊN MỤC:

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

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

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

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

CHỦ ĐỀ G. HƯỚNG NGHIỆP VỚI TIN HỌC

CÁC CHUYÊN MỤC LIÊN QUAN:

BÀI E4. SỬ DỤNG CONTENT BLOCKS, BUTTON, DIVIDER (CTST - ICT)

BÀI E4. SỬ DỤNG CONTENT BLOCKS, BUTTON, DIVIDER (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 là kiến thức cốt lõi chung cho cả hai định hướng: Khoa học máy tính (cs) và 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. Công cụ Content Blocks

- Content Blocks cung cấp các mẫu chia nội dung thành các cột để chèn dữ liệu như văn bản, hình ảnh, Drive, YouTube, Calendar và Map.
- Có thể chèn nội dung bằng cách chọn biểu tượng chèn và chọn nguồn dữ liệu phù hợp.
- Người dùng có thể thay đổi bố cục trình bày bằng cách kéo thả các đối tượng giữa các cột.
- Công cụ này cho phép hiệu chỉnh mẫu thiết kế sẵn linh hoạt để trình bày thông tin theo nhu cầu.

2. Công cụ Divider

- Dùng để tạo đường phân chia giữa các nội dung trên trang web.
- Được chèn thông qua Insert → Divider.
- Màu của Divider phụ thuộc vào màu giao diện trang web và không chỉnh màu riêng biệt được.

3. Công cụ Button

- Dùng để tạo nút liên kết đến các trang web khác.
- Insert → Button → nhập tên nút và liên kết.
- Có thể chỉnh định dạng nút như kiểu tô nền, đường viền, văn bản; căn chỉnh; hiệu chỉnh nội dung; sao chép hoặc xóa nút.

THỰC HÀNH

Nhiệm vụ: Dùng các công cụ đã học để thiết kế phần giữa trang chủ dựa trên trang web bán hàng đã tạo ở Bài E3.
Hướng dẫn thực hiện gồm 4 bước:
- Chèn Divider: Dùng Insert → Divider để tạo đường phân chia đầu tiên.
- Thiết kế phần thứ hai:
+ Dùng Content Blocks để tạo bố cục hai cột.
+ Chèn hình ảnh vào cột trái, văn bản vào cột phải.
+ Có thể di chuyển vị trí hình ảnh, chỉnh màu nền (Style 3).
- Thiết kế phần thứ ba:
+ Tạo bản sao phần thứ hai, chỉnh sửa nội dung, hình ảnh, màu nền (Style 1), di chuyển hình ảnh sang trái.
- Tạo nút “Xem thêm”:
+ Dùng Insert → Button, nhập tên nút và liên kết đến trang sản phẩm.
+ Di chuyển nút đặt dưới phần văn bản.
Kết quả: Hoàn thành nội dung giữa của trang chủ, sử dụng kết hợp hình ảnh và văn bản để tăng tính chuyên nghiệp.

CÙNG CHUYÊN MỤC:

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

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

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

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

CHỦ ĐỀ G. HƯỚNG NGHIỆP VỚI TIN HỌC

CÁC CHUYÊN MỤC LIÊN QUAN:

BÀI E3. TẠO VĂN BẢN, CHÈN HÌNH ẢNH VÀ TẠO CHÂN TRANG (CTST - ICT)

1. Công cụ thiết kế Text box, Images

- Text box: dùng để nhập văn bản như tiêu đề, mô tả, có thể định dạng kiểu chữ (Title, Heading, Subheading,...), phông chữ, màu sắc, căn lề, tạo danh sách,...
- Images: dùng để chèn ảnh từ nhiều nguồn (máy tính, Google Drive, Google Images,...). Có thể cắt, thay đổi, thêm liên kết, văn bản thay thế và chú thích.

2. Công cụ Social links

- Dùng để chèn liên kết mạng xã hội (Facebook, Zalo, Instagram,...).
- Có thể thêm hình đại diện, liên kết, thêm/xoá link.

3. Các tuỳ chỉnh Section (mục)

- Mỗi nội dung là một Section riêng có thể:
+ Đổi màu/nền: chọn giữa các kiểu màu có sẵn hoặc dùng ảnh nền.
+ Duplicate section: tạo bản sao section.
+ Delete section: xoá section không cần thiết.

THỰC HÀNH

Nhiệm vụ: Thiết kế chân trang
- Dựa trên trang web bán hàng từ Bài E2, thiết kế chân trang gồm 3 cột:
+ Cột 1: logo, tên trang “VIETFRUIT”, địa chỉ, điện thoại, email, liên kết mạng xã hội.
+ Cột 2: tiêu đề “VỀ CHÚNG TÔI” và các liên kết: Trang chủ, Sản phẩm, Tin tức, Liên hệ.
+ Cột 3: tiêu đề “CHÍNH SÁCH” và các liên kết: Chính sách mua hàng, bảo mật, điều khoản dịch vụ, giao nhận.
- Các bước:
+ Thêm chân trang → Chèn logo và văn bản thông tin.
+ Dùng Text box để tạo tiêu đề và các mục.
+ Dùng Social links để chèn biểu tượng mạng xã hội có liên kết.
+ Điều chỉnh kích thước, vị trí, căn lề các nội dung theo 3 cột.
+ Tô màu nền chân trang bằng Style 3 trong Section colors.
+ Dùng Edit footer để chỉnh sửa hoặc ẩn chân trang khỏi một trang cụ thể.
- Kết quả: phần chân trang sẽ hiển thị ở cuối mỗi trang trên toàn bộ website và có thể dùng để điều hướng.

CÙNG CHUYÊN MỤC:

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

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

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

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

CHỦ ĐỀ G. HƯỚNG NGHIỆP VỚI TIN HỌC

CÁC CHUYÊN MỤC LIÊN QUAN:

BÀI E2. TẠO, HIỆU CHỈNH TRANG WEB VÀ THIẾT KẾ THANH ĐIỀU HƯỚNG (CTST - ICT)

1. Tạo thêm trang mới

- Chọn thẻ Pages, nhấp vào biểu tượng dấu cộng, chọn New page, nhập tên và nhấn Done.
- Trang mới sẽ tự động hiển thị trên thanh điều hướng.

2. Hiệu chỉnh các trang

- Với trang chủ: + Duplicate page: sao chép trang.
+ Properties: đổi tên hoặc đặt tên rút gọn.
+ Add subpage: thêm trang con.
- Với các trang khác:
+ Make homepage: đặt làm trang chủ.
+ Duplicate page: sao chép trang.
+ Properties: đổi tên.
+ Add subpage: thêm trang con.
+ Hide from navigation: ẩn khỏi thanh điều hướng.
+ Delete: xóa trang.

3. Thiết kế thanh điều hướng

- Các trang mới sẽ tự động hiển thị trên thanh điều hướng (dạng ngang mặc định, nằm trên cùng).
- Có thể kéo thả để sắp xếp lại thứ tự trang hiển thị.
- Trang có thể được nhân bản, đổi tên, chuyển thành trang con, ẩn, xoá hoặc thay đổi vị trí.

THỰC HÀNH

Nhiệm vụ 1. Thiết kế thanh điều hướng và tạo trang mới
- Dựa trên trang web bán hàng đã tạo ở Bài E1, tạo thêm các trang: 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:
+ Tạo mới: Trang mới tự động hiển thị trên thanh điều hướng.
+ Thay đổi vị trí: Kéo thả thứ tự hiển thị các trang.
+ Nhân bản: Ví dụ, sao chép trang “Tin tức” thành “Điều khoản”.
+ Ẩn/Hiển thị: Ẩn trang “Điều khoản” khỏi thanh điều hướng.
+ Xoá: Xoá trang “Điều khoản”.
+ Đổi tên: Đổi “Home” thành “Trang chủ”.
- Kết quả là thanh điều hướng hoàn chỉnh theo mẫu.
Nhiệm vụ 2. Thay đổi cách trình bày thanh điều hướng
- Vào Settings → Navigation, chọn:
+ Mode: Dạng Side (dọc) hoặc Top (ngang).
+ Color: Chọn Black, hoặc các tùy chọn khác như Transparent hoặc White.
- Dùng chức năng xem trước để kiểm tra giao diện sau thay đổi.

CÙNG CHUYÊN MỤC:

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

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

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

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

CHỦ ĐỀ G. HƯỚNG NGHIỆP VỚI TIN HỌC

CÁC CHUYÊN MỤC LIÊN QUAN:

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

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

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

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

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

CHỦ ĐỀ G. HƯỚNG NGHIỆP VỚI TIN HỌC

CÁC CHUYÊN MỤC LIÊN QUAN:

BÀI D2. GIỮ GÌN TÍNH NHÂN VĂN TRONG KHÔNG GIAN MẠNG (CTST - CS & ICT)

1. Tính nhân văn

- Tính nhân văn là sự thấu hiểu, đồng cảm, giúp đỡ lẫn nhau; không phân biệt đối xử; tôn trọng quyền riêng tư, pháp luật và hành động có trách nhiệm.
- Thể hiện qua sự quan tâm đến người khác, ứng xử văn minh, ý thức kỷ luật và tinh thần hợp tác trong xã hội.

2. Một số vấn đề phát sinh về tính nhân văn trong không gian mạng

- Người dùng thường ẩn danh, dễ thực hiện hành vi không thể làm trong đời thực.
- Xu hướng “sống ảo”, chỉnh sửa hình ảnh, chạy theo trào lưu, tìm kiếm sự chú ý gây ảnh hưởng tiêu cực đến nhận thức.
- Các KOL có thể dẫn dắt dư luận, cả tích cực lẫn tiêu cực.
- Trí tuệ nhân tạo và thuật toán đề xuất làm người dùng dễ tiếp cận thông tin sai lệch, khó phân biệt thật – giả.
- Tình trạng lan truyền thông tin không kiểm chứng, dùng ngôn từ phản cảm, thiếu tôn trọng sự khác biệt ngày càng phổ biến.
- Không gian mạng dễ bị lợi dụng bởi các thế lực xấu, thiếu kiểm soát nội dung.

3. Biện pháp gìn giữ tính nhân văn trong không gian mạng

Đối với người dùng:
- Nâng cao ý thức đạo đức:
+ Tìm hiểu chuẩn mực đạo đức, tự kiểm tra hành vi, kiềm chế lời nói, hành động thiếu tôn trọng.
+ Giao tiếp lịch sự, tôn trọng quan điểm người khác.
+ Hỗ trợ người có hoàn cảnh khó khăn, không thờ ơ với thông tin cộng đồng.
- Tuân thủ pháp luật:
+ Hiểu và phổ biến Luật Công nghệ thông tin, Luật An toàn thông tin mạng, Luật An ninh mạng, Nghị định 15/2020/NĐ-CP, Bộ Quy tắc ứng xử trên mạng xã hội.
+ Kiểm tra kỹ thông tin trước khi chia sẻ, tránh gây tổn hại cho người khác.
- Kiểm soát thông tin cá nhân:
+ Bảo mật tài khoản, đặt mật khẩu an toàn, giới hạn người xem nội dung.
+ Tham gia tập huấn về an toàn mạng.
- Lan tỏa nội dung tích cực:
+ Chia sẻ thông tin có kiểm chứng, lan tỏa hình ảnh đẹp, tránh ngôn từ bạo lực, phân biệt.
+ Hỗ trợ người yếu thế, tôn trọng sự đa dạng và khác biệt.
Đối với cơ quan, tổ chức:
- Kiểm duyệt nội dung:
+ Cơ quan chuyên môn, công ty quản lý nền tảng cần kiểm duyệt nội dung trước khi đăng tải.
+ Trung tâm giám sát an toàn mạng quốc gia và các đơn vị thuộc Bộ Công An, Bộ Thông tin và Truyền thông phối hợp kiểm soát và ngăn chặn nội dung vi phạm.
- Giám sát hành vi người dùng:
+ Nhận diện hành vi lệch chuẩn, phân biệt đối xử, xâm hại danh dự người khác, ngăn chặn kịp thời và xử lý phù hợp.
+ Tạo ra môi trường mạng an toàn, lành mạnh.

CÙNG CHUYÊN MỤC:

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

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

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

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

CHỦ ĐỀ G. HƯỚNG NGHIỆP VỚI TIN HỌC

CÁC CHUYÊN MỤC LIÊN QUAN:

BÀI E7. SỬ DỤNG MAP, FORM VÀ CÁC THIẾT LẬP TRANG WEB (CTST - ICT)

BÀI E6. CHÈN YOUTUBE, CALENDAR, DRIVE VÀ COLLAPSIBLE GROUP (CTST - ICT)

BÀI E5. NHÚNG MÃ VÀ TẠO BĂNG CHUYỀN HÌNH ẢNH (CTST - ICT)

BÀI E4. SỬ DỤNG CONTENT BLOCKS, BUTTON, DIVIDER (CTST - ICT)

BÀI E3. TẠO VĂN BẢN, CHÈN HÌNH ẢNH VÀ TẠO CHÂN TRANG (CTST - ICT)

BÀI E2. TẠO, HIỆU CHỈNH TRANG WEB VÀ THIẾT KẾ THANH ĐIỀU HƯỚNG (CTST - ICT)

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

BÀI D2. GIỮ GÌN TÍNH NHÂN VĂN TRONG KHÔNG GIAN MẠNG (CTST - CS & ICT)

Chuyên mục bài viết

Các trang web hữu ích

Các video clip đáng xem

Tổng số lượt xem