Khoá học khám phá mọi khía cạnh của thiết kế thích ứng. Tìm hiểu cách thiết kế để trang web trông hấp dẫn và hoạt động hiệu quả với mọi người.
Khoá học này sẽ đưa bạn qua hành trình tìm hiểu nhiều khía cạnh của thiết kế web thích ứng hiện đại. Một vài mô-đun đầu tiên sẽ giúp bạn hiểu rõ hơn về nguồn gốc của thiết kế thích ứng cũng như tìm hiểu các nguyên tắc cơ bản về bố cục thích ứng. Tại đó, bạn sẽ tìm hiểu về hình ảnh thích ứng, kiểu chữ, khả năng hỗ trợ tiếp cận và các nội dung khác.
Đồng thời, bạn sẽ tìm hiểu cách giúp trang web thích ứng với lựa chọn ưu tiên của người dùng và khả năng của thiết bị. Khi kết thúc, bạn cũng đã hiểu được tương lai của thiết kế thích ứng.
Mỗi học phần đều có các bản minh hoạ và bài tự đánh giá để bạn kiểm tra kiến thức của mình.
Khoá học này dành cho các nhà thiết kế và nhà phát triển dành cho người mới bắt đầu và trung cấp. Bạn chỉ cần có kiến thức cơ bản về HTML và CSS là đủ. Bạn không cần phải biết JavaScript. Nếu hoàn toàn không biết gì về việc tạo trang web, bạn hãy tham khảo phần giới thiệu về HTML và một khoá học khác để giúp bạn tìm hiểu về CSS.
Dưới đây là những nội dung bạn sẽ tìm hiểu:
Giới thiệu
Tìm hiểu xem nguồn gốc của thiết kế thích ứng.
Truy vấn nội dung đa phương tiện
Điều chỉnh các thiết kế của bạn cho phù hợp với nhiều kích thước màn hình bằng cách sử dụng các truy vấn phương tiện CSS.
Tiếp cận khán giả quốc tế
Chuẩn bị thiết kế cho nhiều ngôn ngữ và chế độ viết.
Bố cục macro
Thiết kế bố cục trang bằng một lựa chọn kỹ thuật CSS.
Bố cục vi mô
Tạo các thành phần linh hoạt có thể đặt ở bất cứ đâu.
Kiểu chữ
Làm cho văn bản của bạn dễ đọc và đẹp mắt, bất kể văn bản đó xuất hiện ở đâu.
Hình ảnh thích ứng
Cung cấp cho khách truy cập những hình ảnh phù hợp nhất với thiết bị và màn hình của họ.
Phần tử hình ảnh
Có nhiều quyền kiểm soát hơn đối với các hình ảnh của bạn.
Biểu tượng
Dùng SVG cho biểu tượng thích ứng có thể mở rộng.
Giao diện
Điều chỉnh thiết kế của bạn cho phù hợp với lựa chọn ưu tiên của người dùng, chẳng hạn như chế độ tối.
Hỗ trợ tiếp cận
Đảm bảo rằng mọi người đều có thể truy cập vào trang web của bạn.
Lượt tương tác
Chuẩn bị các trang của bạn cho các cơ chế nhập khác nhau; chuột, bàn phím và chạm.
Mẫu giao diện người dùng
Hãy xem xét một số thành phần phổ biến trên giao diện người dùng có khả năng thích ứng với nhiều kích thước màn hình.
Tính năng nội dung đa phương tiện
Thông tin tóm tắt tất cả những cách mà các tính năng nghe nhìn cho phép bạn phản hồi các thiết bị và lựa chọn ưu tiên.
Cấu hình màn hình
Chuẩn bị nội dung của bạn cho các thiết bị có nhiều màn hình.
Tổng kết và các bước tiếp theo
Các tài nguyên khác để giúp bạn thực hiện các bước tiếp theo.
Vậy, bạn đã sẵn sàng tìm hiểu về thiết kế thích ứng chưa?