Internet Link Exchange
Member of the Internet Link Exchange

Frames Tutor- Lesson 1

우선, 이 교재는 html 문서가 몇개 필요합니다. 메모장을 열고 아래의 예문을 복사하고 시작합시다.

<HTML>
<HEAD>
<TITLE>My Framz Page</TITLE>
</HEAD>
<BODY>

</BODY>
</HTML>

각각의 문서에 이름을 줄겁니다. Table TutorForm Tutor에 우리는 남자의 이름을 사용했습니다. 여기서는 젊은 여자의 이름을 주는 것이 좋겠죠? 헐헐~

<HTML>
<HEAD>
<TITLE>My Framz Page</TITLE>
</HEAD>
<BODY>
Lisa
</BODY>
</HTML>

새 폴더를 만들어 이것을 lisa.html로 저장하세요.

자 또 다른 html 문서를 만듭시다.

<HTML>
<HEAD>
<TITLE>My Framz Page</TITLE>
</HEAD>
<BODY>
Terri
</BODY>
</HTML>

이것을 같은 폴더에 terri.html로 저장하세요.

자! 이런 식으로 Kim, Tina, Shannon, 그리고 Beth를 만들고, 똑같은 식으로 저장하세요. 하나의 폴더 안에 6개의 독립된 html 문서를 만들어야 합니다.


Ok, 이젠 잼있는 것 ... 마스터 페이지를 만듭시다. 이걸로 시작하세요.

<HTML>
<HEAD>
<TITLE>My Framz Page- The Master Page</TITLE>
</HEAD>

<BODY>
</BODY>

</HTML>


<BODY> 태그를 제거하세요. 마스터 페이지는 그것을 사용하지 않습니다...

<HTML>
<HEAD>
<TITLE>My Framz Page- The Master Page</TITLE>
</HEAD>



</HTML>

...대신 <FRAMESET> 태그를 사용하죠.

<HTML>
<HEAD>
<TITLE>My Framz Page- The Master Page</TITLE>
</HEAD>

<FRAMESET>
</FRAMESET>

</HTML>


좀 더 명확히 하기 위해, 저는 <HTML>, <HEAD> 그리고 <TITLE> 태그를 사용하지 않겠습니다. 말할 필요도 없겠지만, 여러분의 문서에는 가지고 있어야 겠죠.

<FRAMESET>
</FRAMESET>

저장을 합시다. 이것을 index.html로 저장하세요. 그것을 지금 브라우저로 열면 공백으로 보일 겁니다. 아직까지는 "This is my Master Page"라는 것밖에 안보이죠.


이제는 다른 것이 보이도록 정의를 시작합시다. 브라우저에서 메인 창을 2개의 칼럼으로 분리하게 합시다. 각각 반반씩 차지합니다.

<FRAMESET COLS="50%,50%">
</FRAMESET>

여전히 공백이죠. 우리의 시스템이 작동하게 하려면 하나의 과정이 더 필요합니다.


브라우저에게 각각의 프레임에 무엇을 넣을 것인지 알려줘야 합니다.

<FRAMESET COLS="50%,50%">
  <FRAME SRC="lisa.html">
  <FRAME SRC="terri.html">
</FRAMESET>

확인. 여러분은 이제 완벽히 작동하는 Frame 페이지의 자랑스런 주인입니다!

계속하기 전에 마지막으로 해야 할 일은. <FRAMESET>container 태그이고, <FRAME>은 그렇지 않다는 것입니다. 그것이 무엇을 뜻하는 지 모른는 사람은 잘들으세요. container 태그는 <TAG>로 시작해 </TAG>로 끝난 다는 겁니다.

<--BACK        NEXT-->

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