thiết kế web bài 1

Câu 1: Vai trò chính của trình duyệt web trong việc hiển thị trang web là gì?

• A. Gửi yêu cầu đến máy chủ web, nhận và xử lý các tệp HTML, CSS, JavaScript để hiển thị nội dung

• B. Lưu trữ mã nguồn HTML và các tài nguyên của website

• C. Thiết kế giao diện người dùng ( UI ) cho trang web

• D. Quản lý tên miền và địa chỉ IP của website

Câu 2: Trong quy trình hiển thị trang HTML, bước nào sau đây được thực hiện ngay sau khi phân tích cú pháp HTML?

• A. Tính toán vị trí ( Layout )

• B. Phân tích CSS để tạo CSSOM

• C. Tải tài nguyên như hình ảnh và font

• D. Painting ( Vẽ )

Câu 3: Công cụ nào sau đây được sử dụng để kiểm tra và chỉnh sửa cấu trúc DOM của một trang web?

• A. Developer Tools ( Inspect ) của trình duyệt

• B. GitHub

• C. Figma

• D. Visual Studio Code

Câu 4: Vai trò nào sau đây của trang web được đề cập trong bài học? ( Chọn 2 đáp án )

• A. Tạo mã nguồn tự động

• B. Lưu trữ cơ sở dữ liệu

• C. Quảng bá thương hiệu

• D. Cung cấp thông tin

Câu 5: Giai đoạn nào trong quy trình xây dựng website xác định mục tiêu, đối tượng người dùng và các chức năng cần thiết?

• A. Kiểm thử

• B. Thiết kế

• C. Triển khai

• D. Lập kế hoạch

Câu 6: Trong giai đoạn thiết kế website, yếu tố nào được ưu tiên để đảm bảo trải nghiệm người dùng tốt?

• A. Tối ưu hóa cơ sở dữ liệu

• B. Viết mã nguồn back-end

• C. Tạo giao diện trực quan và dễ sử dụng ( UI/UX )

• D. Kiểm tra hiệu suất tải trang

Câu 7: Mục đích chính của giai đoạn kiểm thử trong quy trình xây dựng website là gì?

• A. Ra mắt website trên môi trường thực tế

• B. Phát hiện lỗi và đảm bảo các tính năng hoạt động đúng trên mọi thiết bị

• C. Thiết kế giao diện người dùng

• D. Cập nhật nội dung website

Câu 8: Bạn cần chia sẻ thiết kế giao diện mẫu với nhóm lập trình viên để họ bắt đầu viết mã. Hành động nào sau đây là phù hợp nhất trong Figma?

• A. Sử dụng Inspect Panel để cung cấp thông số kỹ thuật

• B. Tạo một Frame mới với kích thước khác

• C. Sử dụng Auto Layout để điều chỉnh bố cục

• D. Thêm hiệu ứng hoạt hình bằng plugin Figmotion

Câu 9: Khi thiết kế giao diện mẫu, bạn muốn đảm bảo bố cục tự động điều chỉnh khi nội dung thay đổi. Tính năng nào của Figma nên được sử dụng?

• A. Assets

• B. Layers

• C. Prototype

• D. Auto Layout

Câu 10: Bạn đang thiết kế phần Header của một trang web trong Figma. Yếu tố nào sau đây nên được đặt ở góc trên bên trái để thu hút sự chú ý của người dùng?

• A. Menu điều hướng

• B. Nút kêu gọi hành động ( CTA )

• C. Logo thương hiệu

• D. Thông tin liên hệ