프로젝트 의 CSS 스킬 트리

모든 화면을 위한 반응형 웹 디자인

초급

이 프로젝트에서는 다양한 화면 크기에 맞춰 반응하는 반응형 웹 디자인을 만드는 방법을 배우게 됩니다. 목표는 데스크톱 및 모바일 사용자 모두에게 편안한 사용자 경험을 제공하는 웹 페이지를 개발하는 것입니다.

cssweb-development

💡 이 튜토리얼은 영어로 번역되었습니다. 원본을 보려면 영어로 전환

소개

이 프로젝트에서는 다양한 화면 크기에 적응하는 반응형 웹 디자인을 만드는 방법을 배우게 됩니다. 목표는 데스크톱 및 모바일 사용자 모두에게 편안한 사용자 경험을 제공하는 웹 페이지를 개발하는 것입니다.

👀 미리보기

반응형 디자인 미리보기

🎯 과제

이 프로젝트에서는 다음을 배우게 됩니다.

  • 메뉴 및 콘텐츠 섹션의 초기 레이아웃 설정 방법
  • 미디어 쿼리 (media queries) 를 사용하여 반응형 디자인을 구현하는 방법
  • 원활한 경험을 보장하기 위해 반응형 디자인을 테스트하고 개선하는 방법

🏆 성과

이 프로젝트를 완료하면 다음을 수행할 수 있습니다.

  • 다양한 화면 크기에 적응하는 반응형 웹 디자인을 생성할 수 있습니다.
  • 접을 수 있는 메뉴를 포함하여 사용자 친화적인 모바일 인터페이스를 개발할 수 있습니다.
  • 반응형 웹 디자인을 테스트하고 반복하기 위한 모범 사례를 적용할 수 있습니다.

강사

labby
Labby
Labby is the LabEx teacher.