3 of 33

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?

Thảo luận nhóm và đại diện nhóm trả lời phần Khởi động.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

4 of 33

Gợi ý trả lời phần Khởi động:

Các trang web thường có những đặc điểm chung sau:

- Phần đầu trang (header): Chứa thông tin chung về trang web như logo, tên trang, thanh điều hướng, tiêu đề và thông tin tóm tắt.

- Phần thân trang (body): Chứa nội dung chính của trang web, có thể bao gồm văn bản, hình ảnh, âm thanh, biểu mẫu nhập dữ liệu và các ứng dụng nhúng khác.

- Phần chân trang (footer): Chứa các thông tin ngắn gọn về chủ thể, bản quyền, bảo mật, tóm tắt thông tin cần nhấn mạnh, thông tin liên hệ và liên kết tới các trang mạng xã hội liên quan.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

5 of 33

Gợi ý trả lời phần Khởi động:

Khi muốn xây dựng một trang web, em cần chuẩn bị những yếu tố sau:

- Mục tiêu và mục đích: Xác định rõ mục tiêu và mục đích của trang web để định hình nội dung và chức năng cần thiết.

- Thiết kế giao diện: Tạo giao diện hấp dẫn, dễ sử dụng và phù hợp với mục tiêu của trang web.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

6 of 33

Gợi ý trả lời phần Khởi động:

- Phát triển và mã hóa: Xây dựng trang web bằng việc sử dụng ngôn ngữ lập trình và công nghệ web như HTML, CSS, JavaScript và các framework tương ứng.

- Quản lý nội dung: Chuẩn bị nội dung chất lượng và đảm bảo quản lý nội dung dễ dàng và hiệu quả trên trang web.

- Kiểm thử và triển khai: Thử nghiệm, kiểm tra và đảm bảo trang web hoạt động đúng và tương thích trên nhiều trình duyệt và thiết bị khác nhau trước khi triển khai.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

7 of 33

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)?

Đại diện nhóm trả lời phần Hoạt động 1.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

8 of 33

Gợi ý trả lời phần Hoạt động 1:

Các phần chính của một trang web và các đặc điểm chung của chúng là:

- Phần đầu trang (header):

+ Logo: Đại diện cho thương hiệu hoặc trang web.

+ Tên trang: Tiêu đề hoặc tên của trang web.

+ Thanh điều hướng: Chứa các liên kết hoặc danh mục để điều hướng trên trang web.

+ Tìm kiếm: Cung cấp chức năng tìm kiếm nhanh trên trang web.

+ Thông tin tóm tắt: Cung cấp thông tin ngắn gọn về trang web hoặc thông tin mới nhất.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

9 of 33

Gợi ý trả lời phần Hoạt động 1:

- Phần thân trang (body):

+ Khối nội dung: Chứa nội dung chính của trang web.

+ Văn bản: Hiển thị thông tin bằng cách sử dụng văn bản.

+ Hình ảnh: Hiển thị hình ảnh hoặc đồ họa liên quan đến nội dung.

+ Âm thanh/Video: Phát lại âm thanh hoặc video trên trang web.

+ Biểu mẫu: Các biểu mẫu cho phép người dùng nhập dữ liệu hoặc gửi thông tin.

+ Ứng dụng nhúng: Các ứng dụng hoặc công cụ nhúng khác nhau như bản đồ, dự báo thời tiết, v.v.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

10 of 33

Gợi ý trả lời phần Hoạt động 1:

- Phần chân trang (footer):

+ Thông tin về thương hiệu: Cung cấp thông tin về thương hiệu hoặc chủ sở hữu của trang web.

+ Bản quyền: Hiển thị thông tin về bản quyền của trang web.

+ Bảo mật: Cung cấp thông tin về chính sách bảo mật của trang web.

+ Tóm tắt thông tin: Cung cấp tóm tắt ngắn gọn về trang web hoặc thông tin quan trọng.

+ Thông tin liên hệ: Cung cấp thông tin liên hệ cho người sử dụng muốn liên hệ với chủ sở hữu trang web.

+ Liên kết mạng xã hội: Các liên kết tới các trang mạng xã hội liên quan đến trang web.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

11 of 33

Thảo luận nhóm, tìm ra những nội dung cần nhớ của phần 1a, 1b, 1c (SGK trang 126-128).

Đại diện nhóm, tóm lại những nội dung cần nhớ của phần 1a, 1b, 1c.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

12 of 33

Câu hỏi 1 (trang 128): Tên trang web và logo trang được đặt ở phần nào của trang web?

Gợi ý trả lời câu hỏi 1 (trang 128)

Tên trang web và logo trang thường được đặt trong phần đầu trang (header) của trang web.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

13 of 33

Câu hỏi 2 (trang 128): Phần thân trang web thường có bố cục như thế nào?

Gợi ý trả lời câu hỏi 2 (trang 128)

Phần thân trang web thường có bố cục gồm các khối hình chữ nhật, mỗi khối trình bày một nội dung với tiêu đề riêng. Trong phần này, có thể chứa các loại thông tin như văn bản, hình ảnh, âm thanh, biểu mẫu nhập dữ liệu và ứng dụng nhúng khác.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

14 of 33

Gợi ý trả lời câu hỏi 3 (trang 128)

Câu hỏi 3 (trang 128): Thông tin liên hệ của chủ thể của trang web được đặt ở phần nào của trang web?

Thông tin liên hệ của chủ thể của trang web thường được đặt trong phần chân trang (footer) của trang web.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

15 of 33

Ghi nhớ (SGK trang 128)

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

16 of 33

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.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

17 of 33

Đại diện nhóm trả lời phần Hoạt động 2.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

18 of 33

Gợi ý trả lời phần Hoạt động 2:

Chúng ta cần làm các công việc sau:

- Định hình ý tưởng:

+ Xác định mục đích và đối tượng phục vụ của trang web.

+ Thiết lập các yêu cầu cần đạt được cả về nội dung và hình thức.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

19 of 33

Gợi ý trả lời phần Hoạt động 2:

- Thiết kế:

+ Xây dựng dàn ý.

+ Xây dựng kiến trúc nội dung, thiết kế mĩ thuật, chọn bảng màu, phông chữ,...

+ Lựa chọn phần mềm, chuẩn bị tư liệu.

+ Lựa chọn phần mềm để xây dựng trang web.

+ Chuẩn bị thông tin cho phần đầu trang: Làm logo, favicon, ảnh nền và đặt tên trang web.

+ Chuẩn bị tư liệu cho phần thân và chân trang.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

20 of 33

Thảo luận nhóm, tìm ra những nội dung cần nhớ của phần 2a, 2b, 2c (SGK trang 129-132).

Đại diện nhóm, tóm lại những nội dung cần nhớ của phần 2a, 2b, 2c.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

21 of 33

Câu hỏi 1 (trang 133): Để đị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ì?

Gợi ý trả lời câu hỏi 1 (trang 133)

Để có thể xác định được rõ mục đích cũng như các yêu cầu cần đặt ra với trang web, cần khảo sát, phân tích các nhu cầu cũng như những đặc điểm của người dùng một cách cẩn thận kĩ lưỡng. Càng hiểu được nhu cầu của người dùng thì sẽ càng xác định được rõ hơn mục đích cũng như các yêu cầu cần đặt ra về nội dung và hình thức của trang web.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

22 of 33

Câu hỏi 2 (trang 133): Công việc thiết kế trang web bao gồm những nội dung gì?

Gợi ý trả lời câu hỏi 2 (trang 133)

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

- Xây dựng dàn ý, bố cục.

- Thiết kế mĩ thuật:

+ Định dạng chữ.

+ Bảng màu.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

23 of 33

Luyện tập 1 (trang 133): 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.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

24 of 33

Gợi ý trả lời Luyện tập 1 (trang 133)

Tên trang: 24h

Logo:

- Liên hệ: Thông tin liên hệ như địa chỉ, số điện thoại, địa chỉ email của trang web hoặc công ty sở hữu trang web.

- Thông tin về trang web: Một số trang web cung cấp thông tin về bản quyền, điều khoản sử dụng, chính sách bảo mật và thông tin về trang web.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

25 of 33

Gợi ý trả lời Luyện tập 1 (trang 133)

- Trợ giúp và câu hỏi thường gặp: Một số trang web có phần trợ giúp hoặc câu hỏi thường gặp để người dùng có thể tìm hiểu thêm về cách sử dụng trang web hoặc giải đáp các câu hỏi phổ biến.

- Liên kết xã hội: Các biểu tượng hoặc liên kết đến các trang mạng xã hội mà trang web sở hữu hỗ trợ, như Facebook, Twitter, Instagram, v.v.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

26 of 33

Gợi ý trả lời Luyện tập 1 (trang 133)

- Quảng cáo và tài trợ: Một số trang web có phần hiển thị thông tin về quảng cáo và tài trợ, bao gồm các đối tác quảng cáo hoặc các chương trình liên kết.

- Thông tin pháp lý: Một số trang web có phần thông tin pháp lý như điều khoản sử dụng, chính sách bảo mật, chính sách bảo mật dữ liệu, v.v.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

27 of 33

Luyện tập 2 (trang 133): 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.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

28 of 33

Gợi ý trả lời Luyện tập 2 (trang 133)

Thiết kế nội dung và bố cục:

-Trang web của Tổng cục Du lịch Việt Nam được thiết kế có vẻ chuyên nghiệp và gọn gàng, với các mục chính như thông tin về du lịch Việt Nam, tin tức, sự kiện, hướng dẫn du lịch, và các dịch vụ khác.

-Bố cục được tổ chức logic, dễ dàng điều hướng giữa các trang và phần thông tin khác nhau.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

29 of 33

Gợi ý trả lời Luyện tập 2 (trang 133)

-Phông chữ: Phông chữ được sử dụng có vẻ rõ ràng và dễ đọc, thường là các phông chữ không chấm biểu hiện tính chuyên nghiệp và hiện đại.

-Màu sắc: Màu sắc được sử dụng có thể phản ánh nền văn hóa và thiên nhiên của Việt Nam, có thể là màu xanh lá cây, màu nước biển hoặc màu nâu đất. Những màu sắc như này thường gợi nhớ đến cảnh đẹp tự nhiên của quốc gia và tạo cảm giác yên bình cho người xem.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

30 of 33

Gợi ý trả lời Luyện tập 2 (trang 133)

- Phát biểu nhận xét: Tổng cục Du lịch Việt Nam có vẻ đã chú trọng vào việc thiết kế trang web để cung cấp thông tin một cách dễ tiếp cận và hấp dẫn đối với du khách. Tuy nhiên, có thể cần phải kiểm tra và cải thiện liên tục để đảm bảo trang web luôn cập nhật và phản ánh đúng với thị trường du lịch hiện nay.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang