9장 연습문제

인터넷활용

서술형문제

1. 배경 음악으로 classic.mid가 무한대로 흐르게 하는 소스를 적으시오.

▶▶ <embed src="classic.mid" loop=-1>

2. jazz.mp3를 문서에 삽입하되, 재생기 제어 버튼의 Play, Stop 버튼만 보이도록 하고 문서를 부르자마자 실행되지 않도록 하는 소스를 적으시오.

▶▶ <embed src="jazz.mp3" width="71" height="26" autostart="false">

3. card.swf 플래시 애니메이션을 삽입할 때 한 줄로 표현할 수 있는 방법을 적으시오.

▶▶ <embed src="card.swf">

4. 문자가 위로 서서히 올라와서 멈추게 하는 소스를 구성하시오. 속도는 글을 읽을 수 있을 정도를 천천히 올라오도록 설정하시오.

▶▶ <marquee height=500 direction=up scrollamout=2 behavior=slide>

5. 검색 엔진이 내 홈페이지를 검색할 때 사용되는 단어는 <meta> 태그의 어떤 속성이며, 검색한 다음 홈페이지 소개글로 표시하는 속성은 각각 무엇인가?

▶▶ keyword, description

6. 10초 후에 한빛미디어 사이트로 자동 이동하게 하는 소스를 적으시오.

▶▶ <meta http-equiv="refresh" content="10;url=http://www.hanbitbook.co.kr">

7. 문서로 들어오면서 문서의 장면 전환 효과를 랜덤하게 보여주는 방법을 적으시오.

▶▶ <meta http-equiv="page-enter" content="revealtrans(duration=2, transition=24)">

실습형문제

1. 로비 윌리암스 배경 음악 무한히 흐르도록 설정

· 키포인트 : BeyondTheSea.mp3가 배경 음악으로 무한 반복되게 한다.

<html>

<head>

<title>배경 음악이 흐르게..</title>

<style>

.contents{margin:10,150; width:670; text-align:justify;}

</style>

</head>

<body link=black vlink=black>

<!-- 코딩1 -->

<embed src="data/BeyondTheSea.mp3" hidden=true loop=-1>

<div class=contents>

이하 생략

2. ‘산은 그대로의 산이고 싶다’ 시 감상하기

ㆍmountin.jpg 그림을 표의 배경으로 삽입, 한 번만 표시되도록 설정

ㆍ시가 올라와서 멈추도록 설정

· 키포인트 : 시가 천천히 올라와서 멈춘다.

<html>

<head>

<title>산은 그대로의 산이고 싶다</title>

</head>

<body>

<table align="center" width=300 height=300 cellspacing="2" cellpadding="2" border="0" background="mountin.jpg">

<tr>

<td align="center">

<marquee height=230 direction=up scrollamount=2 behavior=slide>

<pre><center><font color=white>

이하 생략

3. 다음넷 페이지로 자동으로 이동하기

· 키포인트 : 5초 경과 후에 http://www.daum.net으로 자동으로 페이지 전환되게 한다.

<html>

<head>

<title>다음넷으로 페이지 이동</title>

<!-- 코딩1 -->

<meta http-equiv="refresh" content="5;url=http://www.daum.net">

</head>

이하 생략

심화 연습 문제

1. 음악감상실 만들기

<html>

<head>

<title>음악감상실 8장 심화 연습 문제 1</title>

</head>

<body background=back.gif>

<basefont size=2 face="굴림">

<center>

<embed src="http://mediafile.paran.com/MEDIA_6839837/BLOG/200602/1138958368_[P]리쌍%20-%20내가%20웃는게%20아니야(3집)뮤직비디오.avi" autostart=true></embed><br><br>

<font color="#117820"> <strong>리쌍 - 내가 웃는게 아니야</strong></font> <br>

</center>

<br>

<table align="center" width="500" cellspacing="0" cellpadding="5" border="1">

<tr bgcolor="#31F131">

<th><font size=2>가수</font></th>

<th><font size=2>제목</font></th>

<th><font size=2>플레이</font></th>

<th><font size=2>다운로드</font></th>

</tr>

<tr align=center>

<td><font size=2>다비치</font></td>

<td><font size=2>사고쳤어요</font></td>

<td><embed src="http://mfiles.naver.net/9543a07a6e3759eac19b/data43/2009/2/27/13/%B4%D9%BA%F1%C4%A1_-_%BB%E7%B0%ED%C3%C6%BE%EE%BF%E4-zixi72.mp3" autostart="False" height="27" width="70"></embed></td>

<td><a href="http://mfiles.naver.net/9543a07a6e3759eac19b/data43/2009/2/27/13/%B4%D9%BA%F1%C4%A1_-_%BB%E7%B0%ED%C3%C6%BE%EE%BF%E4-zixi72.mp3"><font size=2>다운로드</font></a></td>

</tr>

<tr align=center>

<td><font size=2>휘성</font></td>

<td><font size=2>imsomnia(불면증)</font></td>

<td><embed src="http://mfiles.naver.net/9a4caf75613856e5c9a7/data44/2009/2/18/65/27608030[1].mp4_000000603-asaky.wma" autostart="False" height="27" width="70"></embed></td>

<td><a href="http://mfiles.naver.net/9a4caf75613856e5c9a7/data44/2009/2/18/65/27608030[1].mp4_000000603-asaky.wma"><font size=2>다운로드</font></font></a></td>

</tr>

<tr align=center>

<td><font size=2>더 크로스</font></td>

<td><font size=2>세상의 중심에서 사랑을 외치다</font></td>

<td><embed src="http://mfiles.naver.net/6abc5f8591c8a6103b54/data35/2008/9/26/245/%B4%F5%C5%A9%B7%CE%BD%BA-%BC%BC%BB%F3%C0%C7_%C1%DF%BD%C9%BF%A1%BC%AD_%BB%E7%B6%FB%C0%BB_%BF%DC%C4%A1%B4%D9-dydvn.mp3" autostart="False" height="27" width="70"></embed></td>

<td><a href="http://mfiles.naver.net/6abc5f8591c8a6103b54/data35/2008/9/26/245/%B4%F5%C5%A9%B7%CE%BD%BA-%BC%BC%BB%F3%C0%C7_%C1%DF%BD%C9%BF%A1%BC%AD_%BB%E7%B6%FB%C0%BB_%BF%DC%C4%A1%B4%D9-dydvn.mp3 "><font size=2>다운로드</font></a></td>

</tr>

<tr align=center>

<td><font size=2>먼데이키즈</font></td>

<td><font size=2>가슴으로 외쳐</font></td>

<td><embed src="http://mfiles.naver.net/68be5d8793caa4123f5c/data33/2008/4/4/207/77-7757-sangyunnara.wma" autostart="False" height="27" width="70"></embed></td>

<td><a href="http://mfiles.naver.net/68be5d8793caa4123f5c/data33/2008/4/4/207/77-7757-sangyunnara.wma"><font size=2>다운로드</font></a></td>

</tr>

<tr align=center>

<td><font size=2>FT아일랜드</font></td>

<td><font size=2>한가지 말</font></td>

<td><embed src="http://mfiles.naver.net/66b053899dc4aa1c334c/data32/2008/3/8/214/%C0%CC%C8%AB%B1%E2%28ftisland%29-%C7%D1%B0%A1%C1%F6%B8%BB-jinalls2.wma" autostart="False" height="27" width="70"></embed></td>

<td><a href="http://mfiles.naver.net/66b053899dc4aa1c334c/data32/2008/3/8/214/%C0%CC%C8%AB%B1%E2%28ftisland%29-%C7%D1%B0%A1%C1%F6%B8%BB-jinalls2.wma"><font size=2>다운로드</font></a></td>

</tr>

<tr align=center>

<td><font size=2>KCM</font></td>

<td><font size=2>클래식</font></td>

<td><embed src="http://mfiles.naver.net/6eb85b8195cca214334c/data28/2008/2/6/168/%C5%AC%B7%A1%BD%C4-kcm-lunarena92.wma" autostart="False" height="27" width="70"></embed></td>

<td><a href="http://mfiles.naver.net/6eb85b8195cca214334c/data28/2008/2/6/168/%C5%AC%B7%A1%BD%C4-kcm-lunarena92.wma"><font size=2>다운로드</font></a></td>

</tr>

<tr align=center>

<td><font size=2>RNP</font></td>

<td><font size=2>바람이되어</font></td>

<td><embed src="http://mfiles.naver.net/9442a17b6f3658ebc19b/data27/2007/7/25/32/rnp-%B9%D9%B6%F7%C0%CC%B5%C7%BE%EE.mp3" autostart="False" height="27" width="70"></embed></td>

<td><a href="http://mfiles.naver.net/9442a17b6f3658ebc19b/data27/2007/7/25/32/rnp-%B9%D9%B6%F7%C0%CC%B5%C7%BE%EE.mp3"><font size=2>다운로드</font></a></td>

</tr>

</table>

</basefont>

</body>

</html>

ㆍ뮤직 비디오 : 인터넷에서 찾아서 삽입

ㆍ음악 목록 : 표로 구성

ㆍ음악 주소 : 인터넷에서 검색하여 홈페이지에 삽입

ㆍ음악을 실행하고 멈출 수 있는 제어 창이 보이도록 설정

ㆍ다운로드받을 수 있게 하이퍼링크 설정

· 키포인트 : 자신이 좋아하는 음악과 뮤직 비디오를 인터넷에서 검색하여 홈페이지에 삽입한다.