Câu hỏi tự luận mức độ vận dụng Tin học ứng dụng 12 cd bài 2: Tạo website bằng phần mềm

Câu 1: 

Tạo một website đơn giản bằng Mobirise:

+ Tải và cài đặt Mobirise: Tải phần mềm Mobirise từ trang web chính thức và cài đặt trên máy tính.

+ Khởi động Mobirise: Mở phần mềm Mobirise sau khi cài đặt.

+ Chọn một mẫu: Chọn một mẫu thiết kế từ thư viện mẫu có sẵn trong Mobirise.

+ Thêm các khối nội dung: Sử dụng giao diện kéo và thả để thêm các khối nội dung như tiêu đề, văn bản, hình ảnh, video, và nút.

+ Chỉnh sửa nội dung: Nhấp vào từng khối để chỉnh sửa nội dung, thay đổi văn bản, hình ảnh và liên kết theo ý muốn.

+ Tùy chỉnh thiết kế: Sử dụng các tùy chọn thiết kế để thay đổi màu sắc, phông chữ, và bố cục của trang.

+ Xem trước và xuất bản: Xem trước trang web để kiểm tra cách hiển thị. Sau đó, xuất bản trang web lên máy chủ hoặc lưu trữ cục bộ.

+ Bảo trì và cập nhật: Thực hiện các cập nhật cần thiết và bảo trì trang web theo thời gian.

Câu 2: 

- Định dạng văn bản: Thay đổi màu sắc, kích thước, và kiểu chữ của văn bản bằng cách sử dụng các thuộc tính như color, font-size, và font-family.

- Bố cục: Sử dụng các thuộc tính như margin, padding, và display để điều chỉnh khoảng cách và cách hiển thị các phần tử.

- Màu nền: Thay đổi màu nền của các phần tử bằng thuộc tính background-color.

- Hiệu ứng hover: Tạo hiệu ứng khi người dùng di chuột qua các phần tử bằng cách sử dụng pseudo-class :hover.

- Responsive Design: Sử dụng media queries để điều chỉnh thiết kế cho các thiết bị khác nhau.

Câu 3: 

Ví dụ: Trang web của một cửa hàng trực tuyến

- Header: Chứa logo của cửa hàng, thanh tìm kiếm, và menu điều hướng với các liên kết đến các danh mục sản phẩm.

- Navigation Bar: Thanh điều hướng chính với các liên kết đến các trang như "Trang chủ", "Sản phẩm", "Giới thiệu", và "Liên hệ".

- Main Content: Phần này bao gồm các sản phẩm nổi bật, mô tả chi tiết về sản phẩm, và các đánh giá từ khách hàng.

- Sidebar: Cột bên chứa các bộ lọc sản phẩm, liên kết đến các bài viết blog, và thông tin khuyến mãi.

- Footer: Chứa thông tin bản quyền, liên kết đến các trang chính sách, và thông tin liên hệ.

Câu 4:

+ HTML: Sử dụng thẻ <img> để thêm hình ảnh vào trang web.

+ CSS: Sử dụng CSS để điều chỉnh kích thước và bố cục của hình ảnh.

Câu 5:

- HTML cung cấp cấu trúc cơ bản cho trang web bằng cách sử dụng các thẻ để xác định các phần tử như tiêu đề, đoạn văn, hình ảnh, và liên kết.

- CSS được sử dụng để định dạng và thay đổi cách mà các phần tử HTML được hiển thị. Bằng cách áp dụng các thuộc tính CSS cho các thẻ HTML, người dùng có thể điều chỉnh màu sắc, kích thước, khoảng cách, và bố cục của các phần tử.

- Kết hợp: Khi một trang web được tải, trình duyệt sẽ đọc các thẻ HTML để xác định cấu trúc của trang và sau đó áp dụng các quy tắc CSS để hiển thị các phần tử theo cách mà người dùng đã chỉ định. Điều này cho phép tạo ra các giao diện đẹp mắt và dễ sử dụng, đồng thời tách biệt nội dung (HTML) và kiểu dáng (CSS) để dễ dàng bảo trì và cập nhật.