2015년 10월 웹디자인 기능사 기출문제
1. 유채색에서 볼 수 있는 대비로 연속대비라고도 하며, 잔상 효과와 가장 밀접한 관련이 있는 것은?
① 색상대비
❷ 계시대비
③ 채도대비
④ 명도대비
오답노트
-색상대비 : 명도와 채도가 비슷한 두 가지 이상의 색이 인접해 있을 때 서로 영향을 받아 색상의 차이가 커 보이는 현상이다.
-계시대비 : 색상을 보고 일정한 시간 후에 느껴지는 대비 효과로 계속대비라고도 한다. 일종의 소극적 잔상 효과이다.
-채도대비 : 명도는 비슷하지만 채도가 다른 두 색이 서로 영향을 받아 채도 차이가 나는 현상, 채도가 높은 색이 채도가 더 높아보인다.
-명도대비 : 명도가 다른 두색이 서로 영향을 받아 명도가 다르게 느껴지는 현상.
2. 다음 그림에 대한 설명으로 옳은 것은?
① 반사 운용
② 회전 운용
❸ 팽창 이동 패턴
④ 조화 패턴
3. 기계화와 대량 생산에 의한 생활 용품의 품질 저하에 반대하 여 월리엄 모리스를 중심으로 영국에서 일어난 것은?
① 산업혁명
② 아르 누보
❸ 미술공예운동
④ 대규모생산운동
4. 다음 색체계열 중 피를 많이 보는 수술실과 같은 공간에 가 장 알맞은 것은?
① 갈색계열
② 흰색계열
❸ 녹색계열
④ 보라색계열
5. 다음의 관용색명 중 성격이 다른 것은?
① 살구색
② 밤색
③ 레몬색
❹ 상아색
6. 태양광선이 투사되는 위치에 프리즘을 놓아 굴절된 광선을 스크린에 투사하여 나타난 여러 가지 색의 띠를 무엇이라 하 는가?
① 전자파
② 감마선
❸ 스펙트럼
④ 자외선
7. 다음 중 나머지 세 가지와 성격이 다른 디자인 분야는?
❶ 인테리어 디자인
② 광고 디자인
③ 편집 디자인
④ 시각 디자인
8. 선(Line)에 대한 설명으로 잘못된 것은?
❶ 유기적인 선은 정확하고 긴장되며 기계적인 느낌을 준다.
② 수직선은 세로로 된 선으로 숭고한 느낌을 준다.
③ 수평선은 가로로 된 선으로 편안한 느낌을 준다.
④ 사선은 비스듬한 선으로 동적인 움직임과 불안한 느낌을 준다.
9. 시각적 질감의 예로 성격이 다른 하나는?
① 사진의 망점
② 인쇄상의 스크린 톤
❸ 대리석 무늬
④ 모니터 주사선
10. 체계적인 국가 정책을 기반으로 공학적이며, 기능적인 디자 인이 특징인 국가는?
① 중국
② 프랑스
③ 스칸디나비아
❹ 독일
11. 다음이 설명하고 있는 것은?
- 주어진 길이를 가장 이성적으로 나누는 비율을 말한다.
- 근삿값이 약 1.618인 무리수이다.
① 비례
❷ 황금비
③ 삼각분할
④ 루트비례
12. 망막에 다른 색광이 자극하여 혼합되는 현상으로 색 점이 서로 가깝게 있어 명도와 채도가 떨어지지 않는 혼합 방식은?
① 보색혼합
❷ 병치혼합
③ 가산혼합
④ 감산혼합
13. 음에서도 색을 느낄 수 있는데 이 현상을 무엇이라 하는가?
① 명시성
② 공감각
❸ 색청
④ 주목성
14. 게슈탈트(Gestalt)의 형태에 관한 시각 기본 법칙에 해당 되지 않는 것은?
❶ 통일
② 근접
③ 유사
④ 연속
15. 다음 중 2차원 디자인에 포함되지 않는 것은?
① 타이포그래피
② 일러스트레이션
❸ 애니메이션
④ 편집디자인
16. 굿 디자인(Good Design)의 조건으로 옳은 것은?
① 합목적성, 실용성, 경제성, 효용성
② 합목적성, 심미성, 모방성, 경제성
❸ 합목적성, 경제성, 심미성, 독창성
④ 합목적성, 심미성, 질서성, 독창성
17. 먼셀의 무채색 11단계 중 중간 명도에 해당하는 단계는?
① 0~3
❷ 4~6
③ 7~8
④ 9~10
오답노트
힌트:11단계의 중심 5를 기준으로 3단계
18. 디자인 원리 중 균형(balance)에 해당하지 않는 것은?
① 대칭
② 비례
❸ 율동
④ 주도와 종속
오답노트
변화가 있는 율동은 비균형(unbalance) 임
19. 다음 중 색채 계획상 유의할 점으로 관련성이 가장 적은 것은?
① 안정성
② 경제성
③ 심미성
❹ 도덕성
20. "디자인대상이 되는 것은 모두가 실용적으로 사용할 수 있는 것이다"에 해당하는 디자인의 조건으로 가장 옳은 것은?
① 심미성
② 독창성
❸ 합목적성
④ 경제성
21. HTML 문서에 자바스크립트를 삽입하는 방법으로 틀린 것 은?
① HTML 문서의나, 태그(tag) 사이에 소스 를 직접 입력한다.
② 자바스크립트 소스를 확장자 .js인 외부 파일로 저장하여 불러온다.
③ 소스가 길어질 경우 함수로 이름을 지정해 호출하여 사 용한다.
❹ HTML 문서의 태그 내에 애플릿과 함께 사용한다.
22. 다음 인터넷 검색엔진 중 주제별 검색에 의한 1 기법을 사 용하지 않는 것은?
① 야후(Yahoo)
② 네이버(Naver)
❸ 멀티서치(Multisearch)
④ 다음(Daum)
23. 다음 설명에 해당하는 것은?
- W3C에서 1996년 HTML을 대체할 목적으로 제안한 것으로 웹상에서 구조화된 문서를 전송 가능하도록 설계된 언어이다.
- 사용자가 새로운 태그를 정의할 수 있는 기능을 제공한다.
① CSS
② DHTML
③ SOAP
❹ XML
오답노트
CSS(Cascading Style sheet):웹페이지의 외형을 제어하기 위한 언어 글꼴, 색상, 크기, 정렬방식등을 미리지정 필요한곳에 적용
DHTML(Dynamic HTML):웹문서를 기술하기 위한 국제표준언어, HTML단점개선, HTML,CSS,Java Script를조합해 대화형 웹페이지제작
XHTML(eXtensible Hypertext Markup Language) : 웹문서를 기술하기 위한 국제표준언어, XML규칙을 따르면서 HTML과도 호환되도록 새롭게 만든 마크업 언어, HTML에 비해 엄격한 문법을 가진다.
SOAP은 HTTP,HTTPS,SMTP 등을 통해 XML기반의 메시지를 네트워크 상에서 교환하는 프로토콜으로 웹서비스에서 기본적인 메시지를 전달하는 기반이 된다.
24. HTML 문서를 구성하는 태그 중 본문을 나타내는 것은?
①<Meta></Meta>
②<Head></Head>
❸<Body></Body>
④<Tbody></Tbody>
25. 다음 설명과 관계가 없는 것은?
정기적이고 자발적으로 인터넷을 여행하며 정보를 수집하고, 수집한 정보를 검색엔진의 데이터 베이스에 저장하는 프로그램을 의미한다.
❶ bug
② crawler
③ robot
④ worm
오답노트
bug(버그) : 컴퓨터 프로그램이나 시스템의 착오. 또는 시스템 오동작의 원인이 되는 프로그램의 잘못.
crawler(크롤러) : 웹상의 다양한 정보를 자동으로 검색하고 색인하기 위해 검색 엔진을 운영하는 사이트에서 사용하는 소프트웨어. 검색봇의 기초
robot(로봇) : 복잡한 임무를 스스로 수행할 수 있는 기계
robot(로봇)의 다른 의미 : crawler와 같은 뜻으로 자동으로 웹사이트 정보를 수집하는 기계를 뜻함
worm(웜) : 주로 네트워크에서 연속적인 복사 기능을 수행함으로써 자가 증식하는 프로그램
worm(웜) 바이러스 : 주로 네트워크에서 연속적인 복사 기능을 수행함으로써 자가 증식해 기억장치를 소모하거나 저장된 데이터를 파괴하는 프로그램
26. 자바스크립트 언어의 기본적인 특성으로 틀린 것은?
① 대·소문자를 구분한다.
❷ 변수 이름에 공백 문자를 사용할 수 있다.
③ 하나의 명령문이 끝나면, 세미콜론(;)을 기술한다.
④ 변수 이름은 반드시 영문자 또는 밑줄(_)로 시작해야 한 다.
27. 인터넷 서비스의 종류에 해당하지 않는 것은?
① 텔넷(telnet)
② 전자우편 (e-mail)
③ 채팅(chatting}
❹ 허브(hub)
28. OSI 7계층 구조를 하위 계층부터 상위 계층까지 순서대로 나열한 것은?
① 물리계층→데이터 링크계층→세션계층→네트워크계층→ 전송계층→응용계층→표현계층
② 물리계층→데이터 링크계층→네트워크계층→전송계층→ 세션계층→응용계층→표현계층
❸ 물리계층→데이터 링크계층→네트워크계층→전송계층→ 세션계층→표현계층→응용계층
④ 전송계층→물리계층→데이터 링크계층→네트워크계층→세션계층→표현계층→응용계층
29. 최상위 도메인 edu와 동일한 성격을 갖는 서브 도메인의 이름은?
❶ ac
② go
③ or
④ re
30. 인터넷의 발전을 시대 순으로 옳게 나열한 것은?
① ARPANET→NSFNET→TCP/IP 표준→WWW
❷ ARPANET→TCP/IP 표준→NSFNET→WWW
③ TCP/IP 표준→ARPANET→NSFNET→WWW
④ TCP/IP 표준→NSFNET→ARPANET→WWW
오답노트
NSFNET(국가 주도의 교육.학술,연구 용으로 한정하여 미국에서 보급된 인터넷망:상업용 인터넷망의 초석이 되었다)
31. 다음 중 웹(Web)에 대한 설명으로 틀린 것은?
① 웹은 World Wide Web의 약자이다.
② 하이퍼텍스트 자료들은 HTML이라는 언어를 통해 표현된다.
③ HTTP라는 통신 프로토콜을 사용한다.
❹ 문자 중심이며 동영상 자료는 전송이 불가하다.
32. VRML(Virtual Reality Modeling Language)에 관한 특징으로 틀린 것은?
① 웹에서 사용되는 언어이므로 플랫폼에 독립적이다.
❷ 3차원 공간을 표현하는 텍스트 파일로 데이터 전송시간이 길다.
③ 웹 관련 표준 언어를 수용할 수 있어 HTML 문서와 연계해서 사용할 수 있다.
④ 사이버 쇼핑몰을 만들거나 3차원 채팅 사이트, 가상학교 등의 제작이 가능하다.
33. 다음 중 최초의 GUI 환경의 웹 브라우저는?
① 익스플로러
② 네스케이프
❸ 모자이크
④ 랜드스케이프
34. 비대칭 디지털 가입자 회선인 ADSL에 대한 설명으로 틀린 것은?
① Asymmetric Digital Subscriber Line의 약자로 미국 '벨코어'사에서 개발한 기술이다.
❷ 고속 데이터 통신과 일반 전화를 동시에 이용할 수 있지만 데이터 통신 속도가 절반으로 떨어지게 된다.
③ ADSL은 가입자와 전화국 간의 데이터 교환 속도가 서로 다르다.
④ 하나의 회선으로 데이터 통신과 일반전화의 이용이 가능하다.
오답노트
ADSL : 일반 전화선을 사용하면서도 고속 데이터 전송을 지원하는 기술
음성통화를 하면서도 속도의 변화 없이 데이터 통신이 가능
ADSL - 전화교환기를 거치지 않고 ATM 초고속망에 연결하여 고속의 서비스를 제공
VDSL - ADSL과 달리 VOD, 멀티미디어, 원격교육 등의 대용량 데이터 처리에 적합
ISDN : 종합 정보통신망
음성을 비롯하여, 회상, 데이터 서비스 등을 제공해 주는 원거리 통합 정보 서비스
전화하면서 통신은 가능하지만 속도는 떨어짐
B-WLL : 광대역 무선 가입자망, 아파트 단지 등에서 사용
초고속 인터넷 가입자망을 무선으로 대체하려는 기술
35. 인터넷 익스플로러에서 오늘 방문했던 사이트들을 확인하려면 표준단추모음(Standard Button Bar)에서 어떤 버튼을 사용해야 하는가?
① 검색
❷ 기록
③ 즐겨찾기
④ 보기
36. 다음 중 웹 페이지 저작도구로 가장 알맞은 것은?
❶ 드림위버(Dreamweaver)
② 마야(Maya)
③ 3D 스튜디오 맥스(3D Studio MAX)
④ 소프트이미지(Soft Image)
37. 전자우편(e-mail)을 전송할 때 사용되는 프로토콜은?
① FTP
❷ SMTP
③ Telnet
④ Usenet
38. HTML 문서에서 하이퍼링크 설정 시 새로운 창 을 열어 문 서를 연결하는 속성을 지정하고자 한다. ❶에 들어갈 옵션 으로 옳은 것은?
<HERF="http://hrdkorea.or.kr" target=①"">① _SELF
② _PARENT
③ _TOP
❹ _BLANK
39. HTML을 이용한 웹페이지 제작에 대한 설명으로 틀린 것은?
① Markup 태그를 이용하여 제작한다.
② 다양한 멀티미디어 포맷의 파일을 연결시킬 수 있다.
❸ 하나의 그림에는 하나의 문서나 사이트만을 연결할 수 있다.
④ 위지위그(WYSIWYG) 방식은 직접 코드를 입력하지 않아 도 웹페이지 구성이 가능하다.
오답노트
Map area로 영역을 구분지어서 각 구역마다 링크를 걸 수 있다
위지위그(what you see is what you get: 컴퓨터 화면에 표시한 대로 인쇄가 되게 하는 문서 작성 장치)
40. 자바 스크립트 내에서 사용되는 String 객체에 대한 설명으 로 틀린 것은?(문제 오류로 여기서는 기존 정답인 3번을 누 르면 정답 처리 됩니다. 자세한 내용은 해설을 참고하세요.)
① repIace() - 임의의 문자열에서 지정한 문자를 다른 문 자로 변경한다.
② match() - 임의의 문자열에서 지정한 문자가 나타나는 첫 번째 위치 값을 반환한다.
❸ split() - 지정한 문자열을 검색하여 해당 문자열을 반환 한다.
④ toUpperCase() - 문자열에 존재하는 소문자를 모두 대 문자로 변환하여 반환한다.
41. 물체 경계면의 픽셀을 물체의 색상과 배경의 색상을 혼합해 서 표현하여 경계면이 부드럽게 보이도록 하는 기법은?
❶ Antialiasing
② Dithering
③ Blending
④ Compositing
42. 홈페이지의 해당 컨셉(concept)을 이끌어 내기 위해 종이에 최대한 많이 그려 봄으로써 여러 가지 구성을 만들어 보는 디자인 실무의 초기 작업은?
① 브레인스토밍
② 콘텐츠디자인
③ 벤치마킹
❹ 아이디어스케치
43. 다음은 웹디자인 프로세스의 각 단계이다. 순서대로 옳게 나열한 것은?
ⓐ 사이트맵 그리기
ⓑ 기본디자인 구상하기
ⓒ 컨셉 정하기
ⓓ 세부디자인 구상하기
① ⓐ→ⓑ→ⓒ→ⓓ
② ⓐ→ⓑ→ⓓ→ⓒ
③ ⓒ→ⓑ→ⓐ→ⓓ
❹ ⓒ→ⓐ→ⓑ→ⓓ
44. 다음 설명에 해당하는 것은?
- 검은 종이를 접거나 오려서 캐릭터와 배경의 형태를 든 후 이것을 변화에 따라 순서대로 배열해 놓고 촬영하는 기법
-캐릭터와 배경을 두꺼운 종이로 오려 제작하고, 그 뒤에서 조명을 비추어 그림자를 만든 후 촬영
-흑백의 강한 콘트라스트로 구성
① 퍼펫 애니메이션
② 클레이메이션
③ 로토스코핑 애니메이션
❹ 실루엣 애니메이션
45. 다음 중 웹페이지 제작 방법에 대한 설명으로 틀린 것은?
① 메모장과 같은 일반적인 에디터를 사용하여 직접코딩 한다.
② 워드프로세서를 사용하여 작성 후 HTML로 변환 사용 한다.
❸ 코딩 방식의 웹 에디터인 나모웹에디터로 제작한다.
④ 위지위그(WYSIWYG)방식의 웹 에디터인 드림위버로 제작한다.
오답노트
나모 웹에디터는 위지위그 방식의 소프트웨어
46. 웹 페이지를 제작할 때 사용되는 웹 에디터로 옳은 것은?
① 플래시
② 페인터
③ 코렐드로우
❹ 프론트 페이지
47. 웹페이지에서 사용되는 이미지 파일 포맷으로 가장 거리가 먼 것은?
① PNG
② GIF
❸ TIFF
④ JPG
48. 래스터 이미지(raster image)에 대한 설명으로 틀린 것은?
① 화면 확대 시 이미지가 손상된다.
② 비트맵 이미지를 래스터 이미지라고 한다.
❸ 일러스트레이터에서 주로 사용되는 이미지 형식이다.
④ 디지털 카메라로 찍은 이미지는 래스터 이 미지이다.
49. 웹 그래픽 제작 단계 중 색상(Color) 선택 단계의 작업에 해당하는 것은?
① 컴퓨터가 제공하는 여러 가지 기능의 효율적 사용에 대해 연구한다.
② 이미지의 합성 과정을 통하여 의도한 이미지로 변형한다.
❸ 표현하고자 하는 색상들은 색 혼합이나 색상, 명도, 채도들을 원하는 대로 조절할 수 있고, 색상을 다양하게 사용할 수 있다.
④ 이미지가 선택되면 도구의 기능을 사용하여 축소나 확대 반복, 회전들을 화면상에 제공하며, 이미지를 표현하기 위해 그래픽스 메뉴를 선택한다.
50. 일반적인 애니메이션 제작과정으로 옳은 것은?
① 스토리보드→기획→제작→음향→레코딩
② 스토리보드→제작→기획→음향→레코딩
❸ 기획→스토리보드→제작→음향→레코딩
④ 기획→스토리보드→음향→제작→레코딩
51. 키 프레임 방식의 애니메이션에 대한 설명으로 옳은 것은?
① 정해진 시간에 한 컷, 한 컷을 보여주는 방식이다.
❷ 움직임의 시작과 끝을 지정하고, 중간단계는 시스템에서 계산되어 자동으로 생성된다.
③ 정지화면을 연속적으로 빠르게 보여주어 움직임을 부여 할 수 있다.
④ 보통 만화는 1초에 2~24컷, 영화나 광고는 1초에 80컷 을 사용한다.
52. 웹 그래픽 디자인은 효과적으로 웹 사용자에게 정보전달을 돕는 도구라고 할 수 있다. 다음 중 정보전달 역할로서의 웹디자인과 가장 거리가 먼 것은?
① 정보 접근의 편의성 제공
② 정보에 대한 빠른 이해력 증대
③ 시각적, 청각적인 친근감 확대
❹ 개성적인 표현의 다양성
53. 미국 Boeing CAD 시스템을 개발하여 CAD 시대의 개막을 알렸으며, 컴퓨터 그래픽스의 단체 SIGGRAPH가 발족된 시 대는?
① 1950년대
❷ 1960년대
③ 1970년대
④ 1980년대
오답노트
1세대(1946~1950말) : 에니악 발명, 진공관 컴퓨터를 통해 얻은 결과물이 바로 프린터로 출력됨
CRT에 의한 영상시대 개막, 프린터 플로터 시대
2세대(1950말~1960중반) : 컴퓨터 그래픽스 기반 구축, Whirlwind 군사용 시뮬레이션 컴퓨터 개발
컴퓨터 그래픽스 기반 구축기, CRT 사용의 시대, 벡터 스캔형 CRT 개발
라이트 팬을 이용한 스케치 패드 시스템, CAD 시스템의 소개
3세대(1960말~1970초) : MSI,논리회로소자가 집적회로로 대체 컴퓨터 부피 줄어듦
컴퓨터 그래픽스 대중화, 적용 확대 / CAD와 CAM도입, 만텔브로가 프랙탈 기술발표
4세대(1970중~1980말) : 개인용 컴퓨터(애플, IBM)등장 및 상용화, 컴퓨터 그래픽스 작업속도 향상
컴퓨터 그래픽스 전성기, 그래픽 아트의 발전, PC의 래스터 스캔 모니터 사용
5세대~현재 : 인공지능 시대, 인터넷 개인 홈페이지 대중화, 전자출판(DTP) 활성화, 뉴미디어 발전
LAN, ISDN 구축으로 네트워크를 통한 정보 활용도가 높아짐, CG이용 산업 발전
가상현실(VR) 사용, LED 개발, 플라스마 기술을 이용한 PDP 개발
54. 웹 사이트 관련 용어에 대한 설명으로 틀린 것은?
① 네비게이션 바 - 메뉴를 한곳에 모아놓은 그래픽 또는 문자열의 모음
❷ 사이트 메뉴 바 - 버튼을 눌러 메뉴를 나타내는 기능
③ 라인 맵 - 이동 경로를 한 번에 보여주는 방식
④ 디렉토리 - 주제나 항목별로 범주화하고, 계층적으로 구 조화 시킨 것
오답노트
사이트 메뉴 바는 버튼을 누르면 메뉴안에 사이드 메뉴가 나오는 기능
55. 3차원 캐릭터에서의 자연스러운 동작을 구현하는 애니메이 션 기법으로 실제 생명체의 움직임을 추적하여 얻은 데이터 를 모델링된 캐릭터에 적용하는 것은?
① Motion Steel
② Stop Motion
③ Virtual Actor
❹ Motion Capture
56. 다음과 같은 특징을 가지고 있는 그래픽 틀은?
① Paint shop
❷ Illustrator
③ CAM
④ Maya
57. 다음이 설명하고 있는 것은?
① 오토캐드
② 포토샵
③ 레이아웃
❹ 인터페이스
58. 오려낸 그림을 2차원 평면상에서 한 프레임씩 움직이면서 촬영하는 스톱 애니메이션을 말한다. 클레이 애니메이션이나 인형 애니메이션과 비슷하지만 3차원이 아닌 2차원이라는 점에서 구분되는 애니메이션은?
① 셀 애니메이션
② 종이 애니메이션
③ 모래 애니메이션
❹ 컷 아웃 애니메이션
59. HTML에 대한 설명으로 틀린 것은?
① HTML언어는 W3C를 기반으로 한다.
❷ HTML은 Hyper Text Marking Language의 약자이다.
③ 확장자는 html 또는 htm이다.
④ HTML은 태그(Tag)로 구성되어 있다.
오답노트
2. HTML은 Hyper Text MarkUp Language의 약자이다
60. 일반적인 좋은 웹사이트 레이아웃에 대한 설명으로 맞는 것은?
① 메인페이지는 4~6개의 프레임으로 나누어 구성한다.
② 정보의 중요성에 따라 폰트의 크기를 세분화한다.
❸ 콘텐츠의 크기가 큰 것은 웹페이지 상단에 배치한다.
④ 웹사이트의 초기화면에는 사이트의 주제를 보여줄 수 있는 대용량의 이미지를 사용한다.