THIẾT KẾ WEB - BÀI 1

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

• 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

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

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

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

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?

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

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

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

• Painting (Vẽ)

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?

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

• GitHub

• Figma

• Visual Studio Code

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

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

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

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

• Cung cấp thông tin

Kéo thả để ghép đúng các bước trong quy trình hiển thị trang HTML của trình duyệt web với mô tả tương ứng:

• Tải tài nguyên

• Trình duyệt gửi yêu cầu HTTP để tải HTML, CSS, JavaScript

• Phân tích cú pháp HTML

• Xây dựng DOM Tree từ tài liệu HTML

• Kết hợp DOM và CSSOM

• Tạo Render Tree chứa các phần tử sẽ hiển thị trên màn hình

• Painting

• Vẽ các phần tử lên màn hình với màu sắc, văn bản, bóng...

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?

• Kiểm thử

• Thiết kế

• Triển khai

• Lập kế hoạch

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?

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

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

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

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

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

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

• 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ị

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

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

Kéo thả để ghép đúng các giai đoạn trong quy trình xây dựng website với công cụ hoặc công nghệ thường được sử dụng:

• Thiết kế

• Sử dụng Figma để tạo giao diện mẫu

• Xây dựng

• Cập nhật nội dung và xử lý lỗi phát sinh

• Bảo trì

• Sử dụng công cụ Developer Tools để tìm và sửa lỗi

• Kiểm thử

• Sử dụng HTML, CSS, JavaScript và các framework như React

Cập nhật tính năng theo nhu cầu người dùng là một trong những nhiệm vụ của giai đoạn bảo trì website.

• ĐÚNG

• SAI