웹 디자인 기능사 (5)번 레이아웃 B-1 대한은행

b-1.zip

0.40MB

+슬라이드(좌우)

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

 

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

 

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

 

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

 

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

 

3단계 : 가로 html 작성 및 html 구조 완성  css 구조 완성

 

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

 

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

 

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

 

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

 

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