홈페이지를 만들어 보자 (템플릿 -6)

 - 유진/슈/바다 페이지 만들기
  메뉴링크에 보면 ses 각각 멤버 소개 페이지가 나오죠? 이젠 그걸 만들어 봅시다. ^^ 모... 길게 설명할 것도 없구... right.htm 페이지의 table 태그의 중간 셀에 이미지와 프로필만 넣어준 겁니다.

   bada.htm

right.htm 과 테이블 태그 동일  ---- 위부분 생략 ----  <tr>  <td height="480">   <img border="0" src="img/bada.jpg" align="left" hspace="3" width="330" height="475">  <font color="#999999" size=2><br>  · 성 명 : 바다 (SEA)<br>  · 생년월일 : 1980년 2월 28일<br>  · 신장 및 체중 : 164, 45<br>  · 혈 액 형 : AB<br>  · 종 교 : 천주교<br>  · 취 미 : 음악 감상, 글쓰기, 기도하기<br>  · 특 기 : 노래, 시 쓰기</font>   </td>   </tr>   --- 아래부분 생략 ---

 특별한 태그는 없구요... 이미지 태그에서 align="left" 로 잡아준 것과 hspace="3" 으로 이미지 가로여백을 준 것뿐입니다. 보통 처음 홈페이지 만드시는 분들이 자주 질문하시는게 이미지의 옆 공간에 글자를 어떻게 넣는냐... 라는 질문을 많이 하시는데...위에 소스처럼 이미지를 정렬시키고 싶은 위치를 지정해주시고(align="left/center/right") 보조적으로  이미지 가로세로 여백을 조절해주시면 됩니다...^^
 
 - 게시판/방명록 페이지 만들기
 홈페이지 사용된 게시판과 방명록은 무료계정주는 사이트에서 계정 신청하면 더불어 주는 게시판과 방명록입니다. 위아래부분에 광고배너가 붙고 사용자가 임의대로 변경할 수 없다는 단점도 있지만 무료고 초보자가 간단하게 링크만 걸어서 사용할 수 있다는 장점도 있답니다. ^^ 
 게시판/방명록/카운터는 무료계정 사이트에 가서 가입하고 신청하시면 되구요..^^ 
 여기서 눈여겨 볼 것은 기존 right.htm 에 iframe 태그를 이용해서 게시판과 방명록을 넣어주었다는 것입니다. 아래 소스를 보시죠 ^^
   guest.htm ( 웹페이지 보기 / 소스보기 )

right.htm 과 테이블 태그 동일  ---- 위부분 생략 ----  <tr>  <td height="480" align="center">   <iframe scrolling="auto" src="https://www.netian.com/cgi-bin/Janus-user.cgi?index=link&owner=witch224" width="598" height="477" frameborder="0"></iframe>  </td>   </tr>   <tr>   --- 아래부분 생략 ---

 테이블에 iframe 태그를 사용해주었습니다.  iframe 태그는 웹페이지 안에서 또 다른 웹페이지를 볼수 있게 해주는 기능을 합니다. (자세한 건 iframe 태그강좌 부분 참조) 간략하게 설명을 하자면..
iframe 속성 중에.. scrolling="auto" 를 사용했죠? ^^ 이건 iframe 안의 웹페이지 내용이 가로수치를 초과했을 경우 자동으로 스크롤바가 생기고 그렇지 않을 경우에는 스크롤바가 생기지 않게 설정을 해준거죠. auto 대신 yes 나 no 를 넣어줄 수 있습니다. 물론 yes의 경우는 가로수치를 초과하지 않은 경우에도 무조건 스크롤바가 생기게 해주게 하며 no는 초과했을 경우에도 스크롤바가 생기지 않게 해주는 옵션입니다. ^^  음..그리고 frameborder="0" 프레임 테두리의 두께를 조절해주는 건데... 수치를 넣어줌으로써 조절해줄 수 있습니다. 위에 소스처럼 0 값을 넣어주면 나타나지가 않죠..^^

 아.. 그럼 이제 다 설명이 된건가요? ^^  홈페이지를 다 만드셨다면 ftp를 이용해서 계정에 업로드 해주시면 됩니다. ftp가 뭔지 모르시는 분들을 위해 태그매니아에선 ftp 프로그램과 사용법에 대해서 강좌가 마련되있으니 거길 참고하시구요...^^   
  지금까지 허접 강좌 읽어주시느라 수고가 많으셨습니다. ^^ 그럼 다음 템플릿2 강좌를 기대해주세요 ^^ 조만간 또다시 업데이트 하도록 하겠습니다. ^^