2015년 7월 19일 웹 디자인 기능사 필기 기출문제 오답노트

기타

2015년 7월 19일 웹 디자인 기능사 필기 기출문제 오답노트

이미사용 2023. 4. 7. 18:04

728x90

3. 디자인의 원리 중 비례에 대한 설명이 잘못된 것은?

1.균형을 가장 많이 고려하여 구성해야 한다.

2. 부분과 부분, 부분과 전체에 균형이 잡혀있음을 말한다.

3. 조형을 구성하는 모든 단위의 크기를 결정한다.

4. 객관적 질서와 과학적 근거를 명확하게 드러내는 구성 형식이다.

답:1

풀이

비례란 부분과 부분, 부분과 전체의 연관시켜서 상대적으로 설명하는 것으로 부분사이의 상호관계에 대한 일정한 비율로 분포,면적,길이 등의 대비관계를 말한다.

7. 먼셀의 색체계에서 색상의 기본색을 10가지로 나누었을 때 포함되지 않는 색은?

1. PR

2. P

3. YR

4.GY

답:1

풀이

기본 10가지 색 = 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 (자주)

18. 2차원적 제품 디자인 분야에 속하지 않는 것은?

1.텍스타일디자인

2.편집디자인

3.벽지디자인

4.인테리어 직물디자인

답:2

풀이

편집 디자인은 시각 디자인이다.

21. HTML에서 사용되는 글자 모양에 관련된 태그에 관한 설명 으로 옳지 않은 것은?

1.… 태그는 강조된 글자 모양으로 표시하기 위 한 태그이다.

2.<CITE>…</CITE> 태그는 짧은 인용구를 표시할때 사 용하는 태그이다.

3.… 태그는 위 첨자 모양의 글자로 표시 할 때 사용하는 태그이다.

4.<CODE> …</CODE>태그는 프로그램 코드 글자 모양 으로 표시할 때 사용하는 태그이다.

답:3

풀이

아래 첨자를 사용하고자 할때 (sub -b 의 동그란 부분이 아래니까 아래첨자)
 위 첨자를 사용하고자 할때 (sup -p 의 동그란 부분이 위니까 위 첨자)

<CITE> : 짧은 인용(citation)구를 표시할때 - 이태릭체로 표시 합니다.
<CODE> 프로그램 코드 표시 한다.

태그는 글자를 굵게 표시하는 태그로, bold의 약자이다.

22. 다음 중 스타일시트와 <BODY>태그 속성과의 연결이 틀린 것은?

1. A:link{color:#ff0000;} - <body link = "#ff0000">

2. A:active{color:#ff0000;} - <body alink = "ff0000">

3. A:hover{color:#ff0000;} - <body hink = "ff0000">

4. A:visited{color:#ff0000;} - <body vink = "ff0000">

답: 3

풀이

hink라는 속성은 없다.

link : 링크가 있는 텍스트의 클릭을 하기 전 색상값을 입력한다.

alink : 링크가 있는 텍스트를 클릭하는 순간의 색상값을 입력한다.
vlink : 이미 방문을 한적이 있는 링크의 텍스트 색상값을 입력한다.
text : 글의 색상값을 입력한다.

a:link 방문전 링크상태
a:active 클릭했을 때 링크 상태
a:hover 마우스 오버했을때 링크상태

a:visited 방문 후 링크 상태

23. 인터넷 익스플로러 버전을 확인하고자 할 때 선택해야 할 메뉴는?

1. 파일

2.편집

3. 보기

4.도움말

답: 4

풀이

인터넷 익스플로러 버전은 도움말 메뉴에서 확인할 수 있다.

25. 다음이 설명하고 있는 것은?

1.USENET

2.FTP

3.WAIS

4.ARPANET

답: 4

풀이

1969년 미국 국방성이 군사적 목적으로 ARPA에서 개발한 네트워크는 ARPANET으로 인터넷의 시초라 할 수 있습니다.

28. 자바스크립트로 배경색을 파란색으로 지정하려면 다음 중 어떤 문장이 적합한가?

1.window.bgColor = “blue”;

2.window.background = “blue”;

3.document.bgColor = “blue”;

4.document.background = “blue”;

답: 3

풀이

document.bgColor="blue";
document.backgroundColor="blue";

30.범위가 넓지 않은 일정 지역 내에서 다수의 컴퓨터나 OA 기기 등을 속도가 빠른 통신선로로 연결하여 기기 간에 통 신이 가능하도록 하는 근거리 통신망을 무엇이라 하는가?

1. LAN

2. MAN

3. WAN

4. VAN

답: 1

풀이

2. IEEE가 개발중인 LAN규격의 하나.
3. 지역과 지역, 국가와 국가, 전세계에 걸쳐 형성되는 통신망. 광대역통신망을 말한다.
4. 부가가치통신망. 독자적인 네트워크를 형성

31. 여러 개의 검색엔진에서 정보를 찾은 다음, 중복으로 검색 된 정보는 하나로 통일하고 자체 순위 결정 방식에 의해 가 장 관련성이 높은 순으로 출력해 주는 것은?

1. 주제별 검색엔진

2. 키워드 검색엔진

3. 메타 검색엔진

4. 자연어 검색엔진

답:3

풀이

- 주제별 검색엔진 : 대분류, 중분류, 소분류로 나누어진 디렉터리 형태로 정보를 찾는 방식
- 키워드 검색엔진 : 가장 일반적인 검색 방식으로, 검색 키워드를 포함한 웹 문서를 찾는 방식
- 자연어 검색엔진 : 문장 그 자체를 입력하여 검색하는 방식

38. HTML을 이용하여 테이블을 작성할 때 테이블 내부의 선의 두께를 정의하는 속성은?

1.cellspacing

2.border

3.cellpadding

4.size

답: 1

풀이

cellsapacing - 셀과 셀 사이의 간격(내부의 선의 두께)
border - 테이블 테두리의 두께 지정
cellpadding - 셀 안의 내용과 셀 경계선 사이의 간격

39. 웹 페이지 저작 도구 중 위지윅(What you see is what you get) 기반의 웹 에디터가 아닌 것은?

1.나모 웹 에디터

2.프론토 페이지

3.넷스케이프 컴포저

4.홈 사이트

답: 4

풀이

4. 분산 데이터 베이스에서 어떤 트랜잭션이 시작되고 그 트랜잭션의 실행을 감독하는 사이트.

41. 웹 페이지 제작 시 사용되는 내비게이션(Navigation Structure) 구조의 유형에 해당하지 않는 것은?

1.Sequential structure

2.Hierarchical structure

3.Grid structure

4.Protocol structure

답: 4

풀이

내비게이션 구조 : 순차적 구조, 계층 구조, 그리드 구조, 네트워크 구조
Navigation Structure : Sequential, Hierarchical, Grid, Network Structure

43. 애니메이션 종류 중 배경은 그대로 두고 캐릭터만 움직이도 록 하는 기법으로 투명 필름 위에 수작업으로 캐릭터를 채 색한 후 배경 위에 놓고 촬영 및 편집하는 기법은?

1.클레이 애니메이션

2.투광 애니메이션

3.셀 애니메이션

4.컷 아웃 애니메이션

답: 3

풀이

1. 클레이 애니메이션 - 찰흙으로 인형 제작 후 콤마 촬영하는 기법의 애니메이션
2. 투광 애니메이션 - 라이트 테이블 위에 검은 종이나 점토 등의 절단 부분이나 통에서 나오는 빛을 촬영
4. 컷 아웃 애니메이션 - 종이 위에 형태를 그리고 잘라낸 다음 손으로 각각의 종이들을 직접 한장씩 움직여가며 촬영

47. 컴퓨터 그래픽스 시스템의 출력장치에 대한 설명으로 틀린 것은?

1.그래픽 정보를 외부로 출력하는 것을 말한다.

2.대표적인 출력장치로 프린터, 모니터, 디지타이저 등이 있다.

3.빔 프로젝터는 인쇄된 사진이나 문자, 혹은 영상을 확대 투영해주는 광학장치이다.

4.처리장치를 통해 처리된 결과는 출력장치를 통해 나타낸다.

답: 2

풀이

디지타이저(타블렛)은 입력장치 입니다.

50. 고해상도의 원본 이미지의 포맷을 변경해서 저장하였을 경 우 다음 중 파일용량이 가장 큰 것은?

1.PNG

2.BMP

3.JPG

4.GIF

답: 2

풀이

이미지 확장자별 크기
BMP > PNG > JPG(높은 압축률) > GIF(낮은 색상수)

51. 웹 사이트의 가상경로를 예상하여 기획하는 것으로 웹 사이 트의 설계도이며 구체적인 작업 지침서 역할을 하는 것은?

1.시안

2.레이아웃

3.내비게이션

4.스토리보드

답: 4

풀이

스토리보드는 일종의 작업 지침서이자 설계도이며,
웹 사이트의 전체 구성을 그림과 설명을 이용해 시각화하여 한 눈에 알아보기 쉽게 표현하는 것입니다.
웹 개발자 간의 의사소통의 도구가 되기도 합니다.

53. 파일 포맷 중 LZW(Lempel-Ziv-Welch)라고 알려진 압축 알 고리즘을 사용하며 사진이미지 보다는 색상이 단순한 그래 픽에 더 효과적인 파일 포맷은?

1.BMP

2.GIF

3.PNG

4.JPE

답:2

풀이

LZW(Lempel-Ziv-Welch) : 무손실 압축 기법으로, 비슷한 계열의 색상을 갖는 이미지를 저장할 때 많이 사용하며,
TIFF, GIF 등에서 사용합니다.

55. 다음 중 그래픽 표현 방식에서 벡터 방식에 대한 설명이 아 닌 것은?

1.베지어(Bezier)라는 곡선으로 이루어져 있다.

2.비트맵이미지에 비해 상대적으로 파일 용량이 크다.

3.이미지를 확대/축소하여도 그림이 거칠어지지 않는다.

4.미세한 그림이나 점진적인 색의 변이를 표현하기 어렵 다.

답: 2

풀이

* 비트맵 - 이 형식은 픽셀(Pixel)이라고 불리는 조그만 사각형이 각각이 색상을 가지고 모여서 이미지를 만들어 내는 방식입니다. 때문에 확대해서 보면 픽셀의 형태가 보여 깨져 보이는 현상이 일어나는 것을 볼 수 있습니다. 자연스럽고 사실적인 표현이 가능하나 고품질의 이미지를 만들기 위해 해상도를 올려야 하는데 해상도를 올릴 수록 파일의 용량이 커지는 단점을 가지고 있습니다.
* 벡터 - 벡터 파일이란 수학적인 오브젝트에 의해 정의된 선과 곡선으로 구성되는 이미지를 이야기 합니다. 벡터 이미지는 비트맵 이미지와는 달리 어떤 해상도에서도 자동으로 크기를 조절하므로 해상도와 관계없이 깨끗한 이미지를 얻을 수 있다는 장점이 있습니다. 점과 선의 개수로 파일의 용량이 결정되므로 간단한 이미지에서는 같은 크기의 비트맵 파일보다 훨씬 적은 용량을 가지고 있습니다. 하지만 자연스러운 이미지와 색상의 표현에 한계가 있습니다.

56. 타이포그래피의 구성요소에 해당하지 않는 것은?

1.Serif

2.Line-spacing

3.Letter-spacing

4.Texturing

답: 4

풀이

타이포그래피 구성요소 : Serif, Letter Spacing, Line Spacing