조금이나마 소스를 간결하게 사용하기 위해 .css .js 로 만들어 불러오면 한결 깔끔한 사이트 구성이 가능합니다.
물론 웹에서 보여지는 화면에는 변동이 없지만 추후 손쉽게 소스 수정이 가능하고 또한 용량을 줄일 수 있습니다.
아래의 간단한 예를 보시면 쉽게 이해가 됩니다.
| - 기존 소스 -
<head> <script language="javascript"> function ....... ................. ........... ........ </script> <style> . {.............. ................. ........... ........ </style> </head> |
- .js 및 .css 사용시 -
<head> <script language="javascript" src="자바스크립트.js"></script> </head> 참고) '자바스크립트.js' 및 '스타일시트.css' 의 경로를 정확히 확인합니다. |
.js 및 .css 파일로 만드는 방법은 매우 간단하며 두가지 모두 동일한 방법으로 만듭니다.
메모장을 열고 아래의 방법으로 저장합니다.
|
- 자바스크립트.js 만들기 - <script language="javascript"> function ....... ................. ........... ........ </script> 빨간색 부분만 복사하여 메모장에 붙여넣기 후 자바스크립트.js 이름으로 저장합니다. |
- 스타일.css 만들기 - <style> . {.............. ................. ........... ........ </style> 빨간색 부분만 복사하여 메모장에 붙여넣기 후 스타일시트.css 이름으로 저장합니다. |
위의 방법대로 .js 및 .css 파일이 만들어 졌습니다. 이제 생성된 파일을 계정에 업로드 하여 불러옵니다.
<head>
<script language="javascript" src="자바스크립트.js"></script>
<link rel="stylesheet" href="스타일시트.css">
</head>
'etc.' 카테고리의 다른 글
| div 가운데정렬 div center (0) | 2014.01.16 |
|---|---|
| 게시판을 레이어팝업으로 띄우기 , 견적문의 , 공지사항 , 폼메일 , 방명록등등 적용시 (0) | 2014.01.16 |
| html 소스 암호화, 소스 인코딩, 소스 디코딩 (0) | 2014.01.16 |
| 팝업창소스, 팝업창 클릭시 팝업창 닫기며 페이지이동, 팝업창 띄우기 (0) | 2014.01.16 |
| RGB COLOR CHART , rgb 색상표 , html 색상표 (0) | 2014.01.16 |