웹마스터 팁
노프레임 홈페이지 수정 편리하게 &용량줄이기.
2003.07.15 18:01
이곳에서 도움을 받은것이 꽤 많은데 저도 뭔가 도움될것이 없나 해서 예전부터 사용하던 저만의 방법을 소개하고자 합니다.
노프레임 홈페이지를 만들다보면 같은 매뉴를 계속 사용해야 하므로 메모리와 용량을 더 부담시키고, 서버에도 쓸때없이 트래픽을 주게 되죠?
그것을 줄이는 간단한 방법을 소개 합니다.
우선 중복되는 부분을 골라내시고,
그다음 그 부분을 잘라서 js파일로 만들어 줍니다.
마지막으로 <HEAD> 부분에 이것을 추가 해 줍니다. (BODY에도 가능합니다,)
<script language="javascript" src="만들어놓은 JS파일의 이름.js"></script>
이것으로 여러 페이지에서 같은 파일을 읽어들여서 한군데가 틀렸을 경우 전체를 수정해야 하는 경우가 없어지고, 용량과 트래픽의 부담이 줄어듭니다.
따라서 노프레임의 매뉴가 많은 페이지 일 수록 강력한 효과를 발휘합니다.
JS파일의 구조를 설명하지 않았는데요.
구조는 간단합니다.
document.write("
이곳에 공통으로 사용될 소스를 입력합니다.
")
이게 끝입니다.
document.write("<HTML>")
document.write("<HEAD>")
document.write("</HEAD>")
document.write("<BODY>")
document.write("</bODY>")
document.write("</HTML>")
이런식으로 해도 됩니다.
치명적인 단점으로 자바스크립트를 지원하지 않는 브라우저에서는 완전 무시 해 버린다는 것입니다만...그런 브라우저를 쓰는분은 거의 없으므로 그럴일은 거의 없다고 봅니다 -_-;
예제로 보고 싶으신 분은 제 홈페이지를 구경 해 보세요.
(두가지 메인화면 양쪽에서 소스보기 해서 비교 해 보시길...)
* 저 방법에 Function을 사용해서 응용도...
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
* 이 글은 신의키스(http://kissofgod.net/ )에서 Rooto님이 쓰신 글 입니다.
* 원글 : http://kissofgod.net/boardz/view.php?id=webdesign&no=148
노프레임 홈페이지를 만들다보면 같은 매뉴를 계속 사용해야 하므로 메모리와 용량을 더 부담시키고, 서버에도 쓸때없이 트래픽을 주게 되죠?
그것을 줄이는 간단한 방법을 소개 합니다.
우선 중복되는 부분을 골라내시고,
그다음 그 부분을 잘라서 js파일로 만들어 줍니다.
마지막으로 <HEAD> 부분에 이것을 추가 해 줍니다. (BODY에도 가능합니다,)
<script language="javascript" src="만들어놓은 JS파일의 이름.js"></script>
이것으로 여러 페이지에서 같은 파일을 읽어들여서 한군데가 틀렸을 경우 전체를 수정해야 하는 경우가 없어지고, 용량과 트래픽의 부담이 줄어듭니다.
따라서 노프레임의 매뉴가 많은 페이지 일 수록 강력한 효과를 발휘합니다.
JS파일의 구조를 설명하지 않았는데요.
구조는 간단합니다.
document.write("
이곳에 공통으로 사용될 소스를 입력합니다.
")
이게 끝입니다.
document.write("<HTML>")
document.write("<HEAD>")
document.write("</HEAD>")
document.write("<BODY>")
document.write("</bODY>")
document.write("</HTML>")
이런식으로 해도 됩니다.
치명적인 단점으로 자바스크립트를 지원하지 않는 브라우저에서는 완전 무시 해 버린다는 것입니다만...그런 브라우저를 쓰는분은 거의 없으므로 그럴일은 거의 없다고 봅니다 -_-;
예제로 보고 싶으신 분은 제 홈페이지를 구경 해 보세요.
(두가지 메인화면 양쪽에서 소스보기 해서 비교 해 보시길...)
* 저 방법에 Function을 사용해서 응용도...
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
* 이 글은 신의키스(http://kissofgod.net/ )에서 Rooto님이 쓰신 글 입니다.
* 원글 : http://kissofgod.net/boardz/view.php?id=webdesign&no=148
댓글 9
| 제목 | 글쓴이 | 날짜 |
|---|---|---|
나만의 미니홈 만들기 ㅡ 메인 기초 설계 .home.php
[12]
 | 예뜨락 | 2004.11.17 |
| 나만의 미니홈 만들기 ㅡ 메인 기초 설계2 .레이아웃 | 예뜨락 | 2004.11.18 |
|
나만의 미니홈 만들기 ㅡ 메인 기초 설계3 .레이아웃
[2]
| 예뜨락 | 2004.11.19 |
|
나만의 미니홈 만들기 ㅡ 기초적인 관리 페이지
[3]
| 예뜨락 | 2004.11.20 |
|
나만의 미니홈 만들기 ㅡ 미니홈 생성 페이지
[3]
| 예뜨락 | 2004.11.20 |
|
나만의 미니홈 만들기 ㅡ 게시판의 디자인
| 예뜨락 | 2004.11.22 |
| 나만의 미니홈 만들기 ㅡ 게시판 list.php 파일의 모양새 [6] | 예뜨락 | 2004.11.23 |
|
나만의 미니홈 만들기 ㅡ list.php , 디비 테이블 생성
[6]
| 예뜨락 | 2004.11.26 |
|
나만의 미니홈 만들기 ㅡ view.php 파일과 제목링크
[9]
| 예뜨락 | 2004.11.27 |
| 나만의 미니홈 만들기 ㅡ write.php 파일과 write_ok [5] | 예뜨락 | 2004.11.30 |
| 실명 진위여부 확인 [10] | piasol | 2004.12.01 |
| 개판 오분전 라인 그래프 [4] | 미친개 | 2004.12.01 |
| '참조'에 관한 간단한 예제 | 플로렐라 | 2004.12.09 |
| 4. 쿼리문 [6] | 티다 | 2004.12.11 |
|
나만의 미니홈 만들기 ㅡ메뉴에 게시판 연결
[5]
| 예뜨락 | 2004.12.17 |
|
IE 에서도 투명 알파값이 적용된 PNG 이미지를 맘껏 활용하자!
[8]
| THE PAPER™ | 2004.12.27 |
| "를 그냥 사용하기 [3] | 추천대화상대 | 2005.01.02 |
| 나만의 미니홈 만들기 ㅡ delete.php 파일 [2] | 예뜨락 | 2005.01.03 |
| 퍼미션을 보기좋게 구하자! [4] | 플로렐라 | 2005.01.03 |
|
PHP 왕초보 입문기(총괄)
[4]
| 하나둘 | 2005.01.15 |