6장 연습문제

인터넷활용

서술형문제

1. 하이퍼링크된 문서는 기본적으로 어느 창에 보이는가? 예약어를 쓰시오.

▶▶ _self

2. 작업 문서에 하이퍼링크된 사이트를 모두 새 창에 보여주고 싶다면 <head> 태그 사이에 입력해 주어야 하는 소스는 무엇인가?

▶▶ <base target=_blank>

3. 문자 go를 선택하면 samp,htm 문서의 책갈피 설정된 flag로 이동하고 싶다면, 하이퍼링크 설정하는 소스를 쓰시오.

▶▶ <a href="samp.htm#flag">go</a>

실습형문제

1. Daum 사이트 새 창으로 띄우기

<html>

<head>

<title>다음넷</title>

</head>

<!-- 코딩1 : 링크색상 변경 -->

<body bgcolor=#FFFFCC link=blue vlink=cornflowerblue>

<br><br><br><br><br><br><br>

<center>

<font size=7 face="arial black">

<font color="#fece00">D</font>

<font color="#fe8c14">a</font>

<font color="#8cca2d">u</font>

<font color="#4daace">m</font></font><br>

<font size="-1" color="blue">

<!-- 코딩2 : 하이퍼링크 설정 -->

<a href="http://www.daum.net" target="_blank" title="클릭시 다음 열림">http://www.daum.net</a>

</font>

</center>

</body>

</html>

ㆍ<!-코딩2-!>: http://www.daum.net 사이트가 새창으로 뜨도록 하이퍼링크 설정

ㆍ<!-코딩1-!>: 한 번도 방문하지 않는 링크색은 Blue, 한 번이라도 방문한 링크색은 Comflowerblye(#6495ED)

ㆍ추가 : title 이용(클릭시 다음 열림)

· 키포인트 : 사이트가 새 창에 보이게 하이퍼링크 설정한다.

2. ‘섹스 & 시티’ 에피소드 책갈피 설정하기

· 키포인트 : 같은 문서 내의 특정 위치로 이동하기 위해서 책갈피를 사용한다.

ㆍ<!-코딩1-!>: 링크 생삭을 글자색과 같은 색으로 지정

ㆍ<!-코딩4-!>: 책갈피명 episode12

ㆍ<!-코딩3-!>: 에피소드12 - 남자가 뭐길래 문자를 선택하면 책갈피명 episode12로 이동

ㆍ<!-코딩2-!>: 문서 최상단에 책갈피명 top 지정

ㆍ<!-코딩5-!>: 화살표 그림을 선택하면 책갈피명 top으로 이동

ㆍ추가 - 책갈피 표로 지정

<html>

<head>

<title> 섹스 & 시티</title>

<style>

<!--

body{background:url(city.gif) no-repeat fixed center center}

body{margin:10,100 ; line-height:14pt}

h2{font-size:25px; font-family:궁서체; text-align:center; letter-spacing:-2pt}

.title1{border-bottom:1px dotted; margin-top:30px; margin-bottom:10px}

hr#hr5{height:5px;color:#5A798C;width:400}

hr#hr2{height:2px;color:#5A798C;width:400}

hr#hr10{height:10px;color:#5A798C}

a{line-height:14pt}

-->

</style>

</head>

<!-- 코딩1 : 링크색상 -->

<body bgcolor="#E7EFEF" text="#5A798C" link=#5A798C vlink=#5A798C>

<!-- 코딩2 : --><a name=top></a>

<hr id=hr2>

<h2>섹스 & 시티 시즌1 <br></h2>

<h2 align=right>(Sex and the City season1, 1998) </h2>

<hr id=hr2>

<hr id=hr5>

<p>

뉴욕에 거주하는 성공한 직업 여성들인 섹스 칼럼리스트 캐리(Carrie Bradshaw: 사라 제시카 파커 분), 변호사 미란다(Miranda Hobbes: 신

시아 닉슨 분), 광고회사 간부 사만사(Samantha Jones: 킴 캐트럴 분), 미술품 매매인 샬럿(Charlotte York: 크리스틴 데이비스 분) 등 4명

이 늘어놓는 각자의 섹스에 관한 경험, 환상들을 그린 TV 시리즈

</p><br>

<table border=2 width=300 align=center>

<tr><td><a href="#episode1"> 에피소드 1 - '섹스 & 시티'</a></tr></td>

<tr><td><a href="#episode2"> 에피소드 2 - '모델 집착증'</a></tr></td>

<tr><td><a href="#episode3"> 에피소드 3 - '총성 없는 전쟁'</a></tr></td>

<tr><td><a href="#episode4"> 에피소드 4 - '20대 남자와 30대 여자'</a></tr></td>

<tr><td><a href="#episode5"> 에피소드 5 - '여성의 파워'</a></tr></td>

<tr><td><a href="#episode6"> 에피소드 6 - '은밀한 섹스'</a></tr></td>

<tr><td><a href="#episode7"> 에피소드 7 - '일부일처제'</a></tr></td>

<tr><td><a href="#episode8"> 에피소드 8 - '남자 하나 그리고 여자 둘'</a></tr></td>

<tr><td><a href="#episode9"> 에피소드 9 - '토끼와 거북이'</a></tr></td>

<tr><td><a href="#episode10"> 에피소드 10 - '베이비 샤워'</a></tr></td>

<tr><td><a href="#episode11"> 에피소드 11 - '금욕'</a></tr></td>

<tr><td><!-- 코딩3 --><a href="#episode12"> 에피소드 12 - '남자가 뭐길래'</a></tr></td>

</table><br><br>

<div class=title1>

<a name="episode1"></a>* 에피소드 1 - '섹스 & 시티'

<a href="#top"><img src="top.gif" align=absmiddle border=0></a></div>

캐리와 친구들은 미란다의 생일 파티에 모여 섹스와 사랑에 대한 이야기를 펼친다. 남자들처럼 감정없이 섹스를 즐기는 것에 흥미를 트낀

다. 캐리는 옛 애인을 실험 대상으로 삼고 단순히 섹스를 즐기는 것이 뜻밖의 즐거움을 준다는 사실을 깨닫지만 느닷없이 나타난 미스터 빅

은 그녀의 이런 생각에 일치을 가한다.

<div class=title1>

<a name="episode2"></a>* 에피소드 2 - '모델 집착증'

<a href="#top"><img src="top.gif" align=absmiddle border=0></a></div>

미란다는 파티에서 만난 한 남자와 데이트를 즐긴다. 하지만 하룻밤을 보낸 그 남자는 다름아닌 모델 중독자. 이 얘기를 들은 사만다는 모

델 중독자와 데이트를 결심하고 자신의 성적 행동들을 비디오 테이프에 녹화한다. 한편 캐리는 모델 데렉을 실험대상으로 삼고 섹스를 즐

긴 뒤 미스터 빅에게 집적대기 시작하는데…

<div class=title1>

<a name="episode3"></a>* 에피소드 3 - '총성 없는 전쟁'

<a href="#top"><img src="top.gif" align=absmiddle border=0></a></div>

독신에 대한 기혼자들의 적대의식을 탐구하는 캐리. 모처럼 친구의 초대를 받아 집에 놀러갔던 그녀는 친구 남편의 벗은 몸을 본 사건 때문

에 친구와의 관계가 이상해지자 기혼자들의 심리에 관심을 갖게 된다. 한편 캐리의 또 다른 친구는 결혼에 목멘 남자를 소개시켜 준다.

<div class=title1>

<a name="episode4"></a>* 에피소드 4 - '20대 남자와 30대 여자'

<a href="#top"><img src="top.gif" align=absmiddle border=0></a></div>

30대 여성들이 20대의 연하 남자들에게 빠져드는 것을 의아해하던 캐리. 그녀는 30대의 심리를 파악하려 노력하던 중 자신도 젊은 남자에

게 끌리고 있는 것을 알게 된다. 하지만 결국 이 모든 것이 성적 욕구를 표철하는 비이성적 행위의 일종이라는 결론을 내린다.

<div class=title1>

<a name="episode5"></a>* 에피소드 5 - '여성의 파워'

<a href="#top"><img src="top.gif" align=absmiddle border=0></a></div>

신발을 사러 갔다가 신용카드가 정지되는 바람에 곤욕을 치르게 된 캐리. 때마침 나타난 아말리타로는 캐리 대신 신발값을 치러준다. 그 얼

마 후 다시 아말리타로를 만난 캐리는 질이라는 남자를 소개받는다. 그와 잠자리까지 함께 한 캐리는 다음날 그가 돈을 남기고 떠나자 허탈

함을 느낀다.

<div class=title1>

<a name="episode6"></a>* 에피소드 6 - '은밀한 섹스'

<a href="#top"><img src="top.gif" align=absmiddle border=0></a></div>

캐리는 빅이라는 남자를 만나 처음 데이트를 하던 날 섹스를 하고 그와 함께 중국 식당에 간다. 그곳에서 만난 마이크는 이 중국 식당이 숨

기고 싶은 애인을 데려가는 남자들만의 장소라고 알려준다. 캐리는 크게 실망하지만 빅은 그것이 사실이 아님을 말해준다.

<div class=title1>

<a name="episode7"></a>* 에피소드 7 - '일부일처제'

<a href="#top"><img src="top.gif" align=absmiddle border=0></a></div>

빅과 행복한 시간을 보내던 캐리는 유연히 그가 어떤 여자와 함께 식사하는 장면을 목격한다. 이 일을 계기로 빅을 알아보던 중 그가 자신

만이 아니라 여러 여자와 관계하고 있음을 알게 되는 캐리. 그녀는 빅을 불러내 마음을 확인하려 하는데…

<div class=title1>

<a name="episode8"></a>* 에피소드 8 - '남자 하나 그리고 여자 둘'

<a href="#top"><img src="top.gif" align=absmiddle border=0></a></div>

캐리의 친구인 샬롯의 애인 잭이 그녀에게 트리플 섹스를 제안한다. 이를 계기로 트리플 섹스를 즐기는 사람들에 대해 알아보던 캐리는 연

인인 빅 역시 과거에 전처와 트리플 섹스를 했던 적이 있음을 알게 된다. 캐리는 그의 전처 바바라에게 접근해 빅에 대해 알아보려 한다.

<div class=title1>

<a name="episode9"></a>* 에피소드 9 - '토끼와 거북이'

<a href="#top"><img src="top.gif" align=absmiddle border=0></a></div>

친구 브룩이 결혼한 것을 계기로 다시 한번 결혼이라는 제도에 대해 생각해보는 캐리. 그녀의 친구들은 결혼에 대해 각각 다른 관점을 지니

고 있는데, 빅은 그녀에게 결혼이란 요리처럼 순서와 타이밍의 예술이란 의견을 들려준다.

<div class=title1>

<a name="episode10"></a>* 에피소드 10 - '베이비 샤워'

<a href="#top"><img src="top.gif" align=absmiddle border=0></a></div>

캐리는 친구들과 함께 예전에 어울려 놀았던 레이니의 예비엄마 파티에 초대받는다. 레이니의 행복한 모습이 부럽기만 한 친구들. 하지만

레이니 역시 그들처럼 혼자 불안정한 시간을 보냈던 때를 그리워 하고 있음을 알게 된다. 엄마가 되는 것 못지 않게 여자로서의 삶이 중요

함을 깨닫는 캐리.

<div class=title1>

<a name="episode11"></a>* 에피소드 11 - '금욕'

<a href="#top"><img src="top.gif" align=absmiddle border=0></a></div>

어느새 연이 사일 발전해 달콤한 시간을 보내는 캐리와 빅. 하지만 날이 갈수록 섹스를 하는 횟수가 줄어들자 캐리는 슬슬 불안해진다. 불

만이 쌓이면서 관계도 소원해지는 캐리와 빅. 하지만 다른 사람들의 관계를 지켜보던 캐리는 섹스와 정신적 사랑이 꼭 연결되는 것이 아님

을 알게 된다.

<div class=title1>

<!-- 코딩4 --><a name="episode12"></a>* 에피소드 12 - '남자가 뭐길래'

<!-- 코딩5 --><a href="#top"><img src="top.gif" align=absmiddle border=0></a></div>

변호사 미란다가 천주교 신자를 애인으로 사귄다는 소식에 캐리는 교회를 찾아간다. 그곳에서 우연히 빅의 어머니를 만나게 된 캐리는 빅

이 그녀를 단순히 친구라고 소개하자 상처를 받는다.

<br><br>

<hr id=hr10>

<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

</body>

</html>

심화 연습 문제

1. 로비 윌리암스 음반 만들기

· 키포인트 : 텍스트 문서, 사이트, 그림, 음악 파일 등을 다양하게 링크하여 음반을 감상할 수 있게 한다.

<html>

<head>

<title>음악 감상실</title>

<style>

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

</style>

</head>

<!-- 코딩1 -->

<body link=black vlink=black>

<div class=contents>

<h3 align=center>

<font size="7">로</font>비 <font size="6" color="">윌</font>리암스(Robbie Williams) 앨범소개

</h3><br>

<img src="data/album.jpg" align=left>

<img src="data/take_that.jpg" align=right>

<center>

<font size="+1" color="7B928A"><b>Robbie Williams</b></font><br><br>

로비 윌리암스가 발표한 스윙 재즈 앨범<br>

<font color="red"><b>"Swing When You're Winning"</b></font><br><br>

<!-- 코딩2 --><a href="http://www.robbiewilliams.com" title="공식 사이트" target=_blank>

http://www.robbiewilliams.com</a>

</center>

<br clear=all><br>

<font color="7B928A">

1996년 보이밴드 ‘테이크댓’에서 탈퇴해 솔로로 활동을 시작한 로비 윌림암스는 이번 앨범을 통해 음악성으로도 인정받고 있다.

</font><br>

<!-- 코딩3 -->

<a href="data/williams.jpg" target=_blank>

<img src="data/williams.jpg" width=300 height=200 align=right border=10 hspace=20 vspace=20 alt="윙크??^^">

</a>

<ol>

<li>I Will Talk And Hollywood Will Listen

<a href="http://tpop.bugsmusic.co.kr/popmusic/pop/0R/pop0R67629.asf">

<img src="data/music.gif" border="0"></a>

<li>Mack The Knife

<a href="http://tpop.bugsmusic.co.kr/popmusic/pop/0R/pop0R67630.asf">

<img src="data/music.gif" border="0"></a>

<li>Somethin' Stupid

<!-- 코딩4 -->

<a href="data/SomethingStupid.mp3"><img src="data/music.gif" border="0"></a>

<!-- 코딩5 -->

<a href="data/lyric.txt" target=_blank><img src="data/ico_lyric.gif" border="0"></a>

<li>Do Nothin' Till You Hear From Me

<a href="http://tpop.bugsmusic.co.kr/popmusic/pop/0R/pop0R67632.asf">

<img src="data/music.gif" border="0"></a>

<li>It Was A Very Good Year

<a href="http://tpop.bugsmusic.co.kr/popmusic/pop/0R/pop0R67633.asf">

<img src="data/music.gif" border="0"></a>

<li>Strighten Up And Fly Right

<a href="http://tpop.bugsmusic.co.kr/popmusic/pop/0R/pop0R67634.asf">

<img src="data/music.gif" border="0"></a>

<li>Well, Did You Evah

<a href="http://tpop.bugsmusic.co.kr/popmusic/pop/0R/pop0R67635.asf">

<img src="data/music.gif" border="0"></a>

<li>Mr. Bojangles

<a href="http://tpop.bugsmusic.co.kr/popmusic/pop/0R/pop0R67636.asf">

<img src="data/music.gif" border="0"></a>

<li>One For My Baby

<a href="http://tpop.bugsmusic.co.kr/popmusic/pop/0R/pop0R67637.asf">

<img src="data/music.gif" border="0"></a>

<li>Things

<a href="http://tpop.bugsmusic.co.kr/popmusic/pop/0R/pop0R67638.asf">

<img src="data/music.gif" border="0"></a>

<li>Ain't That A Kick In The Head

<a href="http://tpop.bugsmusic.co.kr/popmusic/pop/0R/pop0R67639.asf">

<img src="data/music.gif" border="0"></a>

<li>They Can't Take That Away From Me

<a href="http://tpop.bugsmusic.co.kr/popmusic/pop/0R/pop0R67640.asf">

<img src="data/music.gif" border="0"></a>

<li>Have You Met Miss Jones?

<a href="http://tpop.bugsmusic.co.kr/popmusic/pop/0R/pop0R67641.asf">

<img src="data/music.gif" border="0"></a>

<li>Me And My Shadow

<!-- 코딩6 --><a href="http://mfiles.naver.net/9e4fa877653e52e0cbac/data20/2006/4/23/69/Me_And_My_Shadow-rogadis-letmebe2.wma">

<img src="data/music.gif" border="0"></a>

<li>Beyond The Sea

<!-- 코딩7 --><a href="data/BeyondTheSea.mp3"><img src="data/music.gif" border="0"></a>

</ol>

</div>

</body>

</html>

ㆍ<!-코딩1-!>: 링크 설정된 문자와 그림 검정색 유지

ㆍ<!-코딩2-!>: http://www.robbiewilliams.com 이 새창으로 보이도록 설정

ㆍ<!-코딩3-!>: williams.jpg 선택시 원본 그림이 새창으로 보이도록 설정

ㆍ<!-코딩4-!>: music.gif 그림 선택시 mp3파일 실행

ㆍ<!-코딩7-!>: 코딩 4처럼 BeyondTheSea.mp3파일 링크 설정

ㆍ<!-코딩5-!>: ico_lyric.gif 선택시 lyric.txt가 새창으로 열리도록 설정

ㆍ<!-코딩6-!>: 태그 천사 사이트에서 로비 윌리암스 음악 검색후 링크 설정

ㆍ추가 - 코딩3 그림 왼쪽 정렬, 앨범제목 빨간색 수정, 코딩6 태그천사 폐쇄로인해 임의 네이버 블로그 발췌 링크)