본문 바로가기
자격증/웹디자인기능사

B 유형 정리

by gamdong2 2024. 5. 24.

1.  B 유형 와이어프레임 분석

 

* A, D 영역의 넓이는 브라우저 전체 넓이(100%) 지정

B-1 B-2
=====B-1, B-2 공통 스타일=====
html, body{ min-width: 1200px; }
header{ width: 100%; height: 100px; }
.hwrap{ width: 1200px; }                /* .hwrap : header 랑 동등한 계층의 div로 한번 더 묶음 */
.bwrap{ width: 1200px; height: 500px; } /* .bwrap : B + C */
.slide{ width: 1200px; height: 300px; } /* .slide : B영역 */
.contents{ width: 1200px; height: 200px; float: left; } /* .contents: C영역 */
footer{ width: 100%; height: 100px; } 
.fwrap{ width: 1200px; }                /* .fwrap : footer 랑 동등한 계층의 div로 한번 더 묶음 */

'자격증 > 웹디자인기능사' 카테고리의 다른 글

F 유형 정리  (0) 2024.05.24
E 유형 정리  (0) 2024.05.24
D 유형 정리  (0) 2024.05.24
C 유형 정리  (0) 2024.05.24
A 유형 정리  (0) 2024.05.24