이런 걸
배워요!
반응형 웹 사이트 제작하기
시맨틱 태그의 종류와 쓰임새 알기
미디어 쿼리 사용하기
탐색이 즐거운 반응형 웹사이트!
그걸 만드는 나는 황금손 🖐️✨
'필터 이펙터' 중
생동감 넘치는 웹사이트, 여러분도 만들 수 있어요!
웹 페이지 크기가 접속한 디바이스 스크린 해상도에 맞게 자동으로 변하는 반응형 사이트를 만드는 수업이에요. '[웹 퍼블리싱] 웹 표준 사이트 만들기' 수강 후 본 과목을 들으시면 더 빠르게 이해하실 수 있으며, 하나 하나씩 따라오다 보면 사이트를 어떻게 만들어야 하는지 감이 잡힐거예요.
완강을 향해! 여러분의 열공을 응원할게요.🧚🏻♀️
반응형 레이아웃 실습
헤더 및 메뉴 실습
컨텐츠 영역 실습
이미지 슬라이드 및 이펙트 실습
*각 이미지를 클릭하면 해당 강의 페이지로 이동합니다.
Q. 비전공자도 들을 수 있는 강의인가요?
네! 기초적인 내용을 다루는 강의이기 때문에 처음 배우시는 분들도 충분히 들으실 수 있습니다.^^
Q. 강의를 듣기 전 준비해야 할 것이 있나요?
여러분의 열정만 준비해오시면 됩니다.^^
Q. 수업 내용을 어느 수준까지 다루나요?
HTML과 CSS를 전혀 몰라도 충분히 함께 배워갈 수 있는 수준입니다.
학습 대상은
누구일까요?
다양한 디바이스 환경에 맞게 변화하는 웹을 제작하고 싶은 분
반응형 사이트를 하나하나 따라하며 만들고 싶은 분
미디어 쿼리에 대해 자세히 알아보고 웹에 적용해보고 싶은 분
웹 퍼블리셔 직무를 희망하는 분
선수 지식,
필요할까요?
웹 표준 사이트 만들기 강의 (선택)
안녕하세요! 🧑🏻💻
웹에 관심이 많고, 강의를 하고있는
웹 스토리보이입니다.
유튜브 채널 Webstoryboy에서
여러가지 강의를 제작합니다.
포기하지 않고 마지막 강의 까지 저와 함께 하나 하나씩 잘 따라와주면
웹 퍼블리셔에 한 발짝 더 다가가실 수 있을 거예요. 꼭 직접 해보셔야 실력이 늘 것입니다.
어렵거나 틀려서 잘 안 된다고, 모르겠다고 포기하시면 다른 사이트 만들 때도 힘이 들겠죠?
따라하시다가 틀리거나 안 되는게 있으시면 본인이 코딩한 것과 제 강의 소스를 비교하시면서
스스로 어디가 틀렸는지 찾아보세요. 그것 또한 공부가 될 거랍니다 🧚🏻♀️
오늘도 여러분의 열공을 응원하며, 화이팅입니다!
전체
36개 ∙ (8시간 10분)
시멘틱 태그
20:07
미디어 쿼리
18:39
반응형 레이아웃 유형 1
11:18
반응형 레이아웃 유형 2
11:37
반응형 레이아웃 유형 3
13:50
반응형 레이아웃 유형 4
12:25
반응형 레이아웃 유형 5
20:15
문서 세팅
22:03
아웃라이너
09:55
헤더 메뉴
17:55
헤더 타이틀
16:48
헤더 아이콘
19:57
헤더 아이콘 공유하기
08:46
전체 메뉴
09:11
전체 메뉴 - 라인 효과
07:18
타이틀
12:41
헤더 반응형
13:44
컨텐츠 레이아웃
20:55
컨텐츠 타이틀
07:28
메뉴
07:03
메뉴 반응형
09:43
게시판(한 줄 효과)
09:42
게시판(두 줄 효과)
13:38
블로그 영역(고해상도 이미지)
21:13
블로그 영역(고해상도 이미지 2)
20:17