(D IA T ; D ig ita l In fo rm a tio n A b ility T e st)
◉ 시험과목 : 홈페이지 제작
◉ 시험일자 : 2012. 05. 26(토)
◉ 수검자 기재사항 및 감독자 확인
수 검 번 호 DIH - 1205 - 감독관 확인
성 명
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. 05. 29(화) 2) 합격자 발표 : 2012. 06. 15(금)
수검자 유의사항
【문제1】index.htm, top.htm, left.htm 파일을 작성한다.
《 출력형태 》
《 처리조건 》
▶ “index.htm” 파일을 ≪출력형태≫와 같이 나타나도록 조건을 만족하는 htm문서를 완성하시오.
- 제목 표시줄에 ‘♣♧♣♧ 목장운영 사장님께 꼭~ 필요한 쇼핑몰 L-Mall입니다^^ 어서오세요.♧♣♧♣’
라는 제목이 나타나도록 지정한다.
- 전체화면은 상단과 하단 프레임, 하단은 다시 왼쪽과 오른쪽으로 구분되어지고, 상단은 “top.htm”, 하단 왼쪽은 “left.htm”, 하단 오른쪽은 “main.htm” 파일이 연결되어 보이도록 설정한다.
- 상단과 하단은 ( 100, * )로 나눈 후, 하단은 다시 왼쪽과 오른쪽으로 ( 180, 820 )의 비율로 나누어 지정한다.
- 프레임 선 두께는 ‘0’으로 하고 구분선이 없도록 지정하며, 상단과 하단 프레임, 왼쪽과 오른쪽 프레임의 간격을 ‘1’로 설정한다.
- 상단 프레임과 하단 왼쪽 프레임은 스크롤이 되지 않도록 한다.
▶ “top.htm” 파일을 ≪출력형태≫와 같이 나타나도록 조건을 만족하는 htm문서를 완성하시오.
- 웹페이지에서 한글코드를 인식할 수 있도록 지정한다.
- 본문의 배경으로 “images/tit_01.jpg”를 삽입하고, 링크 색은 “#660099”, 활성화된 링크 색은 “#339966”, 방문한 링크 색은 “#000000”으로 지정한다.
- 전체 텍스트를 가운데로 정렬되도록 지정한다.
- ‘목장운영전문 쇼핑 L-Mall’을 입력하고 글자크기는 ‘7’, 글자체는 “휴먼엑스포”, 글자색은 “#000000”, em 형태로 표시한 후, 그 아래에 ‘http://www.ihd.or.kr’을 입력하고 글자크기는 ‘4’, 글자색은
“#003366”, em 형태와 강조 표시로 지정한다.
- ‘http://www.ihd.or.kr’에 링크를 걸어 마우스를 클릭하면 새 창으로 사이트가 열리도록 지정한다.
- ‘http://www.ihd.or.kr’ 바로 옆에 이메일 아이콘인 “images/email.gif”를 추가하고, 클릭하면
”k-master@ihd.or.kr“라는 주소로 이메일 전송이 가능하도록 한다.
▶ “left.htm” 파일을 ≪출력형태≫와 같이 나타나도록 조건을 만족하는 htm문서를 완성하시오.
- 본문의 글자색은 ‘#000000’으로 지정하고, 배경색은 ‘#FFFFFF’로 지정한다.
- 제목 및 글자 전체가 아래위로 왕복하도록 지정하고 이동속도는 ‘3’으로 지정한다.
- 제목 ‘[QuickMenu]’를 입력하고, 그 아래에 ‘털/가죽’, ‘육류’, ‘도구/공구’, ‘사료’, ‘체험쿠폰’이라는 글자를, 그 아래에 ‘[L-Mall구매후기]’, ‘[메인으로]’를 ≪출력형태≫와 같이 입력한다.
- 제목 ‘[QuickMenu]’와 ‘[L-Mall구매후기]’, ‘[메인으로]’를 볼드체로 표시하고 가운데 정렬한 후, 클릭 하면 새 창에 각각 “main2.htm”, “main3.htm”, “main.htm” 파일이 오른쪽 프레임으로 출력되도록 지정한다.
- ‘털/가죽’, ‘육류’, ‘도구/공구’, ‘사료’, ‘체험쿠폰’ 글자는 로마 대문자 형식의 번호 있는 목록으로 지정한다.
【문제2】main.htm 파일을 작성한다.
《 출력형태 》
《 처리조건 》
▶ “main.htm” 파일을 ≪출력형태≫와 같이 나타나도록 조건을 만족하는 htm문서를 완성하시오.
- 인터넷 검색엔진에 본 페이지를 ‘목장운영의 최강몰 L-Mall'로 등록되도록 지정한다.
- 문서의 왼쪽 여백을 ‘20’으로 지정한다.
- 상단 메뉴 ‘HOME’, ‘L-Mall소개’, ‘털/가죽’, ‘육류’, ‘도구/공구’, ‘사료’, ‘체험쿠폰’, ‘고객지원’을 1행 8열의 테이블로 폭 775 픽셀로 작성한 후 선 두께는 ‘1’, 셀 간격은 ‘2’, 테두리 선의 밝은 부분은
“#333333”로 지정하고 중앙 정렬하여 나타낸다.
- 상단 메뉴 ‘HOME'을 클릭하면 소제목 ‘♣ L-Mall 공지사항’으로 이동하도록 지정하고, 소제목 ‘♣
L-Mall 공지사항’의 하위 항목 5개를 ‘○’ 형식의 번호 없는 목록으로 지정한다.
- 소제목 ‘♣ L-Mall 공지사항’, ‘♣ [성탄절 맞이 Event] 대박 할인 코너!!!’ 아래에 길이 ‘400’, 색상
‘#6699FF’, 두께 ‘3’인 선을 그림자 속성 없이 지정한다.
- 소제목 ‘♣ [성탄절 맞이 Event] 대박 할인 코너!!!’ 글자 중 ‘[성탄절 맞이 Event]'와 ’135,000(1마리분)’,
‘187,000(말1마리분)’, ‘158,000(소1마리분)’, ‘130,000’, ‘200,000’, ‘250,000’은 사이트 형식, ‘#개 한정특판 30%!!’, ‘#셋트 한정특판 30%!!’ 글자색은 “#FF0000”, 볼드체, 사이트 형식으로 지정한다.
- ‘♣ [성탄절 맞이 Event] 대박 할인 코너!!!’의 하위 항목은 2행 3열의 테이블을 화면의 90% 길이로, 칸마다 1행 4열의 테이블을 작성하고, 선 두께는 ‘1’, 테두리 선의 밝은 부분은 “#CCCCCC”, 테두리 선의 어두운 부분은 “#FFFFFF”, 전체 가운데 정렬로 지정한다.
【문제3】main2.htm 파일을 작성한다.
《 출력형태 》
《 처리조건 》
▶ “main2.htm” 파일을 ≪출력형태≫와 같이 나타나도록 조건을 만족하는 htm문서를 완성하시오.
- 배경사운드로 ‘images\music.mid'를 삽입하고, 무한 반복하여 재생한다.
- 제목 ‘L-Mall 카테고리’를 글자크기 ‘7’, 글자체는 ‘궁서, 궁서체’, 색상은 ‘#990099’로 지정하고 밑줄, 이탤릭체로 표시한다.
- 전체 테이블은 폭이 화면의 90%이며, 제목을 제외한 13행 5열의 테이블로 하고 테이블 내용 전체를 가운데 정렬하여 나타내고 선 두께는 ‘0’으로, 셀 안쪽 여백은 ‘3’으로 설정한다.
- 2행 각 열에는 각각 순서대로 ‘images/main2_01.jpg', ‘images/main2_02.jpg', ‘images/main2_03.jpg',
‘images/main2_04.jpg', ‘images/main2_05.jpg' 그림을 삽입하고 수평여백을 ‘2’로, 카테고리명을 말풍선으로 표시한다.
- 4, 6, 8, 10, 12행의 각 칸마다 데이터를 입력하고 수직정렬에서 아래 정렬로 지정한다.
- 밑줄 이미지는 3, 5, 7, 9, 11, 13행을 높이 ‘3’으로 지정하고 각 열마다 “images/line_01.gif”를 배경 이미지로 삽입한다.
【문제4】main3.htm 파일을 작성한다.
《 출력형태 》
《 처리조건 》
▶ “main3.htm” 파일을 ≪출력형태≫와 같이 나타나도록 조건을 만족하는 htm문서를 완성하시오.
- 정보를 입력받기 위하여 사용한 폼의 이름은 ‘info'이며, 전송방식으로는 ’post'를 사용하도록 지정한다.
- 제목 ‘<L-Mall 구매후기>’의 글자크기는 ‘6’, 글자체는 ‘굴림체’, 주소를 나타내는 글자로 지정한다.
- 입력 받는 모든 양식은 이중 테이블 구조를 활용하여 구현하며, 셀 경계선은 ‘1’로 하고 전체 셀 가장 자리 선색은 ‘#666666'로 지정한다.
- ‘E-mail’의 “@” 뒷부분은 목록형식으로 하되, ‘직접입력’을 기본 값으로 설정하고 뒤에 텍스트 폼이 나오도록 지정한다.
- ‘회원 ID’, ‘E-mail'의 “@” 앞뒤의 입력 폼에는 최대 글자 수로 ’15‘까지 입력되도록 지정한다.
- 3행 ~ 13행은 각각 2칸을 하나로 병합한다.
- 질문 ‘1.~’ 아래의 항목은 중복 선택할 수 있는 형식으로 하고, 질문 ‘2.~’, ‘4.~’ 아래의 항목을 여러 항목 중에 하나만 선택할 수 있는 형식으로 지정한다.
- 질문 ‘3~’, ‘5~’ 아래의 항목은 3줄 80칸의 텍스트 상자로 입력할 수 있는 형식으로 지정한다.
- ‘작성완료’ 버튼을 누르면 입력 결과가 전송 되도록 지정하고, ‘다시작성’ 버튼을 누르면 다시 초기화 되도록 지정한다.
