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