[한빛미디어] 인터넷 프로그래밍 입문 6장 연습문제
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. ‘섹스 & 시티’ 에피소드 책갈피 설정하기
· 키포인트 : 같은 문서 내의 특정 위치로 이동하기 위해서 책갈피를 사용한다.
<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 태그천사 폐쇄로인해 임의 네이버 블로그 발췌 링크) |
'Book' 카테고리의 다른 글
[한빛미디어] 인터넷 프로그래밍 입문 8장 연습문제 (0) | 2009.04.28 |
---|---|
[한빛미디어] 인터넷 프로그래밍 입문 7장 연습문제 (0) | 2009.04.28 |
[한빛미디어] 인터넷 프로그래밍 입문 5장 연습문제 (0) | 2009.04.13 |
[한빛미디어] 인터넷 프로그래밍 입문 4장 연습문제 (0) | 2009.04.13 |
[한빛미디어] 인터넷 프로그래밍 입문 3장 연습문제 (0) | 2009.04.13 |