웹마스터 팁

  2. Support
  3. 웹마스터 팁

[초보-하드코딩] 소스정리 팁 몇가지...

2002.08.19 23:50

안데르센

하드코더들은 나모나 드림위버 유저들에 비해 상당한 강점을 가지고 있습니다.
무엇보다 가장 큰 장점은... -____ㅡ;; 알바구하기가 쉽다는거죠.
그리고, xml이나 php, asp를 공부할 때 편하죠...

하지만... 하드코더들의 가장 큰 맹점은 난중에 테이블에러나 기타 에러가 났을때
엄청난 소스들을 보면서 도대체 뭐가 잘못된거얏!! 하면서 ㅠ,ㅠ 눈물흘리게 되는 일이 있다는거죠.
(나모나 드림위버 사용에선 없는 처참한 모습이죠...)
그렇기 때문에 하드코더들은 각자 나름대로 소스를 정리하는 노하우들을 가지고 있습니다.
제가 사용하는 소스정리 노하우를 필요로 할 분들이 있을것 같아서 적어드립니다.

1. 한단짜리 table에는 feildset을... // feildset도 table과 같은 박스의 속성을 가진 태그입니다.
의외로 이걸 모르는 분들이 많은데... 한단짜리 박스를 만드느라고 <table><tr><td></td></tr></table>을
쓰는것보단 이게 편할겁니다.

2. php가능 계정이라면 인클루드를 적극적으로... // <? include "dbconn.php3" ?>
뭐... 인클루드야 대부분 아시겠지만...
의외로 모르는 초보분들이 많습니다.
원프레임 홈페이지라는게 별다를게 없습니다. 용어만 거창하지...
<html>
<head>
</head>
<body>
<h1></h1>
<h2></h2>
</body>
</html>
만일 이런html파일이 있다칩시다. 근데 이중에서
<html>
<head>
</head>
<body>
이부분이랑
</body>
</html>
이부분이 모든 html파일들에 공통으로 들어간다고 쳤을때
일일이 코딩을 해주면 빡시겠죠?
그래서 위에 해당되는 부분들을 따로 top.html과 bottom.html로 저장을 한다음
<? include "top.html" ?>
<h1></h1>
<h2></h2>
<? include "bottom.html" ?>
이런식으로 해준다면... 소스가 한결 보기 편해지겠죠?
전체적인 디자인을 수정할때도 한결 편할테구요.
원프레임 홈페이지는 이런식으로 만든다... 이거였구요.
이 인클루드를 여러가지로 활용한다면 홈페이지제작이 여러모로
간편해진답니다. ^____^

3. xml을 활용하라...
음... xml이 나오면서 제가 간단한 부분들에 활용하는 것들이 있는디요.
간단한 텍스트링크 같은것들에 쓰곤 한답니다.
음... 이건 좀 설명하기가 골치아픈지라...
예제를 보여드리겠숨다.

http://manacho.net/pok_link_01.html

이 html파일에 보면

<xml id="link_01" src="pok_link/01.xml"></xml> 이 부분과

<table datasrc="#link_01" BORDER=0 CELLPADDING=0 CELLSPACING=0 width="100%" style="font-size:9pt">
        <tr height="16">
           <td width="33" style="border-bottom:1px solid black;"> </td>
           <td style="border-bottom:1px solid black;" valign="bottom">
                           <a style="text-decoration:none; color:#A5410A" datafld="url">
                               <span style="letter-spacing:-1px; font-weight:bold; font-size:8pt; font-family:verdana" datafld="url"></span>
                           </a> : 
                           <span style="letter-spacing:-1px; font-size:9pt; font-family:바탕; color:#777777;" datafld="ex"></span>
                           </td></tr>
</table> 이 부분이 있지요?

첫번째는 xml파일에 있는 데이터를 불러오는 역활을 하고,
두번째의 datasrc="#link_01" 는 xml파일을 해당테이블에 적용시키겠다고 선언하고,
datafld="url" 이런 부분들은 해당데이터를 디스플레이 시키겠다고 하는겁니다.

해당xml파일을 보여드릴께요.
<?xml version="1.0"  encoding="euc-kr"?>
<football>

        <club>
                        <url>http://www.seoulutd.com</url>
                        <ex>서울시민구단창단준비위원회(-___ㅡ;; 길다.)</ex>
        </club>
        <club>
                        <url>http://www.reddevil.or.kr</url>
                        <ex>붉은악마</ex>
        </club>        

</football>
조금 이해되시나요?
위의 소스들과 비교해보시면 이해가 쉬우실거에요.

어떻게 보면 쓸모없어 보일수도 있는데요.
의외로... 이렇게 하면 간단히 유지보수 시킬수 있는것들이 많답니다.
하드코더한테는 cgi로 입력하는것보다 아크로에디터나 에디트플러스로
ftp연결을 한다음 막바로 소스를 수정해버리는게 쉬울때가 더 많거든요.


뭐... 별 도움은 안될 팁이지만...
^___^ 혹시나 필요한 분들이 있을까 해서 올립니다.

아... 그외에도 하드코딩을 막 시작한 분들이 계시다면
한가지 조언이 될만한게 있다면...
html의 태그는 배우되 속성은 css로 처리하는 습관을 들이라고
말씀드리고 싶군요.
그니깐 <font size="2">보다는
<font style="font-size:9pt"> 이런식으로 쓰는 습관을 기르라는거죠.
하드코더의 가장 강점중 한가지는 바로
css를 자유롭게 쓸수 있다는거니깐요. ^____^
이 게시물을
수정 삭제
좋아요
목록
제목 글쓴이 날짜
벅스 연동 되는 자세한 소스... [6] 서비 2002.09.07
벅스 플레이어 소스입니다. [6] ☺Lifestory™ 2002.09.07
[HTML 초보자]- 테이블 태그를하자-4 [1] ZipShin 2002.09.07
[HTML 초보자]- 테이블 태그를하자-3 [2] ZipShin 2002.09.04
자바스크립트 없이 브라우저 버전체크 [5] steelheart 2002.09.03
[HTML 초보자]- 테이블 태그를하자-2 [5] ZipShin 2002.09.02
초보에게는 골치아픈 배경 위치 정하기... [6] 유지호 2002.09.01
[HTML 초보자] 테이블 태그를하자-1 [5] ZipShin 2002.08.30
[HTML 초보자] marquee 태그 마스터 하기. [5] ZipShin 2002.08.27
스타일 시트 적용순서 [4] 판타랏사 2002.08.24
[HTML 초보자] HTML <Hr>태그에 대해서.. [3] ZipShin 2002.08.23
[HTML 초보자] 강제개행 <br>태그 엔터효과. [8] ZipShin 2002.08.21
HTML/CSS/JSCRIPT Reference for IE5.0 and above [5] 송인석 2002.08.20
HTML과 CSS 사전을 만들어 보았습니다. [7] 01CODE.com 2002.08.20
[초보-하드코딩] 소스정리 팁 몇가지... [23] 안데르센 2002.08.19
[HTML 초보자] HTML 문단 P태그에 대해서 알아봐요..^^ [5] ZipShin 2002.08.18
웹 폰트 적용 시키기 - 초보자용 - [13] 하지메 2002.08.18
[HTML]::HTML소스를 쉽게! 그대로 표시하게 하잣!! [3] Smileru™ 2002.08.17
[HTML 초보자] HTML HeadLine태그(H1,H2..) [6] ZipShin 2002.08.16
깔끔한 홈페이지를 만들고 싶다면 꼭 알아야 할 것(2) [9] 키르(SP) 2002.08.15
태그 쓰기