레이아웃 (10) 기본 레이아웃 작성 순서

(1) 기본 레이아웃 만들기 1단계

 

See the Pen 레이아웃 만들기 1단계 by ++EXP (@pp_exp) on CodePen.

 - 가장 큰 형태의 크기 부여  - HEADER / IMGSLIDER / MAIN / SECTION / FOOTER 순서대로 사이즈 및 영역 지정.

(2)기본 레이아웃 만들기 2단계

 

See the Pen 레이아웃 만들기 2단계 by ++EXP (@pp_exp) on CodePen.

 - 세부 리스트 제작 및 서브 메뉴 작성

(3)기본 레이아웃 만들기 3단계

 

See the Pen 레이아웃 만들기 3단계 by ++EXP (@pp_exp) on CodePen.

- FLOAT 속성으로 좌우 배열 실시

(4)기본 레이아웃 만들기 4단계

 

See the Pen 레이아웃 만들기 4단계 by ++EXP (@pp_exp) on CodePen.

- MAINMENU 요소 추가하기

(5)기본 레이아웃 만들기 5단계

 

See the Pen 레이아웃 만들기 5단계 by ++EXP (@pp_exp) on CodePen.

- 추가된 MAINMENU 요소 FLOAT 속성 등으로 배치하기