태그코리아

[야후에서도 못찾아?? 그럼.. 캐넌이 찾아주까??..^^;]



    
H O M E
회원가입인사
태그게시판
자유게시판
추천사이트
실시간채팅방
  태 그 연 습 장



자연을 닮은 사람들
수원개인용달
홈페이지만들기

홈페이지 만들기 5


→ 프레임나누기페이지

이전 페이지에서는 메인화면페이지를 작성해 보았습니다.

본 페이지에서는 프레임을 나누는 페이지를 만들어 보도록 하겠습니다.

앞서 홈페이지만들기 첫 페이지에 보시면 index.html 을 만들어 보았는데요..

페이지 만드는 방법을 알려 드릴려구 index.html 을 만들었던 것입니다.

그럼 지금부터 프레임나누기 페이지를 만들기위해 다시 index.html 을 열어보시기 바랍니다.

첫 페이지에서 말씀 드린거와 같이 index.html 이 인터넷 홈페이지에 처음 접속되는 파일이기 때문에 index.html 에 프레임나누기 소스를 삽입하겠습니다.

index.html 파일을 열으셧으면 그 페이지에 소스를 수정해야 하기 때문에 실행된 index.html 화면에 아래 그림과 같이 마우스 오른버튼을 눌러 소스보기를 합니다.




그후에 보시면 index.html 메모장이 나타납니다.

메모장안에 있는 소스를 모두 지우십시오.

다 지우신 후에 아래에 소스를 그대로 복사해서 메모장에 붙여넣습니다.

※[Tip] 프레임 페이지에서는 <body> 태그는 사용하지 않습니다.


<html>

<head>

<title>메인프레임</title>

</head>


<frameset rows="10%,*" border="0">
<frame src="top.html" scrolling="no" noresize>
<frameset rows="1*" cols="15%, 85%" border="0">
<frame src="menu.html" name="left" scrolling="no" marginwidth="10" marginheight="14" noresize>
<frame src="main.html" name="right" scrolling="yes" marginwidth="10" marginheight="14" noresize>
</frameset>

 

</html>


  • 붙여넣기까지 다 하신분은 그것을 아래 그림과 같이 저장해 보세요.




    저장을 다하셨다면 다시 index.html 파일을 새로 실행하시면 아래 그림과 같이 되어 있을겁니다.




    위와 같이 되셧다면 한눈 팔지 않으시고 잘 따라하신겁니다^^;

    이제 70% 는 성공했다고 봐도 됩니다. 나머지 30% 는 이제 여러분의 몫입니다.

    그리고 중요한것이 하나 더 남았네요^^

    게시판이나 방명록, 카운터등 cgi 프로그램이 있어야 메뉴에 한몫을 더하게 되겠죠?

    요즘은 제로보드등을 많이들 이용을 하지만 초보단계에서는 아직 태그에 대해서 더 배워야 하기 때문에

    제로보드를 배우기엔 아직은 미흡하다고 생각됩니다.

    그럼 어떻게 하면 좋을까요? 무료게시판 등을 사용하시는 것이 쉬울겁니다.

    무료게시판은 어디서 받을수 있나요? 검색사이트에서 "무료게시판" 을 검색하시면 여러군데 나옵니다.

    제 개인적으로는 블루cgi 가 무료 서비스중엔 디자인도 좋고 광고도 크게 들어가지 않아서 심플하더군요

    제공하는 서비스는 게시판,카운터,방명록,겔러리,회원관리,설문조사등 여러가지를 제공합니다.

    링크해서 쓰는 개념이라서 쉽게 사용할수 있습니다.

    블루 CGI 주소 : http://db.blueweb.co.kr/bluecgi/rIndex.html

    태그코리아 태그강좌를 보면서 이제 홈을 꾸미는 일만 남았습니다.

    스크립트소스도 삽입해 보시고, 그림도 넣어 보시고, 글씨색상등등 바꾸시면 됩니다.

    위에 설명한 것처럼 고치고 싶은 파일을 클릭하시어 소스보기 하신후 수정 하시면 됩니다.

    다음 강좌에서는 인터넷에 홈페이지 올리는 방법에 대해서 올리겠습니다.

    따라하시느라 수고하셨습니다~ 짝짝짝~~

    홈페이지만들기4 ← 이전페이지 [홈페이지만들기5] 다음페이지→ 인터넷에올리기1


  • - 태그코리아소개 - 광고문의 - 제휴문의 -

    Copyright@ TAGKOREA 2000-2009 All Rights reserved.