웹 디자인 기능사 (12)번 레이아웃 C-4 Vallery Festival

c-4.zip

0.39MB

+슬라이드(좌우)

<구조화 5단계 *추후 업데이트 예정>

 

1단계 : 가로 html, css초기화, 가로 css 

 

See the Pen c-4 1단계 by ++EXP (@pp_exp) on CodePen.

 

2단계 : 세로 html, css 헤더, 이미지 슬라이드, 메인, 푸터 영역 사이즈 지정 및 배열

 

See the Pen c-4 2단계 by ++EXP (@pp_exp) on CodePen.

 

3단계 :<p>, <li> <span><img 등 디자인에 영향을 주는 기본 텍스트, 이미지 요소들을 

 

See the Pen c-4 3단계 by ++EXP (@pp_exp) on CodePen.

 

4단계 : jquery 작성 및 기능 테스트

 

See the Pen c-4 4단계 by ++EXP (@pp_exp) on CodePen.

 

5단계 : a태그 삽입 및 디자인 요소 삽입(h2, p, table 등) + css 디자인 작업

 

See the Pen c-4 5단계 by ++EXP (@pp_exp) on CodePen.