inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

[최종본 제작] 가로 고정형(A1타입) – Part1

CSS, html첫부분, 그리고.....

290

와이즈네이션

작성한 질문수 8

1

1.

CSS 첫부분에 시작할때

여기서는 @charset 'utf-8'; 이렇게 되어 있는데

다른곳에서는 @charset "utf-8"; ( 세미콜론)

또는 @charset = "utf-8";

조금씩 틀린데, 모두 상관없이 맞는건가요?

시험엔 어떤게 제일 적합할지....

혹시나 시험에서 틀릴까봐 재차 확인해 봅니다...

그리고 ; 는 안넣으니깐 확실히 이상한 부분이 나오긴 한데

띄움과 안띄움의 차이는 없는건지 궁금합니다.

--------

2.

그리고 html에서

<html lang="ko"> -- 이부분 안 넣어도 문제는 안 되나요?

드림위브에서 자동으로 생성 될때는 이부분이 빠져 있어서

안 넣어도 문제는 안 되는건지 알고 싶습니다.

-----

3.

css에서 처음부터 전체적으로 글자 폰트종류 지정은 하는게 좋을지 안해도 될지 궁금합니다.

jquery HTML/CSS 웹 디자인

답변 2

1

와이즈네이션

네 감사합니다.

1

코딩웍스(Coding Works)

1번 답변)

@charset 'utf-8'; 

@charset "utf-8";

위에 처럼 따옴표 또는 쌍따옴표는 뭘 써도 상관없습니다. 정확한 코드 표기입니다. 하지만 아래는 잘못된 것입니다. = 이 있으면 안됩니다.

@charset = "utf-8";

2번 답변)

드림위버로 연습하시는구요. 제가 드림위버를 사용한지 너무 오래되서 모르겠지만 드림위버에서는 <html lang="ko"> 이 부분이 안나오나 보네요. 하지만 넣어주시는게 맞습니다. 기본적으로 <html lang="en"> 이렇게 되어 있는데로 놔두시면 그롬에서 영어 사이트라고 생각해서 번역할거냐고 메세지가 뜹니다. 가급적 <html lang="ko"> 넣는 것을 습관들이시는게 좋습니다.

3번 답변)

웹디자인 기능사 실기시험에서 지시사항에 폰트패밀리를 지정하는 부분은 없습니다. 굳이 font-family: '맑은 고딕'; 이렇게 지정하실 필요는 없습니다. 지시사항에 없는거니까요.

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

1

55

2

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

1

92

2

예제파일

1

53

1

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

1

80

2

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

1

56

1

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

0

64

1

강의 질문 있습니다

1

68

1

시험 관련 문의

1

61

1

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

1

54

1

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

0

64

1

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

1

77

1

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

1

68

2

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

1

89

3

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

1

50

2

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

1

67

2

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

1

55

2

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

1

61

1

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

1

84

2

뷰티파이 설치 관련 문의

1

71

3

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

1

84

2

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

1

71

1

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

0

119

4

footer 높이 값

1

45

2

div 상하분배?가 안돼요

0

70

2