[웹퍼블리싱 실습] 반응형 사이트 만들기
모바일, 태블릿, 웹 환경에 따라 자유자재로 스크린 사이즈를 변경하는 반응형 웹을 제작해봅시다.
클래스 소개
난이도
쉬움
카테고리
웹 프로그래밍 - 프로그래밍
추천 학습대상
- 다양한 디바이스 환경에 맞게 변화하는 웹을 제작하고 싶은 분
- 반응형 사이트를 하나하나 따라하며 만들고싶은 분
- 미디어 쿼리에 대해 자세히 알아보고 웹에 적용해보고 싶은 분
- 웹퍼블리셔 직무를 희망하는 분
- 반응형 사이트를 하나하나 따라하며 만들고싶은 분
- 미디어 쿼리에 대해 자세히 알아보고 웹에 적용해보고 싶은 분
- 웹퍼블리셔 직무를 희망하는 분
안녕하세요 🙇♂️
웹에 관심이 많고, 강의를 하고있는
웹 스토리보이입니다.
유튜브 채널 Webstoryboy에서
여러가지 강의를 제작합니다.
본 수업은요 ✏️
웹페이지 크기가 접속한 디바이스 스크린 해상도에 맞게
자동으로 변하는 반응형 사이트를 만드는 수업입니다.
'웹 표준 사이트 만들기' 수강 후 본 과목을 들으시면
반응형 웹에 대해 더 빠르게 이해하실 수 있으며,
하나하나씩 따라하시면 결과물이 완성되고
사이트를 어떻게 만드는지 감을 잡을 수 있습니다.
이 강의의 특별한 점 ✨
강의를 보고 학습한 뒤 바로 연습하세요!
구름EDU만의 실습 환경을 바탕으로
페이지 이동 없이 결과를 확인할 수 있습니다.
웹 퍼블리셔
꿈나무 로드맵 🌲
01. 웹 표준 사이트 만들기
02. 반응형 사이트 만들기
03. 영화 예매 사이트 만들기: 디자인편
04. 영화 예매 사이트 만들기: 코딩편
고민할 필요 없이 순서대로 학습하세요!
교육 과정
- 01반응형 사이트 만들기
01. 시멘틱 태그
02. 미디어 쿼리
03. 반응형 레이아웃 유형 1
04. 반응형 레이아웃 유형 2
05. 반응형 레이아웃 유형 3
06. 반응형 레이아웃 유형 4
07. 반응형 레이아웃 유형 5
반응형 레이아웃 실습
08. 문서 셋팅
09. 아웃라이너
10. 헤더 메뉴
11. 헤더 타이틀
12. 헤더 아이콘
13. 헤더 아이콘 공유하기
14. 전체 메뉴
15. 전체 메뉴 - 라인 효과
16. 타이틀
17. 헤더 반응형
헤더 및 메뉴 실습
18. 컨텐츠 레이아웃
19. 컨텐츠 타이틀
20. 메뉴
21. 메뉴 반응형
22. 게시판(한줄효과)
23. 게시판(두줄효과)
24. 블로그 영역(고해상도 이미지)
25. 블로그 영역(고해상도 이미지 2)
컨텐츠 영역 실습
26. 이미지 슬라이드
27. 이미지 슬라이드 2
28. 라이트 박스
29. 필터 이펙트
30. 비디오
31. 사이드 컨텐츠
32. 푸터
33. 접기/펼치기 스크립트
34. 사이드 이펙트 1
35. 사이드 이펙트 2
36. 사이드 이펙트 3
이미지 슬라이드 및 이펙트 실습
마지막 업데이트|2019년 12월 19일
강좌 후기
무료
평균평점
5.0
난이도
쉬움
수강기간
평생 무제한