묻고답하기

  2. Support
  3. 묻고답하기

홈페이지 만들때요, 이런 방식은 어떻게 하는지 고수님들의 답변부탁드릴게요..

2004.04.21 14:41

박현진

http://chocorato.com

http://www.toonzoo.co.kr/#

이 사이트의 공통점을 보면요, 주변에 이미지들이 있고, 가운데 네모난 박스안에 게시판등이 설치되어 있는데요..

프레임으로 나눈것 같지는 않고... 저두 홈피를 이런 형식으로 만들고 싶은데요.. 어떻게 해야하는지 너무 궁금해요..

답변좀 부탁드릴께요..



첫번째 사이트의 소스를 보니까요.. 이런 형태로 되어 있더라구요...



<HTML>

<head>

<style type="text/css">

body

{scrollbar-face-color: #ffffff;

scrollbar-highlight-color: #ffffff;

scrollbar-3dlight-color: #ffffff;

scrollbar-shadow-color: #ffffff;

scrollbar-darkshadow-color: #ffffff;

scrollbar-track-color: #ffffff;

scrollbar-arrow-color: #ffffff}

</style>

<title>★chocorato★</title>

<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">

<bgsound src="http://icon.sie.net/midi/mabab.mid" loop=-1>

</head>

<body bgcolor="#ffffff" text="#000000" leftmargin="0" topmargin="5 marginwidth="0" marginheight="0" background="images/main_21.gif">

<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">

<tr>    

  <td valign="top" align="center">

    <TABLE WIDTH=1100 BORDER=0 CELLPADDING=0 CELLSPACING=0>

        <TR>

                <TD>

                        <IMG SRC="images/main_01.gif" WIDTH=235 HEIGHT=81></TD>

                <TD>

                        <IMG SRC="images/main_02.gif" WIDTH=221 HEIGHT=81></TD>

                  <TD> <IMG SRC="images/main_03.gif" WIDTH=542 HEIGHT=81 usemap="#Map" border="0"></TD>

                <TD>

                        <IMG SRC="images/main_04.gif" WIDTH=102 HEIGHT=81></TD>

        </TR>

        <TR>

                <TD>

                        <IMG SRC="images/main_05.gif" WIDTH=235 HEIGHT=235></TD>

                <TD>

                        <IMG SRC="images/main_06.gif" WIDTH=221 HEIGHT=235></TD>

                <td rowspan=3 valign="center" bgcolor="#ffffff"><iframe name="main" src="http://chocorato.com/bbs/zboard.php?id=notice" frameborder="0" width="100%" height="100%" marginwidth="0" marginheight="0" scrolling="auto" style="border:0 solid navy">

                  <table width="542" border="0" cellspacing="0" cellpadding="0" height="490">

                    <tr>

                      <td height="490"> </td>

                    </tr>

                  </table>

                  </iframe></td>

                <TD>

                        <IMG SRC="images/main_08.gif" WIDTH=102 HEIGHT=235></TD>

        </TR>

        <TR>

                <TD>

                        <IMG SRC="images/main_09.gif" WIDTH=235 HEIGHT=146></TD>

                <TD>

                        <IMG SRC="images/main_10.gif" WIDTH=221 HEIGHT=146></TD>

                <TD>

                        <IMG SRC="images/main_11.gif" WIDTH=102 HEIGHT=146></TD>

        </TR>

        <TR>

                <TD>

                        <IMG SRC="images/main_12.gif" WIDTH=235 HEIGHT=109></TD>

                <TD>

                        <IMG SRC="images/main_13.gif" WIDTH=221 HEIGHT=109></TD>

                <TD>

                        <IMG SRC="images/main_14.gif" WIDTH=102 HEIGHT=109></TD>

        </TR>

        <TR>

                <TD>

                        <IMG SRC="images/main_15.gif" WIDTH=235 HEIGHT=79></TD>

                <TD>

                        <IMG SRC="images/main_16.gif" WIDTH=221 HEIGHT=79></TD>

                <TD>

                        <IMG SRC="images/main_17.gif" WIDTH=542 HEIGHT=79></TD>

                <TD>

                        <IMG SRC="images/main_18.gif" WIDTH=102 HEIGHT=79></TD>

        </TR>

</TABLE>

</table>

<map name="Map">

  <area shape="rect" coords="473,62,506,80" onFocus='this.blur()' href="http://chocorato.com/box" target="main">

  <area shape="rect" coords="432,63,467,80" onFocus='this.blur()' href="http://chocorato.com/bbs/zboard.php?id=link" target="main">

  <area shape="rect" coords="379,62,423,81" onFocus='this.blur()' href="http://chocorato.com/guest" target="main">

  <area shape="rect" coords="257,63,295,80" onFocus='this.blur()' href="http://chocorato.com/bbs/zboard.php?id=photo" target="main">

  <area shape="rect" coords="207,62,246,81" onFocus='this.blur()' href="http://chocorato.com/bbs/zboard.php?id=diary" target="main">

  <area shape="rect" coords="163,62,199,80" onFocus='this.blur()' href="http://chocorato.com/work" target="main">

  <area shape="rect" coords="44,63,81,81" onFocus='this.blur()' href="http://chocorato.com/bbs/zboard.php?id=notice" target="main">

  <area shape="rect" coords="90,62,156,79" onFocus='this.blur()' href="http://chocorato.com/chocorato" target="main"">
</map>

</BODY>

</HTML>



두번째 사이트 주소의 우사기님의 홈페이지 인데요... 이 분의 소스는 이렇게 되어 있더라구요..


<html>
<head>
<title>:::::해피툰주 Ver.3:::::</title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
<script language="JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v3.0
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>

<body onload="fall()" oncontextmenu="return false" ondragstart="return false" onselectstart="return false" bgcolor="#CCCCCC" leftmargin="0" topmargin="1">

<div id="Layer3" style="position:absolute; left:1037px; top:639px; width:76px; height:23px; z-index:3; visibility: visible"><font size="1">
  <a href =http://okcounter.com/kr_status.html?id=261159 target=_blank> <img src=http://okcounter.com/count.html?id=261159 border=0></a>
  </font></div>
<table width="1103" border="0" cellpadding="0" cellspacing="0" height="638" align="center">
  <tr align="left" valign="top">
    <td height="93" width="68"><img src="main/01-01.gif" width="68" height="93"></td>
    <td height="93" width="136"><img src="main/02-01.gif" width="136" height="93"></td>
    <td height="93" width="101"><a href="new.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image75','','+ '+ 'main/03-01-1.gif',1)" target="ham" onfocus='this.blur()'><img name="Image75" border="0" src="main/03-01.gif" width="101" height="93"></a></td>
    <td height="93" width="29"><img src="main/04-01.gif" width="29" height="93"></td>
    <td height="93" width="57"><a href="diary_iframe.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image77','','main/05-01-1.gif',1)" target="ham" onfocus='this.blur()'><img name="Image77" border="0" src="main/05-01.gif" width="57" height="93"></a></td>
    <td height="93" width="20"><img src="main/06-01.gif" width="20" height="93"></td>
    <td height="93" width="60"><a href="gallery_all.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image78','','main/07-01-1.gif',1)" target="ham" onfocus='this.blur()'><img name="Image78" border="0" src="main/07-01.gif" width="60" height="93"></a></td>
    <td height="93" width="39"><img src="main/08-01.gif" width="39" height="93"></td>
    <td height="93" width="56"><a href="photo_all_1.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image79','','main/09-01-1.gif',1)" target="ham" onfocus='this.blur()'><img name="Image79" border="0" src="main/09-01.gif" width="56" height="93"></a></td>
    <td height="93" width="9"><img src="main/10-01.gif" width="9" height="93"></td>
    <td height="93" width="109"><a href="collection_all.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image80','','main/11-01-1.gif',1)" target="ham" onfocus='this.blur()'><img name="Image80" border="0" src="main/11-01.gif" width="109" height="93"></a></td>
    <td height="93" width="33"><img src="main/12-01.gif" width="33" height="93"></td>
    <td height="93" width="66"><a href="guest2.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image74','','main/13-01-1.gif',1)" target="ham" onfocus='this.blur()'><img name="Image74" border="0" src="main/13-01.gif" width="66" height="93"></a></td>
    <td height="93" width="6"><img src="main/14-01.gif" width="6" height="93"></td>
    <td height="93" width="45"><a href="mailto:hamzz@dreamwiz.com" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image76','','main/15-01-1.gif',1)" onfocus='this.blur()'><img name="Image76" border="0" src="main/15-01.gif" width="45" height="93"></a></td>
    <td height="93" width="269"><img src="main/16-01.gif" width="269" height="93"></td>
  </tr>
  <tr align="left" valign="top">
    <td width="68" height="15"><img src="main/01-02.gif" width="68" height="25"></td>
    <td height="15" width="136"><a href="new.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image73','','main/02-02-1.gif',1)" target="ham" onfocus='this.blur()'><img name="Image73" border="0" src="main/02-02.gif" width="136" height="25"></a></td>
    <td height="25"><img src="main/03-02.gif" width="101" height="25"></td>
    <td height="25"><img src="main/04-02.gif" width="29" height="25"></td>
    <td height="25"><img src="main/05-02.gif" width="57" height="25"></td>
    <td height="25"><img src="main/06-02.gif" width="20" height="25"></td>
    <td height="25"><img src="main/07-02.gif" width="60" height="25"></td>
    <td height="25"><img src="main/08-02.gif" width="39" height="25"></td>
    <td height="25"><img src="main/09-02.gif" width="56" height="25"></td>
    <td height="25"><img src="main/10-02.gif" width="9" height="25"></td>
    <td height="25"><img src="main/11-02.gif" width="109" height="25"></td>
    <td height="25"><img src="main/12-02.gif" width="33" height="25"></td>
    <td height="25"><img src="main/13-02.gif" width="66" height="25"></td>
    <td height="25"><img src="main/14-02.gif" width="6" height="25"></td>
    <td width="45"><img src="main/15-02.gif" width="45" height="25"></td>
    <td height="15"><img src="main/16-02.gif" width="269" height="25"></td>
  </tr>
  <tr align="left" valign="top">
    <td width="68"><img src="main/01-03.gif" width="68" height="47"></td>
    <td width="136"><img src="main/02-03.gif" width="136" height="47"></td>
    <td width="101"><img src="main/03-03.gif" width="101" height="47"></td>
    <td colspan="11" rowspan="5" bgcolor="#FFFFFF"><iframe scrolling="auto" frameborder="0" width="484" height="432" src="new.htm" name="ham"></iframe></td>
    <td width="45"><img src="main/15-03.gif" width="45" height="47"></td>
    <td><img src="main/16-03.gif" width="269" height="47"></td>
  </tr>
  <tr align="left" valign="top">
    <td width="68"><img src="main/01-04.gif" width="68" height="207"></td>
    <td width="136"><a href="usa.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image81','','main/02-04-1.gif',1)" onfocus='this.blur()' target="ham"><img name="Image81" border="0" src="main/02-04.gif" width="136" height="207"></a></td>
    <td width="101"><img src="main/03-04.gif" width="101" height="207"></td>
    <td width="45"><img src="main/15-04.gif" width="45" height="207"></td>
    <td><img src="main/16-04.gif" width="269" height="207"></td>
  </tr>
  <tr align="left" valign="top">
    <td width="68"><img src="main/01-05.gif" width="68" height="73"></td>
    <td width="136"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image82','+ '','+ 'main/02-05-1.gif',1)" onfocus='this.blur()'><img name="Image82" border="0" src="main/02-05.gif" width="136" height="73"></a></td>
    <td width="101"><img src="main/03-05.gif" width="101" height="73"></td>
    <td width="45"><img src="main/15-05.gif" width="45" height="73"></td>
    <td><img src="main/16-05.gif" width="269" height="73"></td>
  </tr>
  <tr align="left" valign="top">
    <td width="68"><img src="main/01-06.gif" width="68" height="22"></td>
    <td width="136"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image83','','main/02-06-1.gif',1)" onfocus='this.blur()'><img name="Image83" border="0" src="main/02-06.gif" width="136" height="22"></a></td>
    <td width="101"><img src="main/03-06.gif" width="101" height="22"></td>
    <td width="45"><img src="main/15-06.gif" width="45" height="22"></td>
    <td><img src="main/16-06.gif" width="269" height="22"></td>
  </tr>
  <tr align="left" valign="top">
    <td width="68"><img src="main/01-07.gif" width="68" height="83"></td>
    <td width="136"><img src="main/02-07.gif" width="136" height="83"></td>
    <td width="101"><img src="main/03-07.gif" width="101" height="83"></td>
    <td width="45"><img src="main/15-07.gif" width="45" height="83"></td>
    <td><img src="main/16-07.gif" width="269" height="83"></td>
  </tr>
  <tr align="left" valign="top">
    <td width="68"><img src="main/01-08.gif" width="68" height="88"></td>
    <td width="136"><img src="main/02-08.gif" width="136" height="88"></td>
    <td><img src="main/03-08.gif" width="101" height="88"></td>
    <td><img src="main/04-08.gif" width="29" height="88"></td>
    <td><img src="main/05-08.gif" width="57" height="88"></td>
    <td><img src="main/06-08.gif" width="20" height="88"></td>
    <td><img src="main/07-08.gif" width="60" height="88"></td>
    <td><img src="main/08-08.gif" width="39" height="88"></td>
    <td><img src="main/09-08.gif" width="56" height="88"></td>
    <td><img src="main/10-08.gif" width="9" height="88"></td>
    <td><img src="main/11-08.gif" width="109" height="88"></td>
    <td><img src="main/12-08.gif" width="33" height="88"></td>
    <td><img src="main/13-08.gif" width="66" height="88"></td>
    <td><img src="main/14-08.gif" width="6" height="88"></td>
    <td><img src="main/15-08.gif" width="45" height="88"></td>
    <td><img src="main/16-08.gif" width="269" height="88"></td>
  </tr>
</table>
<embed src="http://www.toonzoo.co.kr/huru.asx" width="1" height="1" autoplay="true" hidden="true" loop="10">
</embed>
<script language="JavaScript">
<!-- fall Script by kurt.grigg@virgin.net

Amount=10;

Image0=new Image();
Image0.src="kissofgod01.gif";
Image1=new Image();
Image1.src="kissofgod02.gif";
Image2=new Image();
Image2.src="kissofgod03.gif";
Image3=new Image();
Image3.src="kissofgod04.gif";
Image4=new Image();
Image4.src="kissofgod05.gif";

grphcs=new Array(5)
grphcs[0]="kissofgod01.gif"
grphcs[1]="kissofgod02.gif"
grphcs[2]="kissofgod03.gif"
grphcs[3]="kissofgod04.gif"
grphcs[4]="kissofgod05.gif"

Ypos=new Array();
Xpos=new Array();
Speed=new Array();
Step=new Array();
Cstep=new Array();
ns=(document.layers)?1:0;
if (ns){
for (i = 0; i < Amount; i++){
var P=Math.floor(Math.random()*grphcs.length);
rndPic=grphcs[P];
document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0><img src="+rndPic+"></LAYER>");
}
}
else{
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i = 0; i < Amount; i++){
var P=Math.floor(Math.random()*grphcs.length);
rndPic=grphcs[P];
document.write('<img id="si" src="'+rndPic+'" style="position:absolute;top:0px;left:0px">');
}
document.write('</div></div>');
}
WinHeight=(document.layers)?window.innerHeight:window.document.body.clientHeight;
WinWidth=(document.layers)?window.innerWidth:window.document.body.clientWidth;
for (i=0; i < Amount; i++){
Ypos[i] = Math.round(Math.random()*WinHeight);
Xpos[i] = Math.round(Math.random()*WinWidth);
Speed[i]= Math.random()*3+2;
Cstep[i]=0;
Step[i]=Math.random()*0.1+0.05;
}
function fall(){
var WinHeight=(document.layers)?window.innerHeight:window.document.body.clientHeight;
var WinWidth=(document.layers)?window.innerWidth:window.document.body.clientWidth;
var hscrll=(document.layers)?window.pageYOffset:document.body.scrollTop;
var wscrll=(document.layers)?window.pageXOffset:document.body.scrollLeft;
for (i=0; i < Amount; i++){
sy = Speed[i]*Math.sin(90*Math.PI/180);
sx = Speed[i]*Math.cos(Cstep[i]);
Ypos[i]+=sy;
Xpos[i]+=sx;
if (Ypos[i] > WinHeight){
Ypos[i]=-60;
Xpos[i]=Math.round(Math.random()*WinWidth);
Speed[i]=Math.random()*5+2;
}
if (ns){
document.layers['sn'+i].left=Xpos[i];
document.layers['+ 'sn'+i].top=Ypos[i]+hscrll;
}
else{
si[i].style.pixelLeft=Xpos[i];
si[i].style.pixelTop=Ypos[i]+hscrll;
}
Cstep[i]+=Step[i];
}
setTimeout('fall()',60);
}
//-->
</script>

</body>
</html>



그런데, 아무리 소스를 봐도 모르겠어요 ㅜ.ㅜ

저는 오른쪽 왼쪽 프레임을 나눠서 지정한 프레임으로 가서 게시판이 열리거나, 그렇게 홈피를 만들었는데..

이 두분들은 가운데 네모난 박스안에서 모든 것이 다 되어 있네요.. 너무 아기자기 하고 이쁜 것 같아요..

그런데, 처음 드림위버를 사용할때 어떻게 저렇게 사이트를 꾸미는지 모르겠어요..

아...머리가 넘 복잡해요.. 답변좀 부탁드릴께요.. ㅜ.ㅜ

만약에 내용이 방대하거나 하면 제 메일로도라도 부탁드릴께요..

elika1004@hanmail.net
이 게시물을
좋아요
목록
글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
Flolida 회원 가입 한 PC 의 아이피를 볼 수 없나요? [1] file 2014.04.22 by Gunmania
콩까기 카테고리(분류)에 확장변수도 출력하게 하고싶습니다..  
친절뺀질이 document객체에 대해 문의드립니다. [3] 2014.04.22 by 친절뺀질이
휘빈a 홈페이지랑 페이스북 연동하는 잇나요? [1] 2014.04.22 by sejin7940
유영고아 질문이 있습니다. [1] file 2014.04.22 by qwms
designslam 게시판 첨부용량 제한에 대해서 질문드립니다. [4] 2014.04.22 by designslam
감사하는마음이죠 모바일 이미지 리사이즈 질문 (위젯 페이지) [2] 2014.04.22 by 감사하는마음이죠
휘빈a 대표도메인을 바꾸고 로그인이 안되네요 [3] file 2014.04.22 by 휘빈a
봉보로봉봉 메뉴클릭시에 게시판 글쓰기로 넘어갈 수 있나요? [2] 2014.04.22 by 마음의빈자리
winterpia xe 기본레이아웃 상단의 로그인 버튼을 변경하고자 합니다. [4] file 2014.04.21 by winterpia
파파민 스크립트 크로스 브라우징 질문(제로보드4에 사용) [10] file 2014.04.21 by 파파민
기쁨넘어영광 css 간단한 스크립트 하나 추가하려고 하는데요 [7] 2014.04.21 by 기쁨넘어영광
KrteamENT 음.. 플랫 레이아웃에 문제일려나요? [13] 2014.04.21 by KrteamENT
joorans 통합검색 질문 [1] file 2014.04.21 by 브레인630
구우굴링s xe관리자모드에서 설정->일반의 고급에 버그가 있는거 같습니다. [1] 2014.04.21 by BJ람보
임실치즈 tr과 td 문제 .. [17] 2014.04.21 by 브레인630
친절뺀질이 XE절대경로 변수 문의드립니다. [2] 2014.04.21 by 친절뺀질이
슈니슈니 목록형 게시판이 조회수가 이상해요 [2] 2014.04.21 by 슈니슈니
qegqge 메인페이지 페이지 수정이 안됩니다. [1] 2014.04.21 by 키스투엑스이
소망84 php버전 업그레이드시 xe가 문제없이 동작할까요? ㅠㅠ [3] 2014.04.21 by 바가G
봉보로봉봉 서버이전했는데요.. 관리자모드를 어떻게 들어가요? [2] 2014.04.21 by 봉보로봉봉
윤안젤로 마구잡이 회원가입 어떻게 막나요? [5] file 2014.04.21 by 윤안젤로
글쎄나는 확장변수 선택에 따라 특정한 확장변수 숨김전환(?) 가능할까요? [4] 2014.04.21 by 글쎄나는
그래용 데이터 이전 후 이미지가 보이지 않습니다ㅠㅠㅠ [4] 2014.04.21 by 그래용
mylife13 1.5.X에서 1.7.4.1 이전시 댓글, 첨부파일 누락 [1] 2014.04.21 by 그래용
함삐까 xe 빈 모듈 파일 다운로드 주소 알려주세염 [3] 2014.04.21 by KrteamENT
verysery 제로보드 XE 모듈로 쇼핑몰 제작이 가능하나요? [4] 2014.04.21 by mAKEkr
아굴라2 apmsoft AX 솔루션으로 만들어진 게시판 자료를 XE로 옮길 수 있을까됴? [2] 2014.04.21 by 아굴라2
i지니i 익명 선택기능요 [1] 2014.04.21 by 바가G
verysery 설치 폴더명 문의드려요 [2] 2014.04.21 by verysery
태그 쓰기