위 이미지를 클릭하시면 인터넷으로 바로 문제를 풀어 보실수 있습니다.

(해설, 모의고사, 오답노트, 워드, 컴활, 정보처리 상설검정 프로그램 기능 포함)

전자문제집 CBT란?
종이 문제집이 아닌 인터넷으로 문제를 풀고 자동으로 채점하며 모의고사, 오답 노트, 해설까지 제공하는
무료 기출문제 학습 프로그램으로 실제 상설검정에서 사용하는 OMR 형식의 CBT를 제공합니다.

최신 웹디자인기능사 필기 기출문제(해설) : [다운로드]

웹디자인기능사 필기 기출문제(해설) 및 전자문제집 CBT 2015년07월19일[4회]

1과목 : 디자인 일반

1. 색의 3속성 중 사람의 눈이 가장 예민하고 강하게 반응하는 대비는?      가. 명도대비      나. 색상대비      다. 보색대비      라. 채도대비      정답 : [1]☜ 블럭 설정하면 보임      정답률 : 58%       <문제 해설> 명도대비:명도가 다른 두 색의 영향에 의해 명도차가 다르게 지각되는 현상. 주위 색에 따라 더욱 밝게 느껴지거나 더욱 어둡게 느껴짐. ex) 흰바탕에 회색 점/검은바탕에 회색 점 동시대비 중 가장 예민하게 작용함. [해설작성자 : 지은] 색의 3속성은 색상, 명도, 채도이다. 3속성 중 고르라고 하였으니 일단 3번 보색대비는 제외해야 한다. [해설작성자 : 김찌찌개]

2. 색의 주목성에 대한 설명으로 옳지 않은 것은?      가. 명시도가 높으면 색의 주목성이 높다.      나. 채도 차이가 클수록 주목성이 높다.      다. 빨강은 초록보다 주목성이 높다.      라. 명도와 채도가 낮은 색이 주목성이 높다.      정답 : [4]☜ 블럭 설정하면 보임      정답률 : 91%       <문제 해설> 4.명도와 채도가 낮으면 주목성도 함께 낮아진다. [해설작성자 : 손미정]

3. 디자인의 원리 중 비례에 대한 설명이 잘못된 것은?      가. 균형을 가장 많이 고려하여 구성해야 한다.      나. 부분과 부분, 부분과 전체에 균형이 잡혀있음을 말한다.      다. 조형을 구성하는 모든 단위의 크기를 결정한다.      라. 객관적 질서와 과학적 근거를 명확하게 드러내는 구성 형식이다.      정답 : [1]☜ 블럭 설정하면 보임      정답률 : 30%       <문제 해설> 비례란 부분과 부분,    부분과 전체의 연관시켜서 상대적으로 설명하는 것으로 부분사이의 상호관계에 대한 일정한 비율로 분포,면적,길이 등의 대비관계를 말한다. [해설작성자 : 딘이]

4. 색의 감정에서 저채도의 배색이 주는 느낌은?      가. 부드러운 느낌      나. 명쾌한 느낌      다. 화려한 느낌      라. 활기찬 느낌      정답 : [1]☜ 블럭 설정하면 보임      정답률 : 93%       <문제 해설> 채도가 높은 색일수록 색상이 선명하며 강하게 느껴지고, 채도가 낮은 색일수록 탁해지며 부드러운 느낌을 줍니다. [해설작성자 : ♡블루밍♡]

5. 디자인의 조건 중 실용성과 요구되는 기능이 모두 갖추어져 있는지를 의미하는 것은?      가. 합목적성      나. 독창성      다. 심미성      라. 경제성      정답 : [1]☜ 블럭 설정하면 보임      정답률 : 92%       <문제 해설> 1. 기능성과 실용성이 가장중요시 되며, 사용목적에 적합한 것이어야 함. 2. 남과 다르게 독창적인 것으로서 디자인에 최종적으로 생명을 불어넣음. 3. 미를 뜻하는 것으로서 시대성,국제성,민족성,사회성,개인성 등 4. 최소의 자재,경비,노력으로 최대의 효과를 얻음. [해설작성자 : 손미정]

6. 디자인의 요소에 관한 정의가 틀린 것은?      가. 점 – 위치만 있고 크기는 없다.      나. 선 – 면의 한계 또는 교차      다. 면 – 선의 이동      라. 입체 – 면의 이동      정답 : [2]☜ 블럭 설정하면 보임      정답률 : 77%       <문제 해설> 선은 면의 교차로 이뤄지는게 아니라 점이 모여서 생기는 것입니다. [해설작성자 : A양] 선 : 속도감, 방향, 강약, 면의 한계 또는 교차 [해설작성자 : 수정자]

7. 먼셀의 색체계에서 색상의 기본색을 10가지로 나누었을 때 포함되지 않는 색은?      가. PR      나. P      다. YR      라. GY      정답 : [1]☜ 블럭 설정하면 보임      정답률 : 53%       <문제 해설> R: Red(빨강) / Y:Yellow(노랑) / G:Green(초록) / B:Blue (파랑) / P: Purple(보라) / YR : Yellow Red(주황) / GY :Green Yellow(연두) / BG: Blue Green (청록) / PB: Purple Blue(남색) / RP:Red Purple (자주) [해설작성자 : 파인애플]

8. 다음과 같이 문자를 대신하여 의사소통이 가능한 그림 문자를 뜻하는 용어는?          가. 캐릭터      나. 픽토그램      다. 로고타입      라. 다이어그램      정답 : [2]☜ 블럭 설정하면 보임      정답률 : 86%       <문제 해설> 사용자와 그림으로 의사소통을 할 수 있는 것을 픽토그램이라 하죠 (예, 남자&여자화장실, 장애인표지 등..) [해설작성자 : 갈데까지가자]

9. 가시광선에 대한 설명으로 틀린 것은?      가. 빛의 파장 중 380nm에서 780nm 사이의 범위로 눈으로 지각되는 영역을 말한다.      나. 백색광이 프리즘을 통해 나타나는 색띠를 말한다.      다. 라디오나 텔레비전, 휴대폰의 파장범위를 포함 한다.      라. 전자기파 스펙트럼이라고도 한다.      정답 : [3]☜ 블럭 설정하면 보임      정답률 : 68%       <문제 해설> 라디오, 텔레비전, 휴대폰의 파장범위는 가시광선이 아니라 적외선이다. [해설작성자 : 김찌찌개]

10. 1, 2, 4, 8, 16…과 같이 이웃하는 두 항의 비가 일정한 수열은?      가. 등차수열      나. 등비수열      다. 피보나치수열      라. 조화수열      정답 : [2]☜ 블럭 설정하면 보임      정답률 : 83%       <문제 해설> a=1이고 r=2인 등비수열 [해설작성자 : 윤예진]

11. 자연에서 쉽게 찾을 수 있고, 온화함이 있지만 때로는 단조로움을 주는 디자인 원리는?      가. 유사조화      나. 균일조화      다. 방사조화      라. 대비조화      정답 : [1]☜ 블럭 설정하면 보임      정답률 : 68%       <문제 해설> 유사조화 : 같은 성질의 조화, 친근감과 부드러움을 가지고 있으나 이로인해 단조로울 수 있다. 파도나 잎사귀, 잔디 등 자연에서 쉽게 볼 수 있다. [해설작성자 : jiggy]

12. 다음 중 LCD, LED 조명등에 활용되는 색의 혼합방식은 무엇인가?      가. 감산혼합      나. 가산혼합      다. 계시가법혼합      라. 중간혼합      정답 : [2]☜ 블럭 설정하면 보임      정답률 : 78%       <문제 해설> 1. 색료혼합이라고도 한다. 3. 매우 빠른 속도로 색자극의 교환이 연속되어 망막이 그것들이 혼합되었다고 생각하게 되는 혼합법. (예를들어 다른색으로 칠해진 회전판을 빠른속도로 돌리면 그 두색이 혼합된것 처럼 보임) 4. 2색 이상을 혼합할 때 색 수에 관계없이 혼합된 색의 명도가 혼합하는 색의 평균명도가 되는 것 [해설작성자 : 손미정] lcd 나 led는 패널뒤에 백라이트를 비추면서 색을 나타냅니다 때문에 블랙처럼 어두운색을 표현하는데 어려움이 있습니다 최근나온 oled 디스플레이는 백라이트가없이 색마다 소자가 자체발광해서 더 선명한색을내서 더 뛰어납니다 완전한 블랙을 표현할 수 있습니다 [해설작성자 : ㅎㅎㅎ]

13. 무성한 초록 나뭇잎들 사이에 핀 빨간 꽃과 관련 있는 조형의 원리는?      가. 비례      나. 율동      다. 점이      라. 강조      정답 : [4]☜ 블럭 설정하면 보임      정답률 : 93%       <문제 해설> 단조로움을 피하기 위해 일부요소(채도, 색채, 배치 등)를 다르게 표현. 자연속의 강조로 '녹색 잎 속에 파묻힌 빨간 장미' [해설작성자 : jiggy]

14. 서로 다른 부분의 조합에 의해 균형감을 잃지 않은 상태로 대립에 의한 극적효과와 긴장감을 줄 수 있는 디자인 원리는?      가. 대비      나. 변칙      다. 통일      라. 반복      정답 : [1]☜ 블럭 설정하면 보임      정답률 : 78%       <문제 해설> 대비 : 전혀 다른 성질을 조화시켜 대립에 의한 극적 효과와 긴장감을 주고              수평과 수직, 직선과 곡선 등 대립된 모양이나 종류에서 나타난다. [해설작성자 : 흰콩맘]

15. 물체의 표면이 가지고 있는 특징의 차이를 시각과 촉각을 통하여 느낄 수 있는 성질을 의미하는 것은?      가. 색감      나. 항상성      다. 고유성      라. 재질감      정답 : [4]☜ 블럭 설정하면 보임      정답률 : 92%       <문제 해설> 1. 색이 망막을 자극함으로써 느끼게 되는 심리적인 감정. 2. 고유의 상태를 유지하려는 성질. 3. 어떤 물체가 가지고 있는 고유한 성질이나 속성. [해설작성자 : 손미정]

16. 도로의 가로등 및 난간, 고층 빌딩의 창문 크기 등을 원근법을 적용하여 표현하고자 할 때, 표현 요소들 사이에 일정한 단계의 변화가 나타나도록 하는 디자인 원리는?      가. 점증      나. 조화      다. 대칭      라. 균형      정답 : [1]☜ 블럭 설정하면 보임      정답률 : 79%       <문제 해설> 1. 색이나 명암이 점점 밝아지거나 어두워지면서 생기는 시각적 율동감. 2. 통일과 변화, 균형감이 안정적으로 결합된 상태. 3. 서로 다른 영역이 대립되는 것. 4. 물리적 구조와 색채에서 시각적인 안정감을 주는 것. [해설작성자 : 손미정] 점증은 원근법을 이용하여 먼 거리에 있는 대상은 작게, 가까운 거리에 있는 대상은 크게 표현함으로써 시각적인 깊이와 거리감을 표현하는 디자인 원리입니다. 따라서 도로의 가로등이나 난간, 고층 빌딩의 창문 크기 등을 원근법을 적용하여 표현할 때, 먼 거리에 있는 대상은 작게, 가까운 거리에 있는 대상은 크게 표현하여 일정한 단계의 변화를 나타내는 것이 점증의 디자인 원리입니다. [해설작성자 : 에헤이]

17. 디자인의 조건 중 의자를 디자인할 경우, 사용자의 신체치수와 생김새, 체중이나 감촉에 대한 재료와 구조의 상태가 적합한지 등을 고려하는 것을 무엇이라 하는가?      가. 심미성      나. 독창성      다. 합목적성      라. 경제성      정답 : [3]☜ 블럭 설정하면 보임      정답률 : 90%       <문제 해설> 1. 색상이나 디자인, 외관의 미적 기능을 말한다. 2. 남과 다르게 독창적인 것으로서 디자인에 최종적으로 생명을 불어 넣음. 3. 기능성과 실용성이 가장 중요시 되며, 사용목적에 적합한 것이어야 함. 4. 최소의 자재, 경비, 노력으로 최대의 효과를 얻음. [해설작성자 : 손미정] 합목적성은 디자인의 기본 조건 중 하나로, 디자인을 할 때 사용자의 기능적인 요구사항과 함께 실용성, 효율성, 안전성 등을 고려하여 디자인하는 것을 말합니다. 따라서 의자를 디자인할 때는 사용자의 신체적 특성과 함께 사용 목적, 재료와 구조의 상태 등을 고려하여 디자인해야 합니다. 이러한 기능적인 요구사항을 충족시키면서도 디자인적으로도 매력적인 제품을 만들어내는 것이 합목적성입니다. [해설작성자 : 에헤이조졌네이거]

18. 2차원적 제품 디자인 분야에 속하지 않는 것은?(오류 신고가 접수된 문제입니다. 반드시 정답과 해설을 확인하시기 바랍니다.)      가. 텍스타일디자인      나. 편집디자인      다. 벽지디자인      라. 인테리어 직물디자인      정답 : [2]☜ 블럭 설정하면 보임      정답률 : 37%       <문제 해설> 편집디자인은 시각디자인 [해설작성자 : 윤예진] 아래와 같은 오류 신고가 있었습니다. 여러분들의 많은 의견 부탁 드립니다. 추후 여러분들의 의견을 반영하여 정답을 수정하도록 하겠습니다. 참고로 정답 변경은 오류 신고 5회 이상일 경우 수정합니다. [오류 신고 내용] 텍스타일디자인, 편집디자인, 벽지디자인은 2차원 평면 디자인 인테리어 직물디자인은 3차원 입체 디자인 [해설작성자 : 모네] [추가 오류 신고] 2차원 제품 디자인이므로 3차원 입체 디자인에 속하는 4번이 정답 인데 이문제 오류인거 같습니다. [해설작성자 : GSM디자이너] [추가 오류 신고] 텍스타일디자인, 편집디자인, 벽지디자인이 2차원이고 인테리어 직물디자인은 3차원인데 2차원적 제품 디자인 분야에 속하지 않는 것을 고르라는데 왜 답이 편집디자인인가요? [추가 오류 신고] 텍스타일 편집 디자인 벽지는 2차디자인이고 인테리어 직물디자인은 3차원이므로 답은 4번 인테리어 직물 디자인입니다. [해설작성자 : 112] [관리자 입니다. 문제의 촛점을 어디에 놓느냐에 따라서 답이 여러개가 될수 있을꺼 같네요. 2차원이냐 3차원이냐 제품디자인이냐 시각디자인이냐. 해설을 보면 제품, 시각의 구분에서는 확실히 2번이 답인것 같구요. 2차원이냐 3차원이냐 촛점을 맞추면 4번도 답이 될수 있을꺼 같네요. 그당시 2번으로 확정답안이 발표되었습니다. 이점 참고 부탁 드리며 추후 의미없는 오류 신고는 받지 않겠습니다. 제가 말한점을 충분히 숙지하시고 오류 신고를 주시는 분의 오류신고를 게시하여 드리겠습니다. 단순히 2차원 3차원 오류신고는 추가로 받지 않겠습니다.] [오류신고 반론] 2차원 3차원의 조건으로 따지면 모호함이 있지만 여기서 요구되는 것은 제품디자인을 초점을 맞추어야 할 듯 합니다. 편집디자인은 분명 제품디자인이 아니므로 확실한 답이라 봅니다. 전 문제를 보자마자 편집디자인은 시각디자인임을 직시하여 답을 선택했습니다. 이점 참고하면 좋을 듯 합니다. [해설작성자 : 프론트엔드하나일]

19. 디자인 의미에 대한 설명으로 틀린 것은?      가. 넓은 의미로 심적 계획이다.      나. 좁은 의미로는 보다 사용하기 쉽고 안전하며, 아름답고, 쾌적한 생활환경을 창조하는 조형행위이다.      다. 사전적 의미로 라틴어의 ‘designare’와 같이 ‘지시하다, 계획을 세우다, 스케치를 하다’ 등의 의미로 사용된다.      라. 도안(圖案) 또는 의장(意匠)을 말하며, 주어진 목적에 관계없이 비실체적인 행위의 총체이다.      정답 : [4]☜ 블럭 설정하면 보임      정답률 : 80%       <문제 해설> 4. 도안 또는 의장을 말하며, 수립한 계획을 목적에 맞게 설계하고 발전시켜 나가는것, 또는 그 과정. [해설작성자 : 손미정]

20. 다음 중 A, B에 순서대로 들어갈 알맞은 용어는?           가. 심리계, 지각계      나. 혼색계, 현색계      다. 현색계, 혼색계      라. 물리계, 지각계      정답 : [2]☜ 블럭 설정하면 보임      정답률 : 78%       <문제 해설> 물리적이고 심리적인 실험을 통해 빛의 혼합을 기초로 색을 규정하는 방법 - 혼색계 물체색을 표시하기 위해 색의 3속성에 따라 표준색표를 정해 표시하는 방법 - 현색계 [해설작성자 : jiggy]

2과목 : 인터넷 일반

21. HTML에서 사용되는 글자 모양에 관련된 태그에 관한 설명으로 옳지 않은 것은?      가. <B> …</B> 태그는 강조된 글자 모양으로 표시하기 위한 태그이다.      나. <CITE> …</CITE> 태그는 짧은 인용구를 표시할때 사용하는 태그이다.      다. <SUB> …</SUB> 태그는 위 첨자 모양의 글자로 표시할 때 사용하는 태그이다.      라. <CODE> …</CODE> 태그는 프로그램 코드 글자 모양으로 표시할 때 사용하는 태그이다.      정답 : [3]☜ 블럭 설정하면 보임      정답률 : 59%       <문제 해설> <CITE> 짧은 인용(citation)구를 표시할때 - 이태릭체로 표시 <SUB>    아래 첨자를 사용하고자 할때 (sub -b 의 동그란 부분이 아래니까 아래첨자) <SUP>    위 첨자를 사용하고자 할때    (sup -p 의 동그란 부분이 위니까 위 첨자) <CODE> 프로그램 코드 표시 [해설작성자 : 이타행] <b></b> 태그는 글자를 굵게 표시하는 태그로, bold의 약자입니다. [해설작성자 : 김찌찌개]

22. 다음 중 스타일시트와 <BODY> 태그 속성과의 연결이 틀린 것은?      가. A:link{color:#ff0000;} - <body link="#ff0000">      나. A:active{color:#ff0000;} - <body alink="#ff0000">      다. A:hover{color:#ff0000;} - <body hink="#ff0000">      라. A:visited{color:#ff0000;} - <body vlink="#ff0000">      정답 : [3]☜ 블럭 설정하면 보임      정답률 : 55%       <문제 해설> A:hover : 하이퍼링크 위에 마우스를 올려놨을때 모양을 말합니다. (HTML 태그로 사용 불가) [해설작성자 : 갈데까지가자] link : 링크가 있는 텍스트의 클릭을 하기 전 색상값을 입력한다. vlink : 이미 방문을 한적이 있는 링크의 텍스트 색상값을 입력한다. alink : 링크가 있는 텍스트를 클릭하는 순간의 색상값을 입력한다. text : 글의 색상값을 입력한다. a:link 방문전 링크상태 a:visited 방문 후 링크 상태 a:hover 마우스 오버했을때 링크상태 a:active 클릭했을 때 링크 상태 [해설작성자 : 수수 ]

23. 인터넷 익스플로러 버전을 확인하고자 할 때 선택해야 할 메뉴는?      가. 파일      나. 편집      다. 보기      라. 도움말      정답 : [4]☜ 블럭 설정하면 보임      정답률 : 50%       <문제 해설> 인터넷 익스플로러 버전은 도움말 메뉴에서 확인할 수 있습니다. [해설작성자 : 갈데까지가자]

24. 다음 중 인터넷 서비스에 해당되지 않는 것은?      가. E-mail      나. PDA      다. FTP      라. Telnet      정답 : [2]☜ 블럭 설정하면 보임      정답률 : 66%       <문제 해설> 2. PDA는 개인휴대정보단말기 이다. [해설작성자 : 손미정]

25. 다음이 설명하고 있는 것은?           가. USENET      나. FTP      다. WAIS      라. ARPANET      정답 : [4]☜ 블럭 설정하면 보임      정답률 : 77%       <문제 해설> 1969년 미국 국방성이 군사적 목적으로 ARPA에서 개발한 네트워크는 ARPANET으로 인터넷의 시초라 할 수 있습니다. [해설작성자 : 갈데까지가자]

26. 전자메일 서비스에 연관된 프로토콜(Protocol)이 아닌 것은?      가. IMAP      나. NNTP      다. POP3      라. SMTP      정답 : [2]☜ 블럭 설정하면 보임      정답률 : 65%       <문제 해설> 2. 인터넷 상의 뉴스 서버간에 뉴스를 주고받기 위한 역할을 하는 프로토콜이다. [해설작성자 : 손미정]

27. 멀티미디어 데이터를 다운로드 없이 실시간으로 재생해 주는 기법은?(오류 신고가 접수된 문제입니다. 반드시 정답과 해설을 확인하시기 바랍니다.)      가. UMS      나. Streaming      다. FPLMTS      라. Roaming      정답 : [2]☜ 블럭 설정하면 보임      정답률 : 90%       <문제 해설> 아래와 같은 오류 신고가 있었습니다. 여러분들의 많은 의견 부탁 드립니다. 추후 여러분들의 의견을 반영하여 정답을 수정하도록 하겠습니다. 참고로 정답 변경은 오류 신고 5회 이상일 경우 수정합니다. [오류 신고 내용] 이 문제는 문제 자체에 오류가 있다. 스트리밍은 다운로드없이가 아니라 다운로드와 동시에 실시간 재생되는 기법이다. 그래서 다운로드 없이라고 하기보다는 다운로드와 동시에라는 표현이 맞다. 문제자체가 오류다 [해설작성자 : 프론트엔더하나일] [관리자 입니다. 다른 문제집 확인 가능한분 계시면 확인 부탁 드립니다. 신고시 출판사명까지 기제 부탁 드립니다.]

28. 자바스크립트로 배경색을 파란색으로 지정하려면 다음 중 어떤 문장이 적합한가?      가. window.bgColor = “blue”;      나. window.background = “blue”;      다. document.bgColor = “blue”;      라. document.background = “blue”;      정답 : [3]☜ 블럭 설정하면 보임      정답률 : 56%       <문제 해설> document.bgColor="blue"; document.backgroundColor="blue"; [해설작성자 : 조애나]

29. 수신된 신호를 증폭, 회복시켜 재전송하여 전송거리를 확장하는 네트워크 장비는?      가. Bridge      나. Router      다. Gateway      라. Repeater      정답 : [4]☜ 블럭 설정하면 보임      정답률 : 53%       <문제 해설> 1. 두 개의 LAN을 서로 연결해 주는 통신망 연결 장치. 2. LAN과 LAN을 연결하거나 LAN과 WAN을 연결하기 위한 인터넷 네트워킹 장비. 3. 관문 또는 출입구라는 의미로 2개 이상의 다른종류 또는 같은종류의 통신망을 상호 접속하여 통신망간 정보를 주고받을 수 있게 하는 장치. [해설작성자 : 손미정]

30. 범위가 넓지 않은 일정 지역 내에서 다수의 컴퓨터나 OA 기기 등을 속도가 빠른 통신선로로 연결하여 기기 간에 통신이 가능하도록 하는 근거리 통신망을 무엇이라 하는가?      가. LAN      나. MAN      다. WAN      라. VAN      정답 : [1]☜ 블럭 설정하면 보임      정답률 : 85%       <문제 해설> 2. IEEE가 개발중인 LAN규격의 하나. 3. 지역과 지역, 국가와 국가, 전세계에 걸쳐 형성되는 통신망. 광대역통신망을 말한다. 4. 부가가치통신망. 독자적인 네트워크를 형성 [해설작성자 : 손미정]

31. 여러 개의 검색엔진에서 정보를 찾은 다음, 중복으로 검색된 정보는 하나로 통일하고 자체 순위 결정 방식에 의해 가장 관련성이 높은 순으로 출력해 주는 것은?      가. 주제별 검색엔진      나. 키워드 검색엔진      다. 메타 검색엔진      라. 자연어 검색엔진      정답 : [3]☜ 블럭 설정하면 보임      정답률 : 59%       <문제 해설> - 주제별 검색엔진 : 대분류, 중분류, 소분류로 나누어진 디렉터리 형태로 정보를 찾는 방식 - 키워드 검색엔진 : 가장 일반적인 검색 방식으로, 검색 키워드를 포함한 웹 문서를 찾는 방식 - 자연어 검색엔진 : 문장 그 자체를 입력하여 검색하는 방식 [해설작성자 : ♡블루밍♡]

32. 〈BODY〉 태그에서 사용할 수 있는 속성과 그 의미의 연결이 올바르지 않은 것은?      가. BGCOLOR - 배경색을 지정한다.      나. BG - 배경으로 사용될 이미지 파일을 지정한다.      다. TEXT - 일반 글자색을 지정한다.      라. LINK - 링크로 설정한 글자색을 지정한다.      정답 : [2]☜ 블럭 설정하면 보임      정답률 : 50%       <문제 해설> background - 배경으로 사용될 이미지 파일을 지정한다. [해설작성자 : 이타행]

33. 다음과 같은 자바스크립트 소스를 헤드(head) 태그 안에 삽입 시 브라우저에서 적용되는 결과는?           가. 페이지가 열릴 때 자동으로 Welcome to the Morning Glory라는 문구가 있는 메시지 창이 뜬다.      나. 페이지가 열릴 때 Welcome to the Morning Glory라는 플래시가 출력된다.      다. 페이지가 열릴 때 Welcome to the Morning Glory라는 문구가 한자씩 브라우저에 새겨진다.      라. 페이지가 열릴 때 Welcome to the Morning Glory라는 문구가 이메일로 보내진다.      정답 : [1]☜ 블럭 설정하면 보임      정답률 : 84%       <문제 해설> alert는 메세지창을 띄워주는 자바스크립트 내장함수이다. [해설작성자 : 손미정]

34. 도서관의 도서들을 분류한 것과 같이 정보를 대분류, 중분류, 소분류 식으로 찾아들어가는 방식의 검색엔진은?      가. 주제별 검색엔진      나. 단어별 검색엔진      다. 메타 검색엔진      라. 통합 검색엔진      정답 : [1]☜ 블럭 설정하면 보임      정답률 : 83%       <문제 해설> 주제별(디렉터리) 검색엔진→˚다양한 주제로 인터넷 사이트를 분류해 놓은 검색엔진                                                      ˚일반적으로 단어별 검색엔진에 비하여 데이터의 양이 적다.                                                      ˚Yahoo는 주제별 검색엔진이다.                                                      ˚대분류,중분류,소분류 식으로 디렉터리 형태로 찾아들어가는 검색 [해설작성자 : cheong2]

35. 정보 검색 연산자의 설명으로 옳은 것은?      가. OR : 연산자 좌우 검색어 중 하나라도 들어 있는 자료를 찾는다.      나. 구절검색 : 연산자 앞 쪽의 검색어는 포함하고, 뒤 쪽 검색어는 포함하지 않은 자료를 찾는다.      다. AND : 두 개 이상의 단어가 순서대로 연속해서 나오는 것을 찾는다.      라. NOT : 연산자 좌우의 검색어를 모두 만족시키는 자료를 찾는다.      정답 : [1]☜ 블럭 설정하면 보임      정답률 : 80%       <문제 해설> AND : 좌우 검색어 모두 포함된 자료를 검색 OR : 좌우 검색어 중 하나라도 들어있는 자료를 검색 NOT : 키워드를 포함하고 있는 정보를 제외하고 검색 구절검색 : ""를 사용하여 구절(2개 이상 단어)을 검색 [해설작성자 : 갈데까지가자]

36. 웹 페이지의 속도 향상을 위한 이미지 관리로 맞는 것은?      가. 이미지 크기를 최대화 한다.      나. 썸네일(Thumbnail)을 활용한다.      다. 캐시 메모리를 이용하지 않는다.      라. 여러 가지의 배경 이미지를 사용한다.      정답 : [2]☜ 블럭 설정하면 보임      정답률 : 76%       <문제 해설> 썸네일은 원본 이미지를 로드하기 전에 미리 볼 수 있는 작은 이미지로, 사용자가 이미지를 더 빠르게 확인할 수 있습니다. 이러한 이유로 썸네일은 웹 페이지의 속도 향상에 큰 도움을 줄 수 있습니다. [해설작성자 : 이양구]

37. OSI 7계층에 해당하지 않는 것은?      가. 세션 계층      나. 전송 계층      다. 응용 계층      라. 관리 계층      정답 : [4]☜ 블럭 설정하면 보임      정답률 : 73%       <문제 해설> OSI 7계층에는 1.물리층    2.데이터링크층    3.네트워크층    4.전송층    5.세션층    6.표현층    7.응용층 이 있다. [해설작성자 : 손미정]

38. HTML을 이용하여 테이블을 작성할 때 테이블 내부의 선의 두께를 정의하는 속성은?      가. cellspacing      나. border      다. cellpadding      라. size      정답 : [1]☜ 블럭 설정하면 보임      정답률 : 38%       <문제 해설> cellsapacing - 셀과 셀 사이의 간격(내부의 선의 두께) border    -    테이블 테두리의 두께 지정 cellpadding    - 셀 안의 내용과 셀 경계선 사이의 간격 [해설작성자 : 이타행]

39. 웹 페이지 저작 도구 중 위지윅(What you see is what you get) 기반의 웹 에디터가 아닌 것은?      가. 나모 웹 에디터      나. 프론토 페이지      다. 넷스케이프 컴포저      라. 홈 사이트      정답 : [4]☜ 블럭 설정하면 보임      정답률 : 57%       <문제 해설> 4. 분산 데이터 베이스에서 어떤 트랜잭션이 시작되고 그 트랜잭션의 실행을 감독하는 사이트. [해설작성자 : 손미정]

40. 클라이언트의 웹 브라우저가 웹 서버와 접속할 때 사용하는 통신 규약으로 맞는 것은?      가. SNMP      나. HTTP      다. HTML      라. WWW      정답 : [2]☜ 블럭 설정하면 보임      정답률 : 67%       <문제 해설> - SNMP (Simple Network Management Protocol) : 네트워크 관리 지원 프로토콜 - HTTP (Hyper Text Transfer Protocol) : 웹상에서 파일을 주고받기 위해 필요한 하이퍼텍스트 전송 프로토콜 - HTML (Hypertext Markup Language) : 하이퍼텍스트를 작성하기 위해 개발된 기본적인 웹 언어 - WWW (World Wide Web) : 문자/음성/동영상 등의 멀티미디어 환경을 갖춘 인터넷 정보 서비스 [해설작성자 : ♡블루밍♡]

41. 웹 페이지 제작 시 사용되는 내비게이션(Navigation Structure) 구조의 유형에 해당하지 않는 것은?      가. Sequential structure      나. Hierarchical structure      다. Grid structure      라. Protocol structure      정답 : [4]☜ 블럭 설정하면 보임      정답률 : 51%       <문제 해설> 내비게이션 구조 : 순차적 구조, 계층 구조, 그리드 구조, 네트워크 구조 Navigation Structure : Sequential, Hierarchical, Grid, Network Structure [해설작성자 : 갈데까지가자]

42. 컴퓨터 그래픽스의 발달과정 중 세대별 발전단계가 바르게 연결된 것은?      가. 제1세대 – 진공관, 리플레시형 CRT      나. 제2세대 – 집적회로, 벡터 스캔 CRT      다. 제3세대 - 고밀도 집적회로, XY 플로터      라. 제4세대 – 고밀도 집적회로, 래스트 스캔 CRT      정답 : [4]☜ 블럭 설정하면 보임      정답률 : 47%       <문제 해설> 제1세대-진공관, CRT에 의한 영상시대 개막 제2세대-트랜지스터시대, 리플레시형 CRT 제3세대-집적회로, 스토리지형 CRT 제4세대-고밀도집적회로, 래스트 스캔 CRT 제5세대-컴퓨터지능화시대, 컴퓨터 그래픽스의 대중화 [해설작성자 : 손미정] 1세대에는 XY플로터를 개발하여 종이 위에 그림을 그릴 수 있게 되었다. [해설작성자 : 김찌찌개]

43. 애니메이션 종류 중 배경은 그대로 두고 캐릭터만 움직이도록 하는 기법으로 투명 필름 위에 수작업으로 캐릭터를 채색한 후 배경 위에 놓고 촬영 및 편집하는 기법은?      가. 클레이 애니메이션      나. 투광 애니메이션      다. 셀 애니메이션      라. 컷 아웃 애니메이션      정답 : [3]☜ 블럭 설정하면 보임      정답률 : 63%       <문제 해설> 1. 클레이 애니메이션 - 찰흙으로 인형 제작 후 콤마 촬영하는 기법의 애니메이션 2. 투광 애니메이션 - 라이트 테이블 위에 검은 종이나 점토 등의 절단 부분이나 통에서 나오는 빛을 촬영 4. 컷 아웃 애니메이션 - 종이 위에 형태를 그리고 잘라낸 다음 손으로 각각의 종이들을 직접 한장씩 움직여가며 촬영

44. 웹 사이트 제작에서 사용자 인터페이스 설계 시 고려사항으로 틀린 것은?      가. 최단 시간에 사이트를 방문한 목적을 이해할 수 있도록 인터페이스를 설계한다.      나. 웹페이지에서 다른 곳으로 이동 할 수 있는 링크를 한 곳으로만 지정될 수 있도록 설계한다.      다. 화면을 스크롤 했을 때 링크 버튼이 보이지 않는 일이 없도록 설계한다.      라. 누가 보더라도 쉽게 사용법을 알 수 있도록 사용자 편의성을 제공하도록 설계한다.      정답 : [2]☜ 블럭 설정하면 보임      정답률 : 86%       <문제 해설> 웹 페이지에서 링크를 사용자가 원하는 페이지로 이동하게 해 줄 수 있도록 설계하여야 합니다. [해설작성자 : 갈데까지가자]

45. 사용자가 그래픽을 통해 컴퓨터와 정보를 교환하는 작업 환경을 의미하는 것은?      가. AVI(Audio Video Interface)      나. PUI(Process User Interface)      다. GUI(Graphic User Interface)      라. MUI(Multi User Interface)      정답 : [3]☜ 블럭 설정하면 보임      정답률 : 83%       <문제 해설> 1. AVI(Audio Video Interface) : 컴퓨터나 기타 디지털 기기에서 오디오 및 비디오 신호를 입력하고 출력하기 위한 인터페이스입니다. 일반적으로 컴퓨터나 TV와 같은 디스플레이 장치와 오디오 장치, 마이크, 스피커, 카메라 등과 같은 외부 기기를 연결하는 데 사용됩니다. 2. PUI(Process User Interface) : 사용자가 작업을 수행하고 결과를 볼 수 있도록 프로세스를 제어하고 모니터링하는 방법을 제공합니다. 3. Multi User Interface (MUI)는 여러 사용자가 동시에 하나의 컴퓨터 또는 기기에 접속하여 작업할 수 있도록 하는 소프트웨어 인터페이스입니다. [해설작성자 : 이양구]

46. 컴퓨터 애니메이션에 대한 설명으로 틀린 것은?      가. 움직임이 없는 무생물이나 상상의 물체에 인위적인 조작을 가해 움직임을 주는 것을 말한다.      나. 애니메이션은 라틴어의 아니마투수(Animatus, 생명을 불어 넣다.)에서 유래된 말이다.      다. 인쇄용 광고 디자인 결과물을 만들어 낸다.      라. 일련의 정지된 그림을 빠르게 연속시켜서 보여줌으로써 움직이는 것처럼 착각을 유도한다.      정답 : [3]☜ 블럭 설정하면 보임      정답률 : 89%       <문제 해설> 인쇄용 광고 디자인 결과물을 만들어 내는 것은 '인쇄물 디자인'이라고 합니다. [해설작성자 : comcbt.com 이용자]

47. 컴퓨터 그래픽스 시스템의 출력장치에 대한 설명으로 틀린 것은?      가. 그래픽 정보를 외부로 출력하는 것을 말한다.      나. 대표적인 출력장치로 프린터, 모니터, 디지타이저 등이 있다.      다. 빔 프로젝터는 인쇄된 사진이나 문자, 혹은 영상을 확대 투영해주는 광학장치이다.      라. 처리장치를 통해 처리된 결과는 출력장치를 통해 나타낸다.      정답 : [2]☜ 블럭 설정하면 보임      정답률 : 58%       <문제 해설> 디지타이저(타블렛)은 입력장치 입니다. [해설작성자 : 비주]

48. 다음이 설명하고 있는 것은?           가. 모핑      나. 디더링      다. 커스텀 팔레트      라. 팔레트 플래싱      정답 : [2]☜ 블럭 설정하면 보임      정답률 : 66%       <문제 해설> 모핑 : 모핑(morphing)은 하나의 이미지를 다른 이미지로 단절 없이 이미지를 연속적으로 변형시키는 형상 변형 기법으로 흔히 일정한 시간 내에 여러 형상을 거쳐 최종 이미지로 변화되는 모습을 재현한다. 하나의 이미지를 다른 것으로 변형시키는 데 필요한 변화를 컴퓨터가 수학적으로 계산하는 과정을 거쳐 재현된다. 디더링 : 디스플레이 되는 이미지의 색 공간의 차이에서 오는 결점을 보완해 주는 방법. 색 오차를 최대한 최소화하여 원본의 이미지를 최대한 보전하려고 하는 방법이다. [해설작성자 : 솔라싴]

49. 다음 중 웹사이트 개발과정에 대한 설명으로 틀린 것은?      가. 프로젝트 기획 – 목표설정, 시장조사, 개발전략수립      나. 웹 사이트 기획 – 사이트 콘셉트 정의, 자료수집 및 분석      다. 웹 사이트 디자인 – 콘텐츠 제작 및 배치, 내비게이션 구축      라. 웹 사이트 구축 – 테스트 및 디버깅      정답 : [4]☜ 블럭 설정하면 보임      정답률 : 57%       <문제 해설> 웹 사이트 구축 단계에서는 도메인 확보 및 프로그래밍을 합니다. 테스트 및 디버깅은 유지 및 관리 단계 [해설작성자 : 낙순이]

50. 고해상도의 원본 이미지의 포맷을 변경해서 저장하였을 경우 다음 중 파일용량이 가장 큰 것은?      가. PNG      나. BMP      다. JPG      라. GIF      정답 : [2]☜ 블럭 설정하면 보임      정답률 : 47%       <문제 해설> 이미지 확장자별 크기 BMP > PNG > JPG(높은 압축률) > GIF(낮은 색상수) [해설작성자 : 주원]

51. 웹 사이트의 가상경로를 예상하여 기획하는 것으로 웹 사이트의 설계도이며 구체적인 작업 지침서 역할을 하는 것은?      가. 시안      나. 레이아웃      다. 내비게이션      라. 스토리보드      정답 : [4]☜ 블럭 설정하면 보임      정답률 : 59%       <문제 해설> 스토리보드는 일종의 작업 지침서이자 설계도이며, 웹 사이트의 전체 구성을 그림과 설명을 이용해 시각화하여 한 눈에 알아보기 쉽게 표현하는 것입니다. 웹 개발자 간의 의사소통의 도구가 되기도 합니다. [해설작성자 : ♡블루밍♡]

52. 다음 중 로고(Logo)나 심볼(Symbol)제작에 가장 적합한 프로그램은?      가. Flash      나. 3D MAX      다. Dream Weaver      라. Illustrator      정답 : [4]☜ 블럭 설정하면 보임      정답률 : 91%       <문제 해설> 로고, 심벌, 캐릭터 도안 작업은 일러스트레이터 (벡터 방식의 2D 이미지 저작 프로그램)가 적합하죠. [해설작성자 : 갈데까지가자]

53. 파일 포맷 중 LZW(Lempel-Ziv-Welch)라고 알려진 압축 알고리즘을 사용하며 사진이미지 보다는 색상이 단순한 그래픽에 더 효과적인 파일 포맷은?      가. BMP      나. GIF      다. PNG      라. JPEG      정답 : [2]☜ 블럭 설정하면 보임      정답률 : 45%       <문제 해설> LZW(Lempel-Ziv-Welch) : 무손실 압축 기법으로, 비슷한 계열의 색상을 갖는 이미지를 저장할 때 많이 사용합니다. TIFF, GIF 등에서 사용합니다. [해설작성자 : ♡블루밍♡]

54. 다음 중 안티 앨리어싱(Anti-Aliasing)에 대한 설명으로 맞는 것은?      가. 저해상도의 곡선이나 사선을 표현할 때 생기는 계단현상을 완화하기 위해 사용되는 기법이다.      나. 물체 또는 이미지의 경계가 매끈하지 않고 계단현상으로 표현된 픽셀효과이다.      다. 가로, 세로의 격자로 이미지의 정확한 이동, 수정, 편집 등에 주로 사용된다.      라. 영상이나 이미지가 점차적으로 변화하는 것을 말한다.      정답 : [1]☜ 블럭 설정하면 보임      정답률 : 80%

55. 다음 중 그래픽 표현 방식에서 벡터 방식에 대한 설명이 아닌 것은?      가. 베지어(Bezier)라는 곡선으로 이루어져 있다.      나. 비트맵이미지에 비해 상대적으로 파일 용량이 크다.      다. 이미지를 확대/축소하여도 그림이 거칠어지지 않는다.      라. 미세한 그림이나 점진적인 색의 변이를 표현하기 어렵다.      정답 : [2]☜ 블럭 설정하면 보임      정답률 : 42%       <문제 해설> * 비트맵 - 이 형식은 픽셀(Pixel)이라고 불리는 조그만 사각형이 각각이 색상을 가지고 모여서 이미지를 만들어 내는 방식입니다. 때문에 확대해서 보면 픽셀의 형태가 보여 깨져 보이는 현상이 일어나는 것을 볼 수 있습니다. 자연스럽고 사실적인 표현이 가능하나 고품질의 이미지를 만들기 위해 해상도를 올려야 하는데 해상도를 올릴 수록 파일의 용량이 커지는 단점을 가지고 있습니다. * 벡터 - 벡터 파일이란 수학적인 오브젝트에 의해 정의된 선과 곡선으로 구성되는 이미지를 이야기 합니다. 벡터 이미지는 비트맵 이미지와는 달리 어떤 해상도에서도 자동으로 크기를 조절하므로 해상도와 관계없이 깨끗한 이미지를 얻을 수 있다는 장점이 있습니다. 점과 선의 개수로 파일의 용량이 결정되므로 간단한 이미지에서는 같은 크기의 비트맵 파일보다 훨씬 적은 용량을 가지고 있습니다. 하지만 자연스러운 이미지와 색상의 표현에 한계가 있습니다. * 비트맵 파일 ㆍ구성 - 픽셀이라는 작은 사각형의 모임 ㆍ해상도 - 이동 크기조절등 밀접한 영향을 받음 ㆍ이미지 표현 - 자연스러운 이미지 표현이 가능하나 확대하면 이미지가 깨어져 보이고, 아주 작은 이미지는 표현이 어려움 ㆍ저장 - 고정된 해상도에서 픽셀 그룹으로 저장 ㆍ출력 - 고해상도를 사용해야만 선명 ㆍ모니터 - 확대하면 이미지가 깨져 보임 ㆍ프로그램 - 포토샵, 페인터 * 벡터 파일 ㆍ구성 - 수학적 오브젝트에 의해 정의된 선 ㆍ해상도 - 관계 없음 ㆍ이미지 표현 - 아주 작은 문자도 나타낼 수 있으나 자연스러운 효과는 내지 못함 ㆍ저장 - 수식으로 저장 ㆍ출력 - 자동으로 크기를 조절하므로 선명 ㆍ모니터 - 크기에 상관 없이 선명 ㆍ프로그램 - 일러스트레이터, 코렐 드로우, 플래시 출처: http://wans2o.tistory.com/entry/벡터-그래픽-vs-비트맵-그래픽 [박예쁜님의블로그]

56. 타이포그래피의 구성요소에 해당하지 않는 것은?      가. Serif      나. Line-spacing      다. Letter-spacing      라. Texturing      정답 : [4]☜ 블럭 설정하면 보임      정답률 : 58%       <문제 해설> 타이포그래피 구성요소 : Serif, Letter Spacing, Line Spacing [해설작성자 : 갈데까지가자]

57. 해상도(Resolution)에 대한 설명으로 맞는 것은?      가. 이미지를 표현하는데 몇 개의 픽셀(pixel) 또는 도트(dot)로 나타내었는지 그 정도를 의미한다.      나. 작은 화소 단위를 말한다.      다. 해상도가 높을수록 이미지의 질은 떨어진다.      라. 해상도는 bps로만 나타낸다.      정답 : [1]☜ 블럭 설정하면 보임      정답률 : 70%       <문제 해설> 비트맵 이미지가 몇 개의 픽셀(pixel) 또는 도트(dot)로 구성되어 있는지 그 정도를 의미합니다. 해상도는 보통 ppi나 dpi 단위를 사용하며, 해상도가 높을수록 이미지를 더욱 세밀하게 표현할 수 있습니다. [해설작성자 : ♡블루밍♡]

58. 다음 중 웹페이지 제작 및 관리 순서를 옳게 나열한 것은?           가. ㄹ→ㄱ→ㄴ→ㅁ→ㄷ→ㅂ      나. ㅂ→ㄷ→ㄱ→ㄴ→ㅁ→ㄹ      다. ㄷ→ㄹ→ㅁ→ㄴ→ㄱ→ㅂ      라. ㄱ→ㄴ→ㄹ→ㅂ→ㄷ→ㅁ      정답 : [2]☜ 블럭 설정하면 보임      정답률 : 89%       <문제 해설> 웹 페이지 제작 및 관리 순서 1. 주제 결정과 구성도를 작성(ㅂ) → 2. 자료수집과 정리(ㄷ) → 3. 홈페이지 제작(ㄱ) → 4. 웹 서버에 업로드(ㄴ) → 5. 검색엔진 등록 및 홍보(ㅁ) → 6. 내용 업데이트 및 유지보수 관리(ㄹ) [해설작성자 : 갈데까지가자]

59. 이미지를 구성하는 최소 단위는?      가. 원자      나. 분자      다. 픽셀      라. 해상도      정답 : [3]☜ 블럭 설정하면 보임      정답률 : 92%       <문제 해설> 픽셀(Pixel) : 이미지를 이루는 최소 단위로, 프로그램에 따라 래스터(RASTER)라고 부르기도 합니다. 여러 개의 픽셀이 모여 하나의 이미지를 구성합니다. [해설작성자 : ♡블루밍♡]

60. 애니메이션에서 사용되는 정지화면 하나하나를 무엇이라 하는가?      가. Frame      나. Key Frame      다. Tweening      라. Onion Skin      정답 : [1]☜ 블럭 설정하면 보임      정답률 : 77%       <문제 해설> 2. Key Frame(키프레임) : Key Frame은 애니메이션에서 움직임의 시작점과 끝점을 나타내는 프레임을 말합니다 3. Tweening(트윈, 인터폴레이션) : Tweening은 애니메이션에서 Key Frame 사이의 움직임을 자동으로 생성하는 기술입니다. 4. Onion Skin(어니언 스킨) : Onion Skin은 애니메이션 제작 도구에서 이전 프레임과 다음 프레임을 겹쳐서 보여주는 기능입니다. [해설작성자 : 이양구]

웹디자인기능사 필기 기출문제(해설) 및 CBT 2015년07월19일[4회]을 이용해 주셔서 감사합니다.
웹디자인기능사, 기출문제, 웹디자인, 디자인, 기능사, 필기, 기출문제, 전자문제집, CBT, 온라인, 모의테스트, 모의고사