강의

멘토링

커뮤니티

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

pangirl3님의 프로필 이미지
pangirl3

작성한 질문수

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

웹디자인 기능사 실기시험을 위한 포토샵 - 이미지 제작하기(슬라이드 이미지)

몇가지 질문이 있습니다.

작성

·

181

1

1.세로형 레이아웃에서 좌우로 움직이는 슬라이드 제작시 width:2400px이 적용되지 않습니다. slide div가 위로 올라가지 않습니다. 

2.수험지에 지정된 색상으로 텍스트 컬러를 지정하는데... 결과물의 네비게이션 목록의 텍스트 색상이 흰색이면 #fff로 지정해도 문제 없는거죠?

3.네비게이션의서브메뉴 테두리를 왼쪽/오른쪽/아래쪽만 지정할시 (menu li:first-child~) sub-menu:first-child로 코딩하면 안되더라고요. 왜 그런가요?

4.탭 메뉴 제작시 tab2의 img를 수직 중앙 정렬하기 위해 padding-top:30px을 지정하는데 패딩을 지정하면 부피가 커지잖아요. 그런데 정해진 부피 안에서 이미지가 아래로 내려가고 넘치는 부분은 잘리더라고요. 레이아웃 제작 items div들의 너비, 높이값이 정해져 있고 box-sizing:border-box를 코딩해 놓은 것과 연관이 있는 건가요?  

답변 1

0

4가지 질문이 전부 다 코드를 보지 않으면 답변들을 수가 없는 내용이네요.

답글로 html 소스 코드 전부 css 소스 코드 전부 올려주세요.

그리고 오류가 나는 화면이 있으면 캡처도 올려 주시면 좋고요.

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

2번도 코드를 알아야 하나요?

수험지에서 기본 텍스트 색상이 #999999인데

이미지상으로 보이는 네비게이션 리스트 목록이 검정이거나 또는 제가 임의적으로 마우스 후버 되었을때 흰색으로 설정할거면 (수험지에 마우스 후버시 텍스트 색상에 특별한 언급이 없을시)그 색상으로 지정해서 코딩해도 되냐는 질문이예요.

공개도면 보시면 아래처럼 컬러가이드가 있어요.

작년까지는 '자유롭게 지정'이라는 말이 없이 빈칸이었는데 올해에는 넣었네요.

배경색, 기본 텍스트 색은 지정된 색을 사용하시고 다른 것은 수험생이 '자유롭게 지정' 하면 됩니다.

곧, 아래 처럼 CSS 를 해주고 나머지는 수험생이 알아서 하라는 이야기죠.

body {
    background-color#fff;
    color#333;
}
a {
    color#333;
}

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

네...그러니까

저렇게 지정하고 

.menu li > a{

       background-color:#ddd;

       color:#000;

}

이렇게 추가 작성하여 폰트 색상을 바꿔도 된다는 거죠...?

혼자 해서 하나하나 헷갈리는게 많아요;;ㅜ

그런데... 지시사항이 만약 기본 텍스트 색이 #333 인데 굳이 #ddd로 하실 필요가 있을까 합니다.

왜냐면.. 엄밀히 말하면 지시사항 색상은 #333인데 #ddd로 한 것이잖아요.

.menu li > a는 기본 텍스트 색에 해당 된다고 봐야 하잖아요.

주조색 보조색은... 예를 들어 .menu li > a 호버를 했을 때 색상이나, 호버를 했을 때 배경색상이나 지시사항에 지정되지 않은 색상 범위니까 '자유롭게 지정'하시면 됩니다.

pangirl3님의 프로필 이미지
pangirl3

작성한 질문수

질문하기