PHẦN I. ÔN TẬP THEO CHỦ ĐỀ
CHỦ ĐỀ E. ỨNG DỤNG TIN HỌC
Sử dụng phần mềm tạo trang web – Thiết kế website tĩnh đơn giản
1. YÊU CẦU CẦN ĐẠT
- Sử dụng được một số chức năng cơ bản của phần mềm tạo trang web.
- Tạo được một trang web tĩnh đơn giản gồm một vài thành phần cơ bản.
- Menu: bảng chọn chính để liên kết đến các trang web tĩnh khác.
- Content: tiêu đề trang, khung hiển thị các bài viết, ảnh đại diện, mẫu biểu (form).
Bổ sung (thi TN THPT):
- Phân biệt được website tĩnh và website động.
- Biết vai trò của các dịch vụ Google Workspace trong xây dựng website.
- Hiểu nguyên tắc thiết kế website thân thiện với người dùng và bảo đảm bản quyền, bảo mật thông tin.
2. KIẾN THỨC TRỌNG TÂM
a. Cấu trúc cơ bản của một trang web
- Một trang web đầy đủ gồm ba phần chính: đầu trang, thân trang và chân trang.
- Phần đầu trang hiển thị logo, tên trang, thanh điều hướng, bảng chọn các chức năng, tiêu đề và thông tin tóm tắt.
- Favicon là biểu tượng đại diện cho tất cả các trang web trong một website, hiển thị trước địa chỉ trang web trên tab trình duyệt.
- Phần thân trang được tổ chức theo cấu trúc nhiều khối hình chữ nhật, mỗi khối giới thiệu một nội dung.
- Phần chân trang chứa thông tin thương hiệu, bản quyền, bảo mật, thông tin liên hệ và liên kết tới mạng xã hội.
Thành phần thường gặp của một website (Bổ sung)
- Banner
- Sidebar (thanh bên)
- Thanh tìm kiếm (Search Box)
- Hyperlink (siêu liên kết)
- Nút điều khiển (Button)
- Hình ảnh
- Video
- Google Maps
- Form liên hệ
Chức năng từng phần
Đầu trang (Header)
- Logo
- Tên website
- Menu điều hướng
- Banner
- Ô tìm kiếm
Thân trang (Content)
- Bài viết
- Hình ảnh
- Video
- Tin tức
- Biểu mẫu
- Bảng dữ liệu
Chân trang (Footer)
- Bản quyền
- Chính sách
- Điều khoản sử dụng
- Số điện thoại
- Địa chỉ
- Liên kết Facebook, YouTube...
- Google Maps
Website tĩnh và Website động
Lưu ý: Google Sites chủ yếu dùng để tạo website tĩnh.
b. Các bước chuẩn bị để xây dựng một trang web
Bước 1: Định hình ý tưởng
- Xác định mục đích của trang web và đối tượng sử dụng.
- Thiết lập các yêu cầu nội dung, giao diện và hình thức thể hiện.
- Nêu rõ các đặc điểm cần thể hiện: hình ảnh, ngôn ngữ, bố cục, tính năng cần có...
Cần xác định rõ:
- Đối tượng người dùng
- Thiết bị thường sử dụng
- Mục tiêu của website
- Nội dung chính
- Khả năng mở rộng sau này
Bước 2: Thiết kế trang web
- Thiết kế bố cục: Gồm phần đầu trang, thân trang, chân trang.
- Đầu trang: Logo, tiêu đề, bảng chọn chức năng.
- Thân trang: Nội dung chính (bài viết, hình ảnh, video...).
- Chân trang: Liên kết, bản quyền, chính sách, mạng xã hội...
- Thiết kế mỹ thuật: Định dạng chữ, màu sắc hài hòa, ảnh minh họa đồng bộ.
- Ưu tiên giao diện thân thiện, dễ đọc, dễ tìm kiếm thông tin.
Một số nguyên tắc thiết kế website:
- Bố cục rõ ràng
- Font chữ thống nhất
- Không sử dụng quá nhiều màu
- Kích thước chữ phù hợp
- Hình ảnh chất lượng cao
- Menu dễ sử dụng
- Nội dung ngắn gọn, dễ đọc
- Giao diện hiển thị tốt trên máy tính và điện thoại (Responsive)
UX và UI
- UI (User Interface): Là giao diện người dùng.
- UX (User Experience): Là trải nghiệm của người dùng khi sử dụng website.
- Đề thi thường hỏi: UI liên quan đến giao diện, UX liên quan đến trải nghiệm sử dụng.
Bước 3: Lựa chọn phần mềm và chuẩn bị tư liệu
- Nên sử dụng các công cụ miễn phí của Google: Google Sites, Docs, Slides, Sheets, Maps, YouTube...
- Lưu trữ và chia sẻ trên Google Drive, xuất bản bằng Google Sites.
- Chuẩn bị tư liệu: Favicon, logo, hình ảnh, bài viết, tiêu đề từng trang.
Vai trò của các công cụ Google
Chuẩn bị trước khi xuất bản:
- Kiểm tra chính tả
- Kiểm tra hình ảnh
- Kiểm tra liên kết
- Kiểm tra biểu mẫu
- Kiểm tra trên điện thoại
- Kiểm tra tốc độ tải
Bản quyền và an toàn thông tin
- Chỉ sử dụng hình ảnh, video, âm thanh có bản quyền hoặc được phép sử dụng.
- Ghi nguồn khi sử dụng tài liệu của người khác.
- Không thu thập thông tin cá nhân khi không cần thiết.
- Bảo vệ dữ liệu người dùng.
- Không công khai thông tin nhạy cảm.
Một số khái niệm cần biết
- Tên miền (Domain): Là địa chỉ của website. VD: google.com, vnexpress.net
- Hosting: Là nơi lưu trữ website trên Internet.
- HTTPS: Là giao thức giúp mã hóa dữ liệu khi truy cập website, tăng tính bảo mật.
Ghi nhớ (trọng tâm thi TN THPT)
- Website gồm Header – Content – Footer.
- Google Sites dùng để tạo website.
- Google Drive dùng để lưu trữ và chia sẻ dữ liệu.
- Google Forms dùng để tạo biểu mẫu, khảo sát.
- Favicon là biểu tượng hiển thị trên tab trình duyệt.
- Website tĩnh ít thay đổi nội dung, website động cập nhật thường xuyên và có cơ sở dữ liệu.
- Thiết kế website cần đảm bảo thẩm mỹ, dễ sử dụng, đúng bản quyền và an toàn thông tin.
Chủ đề:
Ôn Tập Thi TN THPT
