묻고답하기

  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 남기남
php초보 제로카운터 제로보드 "게시판 상단에 출력할 내용" 에 넣고싶은데 어케해야되죠? [1] 2007.08.10
오모모 자기 핸드폰에서 모바일 홈페이지를 직접 테스트하는 법 ?  
오모모 모바일 홈페이지를 시뮬레이터가 아닌 자기 핸드폰에서 직접 테스트하는 법 ?  
Rain-C 헤더와 푸터, 이 두놈을 어떻게 해야되죠? -ㅁ- [4] 2007.08.10
새천년고속관광 특정 주소의 페이지가 뜨면 자동으로 이동돼는..; [2] 2007.08.10
이종진 시작페이지 설정하는 스크립트 부탁 드림니다.. [2] 2007.08.10
샐리 스누핑, 스푸핑 이란것이 무엇인가요? [5] 2007.08.10
권해성 인트로 화면을 띄우려고 하는데요.. [1] 2007.08.10
별이 파일업로드 오류 관련 질문입니다. [1] 2007.08.10
테이 포토샵 컬러픽커가 이상합니다. [3] 2007.08.10
PAIN™ 버튼 주위에 보라색 선이 나옵니다.. [4] 2007.08.10
PAIN™ 버튼 주위에 보라색 선이 나오는데 어떻게 해야하나요? [1] 2007.08.10
피너츠 nzeo 싸이트에서 좌측에 보면 member login 이라는 문자 폰트가 뭐죠? [1] 2007.08.10
robinii html로 그림 올리는데, 안 떠요. 뭘 잘못한 걸까요? [1] 2007.08.10
김영준 글 클릭시 밑으로 내용 출력 하게 할수있는.. [3] 2007.08.10
stub363 고수님들의 조언을... [2] 2007.08.10
심세용 고수님들 꼭 도와주세요~ [7] 2007.08.10
홍종욱 제로보드 게시판을 링크 시킬때.. [3] 2007.08.10
이정호 테이블 너비 계산 할때요 [1] 2007.08.10
임덕근 아파치 php연동 문제..  
김봉관 인클루드 좀 갈켜주세요^^ [1] 2007.08.10
채은희 아이프레임에 관하여... [1] 2007.08.10
현호찬 메뉴에 마우스 오버시 소리나오게 하고 싶습니다. [1] 2007.08.10
김명환 홈페이지를 만들다 게시판이.. -_-;; [1] 2007.08.10
최원석 질문 - 나모웹에디터 사용하는데요... 홈페이지 크기 관련 입니다. [1] 2007.08.10
다아리얌 include에서~ [1] 2007.08.10
지키리 스크립트 에러 꼭 잡고 싶습니다. [2] 2007.08.10
박태원 홈페이지 제작 첫경험인 30대직장인입니다 도와주세요 [4] 2007.08.10
PHASE 레이어가 셀렉트박스 의해 가려집니다. [2] 2007.08.10
JS블루 고정ip 주는 isp 업체 있나요? [6] 2007.08.10
태그 쓰기