묻고답하기

  2. Support
  3. 묻고답하기

홈페이지 제작 첫경험인 30대직장인입니다 도와주세요

2004.06.11 08:38

박태원

홈페이지 제작 첫경험인  30대 직장인입니다.

이리저리  조금씩 배워서  나모로  대충 만들었습니다.

미리보기나  브라우져 보기에서도 이상없이 잘 되네요..

근데  계정에 올릴때는  헤드와 풋으로 올려야된다고 하던데...  질문내용입니다.

아래 부분에서   어디까지를 헤드로 하고 어디를 풋으로 해야하나요?

그리고  음악재생 테그는  아무곳에나  끼워주면 되는건가요?

원래 음악테그는 제일 끝부분에 뒀었는데....  헤드와 풋으로 나누게 되면 풋에  테그가 있어도 상관없는지요?

############### html 입니다... ##################################################################
     <html>
<head>
<title>L i n e a g e    S a y h a - F o r u m 에 오신걸 환영합니다.!!</title>
<meta name="generator" content="Namo WebEditor v5.0">

<script language="JavaScript">
<!--
function namosw_exchange_src(name, rpath, nsdoc)
{
  str = (navigator.appName == 'Netscape') ? nsdoc+'.'+name : 'document.all.'+name;
  img = eval(str);
  if (img) {
    if (img.altsrc == null) {
      img.altsrc = img.src;
      img.src    = rpath;
    } else {
      var temp   = img.src;
      img.src    = img.altsrc;
      img.altsrc = temp;
    }
  }
}



//-->
</script>

<script language="Javascript">
function back_top()
{
        x = document.body.scrollLeft;
        y = document.body.scrollTop;
        step = 2;

        while ((x != 0) || (y != 0)) {
                scroll (x, y);
                step += (step * step / 100);
                x -= step;
                y -= step;
                if (x < 0) x = 0;
                if (y < 0) y = 0;
        }
        scroll (0, 0);
}
</script>

<script language="javascript">
<!--
        var stmnGAP1 =200; // 페이지 헤더부분의 여백 (이보다 위로는 올라가지 않음)
        var stmnGAP2 =200; // 스크롤시 브라우저 상단과 약간 띄움. 필요없으면 0으로 세팅
        var stmnBASE =100; // 스크롤메뉴 초기 시작위치 (아무렇게나 해도 상관은 없지만 stmnGAP1과 약간 차이를 주는게 보기 좋음)
        var stmnActivateSpeed = 10; // 움직임을 감지하는 속도 (숫자가 클수록 늦게 알아차림)
        var stmnScrollSpeed = 5; // 스크롤되는 속도 (클수록 늦게 움직임)

        var stmnTimer;


        function ReadCookie(name)
        {
                var label = name + "=";
                var labelLen = label.length;
                var cLen = document.cookie.length;
                var i = 0;

                while (i < cLen) {
                        var j = i + labelLen;

                        if (document.cookie.substring(i, j) == label) {
                                var cEnd = document.cookie.indexOf(";", j);
                                if (cEnd == -1) cEnd = document.cookie.length;

                                return unescape(document.cookie.substring(j, cEnd));
                        }

                        i++;
                }

                return "";
        }


        function SaveCookie(name, value, expire)
        {
                var eDate = new Date();
                eDate.setDate(eDate.getDate() + expire);
                document.cookie = name + "=" + value + "; expires=" +  eDate.toGMTString()+ "; path=/";
        }


        function RefreshStaticMenu()
        {
                var stmnStartPoint, stmnEndPoint, stmnRefreshTimer;

                stmnStartPoint = parseInt(STATICMENU.style.top, 10);
                stmnEndPoint = document.body.scrollTop + stmnGAP2;
                if (stmnEndPoint < stmnGAP1) stmnEndPoint = stmnGAP1;

                stmnRefreshTimer = stmnActivateSpeed;

                if ( stmnStartPoint != stmnEndPoint ) {
                        stmnScrollAmount = Math.ceil( Math.abs( stmnEndPoint - stmnStartPoint ) / 15 );
                        STATICMENU.style.top = parseInt(STATICMENU.style.top, 10) + ( ( stmnEndPoint<stmnStartPoint ) ? -stmnScrollAmount : stmnScrollAmount );
                        stmnRefreshTimer = stmnScrollSpeed;
                }

                stmnTimer = setTimeout ("RefreshStaticMenu();", stmnRefreshTimer);
        }


        function ToggleAnimate()
        {
                if (!ANIMATE.checked) {
                        RefreshStaticMenu();
                        SaveCookie("ANIMATE", "true", 300);
                }
                else {
                        clearTimeout(stmnTimer);
                        STATICMENU.style.top = stmnGAP1;
                        SaveCookie("ANIMATE", "false", 300);
                }
        }


        function InitializeStaticMenu()
        {
                if (ReadCookie("ANIMATE") == "false") {
                        ANIMATE.checked = true;
                        STATICMENU.style.top = document.body.scrollTop + stmnGAP1;
                }
                else {
                        ANIMATE.checked = false;
                        STATICMENU.style.top = document.body.scrollTop + stmnBASE;
                        RefreshStaticMenu();
                }


        }

-->
</script>

</head>

<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red"
topmargin="0" leftmargin="0">  

<div id="STATICMENU" style="width:190px; height:168px; position:absolute; left:843px; top:0px; z-index:100;">
</table>
    <p>
    <p>          
    <p>
    <p>
    <p>
    <p>
    <p>
    <p>
    <p>
    <p>
    <p>
    <p><TABLE border=0 borderColor=ff9933 cellPadding=5 cellSpacing=0 width=143 height=100>
       <TBODY>
      <TR bgcolor=000000>
     <TD align=left vAlign=center>
<marquee scrolldelay="100"//속도지정
<IMG height=130 src="http://myhome.hanafos.com/~falcongino/Linc0000.jpg" width=143>
<IMG height=130 src="http://nicebeul.com.ne.kr/soss/img/img_1.jpg" width=143>
<!-- 이미지 태그로 여러개를 넣으실수 있습니다 -->
</marquee><br></TBODY><br></TR><br></TD><br></table>
    <p>
    <p>
    <p>
    <p>
    <p>
    <p>
    <p>
    <p>
    <p>
    <p>
    <p><table border="0" cellpadding="0" cellspacing="0" width="156">
        <tr>
            <td width="143" height="65"><a href="http://www.lineage.co.kr/linweb/lin_pds/client_down.asp" target="_blank"><img src='images/builders_banner.gif' width="156"
                 height="65" border="0"></a></td>
        </tr>
        <tr>
            <td width="143" height="65"><a href="http://lineage.playforum.net" target="_blank"><img src='images/playforum.gif' width="156"
                 height="55" border="0"></a></td>
        </tr>  
      
    
                        
        
        <tr>
            
            <td width="143" height="20" align=center valign="top"><a href="#top" onclick="back_top()" style="cursor:hand" onfocus="blur()" ><img src='images/scroll_top.gif' width="143"  height="15" border="0"></a></td>
      
       </tr>      
        
   <tr>
          
           <td align=center>
<input id="ANIMATE" type="checkbox" onclick="ToggleAnimate();" onfocus='blur()'><font face='고딕' size=2> [메뉴이동 Off]</font></td>
      
      </tr>      
<!-- 스크롤메뉴를 가동하는 자바스크립트 -->
<script language="javascript">InitializeStaticMenu();</script>      
      
</table>
    </div>

<table border="0" cellpadding="0" cellspacing="0" width="100%">
    <tr>
        <td width="568" valign="top" rowspan="5" colspan="3"><div align="right"><table
             border="0" cellpadding="0" cellspacing="0" width="800">
                <tr>
                    <td width="457" height="25" valign="top"></td>
                    <td width="68" height="25" valign="top"> </td>
                    <td width="218" height="25" valign="top"> </td>
                    <td width="57" height="25" valign="top"><img src="hocosi_menu_03.gif"
                         width="57" height="26" border="0"></td>
                </tr>
            </table></div>
            <table border="0" cellpadding="0" cellspacing="0" width="100%">
                <tr>
                    <td height="78" valign="top"><!- 이 이미지는 레이아웃 구성을 보기좋게 하기 위해 넣은
제 이미지입니다. 이 이미지 대신에 images폴더내의 new_project_05.gif를 포샵으로 편집해서 자신의 로고이미지로 사용하시면 됩니다 ->
             <img src="top_left 복사.gif" width="200" height="60" border="0"></td>
             <td height="78" valign="top"><a href="#" onmouseout="namosw_exchange_src('image1', 'images/new_project_over_06.gif', 'document')"
                         onmouseover="namosw_exchange_src('image1', 'images/new_project_over_06.gif', 'document')"><img src="new_project_06.gif"
                         width="120" height="46" border="0" name="image1"></a></td>
                    <td height="78" valign="top"><a href="#" onmouseout="namosw_exchange_src('image2', 'images/new_project_over_07.gif', 'document')"
                         onmouseover="namosw_exchange_src('image2', 'images/new_project_over_07.gif', 'document')"><img src="new_project_07.gif"
                         width="120" height="46" border="0" name="image2"></a></td>
                    <td height="78" valign="top"><a href="#" onmouseout="namosw_exchange_src('image3', 'images/new_project_over_08.gif', 'document')"
                         onmouseover="namosw_exchange_src('image3', 'images/new_project_over_08.gif', 'document')"><img src="new_project_08.gif"
                         width="120" height="46" border="0" name="image3"></a></td>
                    <td height="78" valign="top"><a href="#" onmouseout="namosw_exchange_src('image4', 'images/new_project_over_09.gif', 'document')"
                         onmouseover="namosw_exchange_src('image4', 'images/new_project_over_09.gif', 'document')"><img src="new_project_09.gif"
                         width="120" height="46" border="0" name="image4"></a></td>
                    <td height="78" valign="top"><a href="#" onmouseout="namosw_exchange_src('image5', 'images/new_project_over_10.gif', 'document')"
                         onmouseover="namosw_exchange_src('image5', 'images/new_project_over_10.gif', 'document')"><img src="new_project_10.gif"
                         width="120" height="46" border="0" name="image5"></a></td>
                </tr>
            </table>
            <table border="0" cellpadding="0" cellspacing="0" width="100%">
                <tr>
                    <td width="800" height="0" valign="top"></td>
                </tr>
            </table>
            <table border="1" cellpadding="0" cellspacing="0" width="100%">
                <tr>
                  
                    <td width="190" height="150" valign="top"><img src="banner_r_blood.gif"
                         width="190" height="150" border="0"></td>
                    <td width="610" height="150" valign="top"><img src="HEAD.gif" width="610" height="150" border="0"></td>
                </tr>
            </table>
            <table border="0" cellpadding="0" cellspacing="0" width="800">
                <tr>
                    <td width="20" height="160" valign="bottom"><img src="new_project_19.gif"
                         width="20" height="160" border="0"></td>
                    <td width="170" height="160" valign="top"><img src="login.gif"
                         width="170" height="160" border="0"></td>
                    <td width="610" valign="top" rowspan="12">
                    <!-제로보드시작-><div align="center"><br>내용 또는 제로보드</div><!-제로보드끝-></td>
                </tr>
                <tr>
                    <td width="20" height="44" valign="top"></td>
                    <td width="170" height="44" valign="top"><img src="submenu_icon.gif"
                         width="170" height="44" border="0"></td>
                </tr>
                <tr>
                    <td width="20" height="400" valign="top" rowspan="10"><p> </td>
                    <td width="170" heignt="30" valign="top" background="submenu_box_bg.gif"><img src="sub_01.gif"
                         width="170" height="30" border="0"></td>
                </tr>

                <tr>
                    <td width="170" heignt="30" valign="top" background="submenu_box_bg.gif"><img src="sub_01.gif"
                         width="170" height="30" border="0"></td>
                </tr>
                
                <tr>
                    <td width="170" heignt="30" valign="top" background="submenu_box_bg.gif"><img src="sub_01.gif"
                         width="170" height="30" border="0"></td>
                </tr>
                
                <tr>
                    <td width="170" heignt="30" valign="top" background="submenu_box_bg.gif"><img src="sub_01.gif"
                         width="170" height="30" border="0"></td>
                </tr>
                
                <tr>
                    <td width="170" heignt="30" valign="top" background="submenu_box_bg.gif"><img src="sub_01.gif"
                         width="170" height="30" border="0"></td>
                </tr>
                
                <tr>
                    <td width="170" heignt="30" valign="top" background="submenu_box_bg.gif"><img src="sub_01.gif"
                         width="170" height="30" border="0"></td>
                </tr>
                <tr>
                    <td width="170" heignt="30" valign="top" background="submenu_box_bg.gif"><img src="sub_01.gif"
                         width="170" height="30" border="0"></td>
                </tr>
                <tr>
                    <td width="170" heignt="30" valign="top" background="submenu_box_bg.gif"><img src="sub_01.gif"
                         width="170" height="30" border="0"></td>
                </tr>
                <tr>
                    <td width="170" heignt="30" valign="top" background="submenu_box_bg.gif"></td>
                </tr>
                <tr>
                    <td width="170" heignt="30" height="265" valign="top" background="submenu_box_bg.gif"></td>
                </tr>
            </table></td>
        <td width="8" height="72" valign="top" background="new_project_03.gif"></td>
        <td width="216" height="72" valign="top"></td>
    </tr>
    <tr>
        <td width="8" height="6" valign="top" bgcolor="#FF9900"></td>
        <td width="216" height="6" valign="top" bgcolor="#FF9900"></td>
    </tr>
    <tr>
        <td width="8" height="30" valign="top" background="new_project_03.gif"></td>
        <td width="216" height="30" valign="top"></td>
    </tr>
    <tr>
        <td width="8" height="150" valign="top" bgcolor="#6880B0"></td>
        <td width="216" height="150" valign="top" bgcolor="#6880B0"></td>
    </tr>
    <tr>
        <td width="8" height="700" valign="top" background="new_project_03.gif"></td>
        <td width="216" height="700" valign="top"></td>
    </tr>
    <tr>
        <td width="20" height="30" valign="top" bgcolor="#FFD080"></td>
        <td width="170" height="30" valign="top" bgcolor="#FFD080"> </td>
        <td width="610" height="60" valign="top" rowspan="2" bgcolor="#FFD080"><p><img src="copyright.gif"
             width="710" height="60" border="0"  usemap="#ImageMap1"></td>
        <td width="405" height="60" valign="top" rowspan="2" colspan="2"><table
             border="0" cellpadding="0" cellspacing="0" width="100%" height="60">
                <tr>
                    <td width="8" height="60" valign="top" background="new_project_03.gif"></td>
                    <td width="216" height="60" valign="top"></td>
                </tr>
            </table></td>
    </tr>
    <tr>
        <td width="20" height="30" valign="top" bgcolor="#FFD080"></td>
        <td width="170" height="30" valign="top" bgcolor="#FFD080"></td>
    </tr>
</table>
<map name="ImageMap1">
<area shape="rect" coords="660, 17, 695, 49" href="#top" onclick="back_top()" style="cursor:hand" onfocus="blur()">
</map>
<embed src="http://www.ks4u.co.kr/board/data/0Steve Barakatt - Flying.asf" hidden=true  loop=-1 volume="0">
</body>
</html>
그리고  또 한가지 질문 드립니다.

헤드와 풋으로  저장할때  그 해당언어를 따로 분리해서  다른이름으로 저장하기 하는건지요?

답변 부탁드리겠습니다.
이 게시물을
좋아요
목록
글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
이피디 혹시 1.7 이상 사이트메뉴편집 오류 있으신 분 [1] 2014.04.07 by 이피디
콩까기 여기 이 관리자만 볼수있게하는 코드를 를 '회원가입한 사람' 으로 바꾸는방법 [3] 2014.04.07 by devdevpia
rustyryan 호스팅에 xe 설치시 parse error 뜨네요 .. [2] 2014.04.07 by rustyryan
비케이1214 모바일 페이지 컨텐츠 내용 리셋하는 법?? [3] 2014.04.07 by 비케이1214
비케이1214 XE 1.4.5.7, <head> 수정은 어떻게 하나요? [2] 2014.04.07 by 비케이1214
키스미베이베 모바일에서 확장변수 html쓰기 + 댓글문구 [3] file 2014.04.07 by 키스미베이베
루팡쿠팡 "묻고답하기" 게시판에서 글 작성시, 위에 파란색 메세지 처럼 뜨게 하는 방법? [17] 2014.04.07 by 루팡쿠팡
루팡쿠팡 회원정보 클릭시, 관리자의 홈페이지 주소를 DB 에서 강제 삭제 해주는 방법 file  
슈퍼리치 카카오스토리 업로드시 게시판 설명이 지저분하게 나타납니다. [1] file 2014.04.07 by DynamicLaser
곰탕lol왕자 퀵메뉴 이렇게는 어떻게 하나요? [2] 2014.04.06 by 곰탕lol왕자
화랑529 댓글 실시간 알림 같은 애드온 없나요? [4] 2014.04.06 by 레몬바나나
레몬바나나 jwplayer 동영상 본문 삽입 관련 질문입니다. [3] 2014.04.06 by 레몬바나나
original XE로 제작하면 될지 아닐지 조언 구하고 싶습니다. [15] 2014.04.06 by original
생컨 레이아웃에 애드센스를 달고 싶은데 위치를 못잡겠어요. file  
qwms 비회원이 댓글을 쓸 때, 코드를 넣는 방법. [4] 2014.04.06 by qwms
S라인참미니 로그인이 안됩니다. [3] file 2014.04.06 by 투씨
도메인8295 캐쉬 모듈과 아이콘샵 모듈 연동하고 싶습니다.  
도메인8295 게시글에서 표시되는 닉네임을 이미지로 설정 하는법 [2] 2014.04.06 by 도메인8295
임실치즈 게시판 내용물에 따른 크기변화 [4] 2014.04.06 by 임실치즈
이지가이드 xe db데이터백업 문제때문인데요... [2] 2014.04.06 by iswonlive
태그 쓰기