2015년 4회 웹디자인 기능사 기출문제
1. 색의 3속성 중 사람의 눈이 가장 예민하고 강하게 반응하는 대비는?
정답: 명도대비
오답노트
명도대비:명도가 다른 두 색의 영향에 의해 명도차가 다르게 지각되는 현상.
주위 색에 따라 더욱 밝게 느껴지거나 더욱 어둡게 느껴짐.
ex) 흰바탕에 회색 점/검은바탕에 회색 점
동시대비 중 가장 예민하게 작용함.
2. 색의 주목성에 대한 설명으로 옳지 않은 것은?
정답: 명도와 채도가 낮은 색이 주목성이 높다.
3. 디자인의 원리 중 비례에 대한 설명이 잘못된 것은?
정답:조형을 구성하는 모든 단위의 크기를 결정한다.
오답노트
비례란 부분과 부분, 부분과 전체의 연관시켜서 상대적으로 설명하는 것으로 부분사이의 상호관계에 대한 일정한 비율로 분포,면적,길이 등의 대비관계를 말한다.
4. 색의 감정에서 저채도의 배색이 주는 느낌은?
명쾌한 느낌
정답:부드러운 느낌
5. 디자인의 조건 중 실용성과 요구되는 기능이 모두 갖추어져 있는지를 의미하는 것은?
정답:합목적성
6. 디자인의 요소에 관한 정의가 틀린 것은?
정답:선 - 면의 한계 또는 교차
7. 먼셀의 색체계에서 색상의 기본색을 10가지로 나누었을 때 포함되지 않는 색은?
정답:PR
오답노트
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. 다음과 같이 문자를 대신하여 의사소통이 가능한 그림 문자를 뜻하는 용어는?
정답:픽토그램
9. 가시광선에 대한 설명으로 틀린 것은?
정답:백색광이 프리즘을 통해 나타나는 색띠를 말한다.
오답노트
라디오, 텔레비전, 휴대폰의 파장범위는 가시광선이 아니라 적외선이다.
10. 1, 2, 4, 8, 16…과 같이 이웃하는 두 항의 비가 일정한 수열은?
정답:등비수열
11. 자연에서 쉽게 찾을 수 있고, 온화함이 있지만 때로는 단조로움을 주는 디자인 원리는?
정답:유사조화
12. 다음 중 LCD, LED 조명등에 활용되는 색의 혼합방식은 무엇인가?
정답:가산혼합
13. 무성한 초록 나뭇잎들 사이에 핀 빨간 꽃과 관련 있는 조형의 원리는?
정답:강조
14. 서로 다른 부분의 조합에 의해 균형감을 잃지 않은 상태로 대립에 의한 극적효과와 긴장감을 줄 수 있는 디자인 원리는?
정답:대비
15. 물체의 표면이 가지고 있는 특징의 차이를 시각과 촉각을 통하여 느낄 수 있는 성질을 의미하는 것은?
정답:재질감
16. 도로의 가로등 및 난간, 고층 빌딩의 창문 크기 등을 원근법을 적용하여 표현하고자 할 때, 표현 요소들 사이에 일정한 단계의 변화가 나타나도록 하는 디자인 원리는?
정답:점증
17. 디자인의 조건 중 의자를 디자인할 경우, 사용자의 신체치수와 생김새, 체중이나 감촉에 대한 재료와 구조의 상태가 적합한지 등을 고려하는 것을 무엇이라 하는가?
정답:합목적성
18. 2차원적 제품 디자인 분야에 속하지 않는 것은?
정답:편집디자인
19. 디자인 의미에 대한 설명으로 틀린 것은?
정답:도안(圖案) 또는 의장(意匠)을 말하며, 주어진 목적에 관계없이 비실체적인 행위의 총체이다.
20. 다음 중 A, B에 순서대로 들어갈 알맞은 용어는?
색체계에는 심리적, 물리적인 빛의 혼색 실험 결과에 기초를 두고 표시하는 (A)와 물체의 색을 표시는 (B)가 있다.
정답:혼색계, 현색계
21. HTML에서 사용되는 글자 모양에 관련된 태그에 관한 설명으로 옳지 않은 것은?
정답:<SUB> …</SUB> 태그는 위 첨자 모양의 글자로 표시할 때 사용하는 태그이다.
오답노트
<CITE> 짧은 인용(citation)구를 표시할때 - 이태릭체로 표시
<SUB> 아래 첨자를 사용하고자 할때 (sub -b 의 동그란 부분이 아래니까 아래첨자)
<SUP> 위 첨자를 사용하고자 할때 (sup -p 의 동그란 부분이 위니까 위 첨자)
<CODE> 프로그램 코드 표시
22. 다음 중 스타일시트와 <BODY> 태그 속성과의 연결이 틀린 것은?
정답:A:hover{color:#ff0000;} - <body hink='#ff0000'>
오답노트
A:hover : 하이퍼링크 위에 마우스를 올려놨을때 모양을 말합니다. (HTML 태그로 사용 불가)
23. 인터넷 익스플로러 버전을 확인하고자 할 때 선택해야 할 메뉴는?
정답:도움말
24. 다음 중 인터넷 서비스에 해당되지 않는 것은?
정답:PDA
25. 다음이 설명하고 있는 것은?
인터넷의 시조이며, 미 국방성이 군사 목적으로 UCLA, 스탠포트 대학 등이 보유한 컴퓨터를 네트워크로 연결한 것을 말한다.
26. 전자메일 서비스에 연관된 프로토콜(Protocol)이 아닌 것은?
정답:NNTP
27. 멀티미디어 데이터를 다운로드 없이 실시간으로 재생해 주는 기법은?(오류 신고가 접수된 문제입니다. 반드시 정답과 해설을 확인하시기 바랍니다. 정답 : Streaming)
정답:Streaming
28. 자바스크립트로 배경색을 파란색으로 지정하려면 다음 중 어떤 문장이 적합한가?
정답:document.bgColor = 'blue';
29. 수신된 신호를 증폭, 회복시켜 재전송하여 전송거리를 확장하는 네트워크 장비는?
정답:Repeater
30. 범위가 넓지 않은 일정 지역 내에서 다수의 컴퓨터나 OA 기기 등을 속도가 빠른 통신선로로 연결하여 기기 간에 통신이 가능하도록 하는 근거리 통신망을 무엇이라 하는가?
정답:LAN
31. 여러 개의 검색엔진에서 정보를 찾은 다음, 중복으로 검색된 정보는 하나로 통일하고 자체 순위 결정 방식에 의해 가장 관련성이 높은 순으로 출력해 주는 것은?
정답:
32. <BODY〉 태그에서 사용할 수 있는 속성과 그 의미의 연결이 올바르지 않은 것은?
정답:BG - 배경으로 사용될 이미지 파일을 지정한다.
33. 다음과 같은 자바스크립트 소스를 헤드(head) 태그 안에 삽입 시 브라우저에서 적용되는 결과는?
<script language='javascript'>
<!--
alert('Welcome to the Morning Glory');
//-->
</script>
정답:페이지가 열릴 때 자동으로 'Welcome to the Morning Glory'라는 문구가 있는 메시지 창이 뜬다.
34. 도서관의 도서들을 분류한 것과 같이 정보를 대분류, 중분류, 소분류 식으로 찾아들어가는 방식의 검색엔진은?
정답:주제별 검색엔진
35. 정보 검색 연산자의 설명으로 옳은 것은?
정답:OR : 연산자 좌우 검색어 중 하나라도 들어 있는 자료를 찾는다.
36. 웹 페이지의 속도 향상을 위한 이미지 관리로 맞는 것은?
정답:썸네일(Thumbnail)을 활용한다.
37. OSI 7계층에 해당하지 않는 것은?
정답:관리 계층
38. HTML을 이용하여 테이블을 작성할 때 테이블 내부의 선의 두께를 정의하는 속성은?
정답:cellspacing
오답노트
cellsapacing - 셀과 셀 사이의 간격(내부의 선의 두께)
border - 테이블 테두리의 두께 지정
cellpadding - 셀 안의 내용과 셀 경계선 사이의 간격
39. 웹 페이지 저작 도구 중 위지윅(What you see is what you get) 기반의 웹 에디터가 아닌 것은?
정답:홈 사이트
오답노트
홈 사이트 : 분산 데이터 베이스에서 어떤 트랜잭션이 시작되고 그 트랜잭션의 실행을 감독하는 사이트.
40. 클라이언트의 웹 브라우저가 웹 서버와 접속할 때 사용하는 통신 규약으로 맞는 것은?
정답:HTTP
41. 웹 페이지 제작 시 사용되는 내비게이션(Navigation Structure) 구조의 유형에 해당하지 않는 것은?
정답:Protocol structure
42. 컴퓨터 그래픽스의 발달과정 중 세대별 발전단계가 바르게 연결된 것은?
정답:제1세대 - 진공관, 리플레시형 CRT
오답노트
제1세대-진공관, CRT에 의한 영상시대 개막
제2세대-트랜지스터시대, 리플레시형 CRT
제3세대-집적회로, 스토리지형 CRT
제4세대-고밀도집적회로, 래스트 스캔 CRT
제5세대-컴퓨터지능화시대, 컴퓨터 그래픽스의 대중화
43. 애니메이션 종류 중 배경은 그대로 두고 캐릭터만 움직이도록 하는 기법으로 투명 필름 위에 수작업으로 캐릭터를 채색한 후 배경 위에 놓고 촬영 및 편집하는 기법은?
정답:셀 애니메이션
44. 웹 사이트 제작에서 사용자 인터페이스 설계 시 고려사항으로 틀린 것은?
정답:웹페이지에서 다른 곳으로 이동 할 수 있는 링크를 한 곳으로만 지정될 수 있도록 설계한다.
45. 사용자가 그래픽을 통해 컴퓨터와 정보를 교환하는 작업 환경을 의미하는 것은?
정답:GUI(Graphic User Interface)
46. 컴퓨터 애니메이션에 대한 설명으로 틀린 것은?
정답:인쇄용 광고 디자인 결과물을 만들어 낸다.
47. 컴퓨터 그래픽스 시스템의 출력장치에 대한 설명으로 틀린 것은?
정답:대표적인 출력장치로 프린터, 모니터, 디지타이저 등이 있다.
오답노트
디지타이저(타블렛)은 입력장치 입니다.
48. 다음이 설명하고 있는 것은?
- 점요와 같이 제한된 수의 색상들을 사용하여 시각적으로 섞어서 만들어 내는 것이다.
- 적은 수의 색상의 반복으로 그래픽 파일의 용량을 줄인다는 장점이 있다.
정답:디더링
49. 다음 중 웹사이트 개발과정에 대한 설명으로 틀린 것은?
정답:웹 사이트 구축 - 테스트 및 디버깅
50. 고해상도의 원본 이미지의 포맷을 변경해서 저장하였을 경우 다음 중 파일용량이 가장 큰 것은?
정답:BMP
오답노트
이미지 확장자별 크기
BMP > PNG > JPG(높은 압축률) > GIF(낮은 색상수)
51. 웹 사이트의 가상경로를 예상하여 기획하는 것으로 웹 사이트의 설계도이며 구체적인 작업 지침서 역할을 하는 것은?
정답:스토리보드
오답노트
스토리보드는 일종의 작업 지침서이자 설계도이며,
웹 사이트의 전체 구성을 그림과 설명을 이용해 시각화하여 한 눈에 알아보기 쉽게 표현하는 것입니다.
웹 개발자 간의 의사소통의 도구가 되기도 합니다.
52. 다음 중 로고(Logo)나 심볼(Symbol)제작에 가장 적합한 프로그램은?
정답:Illustrator
53. 파일 포맷 중 LZW(Lempel-Ziv-Welch)라고 알려진 압축 알고리즘을 사용하며 사진이미지 보다는 색상이 단순한 그래픽에 더 효과적인 파일 포맷은?
정답:GIF
오답노트
LZW(Lempel-Ziv-Welch) : 무손실 압축 기법으로, 비슷한 계열의 색상을 갖는 이미지를 저장할 때 많이 사용합니다.
TIFF, GIF 등에서 사용합니다.
54. 다음 중 안티 앨리어싱(Anti-Aliasing)에 대한 설명으로 맞는 것은?
정답:저해상도의 곡선이나 사선을 표현할 때 생기는 계단현상을 완화하기 위해 사용되는 기법이다.
55. 다음 중 그래픽 표현 방식에서 벡터 방식에 대한 설명이 아닌 것은?
정답:비트맵 이미지에 비해 상대적으로 파일 용량이 크다
오답노트
* 비트맵 - 이 형식은 픽셀(Pixel)이라고 불리는 조그만 사각형이 각각이 색상을 가지고 모여서 이미지를 만들어 내는 방식입니다. 때문에 확대해서 보면 픽셀의 형태가 보여 깨져 보이는 현상이 일어나는 것을 볼 수 있습니다. 자연스럽고 사실적인 표현이 가능하나 고품질의 이미지를 만들기 위해 해상도를 올려야 하는데 해상도를 올릴 수록 파일의 용량이 커지는 단점을 가지고 있습니다.
* 벡터 - 벡터 파일이란 수학적인 오브젝트에 의해 정의된 선과 곡선으로 구성되는 이미지를 이야기 합니다. 벡터 이미지는 비트맵 이미지와는 달리 어떤 해상도에서도 자동으로 크기를 조절하므로 해상도와 관계없이 깨끗한 이미지를 얻을 수 있다는 장점이 있습니다. 점과 선의 개수로 파일의 용량이 결정되므로 간단한 이미지에서는 같은 크기의 비트맵 파일보다 훨씬 적은 용량을 가지고 있습니다. 하지만 자연스러운 이미지와 색상의 표현에 한계가 있습니다.
* 비트맵 파일
ㆍ구성 - 픽셀이라는 작은 사각형의 모임
ㆍ해상도 - 이동 크기조절등 밀접한 영향을 받음
ㆍ이미지 표현 - 자연스러운 이미지 표현이 가능하나 확대하면 이미지가 깨어져 보이고, 아주 작은 이미지는 표현이 어려움
ㆍ저장 - 고정된 해상도에서 픽셀 그룹으로 저장
ㆍ출력 - 고해상도를 사용해야만 선명
ㆍ모니터 - 확대하면 이미지가 깨져 보임
ㆍ프로그램 - 포토샵, 페인터
* 벡터 파일
ㆍ구성 - 수학적 오브젝트에 의해 정의된 선
ㆍ해상도 - 관계 없음
ㆍ이미지 표현 - 아주 작은 문자도 나타낼 수 있으나 자연스러운 효과는 내지 못함
ㆍ저장 - 수식으로 저장
ㆍ출력 - 자동으로 크기를 조절하므로 선명
ㆍ모니터 - 크기에 상관 없이 선명
ㆍ프로그램 - 일러스트레이터, 코렐 드로우, 플래시
56. 타이포그래피의 구성요소에 해당하지 않는 것은?
정답:Texturing
오답노트
타이포그래피 구성요소 : Serif, Letter Spacing, Line Spacing
57. 해상도(Resolution)에 대한 설명으로 맞는 것은?
정답:이미지를 표현하는데 몇 개의 픽셀(pixel) 또는 도트(dot)로 나타내었는지 그 정도를 의미한다.
58. 다음 중 웹페이지 제작 및 관리 순서를 옳게 나열한 것은?
ㄱ. 홈페이지 제작
ㄴ. 웹서버에 업로드
ㄷ. 자료수집과 정리
ㄹ. 내용 업데이트 및 유지보수 관리
ㅁ. 검색 엔진 등록과 홍보
ㅂ. 주제 결정과 구성도 작성
정답:ㅂ→ㄷ→ㄱ→ㄴ→ㅁ→ㄹ
59. 이미지를 구성하는 최소 단위는?
정답:픽셀
60. 애니메이션에서 사용되는 정지화면 하나하나를 무엇이라 하는가?
정답: Frame