순수하게 html/css/js만을 활용한 반응형 웹페이지 만들기 실전편[2024년 최신판]
01
순수하게 html/css/jQuery만을 활용한 반응형 웹페이지 만들기 실전편[2024년 최신판]
step01 @미디어쿼리를 활용한 초간단 반응형 레이아웃 맛보기
체험하기
step02 반응형 사이트 클론코딩 | html 구조 만들기
체험하기
step03 공통된 스타일부터 먼저 스타일링하기
step04 상단 네비게이션 스타일 만들기
step05 스크롤시 네비게이션의 종류 동적으로 변경하기
step06 회전목마처럼 컨텐츠가 돌아가는 캐로셀 제작하기
step07 자동으로 변경되는 캐로셀 활성화 버튼과 버튼 클릭시 캐로셀 동작이 충돌하는 부분 해결하기
step08 디바이스 사이즈에 따라 사이즈가 줄어드는 메뉴 컨텐츠
step09 디바이스 사이즈에 따라 레이아웃의 위치가 바뀌는 [스토리] 컨텐츠
step10 디바이스 사이즈에 따라 레이아웃의 모양이 바뀌는 [브랜드 철학] 컨텐츠
step11 디바이스 사이즈에 따라 사진의 위치가 바뀌는 [성분] 컨텐츠
step12 디바이스 사이즈에 따라 보이고 숨겨지는 [more] 컨텐츠
step13 스마트폰에서는 토글 컨텐츠로 바뀌는 [footer] 컨텐츠
step14 클릭시 혹은 스크롤시 활성화되는 네브바의 메뉴 스크립트로 완성하기
step02 반응형 사이트 클론코딩 | html 구조 만들기
01 순수하게 html/css/jQuery만을 활용한 반응형 웹페이지 만들기 실전편[2024년 최신판]
Loading...
100%
step02 반응형 사이트 클론코딩 | html 구조 만들기
질문하기
추가 자료
추가 자료가 없습니다
여기서 새로운 학습 자료를 확인하세요!
선생님이 추가한 자료들을 바로 확인할 수 있어요.