KIỂM TRA BÀI CŨ
KHỞI ĐỘNG
BÀI 23. CHUẨN BỊ XÂY DỰNG TRANG WEB
1. NHỮNG ĐẶC ĐIỂM CHUNG CỦA TRANG WEB
Một trang web đầy đủ thường có cấu trúc gồm 3 phần chính: Đầu trang, Thân trang và Chân trang.
a) Phần đầu trang (Header)
Đặc điểm:
Giống như trang bìa thu gọn hoặc phần đầu chương sách. Chứa các thông tin nổi bật như: Logo, tên trang, thanh điều hướng (bảng chọn), thanh tìm kiếm, tiêu đề hoặc tin mới.
Lưu ý về Favicon:
Là biểu tượng nhỏ hiển thị trên tab của trình duyệt web (trước địa chỉ web), đại diện cho website.
TRẢ LỜI CÂU HỎI TRẮC NGHIỆM:
Câu 1: Theo nội dung của bài học về việc chuẩn bị xây dựng trang web, phần đầu trang (Header) của một trang web thường chứa những thông tin nổi bật nào sau đây để người dùng dễ dàng quan sát và thao tác?
Câu 2: Trong quá trình xây dựng cấu trúc của một trang web đầy đủ, vai trò của biểu tượng Favicon nằm trong phần đầu trang (Header) khi trang web hiển thị trên trình duyệt được mô tả như thế nào?
Câu 3: Bạn đang thiết kế một trang web tin tức và muốn người dùng dễ dàng chuyển đổi giữa các chuyên mục "Thời sự", "Thể thao", "Giải trí". Bạn cần thiết lập thành phần nào trong phần đầu trang?
b) Phần thân trang (Body)
Đặc điểm:
Chứa nội dung chính của trang, thường được chia thành các khối hình chữ nhật, mỗi khối có tiêu đề riêng.
Thành phần:
Mỗi khối có thể chứa văn bản, hình ảnh, âm thanh, biểu mẫu hoặc ứng dụng nhúng (bản đồ, thời tiết...).
TRẢ LỜI CÂU HỎI TRẮC NGHIỆM:
Câu 4: Khi thiết kế và xây dựng bố cục cho một trang web, phần thân trang (Body) nơi chứa nội dung chính của trang thường có đặc điểm cấu trúc như thế nào để hiển thị thông tin một cách hợp lý?
Câu 5: Để trình bày thông tin một cách rõ ràng và khoa học trong phần thân trang (Body), mỗi khối nội dung hình chữ nhật thường được thiết kế kèm theo yếu tố nào để người đọc dễ dàng nhận biết chủ đề?
Câu 6: Bạn muốn trình bày một bài viết về du lịch Hội An và muốn hiển thị vị trí địa lí trực quan cho người xem ngay trong bài viết. Bạn nên đưa thành phần nào vào phần thân trang?
c) Phần chân trang (Footer)
Đặc điểm:
Nằm ở dưới cùng, 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 mạng xã hội.
TRẢ LỜI CÂU HỎI TRẮC NGHIỆM:
Câu 7: Trong sơ đồ cấu trúc cơ bản của một trang web đầy đủ, phần chân trang (Footer) mang vai trò cung cấp thông tin liên hệ và thường được đặt ở vị trí nào trên giao diện hiển thị của người dùng?
Câu 8: Để giúp người truy cập có thể tìm hiểu thêm về đơn vị chủ quản, phần chân trang (Footer) của một trang web thường chứa loại thông tin nào sau đây để hỗ trợ người dùng kết nối với quản trị viên?
Câu 9: Khi thiết kế một trang web trường học, bạn muốn đặt số điện thoại phòng công tác và đường link dẫn đến trang Facebook của trường để phụ huynh tiện theo dõi. Bạn nên đặt những thông tin này vào khu vực nào?
2. CÁC BƯỚC CHUẨN BỊ ĐỂ XÂY DỰNG TRANG WEB
Quy trình chuẩn bị gồm 3 bước lớn: Định hình ý tưởng, Thiết kế, và Lựa chọn phần mềm/chuẩn bị tư liệu.
a) Định hình ý tưởng
Xác định mục đích và đối tượng:
Phải trả lời được trang web làm ra để làm gì và ai là người xem.
Xác định yêu cầu nội dung và hình thức:
Dựa vào nhu cầu và sở thích của đối tượng để quyết định trang web cần có gì.
TRẢ LỜI CÂU HỎI TRẮC NGHIỆM:
Câu 10: Theo lý thuyết đã học, quy trình chuẩn bị để xây dựng một trang web chuyên nghiệp bao gồm 3 bước lớn được thực hiện tuần tự. Bước đầu tiên mang tính chất định hướng trong quy trình này là gì?
Câu 11: Khi tiến hành bước đầu tiên là định hình ý tưởng, việc người thiết kế phải xác định rõ mục đích và đối tượng hướng đến nhằm mục đích cốt lõi nào trong quá trình chuẩn bị xây dựng trang web?
Câu 12: Bạn được giao nhiệm vụ lên ý tưởng làm web bán trà sữa cho đối tượng là học sinh. Bạn quyết định web cần hình ảnh hấp dẫn, màu sắc tươi sáng, ít chữ vì học sinh thích trẻ trung. Quyết định này thuộc công đoạn nào?
b) Thiết kế
Xây dựng dàn ý và bố cục:
Hình dung và sắp xếp vị trí các nội dung trên trang sao cho mạch lạc.
Thiết kế mĩ thuật (Định dạng chữ):
Nên chọn phông chữ nhất quán. Phông không chân (Sans Serif) như Arial, Tahoma thường dùng cho bảng chọn và nội dung vì dễ đọc trên màn hình. Phông có chân (Serif) ít dùng hơn, chỉ dùng cho tiêu đề lớn.
Thiết kế mĩ thuật (Bảng màu):
Chọn màu hài hòa, không tương phản quá gắt. Một bảng màu thường có 5 màu (pha trộn ấm, lạnh, trung tính) cộng với đen và trắng.
TRẢ LỜI CÂU HỎI TRẮC NGHIỆM:
Câu 13: Trong công đoạn thiết kế mĩ thuật (Bảng màu) cho trang web, một bảng màu tiêu chuẩn thường được khuyến nghị bao gồm bao nhiêu màu cơ bản (cộng với đen và trắng)?
Câu 14: Khi thiết kế mĩ thuật phần định dạng chữ, tại sao các phông chữ không chân (Sans Serif) như Arial hay Tahoma lại thường được ưu tiên sử dụng cho bảng chọn và nội dung chính?
Câu 15: Để thiết kế trang web "Môi trường xanh", bạn quyết định sắp xếp vị trí logo ở góc trái, thanh menu ngang ở trên cùng, và chọn tông màu xanh lá cây chủ đạo để tạo cảm giác thiên nhiên. Bạn đang thực hiện các bước nào trong quy trình?
c) Lựa chọn phần mềm, chuẩn bị tư liệu
Lựa chọn phần mềm:
Có thể dùng phần mềm của Google (Google Sites) vì nó miễn phí, trực quan (kéo thả dễ dàng) và kết nối tốt với Google Drive, YouTube, Maps....
Chuẩn bị tư liệu:
Bao gồm thiết kế logo, favicon, hình nền, viết bài, chọn ảnh minh họa....
TRẢ LỜI CÂU HỎI TRẮC NGHIỆM:
Câu 16: Theo tài liệu, công cụ nào sau đây được gợi ý sử dụng để thiết kế website vì tính chất miễn phí, trực quan và kết nối tốt với các dịch vụ khác của Google?
Câu 17: Công đoạn chuẩn bị tư liệu để xây dựng trang web bao gồm những công việc cụ thể nào sau đây để cung cấp nội dung cho giao diện đã thiết kế?
Câu 18: Bạn đang làm một trang web báo cáo môn Tin học. Bạn muốn chèn một video thuyết trình và bản đồ vị trí trường học vào trang web mà không cần viết mã lệnh (code) phức tạp. Bạn nên chọn công cụ phần mềm nào để kéo thả dễ dàng?