Lý thuyết Tin học 12 Bài 23 (Kết nối tri thức): Chuẩn bị xây dựng trang web

Lý thuyết Tin học 12 Bài 23: Chuẩn bị xây dựng trang web

1. Những đặc điểm chung của trang web

Dễ nhận thấy mỗi trang web đầy đủ nhất đều có cấu trúc gồm ba phần chính:

-Phần đầu trang (header) với những thông tin chung nhất về trang.

-Phần thân trang (body) chứa nội dung của trang.

-Phần chân trang (footer) chứa các thông tin ngắn gọn về chủ thể, bản quyền.

a) Phần đầu trang

Có vai trò như trang bìa thu gọn của cuốn sách hoặc đầu mỗi chương sách.

Chứa Hình nền. - Logo. - Tên trang.- Thanh điều hướng (bao gồm bảng chọn các chức năng, chức năng tìm kiếm có thể tách riêng). - Tiêu đề. - Thông tin tóm tắt hoặc thông tin mới cập nhật.

- Lưu ý:

- Khi trang web tải lên trình duyệt, tên trang hiển thị tại tiêu đề của tab cùng với một favicon.

- Favicon có thể không phải là phiên bản thu gọn của logo trang, mà được tạo riêng cho toàn bộ website.

Mỗi trang web trên Internet có một địa chỉ truy cập dạng URL (Uniform Resource Locator) để người dùng có thể truy cập qua trình duyệt web như Firefox, Chrome, Edge, Safari,...

Tùy theo thiết kế, đôi khi có một vài dòng thông báo quan trọng trước phần đầu trang, ví dụ như trang đang được xây dựng hay bảo trì. Phần này gọi là phần thông báo.

b)Phần thân trang:

Thân trang là phần chứa nội dung chính của trang web, thường được bố cục thành 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. Mỗi khối nội dung có thể chứa thông tin dạng văn bản, hình ảnh, âm thanh, biểu mẫu nhập dữ liệu, hoặc các ứng dụng nhúng khác nhau như ứng dụng bản đồ, dự báo thời tiết,...

c) Phẫn chân trang:

Phần chân trang có thể bao gồm thông tin về thương hiệu, bản quyền, bảo mật, tóm tắt những thông tin quan trọng, thông tin liên hệ và liên kết tới các trang mạng xã hội liên quan.

2. Các bước chuẩn bị để xây dựng trang web

Trình tự các bước chuẩn bị gồm các bước như sau:

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

- Thiết kế

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

Lưu ý: Cần phân biệt việc xây dựng trang web đơn giản với xây dựng website. Chuẩn bị xây dựng website có thể đòi hỏi thêm một số bước khác, đặc biệt là cách tổ chức vận hành và quản trị.

a)Định hình ý tưởng:

- Xác định mục đích, đối tượng và các yêu cầu cần đạt được.

- Trả lời các câu hỏi: Mục đích của trang web là gì? Ai sẽ quan tâm đến trang web này?

- Trang web phải đáp ứng những yêu cầu nào về nội dung, kiến trúc và mỹ thuật để đạt được mục đích và đáp ứng nhu cầu của người dùng?

Cần khảo sát, phân tích kỹ lưỡng nhu cầu và đặc điểm của người dùng để hiểu rõ hơn và xác định mục đích cùng các yêu cầu về nội dung và hình thức của trang web. Trả lời các câu hỏi như: Người dùng mong muốn biết những thông tin gì? Điều gì thu hút và gây hứng thú cho họ? Đặc điểm văn hóa và thị hiếu của người dùng là gì?

b) Thiết kế:

1.Xây dựng dàn ý tổng thể và bố cục trang: Giúp hình dung toàn bộ nội dung sẽ giới thiệu và cách sắp xếp sao cho ấn tượng, mạch lạc, dễ tiếp cận và dễ hiểu.

Cấu trúc trang:

-Thanh điều hướng: Bảng chọn gồm danh sách các vùng miền và thông tin liên hệ/phản hồi.

- Phần thân trang: Một số bài viết nổi bật về các địa danh.

Có thể tham khảo mẫu bố cục như trong Hình 23.5.

2. Thiết kế mỹ thuật

Là thiết kế hình thức sao cho

- Đảm bảo vẻ đẹp phù hợp với thẩm mỹ của người dùng và nội dung.

- Góp phần gây ấn tượng và tăng sức thuyết phục của nội dung.

- Tiến hành chi tiết cho từng nội dung, từng bài viết của trang web.

Bao gồm

- Định dạng chữ: Lựa chọn nhất quán và hài hòa về phông chữ, kiểu chữ (nghiêng, đậm,...) và cỡ chữ.

- Bảng màu:Tránh màu sắc tương phản quá gắt hay không hài hòa. Chọn màu có độ tương phản nhẹ nhàng và hài hòa. Mỗi bảng màu thường có 5 màu pha trộn giữa gam ấm, lạnh và trung tính, kèm theo trắng và đen.

c)Lựa chọn phần mềm và chuẩn bị tư liệu:

1. Lựa chọn phần mềm:

- Có nhiều phần mềm hỗ trợ làm trang web, phần lớn là thương mại.

- Google cung cấp miễn phí một phần mềm làm trang web với giao diện trực quan, dễ sử dụng và kết nối với các phần mềm khác của Google như Docs, Sheets, Slides, Maps, Photos, YouTube.

- Trang web sau khi hoàn thành được lưu trữ trên Google Drive, có thể chia sẻ và xuất bản với URL hỗ trợ bởi Google.

- Yêu cầu duy nhất là có tài khoản Google Mail.

2. Chuẩn bị tư liệu:

- Xảy ra trong suốt thời gian thực hiện dự án.

- Bao gồm thiết kế favicon, logo, lựa chọn hình nền cho phần đầu trang, viết bài cho từng nội dung, và chọn hình ảnh minh họa.

Trắc nghiệm Tin học 12 Bài 23: Chuẩn bị xây dựng trang web

PHẦN I. Câu trắc nghiệm nhiều phương án lựa chọn. Thí sinh trả lời từ câu 1 đến câu 10. Mỗi câu hỏi thí sinh chỉ lựa chọn một phương án.

Câu 1: Phần nào của trang web chứa thông tin về thương hiệu, bản quyền và liên kết mạng xã hội?

A. Phần đầu trang

B. Phần thân trang

C. Phần chân trang

D. Phần thông báo

Câu 2: Phần nào của trang web có vai trò như trang bìa thu gọn của cuốn sách?

A. Phần thân trang

B. Phần đầu trang

C. Phần chân trang

D. Phần thông báo

Câu 3: Để bắt đầu xây dựng trang web, bước đầu tiên cần thực hiện là gì?

A. Thiết kế giao diện

B. Định hình ý tưởng

C. Lựa chọn phần mềm

D. Chuẩn bị tư liệu

Câu 4: Cái gì thường được sử dụng để xác định địa chỉ truy cập của trang web?

A. IP Address

B. URL

C. Favicon

D. Domain Nam

Câu 5: Khi thiết kế mỹ thuật cho trang web, việc chọn bảng màu cần chú ý điều gì?

A. Sử dụng màu sắc tương phản mạnh

B. Sử dụng một màu duy nhất

C. Chọn màu có độ tương phản nhẹ nhàng và hài hòa

D. Chọn màu ngẫu nhiên

Câu 6:Phần nào trong phần mềm hỗ trợ làm trang web của Google cho phép lưu trữ và xuất bản trang web?

A. Google Docs

B. Google Drive

C. Google Sheets

D. Google Maps

Câu 7: Khi thiết kế dàn ý tổng thể của trang web, điều quan trọng là gì?

A. Chọn hình nền cho phần đầu trang

B. Xây dựng cấu trúc và bố cục sao cho ấn tượng và dễ tiếp cận

C. Lựa chọn phông chữ

D. Xác định phần mềm sử dụng

Câu 8: Để kết nối với các phần mềm khác của Google như Docs, Sheets, và Slides, người dùng nên sử dụng phần mềm nào?

A. Microsoft Word

B. Google Drive

C. Adobe Photoshop

D. Notepad

Câu 9: Yếu tố nào không cần thiết khi thiết kế phần thân trang của trang web?

A. Hình nền

B. Tiêu đề

C. Nội dung văn bản

D. Biểu mẫu nhập dữ liệu

Câu 10: Một trong những yếu tố quan trọng khi thiết kế phần đầu trang là gì?

A. Xác định cấu trúc nội dung

B. Tạo favicon

C. Lựa chọn phông chữ

D. Chọn màu nền cho phần chân trang

PHẦN II. Câu trắc nghiệm đúng sai. Thí sinh trả lời từ câu 1 đến câu 2. Trong mỗi ý a), b), c), d) ở mỗi câu, thí sinh chọn đúng hoặc sai

Câu 1: Đánh giá các câu sau về các phần của trang web. Đánh dấu Đúng (D) hoặc Sai (S).

a) Phần đầu trang (header) thường chứa thông tin như hình nền, logo, tên trang, và thanh điều hướng, và có vai trò giống như trang bìa thu gọn của cuốn sách.

b) Phần thân trang (body) chỉ chứa thông tin về thương hiệu và bản quyền.

c) Phần chân trang (footer) có thể bao gồm thông tin về thương hiệu, bản quyền, bảo mật, và liên kết tới các trang mạng xã hội.

d) Favicon thường là phiên bản thu gọn của logo trang và hiển thị trên tiêu đề của tab trình duyệt.

Câu 2: Đánh giá các câu sau về các bước chuẩn bị để xây dựng trang web. Đánh dấu Đúng (Đ) hoặc Sai (S).

a) Định hình ý tưởng bao gồm việc xác định mục đích, đối tượng, và các yêu cầu của trang web.

b) Thiết kế mỹ thuật chỉ bao gồm việc chọn màu sắc và phông chữ cho trang web.

c) Lựa chọn phần mềm để làm trang web có thể bao gồm việc sử dụng các phần mềm miễn phí như Google cung cấp, không nhất thiết phải là phần mềm thương mại.

d) Chuẩn bị tư liệu chỉ bao gồm việc thiết kế favicon và logo, không cần phải chuẩn bị nội dung khác.

PHẦN III. Câu trả lời ngắn. Thí sinh trả lời từ câu 1 đến câu 3

Câu 1: Phần nào của trang web thường chứa các thông tin như hình nền, logo, tên trang và thanh điều hướng?

Câu 2: Trong phần thân trang của một trang web, thông tin chính thường được trình bày như thế nào?

Câu 3: Trong các bước chuẩn bị xây dựng trang web, bước nào liên quan đến việc lựa chọn công cụ và thiết kế nội dung?

Xem thêm