웹디자인기능사 필기 오답노트

2015년 7월 19일 필기 기출문제입니다.

5. NICS 표색계에 대한 설명으로 옳은 것은?

①기본 6색 중 흰색과 검정은 포함되지 않는다.

②20% 흰색도와 30%의 유채색도를 표시하고 90%는 노랑색도를 지닌 백색이다.

③색상환은 노랑(Y), 빨강(R), 파랑(B), 초록(G)으로 구분되어 있다.

④색자각 양의 합은 100 이며, 이것은 명도, 채도, 색상의 합이다.

 

오스트발트 표색계와 관련된 내용

 

10. 빛이 눈의 망막 위에서 해석되는 과정에서 혼색효과가 가져다주는 가법혼색으로 점표파 화가들이 많이 사용 하였고, 디더링의 혼색원리이기도 한 혼합방법을 무엇이라 하는가?

①감색혼합

②중간혼합

③회전혼합

④병치혼합

 

병치혼합은 선이나 점이 조밀하게 교차·나열되었을 때 마치 인접한 색과 혼합된 것처럼 보이는 현상이다.

 

29. 자바스크립트의 특징으로 틀린 것은?

①객체 지향 프로그램 언어로 내장 객체를 사용한다.

②HTML 내에 삽입되어 홈페이지를 좀 더 동적이고 다양하게 제작할 수 있도록 한다.

③데이터 형을 설정하지 않아도 된다.

④대소문자를 구별하지 않는다.

 

 

자바스크립트는 대소문자를 구별합니다.

47. 웹사이트의 전형적인 탐색구조에 대한 설명으로 틀린 것은?

①선형적인 구조는 하나의 홈페이지에서 다른 홈페이지로 또 다음 홈페이지로 연결된 구조로 주제별 검색에 많이 사용된다.

②계층적인 구조는 하나의 홈페이지가 있고 그 홈페이지의 메인페이지에서는 단순한 메뉴로만 보여주고 하위페이지들로 계층적으로 연결되는 구조이다.

③그물형 연결 구조는 대주제 검색을 위해 상호 연결하여 검색하기 위한 간결한 구조이다.

④복합적 구조는 선형적 구조와 계층적 구조를 혼합한 것으로 단어별 검색에 많이 사용된다.

 

 

그물형 연결 구조(네트워크 구조)는 개별 정보가 있는 웹 페이지의 정보를 순서 없이 나열한 형태로 수많은 페이지가 나열된 복잡한 구조임.대(큰) 주제가 정형화되어 있는 경우에는 복합적 구조가 적합함.

 

2015년 7월 19일 필기 기출문제입니다.

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

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

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

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

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

 

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

4. 색의 감정에서 저채도의 배색이 주는 느낌은?   

①부드러운 느낌

②쾌한 느낌   

③화려한 느낌

④활기찬 느낌

 

채도가 높은 색일수록 색상이 선명하며 강하게 느껴지고, 채도가 낮은 색일수록 탁해지며 부드러운 느낌을 줍니다.

 

9. 가시광선에 대한 설명으로 틀린 것은?    

① 빛의 파장 중 380nm에서 780nm 사이의 범위로 눈으로 지각되는 영역을 말한다.    

② 백색광이 프리즘을 통해 나타나는 색띠를 말한다.    

③ 라디오나 텔레비전, 휴대폰의 파장범위를 포함 한다.    

④ 전자기파 스펙트럼이라고도 한다.

 

라디오, 텔레비전, 휴대폰의 파장범위는 가시광선이 아니라 적외선이다.

10. 1, 2, 4, 8, 16…과 같이 이웃하는 두 항의 비가 일정한 수 열은?     

① 등차수열

② 등비수열

③ 피보나치수열

④ 조화수열

 

a=1이고 r=2인 등비수열

11. 자연에서 쉽게 찾을 수 있고, 온화함이 있지만 때로는 단조 로움을 주는 디자인 원리는?     

① 유사조화

② 균일조화     

③ 방사조화

④ 대비조화

 

유사조화 : 같은 성질의 조화, 친근감과 부드러움을 가지고 있으나 이로 인해 단조로울 수 있다.

 파도나 잎사귀, 잔디 등 자연에서 쉽게 볼 수 있다.

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

① 텍스타일디자인

② 편집디자인    

③ 벽지디자인

④ 인테리어 직물디자인

제품, 시각의 구분에서는 확실히 2번(편집디자인)이 답인 것 같구요. 2차원이냐 3차원이냐 초점을 맞추면 4번(인테리어 직물디자인)도 답이 될 수 있을 것 같네요. 당시 2번(편집디자인)으로 확정 답안이 발표되었습니다.
2차원 3차원의 조건으로 따지면 모호함이 있지만, 여기서 요구되는 것은 제품디자인에 초점을 맞추어야 할 듯합니다. 편집디자인은 분명 제품디자인이 아니므로 확실한 답이라 봅니다.

 

 

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

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

② … 태그는 짧은 인용구를 표시할때 사 용하는 태그이다.     

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

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

 

'<CITE>' 짧은 인용(citation)구를 표시할때 - 이태릭체로 표시
'<SUB>' 아래 첨자를 사용하고자 할때 (sub -b 의 동그란 부분이 아래니까 아래첨자)
'<SUP>' 위 첨자를 사용하고자 할때 (sup -p 의 동그란 부분이 위니까 위 첨자)
'<CODE>' 프로그램 코드 표시
'<B>' 태그는 글자를 굵게 표시하는 태그로, bold의 약자입니다.

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

 ① A:link{color:#ff0000;} -     ② A:active{color:#ff0000;} -     ③ A:hover{color:#ff0000;} -     ④ A:visited{color:#ff0000;} -

2번은 사용 불가 

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

32. 〈BODY〉 태그에서 사용할 수 있는 속성과 그 의미의 연결 이 올바르지 않은 것은?     

① BGCOLOR - 배경색을 지정한다.     

② BG - 배경으로 사용될 이미지 파일을 지정한다.     

③ TEXT - 일반 글자색을 지정한다.     

④ LINK - 링크로 설정한 글자색을 지정한다.

 

background - 배경으로 사용될 이미지 파일을 지정한다.

 

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

① cellspacing

② border 

③ cellpadding

④ size

 

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

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

① 나모 웹 에디터

② 프론토 페이지     

③ 넷스케이프 컴포저

④ 홈 사이트

 

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

 

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

① 클레이 애니메이션

② 투광 애니메이션     

③ 셀 애니메이션

④ 컷 아웃 애니메이션

 

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

 

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

 ① 모핑

② 디더링     

③ 커스텀 팔레트

④ 팔레트 플래싱

 

모핑 : 모핑(morphing)은 하나의 이미지를 다른 이미지로 단절 없이 이미지를 연속적으로 변형시키는 형상 변형 기법으로 흔히 일정한 시간 내에 여러 형상을 거쳐 최종 이미지로 변화되는 모습을 재현한다. 하나의 이미지를 다른 것으로 변형시키는 데 필요한 변화를 컴퓨터가 수학적으로 계산하는 과정을 거쳐 재현된다.

디더링 : 디스플레이 되는 이미지의 색 공간의 차이에서 오는 결점을 보완해 주는 방법. 색 오차를 최대한 최소화하여 원본의 이미지를 최대한 보전하려고 하는 방법이다.

커스텀 팔레트 : 기본 팔레트와 달리 사용자가 직접 정의한 색상을 모아 놓은 팔레트입니다. 그래픽 디자인에서 사용자가 자주 사용하는 색상을 효율적으로 관리할 수 있게 해줍니다.

팔레트 플래싱(Palette Flashing)은 프로그래밍에서 사용되는 기술로, 코드에서 사용하는 색상 팔레트를 변경하여 다양한 시각적 효과를 만드는 기술입니다.

49. 다음 중 웹사이트 개발과정에 대한 설명으로 틀린 것은?     

① 프로젝트 기획 – 목표설정, 시장조사, 개발전략수립     

② 웹 사이트 기획 – 사이트 콘셉트 정의, 자료수집 및 분 석     

③ 웹 사이트 디자인 – 콘텐츠 제작 및 배치, 내비게이션 구축     

④ 웹 사이트 구축 – 테스트 및 디버깅

 

웹 사이트 구축 단계에서는 도메인 확보 및 프로그래밍을 합니다.
테스트 및 디버깅은 유지 및 관리 단계입니다.

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

① PNG

② BMP     

③ JPG

④ GIF

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

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

 ① 시안

② 레이아웃     

③ 내비게이션

④ 스토리보드

 

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

 

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

① Serif

② Line-spacing    

③ Letter-spacing

④ Texturing

 

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