(D IA T ; D ig ita l In fo rm a tio n A b ility T e st)
◉ 시험과목 : 홈페이지 제작
◉ 시험일자 : 2010. 2. 27(토)
◉ 수검자 기재사항 및 감독자 확인
수 검 번 호 DIH - 1002 - 감독관 확인
성 명
1. 수검자는 신분증을 지참하여야 시험에 응시할 수 있으며, 미지참 시 퇴실 조치합니다.
2. 시스템(PC작동여부, 네트워크 상태 등)의 이상여부를 반드시 확인하여야 하며, 시스템 이상이 있을시 감독관에게 조치를 받으셔야 합니다.
3. 시험 중 시스템 오류 또는 시스템 다운 증상에 대해서는 수험자 본인에게 책임이 있습니다.
4. 시험 중 부주의 또는 고의로 시스템을 파손한 경우는 수검자 부담으로 합니다.
5. 작성된 답안파일은 답안 전송 프로그램을 이용해 전송해야만 하며, 수검에 필요한 파일을 직접 다운로드 하시기 바랍니다.(예 : 윈도우 바탕화면)
6. 작성한 답안 파일명은 본인의 “과목-수검번호”로 입력 후 하나의 파일로 저장합니다.
(예 : 수검번호가 DIH-1002-000001인 경우 “ 홈페이지제작-000001.hwp” 로 파일명 저장) 7. 메모장이나 워드 패드를 이용하여 주어진 조건에 따라 HTML 문서가 완성되도록 ( )
안에 알맞은 HTML코드를 번호에 맞게 답안지 파일에 작성하십시오.
※ 단, 대괄호[ ]는 동일한 HTML코드의 번호를 표기한 것입니다.
8. 주어지 문제파일의 ( 괄호 )이외의 HTML 코드는 절대 수정하실 수 없습니다.
9. 다음 사항의 경우 실격(0점) 혹은 부정행위 처리됩니다.
1) 전송된 답안파일명이 지시사항과 틀릴 경우 실격 처리 2) 답안이 미 전송 되었거나, 저장한 파일이 손상되었을 경우
3) 답안파일을 다른 보조 기억장치(디스켓, USB) 혹은 네트워크(메신저, 게시판 등)로 전송할 경우 4) 휴대용 전화기 등 통신장비를 사용할 경우
10. 시험의 완료는 작성된 답안을 저장하고, 답안 전송이 완료된 상태를 확인하는 것입니다.
답안 전송 확인 후 문제지는 감독위원에게 제출한 후 퇴실하여야 합니다.
11. 답안전송이 완료된 경우에는 수정 또는 정정이 불가하며, 전송은 한번만 가능합니다.
12. 시험시행 후 정답 공개 및 합격자 발표는 홈페이지(www.ihd.or.kr)에서 확인하시기 바랍니다.
1) 문제 및 정답 공개 : 2010. 3. 2(화) 2) 합격자 발표 : 2010. 03. 19(금)
수검자 유의사항
【문제1】main.htm, menu.htm, footer.htm 파일을 작성하시오.
≪ 출력형태 ≫
≪ 처리조건 ≫
▶ “main.htm” 파일을 ≪출력형태≫와 같이 나타나도록 조건을 만족하는 htm문서를 완성하시오.
- 제목 표시줄에 ‘가장 좋은 차만 드리는 BEST1업체 카세일’ 라는 제목이 나타나도록 한다.
- 전체화면은 상단과 하단 프레임, 상단은 다시 왼쪽과 오른쪽 프레임으로 구분되어지고, 왼쪽은
“menu.htm”, 상단의 오른쪽은 “car_news.htm”, 하단은 “footer.htm” 파일이 연결되어 보여 지도록 설정한다.
- 상단과 하단의 비율은 90%, 10%, 상단은 다시 왼쪽과 오른쪽으로 나누고 cols는 15%, 85%로 지정한다.
- 상단 왼쪽프레임과 하단프레임은 스크롤이 되지 않도록 한다.
▶ “menu.htm” 파일을 ≪출력형태≫와 같이 나타나도록 조건을 만족하는 htm문서를 완성하시오.
- 본문의 배경색은 ‘#6699FF’, 글자의 색은 ‘#FFFFFF’, 링크의 색은 ‘#FF0000’, 활성화된 링크의 색은 ‘#FFFF00’, 방문한 링크 색은 ‘#DDFFFF’으로 지정한다.
- 상단에 ‘[업체별 모델보기]’ 글자를 ≪출력형태≫와 같이 입력하고, 입력한 글자를 클릭하면
‘information’ 프레임에 “list.htm”이 출력되도록 한다.
- ‘[업체별 모델보기]’ 글자 박스의 내용인 ‘쌍용’, ‘현대’, ‘삼성’, ‘기아’, ‘GM대우’는, 위에서 아래로 스크롤되고, 글자 크기가 4, 번호로 글머리가 보여지는 목록으로 지정하시오.
▶ “footer.htm” 파일을 ≪출력형태≫와 같이 나타나도록 조건을 만족하는 htm문서를 완성하시오.
- ‘이메일 문의’ 바로 옆에 이메일 아이콘인 “image/email.gif”를 추가하고, 둘 중 하나만 클릭 해도 “[email protected]”이라는 주소로 이메일 전송이 가능하도록 한다.
【문제2】car_news.htm 파일을 작성하시오.
≪ 출력형태 ≫
≪ 처리조건 ≫
▶ “car_news.htm” 파일을 ≪출력형태≫와 같이 나타나도록 조건을 만족하는 htm문서를 완성하시오.
- 인터넷 검색엔진에 본 페이지를 ‘2010년 출시 자동차’로 등록되도록 지정한다.
- 문서의 위쪽 여백을 10으로 지정한다.
- ‘2010년 출시 자동차 News’의 글자색은 ‘빨강색’, 글자체는 ‘휴먼 엑스포’로 지정하고, 중앙 정렬 하여 나타낸다.
- 제목 ‘2010년 출시 자동차 News’와, 소제목 ‘국내 신차 출시 소식’, ‘자동차 상식’ 앞에 앵커 (anchor)를 지정한다.
- 소제목 ‘신차 출시 소식’, ‘자동차 상식’을 클릭하면 ‘▶국내 신차 출시 소식’, ‘- 자동차 상식 -’
으로 이동하도록 지정한다.
- 순서가 없는 목록을 사용하여 '국내 신차 출시 소식‘과 ’국외 신차 출시 소식’에 대한 세부내용이 나열되도록 지정한다.
- ‘- 자동차 상식 -’은 크기 2의 헤드라인으로, 글자색은 ‘파랑색’으로 중앙 정렬하여 나타낸다.
- ‘- 자동차 상식’- 의 세부내용은 데이터 정의목록으로 보여주고, 각 목록의 제목인 ‘ABS를 장착 하면 제동이 잘된다?’, ‘에어백이 있으면 안전벨트는 안 매도 된다?’, ‘코너링 때 브레이크를 밟으면 위험하다?’는 진하게 지정한다.
- “image/top.gif”를 추가하여 너비 ‘43’, 높이 ‘17’로 지정하고, “top.gif”와 ‘맨 위로’ 둘 중 하나만 클릭해도 ‘2010년 출시 자동차 News’로 이동하도록 지정한다.
【문제3】 list.htm 파일을 작성하시오.
≪ 출력형태 ≫
≪ 처리조건 ≫
▶ “list.htm” 파일을 ≪출력형태≫와 같이 나타나도록 조건을 만족하는 htm문서를 완성하시오.
- 테이블 위에 선을 추가하고, 선색을 빨강색으로 지정한다.
- 전체 테이블은 9행 6열로 폭은 800픽셀이며, 경계선은 나타내지 않도록 하고, 가운데 정렬하여 나타낸다.
- ‘2010년 신차 모델’은 1행 1열과 2행 2열을 병합하여 나타내고, 이탤릭으로 지정한다.
- 4개의 자동차 이미지는 왼쪽부터 오른쪽으로 각각 “image/car1.jpg”, “image/car2.jpg”, “image /car3.jpg”, “image/car4.jpg”을 추가한다.
- 자동차 이미지 위로 마우스를 올리면 자동차 모델명을 나타내는 말풍선이 나타나도록 한다.
- ‘주요특징’ 부분은 3행 1열부터 9행 1열의 7개의 행을 병합하고 중앙 정렬하여 나타낸다.
- 마지막 행 ‘가격’의 정상가격은 취소선을 긋고, 그 옆에 세일한 가격을 파랑색으로 지정한다.
【문제4】 search.htm 파일을 작성하시오.
≪ 출력형태 ≫
≪ 처리조건 ≫
▶ “search.htm” 파일을 ≪출력형태≫와 같이 나타나도록 조건을 만족하는 htm문서를 완성하시오.
- 배경에는 “image/bgimage.jpg”를 추가한다.
- 자동차 검색 정보를 입력받기 위하여 사용한 폼의 이름은 ‘carsearch’이며, 전송방식으로는
‘post’를 사용한다.
- 입력 받는 모든 양식은 하나의 테이블 구조를 활용하여 구현하며, 셀 경계선과 셀 데이터 간의 공백은 ‘5’로 한다.
- ‘자동차 검색’의 가로 정렬은 ‘가운데’, 세로 정렬은 ‘아래’가 되도록 한다.
- ‘가격대’는 최대 10Byte까지 입력이 가능하게 한다.
- ‘제조사’는 6가지 선택사항 중에서 중복 선택할 수 있는 형식으로 입력받도록 한다.
- ‘배기량’, ‘변속기’, ‘에어컨&필터기능’은 선택사항 중에서 1개만 선택할 수 있는 형식으로 입력 받고, ‘변속기’는 ‘2단 변속’, ‘에어컨&필터기능’은 ‘지원’을 기본 값으로 지정한다.
- ‘검색’ 버튼을 만들고, 버튼을 누르면 입력 결과가 전송 되도록 지정한다.
