(D IA T; D ig ita l In fo rm a tio n A b ility T e s t)
◉ 시험과목 : 홈페이지 제작
◉ 시험일자 : 2012. 07. 28(토)
◉ 수검자 기재사항 및 감독자 확인
수 검 번 호 DIH - 1207 - 감독관 확인
성 명
1. 수검자는 신분증을 지참하여야 시험에 응시할 수 있으며, 미지참 시 퇴실 조치합니다.
2. 시스템(PC작동여부, 네트워크 상태 등)의 이상여부를 반드시 확인하여야 하며, 시스템 이상이 있을시 감독관에게 조치를 받으셔야 합니다.
3. 시험 중 시스템 오류 또는 시스템 다운 증상에 대해서는 수험자 본인에게 책임이 있습니다.
4. 시험 중 부주의 또는 고의로 시스템을 파손한 경우는 수검자 부담으로 합니다.
5. 답안 전송 프로그램을 통하여 자동으로 다운로드 받은 파일을 이용하여 답안파일을 작성 하시기 바랍니다.
6. 작성한 답안 파일은 답안 전송 프로그램을 통하여 자동으로 전송됩니다. 감독위원의 지시에 따라 주시기 바랍니다.
7. 메모장이나 워드 패드를 이용하여 주어진 조건에 따라 HTML 문서가 완성되도록 ( ) 안에 알맞은 HTML코드를 번호에 맞게 답안지 파일에 작성하십시오.
※ 단, 대괄호[ ]는 동일한 HTML코드의 번호를 표기한 것입니다.
8. 주어진 문제파일의 ( 괄호 )이외의 HTML 코드는 절대 수정하실 수 없습니다.
9. 다음사항의 경우 실격(0점) 혹은 부정행위 처리됩니다.
1) 답안을 저장하지 않았거나, 저장한 파일이 손상되었을 경우
2) 답안파일을 다른 보조 기억장치(디스켓, USB) 혹은 네트워크(메신저, 게시판 등)로 전송할 경우 3) 휴대용 전화기 등 통신장비를 사용할 경우
10. 시험의 완료는 작성이 완료된 답안을 저장하고, 답안 전송이 완료된 상태를 확인한 것으로 합니다. 답안 전송 확인 후 문제지는 감독위원에게 제출한 후 퇴실하여야 합니다.
11. 답안전송이 완료된 경우에는 수정 또는 정정이 불가능합니다.
12. 시험시행 후 문제 공개 및 합격자 발표는 홈페이지(www.diat.or.kr)에서 확인하시기 바랍니다.
1) 문제 및 정답 공개 : 2012. 07. 31(화) 2) 합격자 발표 : 2012. 08. 17(금)
수검자 유의사항
【문제1】index.htm, top.htm, menu.htm 파일을 작성한다.
≪ 출력형태 ≫
≪ 처리조건 ≫
▶ “index.htm” 파일을 ≪출력형태≫와 같이 나타나도록 조건을 만족하는 htm문서를 완성하시오.
- 제목 표시줄에 ‘◆◇◆◇◆ 자.연.사.랑 ◆◇◆◇◆’이라는 제목이 나타나도록 지정한다.
- 전체화면은 상단 프레임과 하단 프레임, 하단은 다시 왼쪽과 오른쪽으로 구분되어지고, 상단은 “top.htm”, 하단 왼쪽은 “menu.htm”, 하단 오른쪽은 “main1.htm” 파일이 연결되어 보이도록 설정한다.
- 상단과 하단 프레임은 ( 100, * )의 비율로 나누고, 하단은 ( 220, * )의 비율로 하여 왼쪽과 오른쪽 으로 나누도록 지정한다.
- 모든 프레임의 경계선 두께는 ‘0’, 프레임 간격은 ‘1’로 지정하고, 상단 프레임과 하단 왼쪽 프레임은 스크롤이 되지 않도록 지정하며, 왼쪽 프레임의 좌우 여백을 ‘30’으로 지정한다.
▶ “top.htm” 파일을 ≪출력형태≫와 같이 나타나도록 조건을 만족하는 htm문서를 완성하시오.
- 본문의 배경에는 “Images/Top_Bg.jpg”의 이미지를 추가하고, 텍스트 색은 ‘#000000'으로 지정한다.
- ‘자 연 사 랑’은 헤드라인 크기 ‘2’, ‘LOVE NATURE’는 글자크기 ‘3’으로 지정하고, 글꼴은 모두
‘휴먼엑스포’로 지정한다.
- ‘홈페이지’, ‘후기작성’, ‘이메일 문의’는 이탤릭체로 입력하여 가운데 정렬로 지정한 후, ‘홈페이지’,
‘후기작성’을 클릭하면 ‘main’ 프레임으로 파일이 열리도록 지정한다.
- ‘이메일 문의’를 클릭하면 ”webmaster@ihd.or.kr“로 이메일 전송이 가능하도록 지정한다.
▶ “menu.htm” 파일을 ≪출력형태≫와 같이 나타나도록 조건을 만족하는 htm문서를 완성하시오.
- 링크의 색은 “#FFCC00”, 활성화된 링크의 색은 “#0099FF”, 방문한 링크 색은 “#0099FF”로 지정 한다.
- 문서의 위쪽 여백을 ‘30’으로 지정한다.
- ‘공지사항 & 핫뉴스’, ‘자연재해’, ‘자연에 대하여’, ‘자연과 함께’, ‘자연사랑 후기’, ‘자연체험관안내’는 기본 글자 보다 작은 크기로 입력하고, 순서가 있는 ‘a’ 모양의 목록으로 지정한다.
- ‘Images/Menu_01.jpg’는 ‘1행 1열’인 표를 만들어 삽입하고, 이미지 아래에 ‘~ 자연과 동물 ~’을 입력한 후 전체 이미지와 텍스트는 이동속도 ‘20’, 방향은 아래쪽으로 스크롤되다가 ‘350’픽셀만큼 이동하면 멈추도록 지정한다.
【문제2】main1.htm 파일을 작성한다.
≪ 출력형태 ≫
≪ 처리조건 ≫
▶ “main1.htm” 파일을 ≪출력형태≫와 같이 나타나도록 조건을 만족하는 htm문서를 완성하시오.
- 검색엔진에 본 페이지를 ‘자연사랑 LOVE NATURE’로 등록되도록 지정한다.
- ‘공지사항’, ‘핫뉴스’의 내용은 ‘3행 2열’의 표로 작성 후, 2행 각 열에 색상이 “#FF9999”, “#33CCFF”인 선을 추가하고, 3행 각 열의 항목들은 순서가 없는 ‘■' 모양의 목록으로 지정한다.
- ‘◆◇ 공지사항 - 홈페이지 이용시 주의사항’, ‘◆◇ 핫뉴스 - 17·18일 숲 사랑대회’의 위쪽과 ‘◆◇
핫뉴스 - 17·18일 숲 사랑대회’의 세부내용 아래에 화면 너비의 ‘85%’, 두께가 ‘2’인 선을 왼쪽 정렬로 지정한다.
- ‘◆◇ 핫뉴스 - 17·18일 숲 사랑대회’의 세부내용은 공백이나 줄바꾸기가 입력한 그대로 화면에 보이 도록 지정하고, ‘TOP'을 클릭하면 ‘공지사항’으로 이동하도록 지정한다.
【문제3】main2.htm 파일을 작성한다.
≪ 출력형태 ≫
≪ 처리조건 ≫
▶ “main2.htm” 파일을 ≪출력형태≫와 같이 나타나도록 조건을 만족하는 htm문서를 완성하시오.
- ‘자연재해'의 세부 내용은 ‘5행 5열’의 너비는 ‘700’, 테두리선 두께는 ‘1’, 셀 경계선색은 ‘#009900’, 셀 안쪽 여백은 ‘8’인 표를 만들어 입력한다.
- ‘1행 1열~5행 1열’을 병합하여 셀 배경을 ‘#FFCC00’으로 지정한 후 ‘자연재해’를 중앙으로 정렬 하도록 지정한다.
- ‘1행 2열~5열’을 병합하여 세부내용은 밑줄을 입력한다.
- ‘2행 2열~3열’, ‘2행 4열~5열’, ‘4행 2열~3열’, ‘4행 4열~5열’을 각각 병합하고 셀 배경색을 ‘#6699CC’
으로 지정한다.
- ‘3행 2열’, ‘3행 4열’, ‘5행 2열’, ‘5행 4열’에 각각 “Images/Main2_01.jpg”, “Images/Main2_02.jpg”,
“Images/Main2_03.jpg”, “Images/Main2_04.jpg”를 추가하고, 이미지 위에 마우스를 올리면 순서대로
‘지진’, ‘태풍’, ‘화산’, ‘해일’이라는 말풍선이 나타나도록 지정한다.
【문제4】main3.htm 파일을 작성한다.
≪ 출력형태 ≫
≪ 처리조건 ≫
▶ “main3.htm” 파일을 ≪출력형태≫와 같이 나타나도록 조건을 만족하는 htm문서를 완성하시오.
- ‘자연사랑 홈페이지 후기’는 데이터를 입력받기 위해 전송 방식이 ‘post’이고 파일 전송이 가능한 폼으로 지정한다.
- ‘자연사랑 홈페이지 후기’와 세부 내용은 너비 ‘750’, 테두리선 두께 ‘1’, 셀 경계선색 ‘#000000’, 셀 사이 간격 ‘0’인 표를 만들어 폼을 작성한다.
- ‘작성자’, ‘제목’은 텍스트 형식으로 입력받고, 각각 최대 글자 수로 ‘60’까지 입력받도록 지정한다.
- ‘이메일’, ‘방문일’은 목록 형식으로 입력받고, ‘만족도’는 여러 항목 중 하나만 선택 가능한 형식으로 입력받고, ‘매우 만족’을 기본 값으로 지정한다.
- ‘이용매체’는 중복 선택이 가능한 형식으로 입력받고, ‘트위터’를 기본 값으로 지정한다.
- ‘사진’은 파일 업로드가 가능한 형식으로 지정한다.
- ‘후기전송’은 ‘전송’ 버튼을 누르면 입력 내용이 전송되고, ‘재작성’ 버튼을 누르면 입력 내용이 초기화되도록 지정한다.
번 호 답 안 번 호 답 안
1 title 21 hr
2 frameborder="0" 22 type="square"
3 cols 23 div
4 scrolling 24 pre
5 marginwidth 25 href="#top"
6 background 26 cellpadding="8"
7 text 27 rowspan
8 face 28 valign="middle"
9 center 29 colspan
10 target 30 alt
11 mailto:webmaster@ihd.or.kr 31 form
12 link 32 method="post"
13 alink 33 cellspacing="0"
14 topmargin 34 maxlength
15 type="a" 35 option
16 scrollamount 36 type="radio"
17 direction 37 checked
18 behavior="slide" 38 type="checkbox"
19 keywords 39 type="submit"
20 content 40 type="reset"
