inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

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

몇가지 질문이 있습니다.

187

pangirl3

작성한 질문수 8

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를 코딩해 놓은 것과 연관이 있는 건가요?  

웹 디자인 HTML/CSS jquery

답변 1

0

코딩웍스(Coding Works)

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

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

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

0

pangirl3

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

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

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

0

코딩웍스(Coding Works)

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

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

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

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

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

0

pangirl3

네...그러니까

저렇게 지정하고 

.menu li > a{

       background-color:#ddd;

       color:#000;

}

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

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

0

코딩웍스(Coding Works)

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

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

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

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

해당 강의 PDF는 어디에 있나요?

1

54

2

2026 웹디자인개발기능사 실기 보는데 필요한 텍스트에디터는 무엇인가요?

1

91

2

예제파일

1

51

1

섹션10-77번강의 내 와이어프레임 pdf 자료 다운로드 어디서 하나요?

1

79

2

보더를 사용해 와이어프레임만드는 강의 html+css소스 다운로드 받을 수 있나요?

1

55

1

시험 시 슬라이드 작성 관련 문의

0

63

1

강의 질문 있습니다

1

67

1

시험 관련 문의

1

60

1

파워포인트 자료 다운로드 버튼 어디에 있나요?

1

53

1

브라우저 화면 줄일 시 빈 공간 발생

0

63

1

서브메뉴가 유지되지 못하고 사라지는데 무엇이 문제 일까요?

1

76

1

슬라이드 및 완성본 관련 사항

1

67

2

D유형 레이아웃 연습중인데 슬라이드 이미지 크기가 변하지 않습니다

1

88

3

B-4연습중인데 네비게이션의 a태그 두께가 이상하고 슬라이드 다운시 문제가 있습니다.

1

49

2

A2 연습중인데 메뉴 배경색과 서브메뉴 크기, 갤러리 그림 정리에 문제가 있습니다

1

66

2

A1 레이아웃 연습중인데 overflow: hidden이나 box-sizing: border-box;가 적용되지 않는 것 같습니다

1

54

2

레이어 팝업 '닫기' 가 안됩니다

1

61

1

공지사항과 갤러리 탭(안)구성 중 마우스 클릭시 색상변경이 안됩니다.

1

83

2

뷰티파이 설치 관련 문의

1

70

3

웹디자인 기능사 웹디자인개발기능사로 개편 되었는데 이 수업만 들어도 가능?

1

80

2

A유형~C유형 수험자 제공파일 어디서

1

67

1

A1 작업하는데 와이어프레임이 무너지고, hover일부가 적용 안되고 메뉴바가 슬라이드를 밀어냅니다. 탭메뉴도 작동하지 않습니다..

0

116

4

footer 높이 값

1

41

2

div 상하분배?가 안돼요

0

67

2