Thumbnail
개발 · 프로그래밍 웹 개발

[웹 퍼블리싱 실습] 반응형 사이트 만들기 대시보드

(5)
25개의 수강평 ∙  1,597명의 수강생

무료

지식공유자: webstoryboy
총 36개 수업 (8시간 10분)
수강기한: 
무제한
수료증: 미발급
난이도: 
입문
-
초급
-
중급이상
지식공유자 답변이 제공되는 강의입니다
폴더에 추가 공유

초급자를 위해 준비한
[웹 퍼블리싱, 웹 개발] 강의입니다.

모바일, 태블릿, 웹 환경에 따라 자유자재로 스크린 사이즈를 변경하는 반응형 웹을 제작해봅시다.

✍️
이런 걸
배워요!
반응형 웹 사이트 제작하기
시맨틱 태그의 종류와 쓰임새 알기
미디어 쿼리 사용하기

탐색이 즐거운 반응형 웹사이트!
그걸 만드는 나는 황금손 🖐️✨

웹 퍼블리셔 꿈나무를 위한 강의 ✏️

'필터 이펙터' 중

생동감 넘치는 웹사이트, 여러분도 만들 수 있어요! 

웹 페이지 크기가 접속한 디바이스 스크린 해상도에 맞게 자동으로 변하는 반응형 사이트를 만드는 수업이에요. '[웹 퍼블리싱] 웹 표준 사이트 만들기' 수강 후 본 과목을 들으시면 더 빠르게 이해하실 수 있으며, 하나 하나씩 따라오다 보면 사이트를 어떻게 만들어야 하는지 감이 잡힐거예요.

완강을 향해! 여러분의 열공을 응원할게요.🧚🏻‍♀️


이런 걸 배워요 📖

반응형 레이아웃 실습

헤더 및 메뉴 실습

컨텐츠 영역 실습

이미지 슬라이드 및 이펙트 실습

📢 수강 시 참고사항 안내


웹퍼블리셔 꿈나무 로드맵 🌲

*각 이미지를 클릭하면 해당 강의 페이지로 이동합니다.

1. [웹 퍼블리싱 실습] 웹 표준 사이트 만들기

사이트 만드는 방법에 대한 감을 잡을 수 있는 강의입니다.

2. [웹 퍼블리싱 실습] 반응형 사이트 만들기   현재 강의

웹 환경에 따라 자유자재로 스크린 사이즈를 변경하는 반응형 웹을 제작합니다.

3. 영화 예매 사이트 만들기: 디자인편

이제는 실전이다! 영화 예매 사이트 제작 1탄, 디자인편입니다.

4. 영화 예매 사이트 만들기: 코딩편

이제는 실전이다! 영화 예매 사이트 제작 2탄, 코딩편입니다.


예상 질문 Q&A 💬

Q. 비전공자도 들을 수 있는 강의인가요?

네! 기초적인 내용을 다루는 강의이기 때문에 처음 배우시는 분들도 충분히 들으실 수 있습니다.^^

Q. 강의를 듣기 전 준비해야 할 것이 있나요?

여러분의 열정만 준비해오시면 됩니다.^^

Q. 수업 내용을 어느 수준까지 다루나요?

HTML과 CSS를 전혀 몰라도 충분히 함께 배워갈 수 있는 수준입니다.


이런 분들께 추천드려요!

🎓
학습 대상은
누구일까요?
다양한 디바이스 환경에 맞게 변화하는 웹을 제작하고 싶은 분
반응형 사이트를 하나하나 따라하며 만들고 싶은 분
미디어 쿼리에 대해 자세히 알아보고 웹에 적용해보고 싶은 분
웹 퍼블리셔 직무를 희망하는 분
📚
선수 지식,
필요할까요?
웹 표준 사이트 만들기 강의 (선택)

안녕하세요
webstoryboy 입니다.
webstoryboy의 썸네일

안녕하세요! 🧑🏻‍💻

웹에 관심이 많고, 강의를 하고있는 
웹 스토리보이입니다.

유튜브 채널 Webstoryboy에서 
여러가지 강의를 제작합니다.

포기하지 않고 마지막 강의 까지 저와 함께 하나 하나씩 잘 따라와주면
웹 퍼블리셔에 한 발짝 더 다가가실 수 있을 거예요. 꼭 직접 해보셔야 실력이 늘 것입니다.

어렵거나 틀려서 잘 안 된다고, 모르겠다고 포기하시면 다른 사이트 만들 때도 힘이 들겠죠?
따라하시다가 틀리거나 안 되는게 있으시면 본인이 코딩한 것과 제 강의 소스를 비교하시면서

스스로 어디가 틀렸는지 찾아보세요. 그것 또한 공부가 될 거랍니다 🧚🏻‍♀️
오늘도 여러분의 열공을 응원하며, 화이팅입니다!

커리큘럼 총 36 개 ˙ 8시간 10분의 수업
이 강의는 영상, 수업 노트가 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 0. 반응형 레이아웃 실습
시멘틱 태그 미리보기 20:07 미디어 쿼리 미리보기 18:39 반응형 레이아웃 유형 1 미리보기 11:18
반응형 레이아웃 유형 2 11:37
반응형 레이아웃 유형 3 13:50
반응형 레이아웃 유형 4 12:25
반응형 레이아웃 유형 5 20:15
섹션 1. 헤더 및 메뉴 실습
문서 세팅 22:03
아웃라이너 09:55
헤더 메뉴 17:55
헤더 타이틀 16:48
헤더 아이콘 19:57
헤더 아이콘 공유하기 08:46
전체 메뉴 09:11
전체 메뉴 - 라인 효과 07:18
타이틀 12:41
헤더 반응형 13:44
섹션 2. 컨텐츠 영역 실습
컨텐츠 레이아웃 20:55
컨텐츠 타이틀 07:28
메뉴 07:03
메뉴 반응형 09:43
게시판(한 줄 효과) 09:42
게시판(두 줄 효과) 13:38
블로그 영역(고해상도 이미지) 21:13
블로그 영역(고해상도 이미지 2) 20:17
섹션 3. 이미지 슬라이드 및 이펙트 실습
이미지 슬라이드 07:52
이미지 슬라이드 2 24:57
라이트 박스 16:46
필터 이펙트 09:47
비디오 10:49
사이드 컨텐츠 10:46
푸터 05:29
접기/펼치기 스크립트 13:56
사이드 이펙트 1 09:19
사이드 이펙트 2 12:35
사이드 이펙트 3 11:56
강의 게시일 : 2022년 01월 24일 (마지막 업데이트일 : 2021년 12월 24일)
수강평 총 25개
수강생분들이 직접 작성하신 수강평입니다.
5
25개의 수강평
5점
4점
3점
2점
1점
VIEW 추천 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
희진 thumbnail
5
좋은 강의 감사합니다
2024-01-30
dongseok.yu2 thumbnail
5
just do it이라는 말과 가장 어울리는 강의입니다. 따라해라 그러면 답이 보이니 너무 재밌씁니다. 열심히 나머지도 수강하겠습니다
2024-03-01
이한솔 thumbnail
5
처음부터 하나하나 다 배우자는 마음이었다면 부담스러웠겠지만 천천히 하나씩 따라가며 배우겠다는 마음으로 하다보니 재미도 있고 유익했습니다. 다음 강의도 잘 들을게요~
2023-12-06
종현 thumbnail
5
도움이 정말 잘됐습니다
2024-01-02
skcnc thumbnail
5
반응형 사이트 만드는데 도움이 많이 되었습니다. 감사합니다.
2024-03-28