묻고답하기

  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 남기남
장인상 iframe 이 삽입된 곳에서 링크 클릭시 현재 페이지 전체에 새로 페이지 띠우기 [2] 2007.08.10
김기동 iis 설치후 홈피완료후에  
즐겁게살자 phpmyadmin 에서...  
정일룡 풀스크린 관련..... [1] 2007.08.10
가성진 간단한 퀴즈형식의 웹페이지를 만들려고 합니다.  
김상오 노프레임 홈인데요 게시판 링크하면 위에 한줄 내려오네요.. 왜그런지좀 알려주세요 [1] 2007.08.10
아븅~ 포토샵...psd 파일에서요.... [3] 2007.08.10
피너츠 메뉴 위치로 움직이는 박스메뉴..(자세한 내용 안에 ``;) [2] 2007.08.10
JS블루 고정ip 주는 isp 업체 있나요? [6] 2007.08.10
PHASE 레이어가 셀렉트박스 의해 가려집니다. [2] 2007.08.10
박태원 홈페이지 제작 첫경험인 30대직장인입니다 도와주세요 [4] 2007.08.10
지키리 스크립트 에러 꼭 잡고 싶습니다. [2] 2007.08.10
다아리얌 include에서~ [1] 2007.08.10
최원석 질문 - 나모웹에디터 사용하는데요... 홈페이지 크기 관련 입니다. [1] 2007.08.10
김명환 홈페이지를 만들다 게시판이.. -_-;; [1] 2007.08.10
현호찬 메뉴에 마우스 오버시 소리나오게 하고 싶습니다. [1] 2007.08.10
채은희 아이프레임에 관하여... [1] 2007.08.10
김봉관 인클루드 좀 갈켜주세요^^ [1] 2007.08.10
임덕근 아파치 php연동 문제..  
이정호 테이블 너비 계산 할때요 [1] 2007.08.10
홍종욱 제로보드 게시판을 링크 시킬때.. [3] 2007.08.10
심세용 고수님들 꼭 도와주세요~ [7] 2007.08.10
stub363 고수님들의 조언을... [2] 2007.08.10
김영준 글 클릭시 밑으로 내용 출력 하게 할수있는.. [3] 2007.08.10
robinii html로 그림 올리는데, 안 떠요. 뭘 잘못한 걸까요? [1] 2007.08.10
피너츠 nzeo 싸이트에서 좌측에 보면 member login 이라는 문자 폰트가 뭐죠? [1] 2007.08.10
PAIN™ 버튼 주위에 보라색 선이 나오는데 어떻게 해야하나요? [1] 2007.08.10
PAIN™ 버튼 주위에 보라색 선이 나옵니다.. [4] 2007.08.10
테이 포토샵 컬러픽커가 이상합니다. [3] 2007.08.10
별이 파일업로드 오류 관련 질문입니다. [1] 2007.08.10
태그 쓰기