Internet Link Exchange
Member of the Internet Link Exchange

Frames Tutor- Lesson 6

자! 이젠 home.html, here.html 그리고 there.html을 만들어 봅시다. 여러분들이 매우 열심히 공부를 해주셨기 때문에 (우~엑~~), 아래의 예문을 메모장에 복사해서 저장을 합시다.

다음을 home.html로 저장하세요.

<HTML>
<HEAD>
<TITLE>A Practice Page- Home</TITLE>
</HEAD>
<BODY BGCOLOR="#FFFFFF">
<H1 ALIGN=center>여기는 저의 집입니다.</H1>
저의 홈페이지에 오신 것을 환영합니다! 이 페이지는 매력적이고 돌아다니기가 쉽습니다. 저의 선생님이자 잘생긴 Joe가 프레임 만드는 것을 제대로 가르치신 덕분이죠!<P>
<CENTER>Enjoy your stay!</CENTER><P>
</BODY>
</HTML>

home.html 보기


이것을 here.html로 저장합시다.

<HTML>
<HEAD>
<TITLE>A Practice Page- Here</TITLE>
</HEAD>
<BODY BGCOLOR="#FFFFFF">
<H1 ALIGN=center>Here</H1>
여기에 오신 것을 환영합니다. 여기는 모든 일이 일어나는 곳입니다. 여기에서는 엄청나게 많은 재료를 구할 수 있습니다. 내가 가지지 못한 엄청난 것을 가지고 있는 사람을 본적이 있습니까?
</BODY>
</HTML>

here.html 보기


그리고 이것은 물론 there.html로 저장해야 겠죠.

<HTML>
<HEAD>
<TITLE>A Practice Page- There</TITLE>
</HEAD>
<BODY BGCOLOR="#FFFFFF">
<H1 ALIGN=center>이것은 저기입니다.e</H1>
저는 제안을 하고 싶습니다. 우리는 모두 "여러분은 여기에 있습니다"라고 쓰인 표지 위의 작은 화살표를 보았을 것입니다. 거기에 "여러 분은 저기에 있습니다"라고 쓰인 또다른 화살표가 있으면 더 좋지 않을까요? 그렇게 하면 좀 더 작업이 훨씬 쉬울테니까요.
</BODY>
</HTML>

there.html 보기

이제 여러분의 Master Page를 봅시다.


뭔가 잊어 먹었군요. 디렉토리 페이지를 만들 때 문제가 생기면 되돌아 가세요. 잘했습니다. directory.html를 열고 필요한 TARGET들을 추가 합시다.

<HTML>
<HEAD>
<TITLE>Practice Page- Directory</TITLE>
</HEAD>
<BODY BGCOLOR="#FFFFFF">

<H3>Directory</H3>

<A HREF="home.html" TARGET="MAIN-WINDOW">Home</A><P>

<A HREF="here.html" TARGET="MAIN-WINDOW">Go here</A><BR>
<A HREF="there.html" TARGET="MAIN-WINDOW">or there</A><P>

or visit<BR>
<A HREF="http://www.yahoo.com/" TARGET="_TOP">Yahoo</A><BR>
<A HREF="http://home.netscape.com/" TARGET="_TOP">Netscape</A>

</BODY>
</HTML>

자! 이젠 여러분의 Master Page를 봅시다.


매우 잘했습니다. 그렇지 않습니까? 이젠 재미삼아 여러분의 홈페이지를 저의 Professional Web Design으로 연결해 봅시다. home.html을 열고 연결해 주세요. 비록 제가 여러분들을 좋아할지라도 제가 여러분의 창에 나타나고 싶지는 않으므로, 적당한 TARGET을 추가해주세요.

<HTML>
<HEAD>
<TITLE>A Practice Page- Home</TITLE>
</HEAD>
<BODY BGCOLOR="#FFFFFF">
<H1 ALIGN=center>여기는 저의 집입니다.</H1>
저의 홈페이지에 오신 것을 환영합니다! 이 페이지는 매력적이고 돌아다니기가 쉽습니다. 저의 선생님이자 잘생긴 Joe가 프레임 만드는 것을 제대로 가르치신 덕분이죠!<P>
<CENTER>Enjoy your stay!</CENTER><P>
Visit Joe at <A HREF="http://junior.apk.net/~jbarta/" TARGET="_TOP">Professional Web Design</A>. </BODY>
</HTML>

완성된 작품 보기

<--BACK        NEXT-->

Introduction Lesson 1 Lesson 2 Lesson 3 Lesson 4 Lesson 5 Lesson 6 Lesson 7
PROFESSIONAL WEB DESIGN