웹마스터 팁

1. 이미지는 반드시 싸이즈를 지정

이미지의 크기를 지정해주면 로딩속도가 빨라집니다.
WIDTH와 HEIGHT의 수치를 정해주는거죠.

예를 들어서 iris.gif  (width=200, height=60 크기) 라는 이미지를
홈페이지에  삽입한다면

<img scr="sample.gif" width=200 height=60 alt="아이리스길드">

이런식으로요^^

alt="아이리스길드" 는 그 그림에 대한 설명이죠




2. 다음 페이지의 이미지를 미리 받습니다

다음페이지로 연결되는 페이지라면 다음 페이지의 이미지를 미리
받아 캐시 메모리에 저장시켜두는 것이 다음페이지의 로딩속도를
빠르게 합니다.

예를 들어
다음 페이지에 iris.gif라는 큰 이미지가 있다면

<img src="iris.gif" width=1 height=1>

이런식으로 가로 세로를 1픽셀로 잡아 미리 저장해놓으면 다음
페이지 로딩시에 빠르게 이미지를 받게 됩니다.
그리고 width와 height를 1로 잡았기 때문에 현재 페이지의
스크린에는 보이지 않습니다.




3. 배경 이미지를 고정시킴

이 앞에서 설명드렸죠? 배경고정시키는 방법요^^
배경이 줄줄 따라오면 혼란스럽고 홈페이지가 산만해 보입니다.
깔끔하게 고정시켜주는 것이 좋지요.
그리고 배경이미지가 고정되면 그만큼 로딩되는 시간도 절약된
답니다.




4. 한페이지의 이미지의 숫자는 3개까지로 제한하자

대부분의 웹서버는 문서를 불러올 때 동시에 네개의 GIF파일을 호출
한다고 해요. 사실 지도 어디서 들었어여 ^^;;
그래서 네 개까지는 속도에 별 상관이 없지만 다섯 개가 될 때는
속도가 차이가 날수도 있다는군요.
이미지 숫자가 다섯개 이상이 되면 로딩이 훨씬 느려지겠죠





5. 적절한 테이블의 사용

이왕이면 알록달록 그림만 많이 넣어서 홐을 맹글면 훨씬 이쁘겠지
하고 생각 할지도 모르지만 로딩속도를 생각한다면 이미지를 가능
하면 줄이고 테이블을 이용함으로써 이미지 못지 않은 효과를 줄수
있답니다.
테이블 맹그는 것도 이미 설명 다 드렸죠?
표나 셀의 테두리선 속성, 바탕색 속성등을 이용해보세요
그렇지만 지나치게 복잡하게 나눠진 테이블도 오히려 로딩속도를
느리게 하는 이유가 되기도 합니다.
세로로 긴 테이블 보다는 가로로 긴 테이블이 속도가 빠릅니다.




6. 큰 이미지는 작게 만들어서...

페이지에 커다란 이미지가 하나 있을 경우에는 4개로 자르면 훨씬
로딩 속도가 빨라지겠죠
할수만 있다면 이미지를 조각내서 올린후 웹상에서 붙여지도록 합시다.

해상도가 중요한 경우가 아니라면 이미지를 작게 만든후에 웹상에서
이미지 사이즈를 지정하여 확대시키는 방법도 생각할 수 있겠죠.
이미지의 질을 손상시키지 않는 범위에서 jpg 보다는 gif를 쓰며 색의
종류도 불필요하게 많이 넣지 마세요
불필요한 색을 없애고 투명 이미지를 적극 활용해 보세요.




7.특수문자 이용하기

쓸데없이 목록 표시등에 이미지를 붙이는 것보다는 특수문자를 잘
활용하면 이미지 못지 않은 효과를 줄 수 있습니다.

▲ ☆ ▩ ♣ ☞ ◈

어때요 예쁘지 않은가요?

특수문자는 어떻게 불러올수 있을까요? ^^
간단한 방법이 있죠.
키보드에서 한글로 키를 맞추어놓고 한글자판 하나랑 키보드 왼쪽
Alt옆 옆에 있는 한자 키를 같이 눌러주세요.

        한글자판 + 한자키

그럼 화면 아래쪽에 특수문자가 주욱 뜹니다. 거기서 선택해서 클릭
하면 마우스 커서가 있는 부분에 특수문자가 삽입되게 되죠.
위의 문자처럼 이쁜 특수문자가 많은부분은 주로 한글 ㅁ자판 입니다.
한글 'ㅁ' 과 한자키를 같이 눌러보세요^^




  8. 반복적인 이미지의 사용

셀의 바탕화면 이미지를 모두 같은 것으로 해서 위에 글자를 입히는
겁니다. 직접 글씨를 이미지로 제작하려면 타이틀 숫자만큼 이미지가
필요하겠지만 셀 바탕그림 하나만 로딩시키고 글자는 위에 입힙니다.




9. 자바 애플릿을 너무 남용하지 말자

어떤 홈페이지를 들어가보면 애플릿을 너무 많이써서 뭐가 열리고 있는
것은 같은데 뭔지는 모르겠고 그렇다고 중단도 안되고...하여튼 사람 열
받게 만드 는 홈이 있죠.
로딩이 늦는 것은 물론이고 가끔씩 다운이 되기도 합니다.
홈페이지는 자기혼자 보고 즐길려고 만드는게 아닌이상에는 방문자를
고려 해서 만들어야 합니다.
친엄마나 되면 모를까 누가 할 일없이 세월아 네월아 하면서 다 열릴때
까지 기다리고 있겠냐구여. -_-;;
이왕이면 자바스크립트를 활용하도록 합시다




10.그외 가지가지

큰 사진 같은걸 많이 올리고 싶을땐 섬네일 (작은 이미지를 먼저 보여
주고 원하면 클릭해서 큰 사진을 보여주는) 을 사용하는 것이 좋습니다
사진을 작게 만들어서 거기에 원래의 큰 사진을 링크시켜주는거죠.
그럼 로딩속도를 높일수 있습니다.

그리고 불필요한 태그는 삭제합시다.

나모나 기타 에디터를 써서 홈을 만들경우 불필요한 태그가 많이
생기게 됩니다. 자신의 잘못이 아니라 본의 아니게 제작중 생성됩니다
홈을 다 만든후에제작후 확인하여 불필요한 태그를 삭제시키는 것이
용량을 줄여 줍니다.
제목 글쓴이 날짜
우분투 apm에서 "쉬운 설치" 에러시 팁 [4] 김상호 2010.12.22
회원가입후 1주일이 지나지 않은 계정에 한하여 탈퇴 제한하기 [1] Arp 2010.12.23
애드온에서 모바일 환경 구분 코드 misol 2010.12.24
[생초보팁] 레이아웃 스킨 강좌 사이트 [2] HolyJohn 2010.12.29
좋은 PHP 강좌 사이트들 [1] HolyJohn 2010.12.29
XE 공식 게시판에 (다운로드) 같은 '임의목록' 집어 넣기 (확장변수x) [1] file 999 2010.12.30
웹페이지에서 ICQ 번호 자동으로 추가하기... [1] 잔디 2001.01.05
스크롤바 색깔 바꾸는 스타일... [8] 잔디 2001.01.05
(table)에서 HTML 태그를 적용시켜 보기 [16] 정후니 2001.08.31
익스플로러의 자동완성 기능 off 하기 [7] WOWpc 2001.10.23
글씨를 세로로 써봅시다...^_^ [6] 술도짱 2001.11.14
글입력상자에서 자동으로 한글, 영문 바뀌게 하기 [6] 이경두 2001.11.15
새로운필터를 적용한 칼라버튼.[ie5.5 sp2이상] [26] 술도짱 2001.11.15
[1차패치] 내 msn 현재상태를 보여주자! + 캡처없앰 -ㅂ- [18] 티르 2002.01.04
홈페이지에 Fade-in 적용하기~ [5] remy 2002.01.08
익스플로어 즐겨찾기에 아이콘 추가하기 [7] rolly™ 2001.12.13
웹사이트 로딩속도 높혀주는 10가지 방법 [32] 2001.07.25
CSS에 클래스에 관한거 추가 [4] DearMai 2002.02.21
CSS 와 HTML 과 연결하기 [5] Topy 2002.02.21
윈도우 꽉찬 화면으로 보기 태그 [1] ▩윤미 2002.02.21