강의

멘토링

로드맵

인프런 커뮤니티 질문&답변

kms13570님의 프로필 이미지
kms13570

작성한 질문수

[2026년 출제기준] 웹디자인개발기능사 실기시험 완벽 가이드

2. 가로 고정형 레이아웃(A1~A4) - 보더를 사용해서 HTML+CSS 구조만들기

A3타입

해결된 질문

작성

·

257

1

혼자서 해봤는데 혹시 감점 요인이 있을까요..?

html코드는 강의랑 똑같이 했습니다.

 

.container {

  width: 1200px;

  margin: auto;

  /* border: 1px solid red; */

}

 

header {

  overflow: hidden;

}

 

header > div {

  border: 1px solid blue;

  height: 100px;

  box-sizing: border-box;

}

 

.header_logo {

  width: 200px;

  float: left;

}

 

.navi {

  width: 600px;

  float: right;

}

 

.slide {

 

}

 

.slide > div {

  border: 1px solid green;

  height: 300px;

  box-sizing: border-box;

}

 

.items {

  overflow: hidden;

}

 

.items > div {

  border: 1px solid orange;

  height: 200px;

  float: left;

  box-sizing: border-box;

}

 

.news {

  width: 500px;

}

 

.banner {

  width: 350px;

}

 

.shortcut {

  width: 350px;

}

 

footer {

  overflow: hidden;

}

 

footer > div {

  border: 1px solid pink;

  height: 100px;

  float: left;

  box-sizing: border-box;

}

 

.footer_logo {

  width: 200px;

}

 

.copyright {

  width: 1000px;

}

 

.copyright div {

  height: 49px;

  border: 1px dashed rgb(240, 123, 191);

  box-sizing: border-box;

}

 

퀴즈

웹 디자인 실기 시험에서 레이아웃 제작이 중요한 이유는 무엇일까요?

디자인 요소 배치에만 영향을 주기 때문

실기 시험의 시작점이며 다른 모듈 진행에 필수적이기 때문

특정 브라우저 호환성 문제 해결에만 필요하기 때문

복잡한 스크립트 구현보다 어렵기 때문

답변 1

1

html 코드와 결과화면 캡쳐도 올리셔야 확인해봅니다. 

그리고 감점 사항 체크는 최종본 제작한 것을 가지고 하셔야 해요.

kms13570님의 프로필 이미지
kms13570
질문자

아 그렇군요

궁금한게 하나 있는데

높이가 100px로 나와있으면

border값은 빼고 100px인가요??

아니면 포함해도 상관없나요??

보더 빼고 높이 입니다. 그리고 보더는 레이아웃 잡을 때만 사용하고 최종본에서는 보더를 모두 지우고 합니다. 

kms13570님의 프로필 이미지
kms13570
질문자

아~~ 그렇군요!!

궁금했던게 풀렸습니다 감사합니다^^

kms13570님의 프로필 이미지
kms13570

작성한 질문수

질문하기