Giáo án điện tử Tin học ứng dụng 12 kết nối Bài 23: Chuẩn bị xây dựng trang web

BÀI 23

KHỞI ĐỘNG

Từ kiến thức đã học, em đã biết khái niệm về trang web. Trong cuộc sống, học tập hằng ngày, em đã từng thấy nhiều trang web và sự phổ biến của chúng, chẳng hạn khi xem tin tức trên các báo điện tử, mạng xã hội,... Các trang web này có những đặc điểm chung gì? Cần chuẩn bị những gì khi muốn xây dựng một trang web?

1. NHỮNG ĐẶC ĐIỂM CHUNG CỦA TRANG WEB

Hoạt động 1: Thảo luận khám phá cấu trúc và đặc điểm chung của trang web

Có thể chia một trang web thành các phần chính như thế nào?

Mỗi phần có những đặc điểm nào chung (nhìn thấy ở nhiều trang web)?

Tên trang web và logo trang được đặt ở phần nào của trang web?

Phần thân trang web thường có bố cục như thế nào?

Thông tin liên hệ của chủ thể của trang web được đặt ở phần nào của trang web?

2. CÁC BƯỚC CHUẨN BỊ ĐỂ XÂY DỰNG MỘT TRANG WEB

Hoạt động 2: Cần làm gì khi bắt đầu xây dựng một trang web?

Hãy thảo luận và trả lời câu hỏi: Để xây dựng một trang web chúng ta nên bắt đầu từ đâu?

Gợi ý:

Chuẩn bị những thông tin cho phần đầu trang.

Chuẩn bị những thông tin cho phần chân trang.

Chuẩn bị các bài viết và hình ảnh đẹp.

Phân tích, xác lập định hướng về mục đích trang web, đối tượng người dùng và định hướng thiết kế trang web.

Để định hình được ý tưởng xây dựng một trang web cần phải thực hiện những công việc gì?

Công việc thiết kế trang web bao gồm những nội dung gì?

LUYỆN TẬP

Hãy phân tích phần đầu trang và chân trang của trang web 24 giờ ở Hình 23.8 và chỉ rõ các vị trí các phần tử mà em nhận dạng được: tên trang, logo, favicon, bảng chọn,... Tóm tắt những thông tin được trình bày ở phần chân trang.

Hãy vào website Tổng cục Du lịch Việt Nam (https://vietnamtourism.gov.vn). Phân tích thiết kế nội dung, bố cục, phông chữ, màu sắc và phát biểu nhận xét của mình.. 

VẬN DỤNG

Hãy truy cập website của ít nhất 3 trường đại học trong danh sách các trường đại học sau:

University of Massachusetts (https://www.massachusetts.edu).

Stanford University (https://www.stanford.edu).

Đại học Quốc gia Hà Nội (https://www.vnu.edu.vn).

Đại học Quốc gia TP. Hồ Chí Minh (https://vnuhcm.edu.vn).

Đại học Bách khoa Hà Nội (https://hust.edu.vn).

Trường Đại học Cần Thơ (https://www.ctu.edu.vn).

Đại học Đà Nẵng (https://www.udn.vn).

Phân tích nội dung, bố cục, phông chữ, màu sắc và rút ra nhận xét của mình.

“Những bài ca đi cùng năm tháng” là một đề tài làm trang web giới thiệu về những bản nhạc, nhạc sĩ, ca sĩ được các thế hệ công chúng yêu thích trong những giai đoạn đấu tranh giành độc lập và xây dựng đất nước của dân tộc ta. Em hãy phân tích, xây dựng ý tưởng thực hiện đề tài này và phác thảo thiết kế trang web cho đề tài này.

Hãy tìm hiểu phần mềm hỗ trợ làm trang web của Google tại địa chỉ https://www. sites.google.com.