가벼운 문서 만들기 팁.

가벼운 문서 만들기 팁.

홈페이지를 어느정도 만든다 하는 분들은 기본적으로 웹문서에 자바스크립트 구문이 최소 2~3개씩은 넣어서 활용하는거로 알고 있는데요.
자신의 홈페이지를 멋지고 이쁘게 꾸미는것은 누구나의 바램이자 자랑일것입니다.
멋지고 칼쌈한(?) 소스 를 구해서 문서에 포함시키는것까진 좋은데,,
문서내용에 비해 터무니없이 그 자바스크립트 소스의 비중이 커서 버벅대거나 아님 잦은 오류발생 등,,여러가지 문제로 그문서를 열어보는 시간이 걸린다면 보기엔 멋질수는 있지만 그렇게 그런소스는 추천하고 싶지는 않군요.
그렇다고 제가 자바스크립트를 완벽하게 소화하고 원하는데로 자유자재로 소스를 스크립팅 하지는 못합니다.
다만 제가 말하고자 하는것은 가벼우면서도 그 문서에 영향을 적게 받고 여러개 ,,아니 7~8개를 넣어도 안넣은것처럼 가볍게 한다면 얼마던지 신비하고 사이버틱하게 웹문서를 돌릴수있고 꾸밀수 있다는거죠.
덩치큰 자바스크립트나, 애플릿, 등(눈날리기, 전체화면 Fade효과,덩치큰배경음악,구동이 심한 애플릿소스 과다사용)을 피하고 가급적 꼭 필요한 소스로 꾸미신다면 얼마든지 멋진 홈페이지, 문서를 꾸밀수 있다는거죠.

또 한가지 팁
내 홈페이지 레이아웃에 들어가는 모든 이미지들은 보이지 않는 프레임을 하나 만들어서(요즘 노프레임제작시에 배경음악 안끓기게 많이 사용하시죠?)
그 숨긴 문서에 모든 레이아웃의 이미지 이름을 태그로 제작하여 높이, 넓이를 모두 0이나 1로 해서 미리 불러들이세요. 이미지가 큰거 작은거 할것없이 크기가 1이나 0으로 불러들이니까 빠르고 또 내 컴터에 미리 모든 이미지들을 임시저장함으로써 웹페이지를 빠르게 열수 있고 자바스크립트를 써도 빠르다는거죠..


다 아시는 것을 머 새삼스럽게 잘난체 주저리 했습니다요..
돌은 던지지 마세요.. 돌대신 돈을 던지심이,,, 쿨럭;;;



홈페이지를 꾸미다보면 한 문서안에 여러개의 자바스크립트가 들어가지게 됩니다.
수정을 많이 할수록 게속해서 스크립트는 늘어만 가지요.
<script 1>
~~~~~
</script 2>
<script>
~~~~~
</script>
<script 3>
~~~~~
</script>

스크립트마다 일일이 설명구문<!-- 자스설명 -->이 붙고요,,, 그것도 상하 두개쓱~ 찾기쉽게,, 하지만 많아질수록 지저분해집니다,,그쵸? HEAD 에도, BODY에도... 덕지덕지^^;;

이럴땐 JS파일을 하나 만들어서 같은버전 끼리 한소스 JS파일에 묶는겁니다.
또 하나의 자스를 추가시에도 그 소스안에 이어서 코딩를 해 줍니다.

// 자스설명1-------------------------------
function {
}

// 자스설명2-------------------------------
function {
}

// 자스설명3-------------------------------
function {
}

// 자스설명4추가된것-----------------------
function {
}

// 자스설명 5추가된것----------------------
function {
}



헤더(<head> ~ </head>)안에는 JS 파일 하나만 들러들이면 되는거고,
<SCRIPT language='javascript' src='effect.js'></SCRIPT>

바디(<body> ~ </body>)에만 변수나 명령,, 등만을 뿌려(?) 주기만 하면 돼죠,,

자바스크립트중 대다수가 코딩문이 길고 많습니다.

위와같이 해주면 간결하고 보기도 좋고 낭중에 문서 수정도 빠르고 쉽게 할수있죠....
어떤문서는 가관 입니다. 아이콘 두어개와 자스로 이루어진것이 페이지는 두페이지 분량 ㅡㅡ;; 꽃날리고 배경음악 흐르고,,, 뜨는데 13초.....


'- script' 카테고리의 다른 글

이미지 슬라이드  (0) 2010.10.05
사진첩.. 이전_다음  (0) 2010.10.05
로그인할때 엔터치면 로그인되게  (0) 2010.10.05
페이지로딩후 자동으로 커서가 로그인창으로  (0) 2010.10.05
오른쪽 버튼 클릭시 북마크 + 즐겨찾기 추가  (0) 2010.10.05
이벤트 핸들러 (Event Handler) 모음  (0) 2010.10.05
가상프레임에서 배경음악 켜고끄는 버튼 만들기 ^^;  (0) 2010.10.05
미디어플레이어 '시작/정지' 버튼만들기  (0) 2010.10.05
esc키 클릭시 음악 계속 멈추기  (0) 2010.10.05
버튼클릭시 내용위로 올라가는현상 막아주는 기능  (0) 2010.10.05