실전! 웹사이트제작! Step by Step! (와이스튜디오_반응형웹) - 인프런

header 레이아웃 디자인_01

강의명 : 실전! 웹사이트제작! Step by Step! (와이스튜디오_반응형웹)

수강 기한 : 무제한

진도율 : 0강/32강 (0%) | 시간 : 0분/324분

나가기

미수강

처음

다음수업

실전! 웹사이트제작! Step by Step! (와이스튜디오_반응형웹)

수강 기한 : 무제한

진도율 : 0강/32강 (0%) | 시간 : 0분/324분

Step01. Layout Design (YStudio 웹사이트 레이아웃 그대로 제작하기)

header 레이아웃 디자인_01

10분

header 레이아웃 디자인_02

9분

header 레이아웃 디자인_03

15분

section_visual 레이아웃 디자인_01

11분

section_visual 레이아웃 디자인_02

7분

section_mainText 레이아웃 디자인_01

11분

section_mainText 레이아웃 디자인_02

7분

section_project 레이아웃 디자인_01

9분

section_project 레이아웃 디자인_02

17분

section_partner 레이아웃 디자인_01

9분

section_partner 레이아웃 디자인_02

6분

section_contact 레이아웃 디자인_01

12분

footer 레이아웃 디자인_01

12분

Step02. gnbNav (햄버거버튼 클릭시 나오는 GnbMenu제작)

gnbMenu bar 제작_01

12분

gnbMenu bar제작_02

5분

Step03. Scroll Animation (마우스 스크롤 시 헤더 영역 고정과 슬라이드 애니메이션 )

Scroll Animation 제작 _01 (FixHeader.1)

11분

Scroll Animatiion 제작 _02 (FixHeader.2 & Scroll Animation.1)

11분

Scroll Animatiion 제작 _03 (Scroll Animation.2)

4분

Scroll Animatiion 제작 _04 (Scroll Animation.3)

10분

Step04. ImageSlide (이미지 슬라이드 제작)

ImageSlide 제작 _01

8분

ImageSlide 제작 _02

12분

ImageSlide 제작 _03

11분

ImageSlide 제작 _04

3분

Step05. Responsive Web page 제작 (반응형 웹페이지 제작)

Responsive Web Page 제작 _01

7분

Responsive Web Page 제작 _02

7분

Responsive Web Page 제작 _03

10분

Responsive Web Page 제작 _04

16분

Responsive Web Page 제작 _05

11분

Responsive Web Page 제작 _06

11분

Responsive Web Page 제작 _07

10분

Responsive Web Page 제작 _08

16분

Tip _ 브라켓 설치

블라켓 웹편집기 설치

2분

커뮤니티