★ 이미지는 반드시 싸이즈를 지정 ★
이미지의 WIDTH와 HEIGHT를 입력하여 주면 로딩속도가 빨라집니다.
이미지를 삽입시 가령 sample.gif (width=200, height=60 크기) 라는
이미지를 올린다면
<img scr="sample.gif" width=200 height=60 alt="샘플">
이와같이 이미지의 폭과 높이를 모두 넣어 주는 것이
로딩에 도움을 줍니다.
또한 alt 태그를 이용하여 이미지에 대한 설명을 주면
방문객들에게 친절한 서비스를 제공하는 것이며
네스캐이프나 익스플로러 이외에 다른 텍스트 브라우저를
쓰는 사람들에게 많은 도움이 되겠죠
★ 다음 페이지의 이미지를 미리 받습니다 ★
다음페이지로 연결되는 페이지라면 다음 페이지의 이미지를
미리 받아 캐시 메모리에 저장시켜두는 것이 다음페이지의
로딩속도를 빠르게 합니다.
예를 들어
다음 페이지에 sample2.gif라는 큰 이미지가 있다면
앞 페이지의 하단에 다음 태그를 넣습니다.
(앞페이지를 보는 동안 뒷 페이지 이미지를 받음)
<img src="/sample2.gif" width=1 height=1>
이와같이 가로 세로를 1픽셀로 잡아 미리 받아놓으면
캐시 메모리에 이미지가 저장되어 다음페이지 로딩시에
빠르게 이미지를 받게 됩니다
그리고 width와 height를 1로 잡았기 때문에
현재 페이지의 스크린에는 보이지 않습니다.
앞페이지 맨 하단부에 넣는 이유는 문서의 이미지는
위쪽 것부터 로딩되기 때문
★ 배경 이미지를 고정시킴 ★
대부분 같은 배경 이미지가 홈페이지 전체에 이어지는 경우가 많죠
이것이 통일성도 있고 혼란을 줄이는 방법이 되기도 하니까요
이럴땐 다음 태그를 삽입시켜 주세요
배경이미지가 로딩되는 시간을 절약합니다.
<body bgproperties="fixed">
다음 페이지에서 부터는 배경 이미지가 스크롤 되지 않습니다.
★ 이미지의 숫자는 4개 이하로 ★
대부분의 웹서버는 문서를 불러올 때
동시에 네개의 GIF파일을 호출합니다.
따라서 이미지 숫자가 세개인 것과 네개인 것에는
로딩속도에 큰 차이가 없지만 네개와 다섯 개는
속도의 차이가 매우 큽니다.
이미지 숫자가 다섯개 이상이 되면 로딩이 훨씬 느려지겠죠
야후와 같은 검색엔진에서는 절대 한페이지에
이미지를 네개 이상의 이미지를 쓰지 않는다고 합니다.
한 페이지에는 네개 이하의 이미지를 사용합시다
★ 적절한테이블의사용 ★
이미지를 가능하면 줄이고 테이블을 이용함으로써
깔끔하고 산뜻한 효과를 볼 수 있습니다.
지금 보시고 계신 이 페이지도 테이블만을 이용하여 구성되었습니다.
표나 셀의 테두리선 속성, 바탕색 속성등을 이용하여
html문서만으로도 충분히 깔끔한 페이지를 작성할 수 있습니다.
테이블로 이미지화일에 비해서는 훨씬 빠르지만
로딩을 느리게 하는 원인이 되기도 하는데
지나치게 복잡한 테이블은 자제하는 것이 좋겠습니다.
또 세로로 길게 이어지는 테이블보다는
가로로 긴 테이블이 훨씬 로딩이 빠릅니다.
태그가 훨씬 절약되고 브라우저가 읽기 쉽죠
★ 이미지를 줄여줄여 ★
아까 웹 서버는 동시에 4개의 이미지를 읽는 다고 하였죠.
그렇다면 페이지에 커다란 이미지가 하나 있을 경우에는
4개로 자르면 훨씬 로딩 속도가 빨라지지 않을까요?
물론 훨씬 로딩이 빨라집니다.
이미지를 조각내서 올린후 웹상에서 붙여지도록 합시다.
해상도가 중요한 경우가 아니라면 이미지를 작게 만든후에
웹상에서 이미지 사이즈를 지정하여
확대시키는 방법도 생각할 수 있겠죠.
이미지의 질을 손상시키지 않는 범위에서 jpg 보다는 gif를 쓰며
색의 종류도 불필요하게 많이 넣지 마세요
또 이미지의 색상을 줄이면 이미지 용량이 줄어듭니다.
따라서 불필요한 색을 없애고 투명 이미지를 적극 활용해 봅시다.
★ 특수문자활용하기 ★
쓸데없이 목록 표시등에 이미지를 붙이는 것보다는
특수문자를 잘 활용하면 이미지 못지 않은 효과를 줄 수 있습니다.
▲ ☆ ▩ ♣ ☞ ◈
어때요 예쁘지 않은가요?
항상 이용자의 입장에서 생각해 봅시다.
내가 만든 페이지가 손님들에게 짜증을 주지는 않는지...
★ 반복적인이미지를사용 ★
동일한 이미지를 여러차례 사용하는 경우
매번 새로 이미지를 불러들이지 않게 해야 합니다
서로 다른 페이지에서라도 동일한 그림을 쓸 경우
새로 로딩을 받지 않고 캐쉬에 저장된 이미지를 불러들여 사용합니다.
물론 이렇게 되면 속도가 훨씬 빠르죠.
이렇게 하기 위해서는 여러차례 사용되는 이미지는
특정한 폴더에 넣고 계속 같은 폴더에 링크시켜 사용해야 합니다.
★ 애플릿은 신중하게 ★
아무리 잘 짜진 애플릿이라고 하더라도 애플릿은 속도가 느립니다.
더구나 중간에 중단도 안 되지요..
이러한 싸이트는 절대 다시 안 옵니다.
로딩에만 1,2분씩 걸리는데 열받구 화나구 씩씩대면서
구석의 × 표시만 수도없이 누르고 있습니다.
꼭 쓰고 싶으신 분은 반드시 로딩속도도 확인하시고
여러개 집어넣지 말아주세요..
홈페이지는 자기 개인의 만족만을 위한 것이 절대 아닙니다.
상업적 목적의 홈페이지에서는 애플릿을 안 쓰잖아요.
자바스크립트로도 웬만한건 다 할 수 있습니다.
-
호스팅케이알 https://hosting.kr 에서 다음(Daum) 스마트워크 설정하기 - 내 도메인으로 메일 계정 생성하기
내 도메인 moonhouse.co.kr 으로 된 이메일 주소 80san@moonhouse.co.kr 가 필요한 경우 자체적으로 메일서버를 구축하거나 유료 메일 서비스를 이용하면 됩니다. 문제는 비용인데 다음(Daum)에... -
'이 인증서가 만료되었거나 아직 유효하지 않습니다.' 경고 문구 해결방법
홈페이지 주소가 https:// 로 시작하는 경우 최신 윈도우버전이 아니거나 브라우즈의 업데이트를 하지 않은 경우 인증서 오류가 화면과 같이 출력되며 접속이 안되는 경우가 생깁니다. 윈도우나 ... -
보안프로그램에서 개발자도구나 디버그도구를 탐지하였습니다. 에러문구 출력시 대처방법
윈도우11을 설치하고 교육(행정)기관 재택업무지원시스템(EVPN)을 엣지에 설치하여 작업중에 아래의 창이 팝업되면서 작업이 중단되는 경우가 종종 생깁니다. 이런 경우 EVPN진입시 설치된 nProt... -
크롬에서 다운로드시 "위험한 파일 차단" 해제하는 방법
구글 공식 문서에 의거하여, 크롬은 컴퓨터에 다음과 같은 종류의 (문제를 일으킬 수 있는) 유해한 다운로드 파일을 자동으로 차단합니다. - 바이러스 침투 - 개인정보 도용 - 브라우저 및 컴퓨... -
익스플로러8 웹사이트 복원오류 해결방법
오류 증상은 특정웹페이지에 접속을 하면 " *** 페이지로 되돌아갈수 없었습니다." 라는 메세지와 함께 그페이지를 로딩하다가 닫혀버립니다. 이 증상은 익스플로러8을 설치후에 한글2007을 설치... -
도메인을 짧게 만들어주는 co.cc
홈페이지나 블로그를 운영시 도메인을 유료로 구매하지 않았으면 자신의 주소가 긴 경우가 많습니다. 이런 경우 무료로 단축도메인을 주는 사이트를 많이 이용하죠. 그 중에서 특별한 조건 없이 ... -
-
IE7, 8을 IE6처럼 쓰지 맙시다.
가끔씩 지인들의 컴퓨터를 살펴 보면 IE7, 8을 쓰는 분들도 많지 않지만 간혹 쓰시는 분들중에 보면 IE7, 8을 IE6처럼 사용하시는 분이 계십니다. IE6처럼 쓰고 있다는 말이 무슨 말이냐하면 탭... -
No Image
로딩 속도 빠르게!!
★ 이미지는 반드시 싸이즈를 지정 ★ 이미지의 WIDTH와 HEIGHT를 입력하여 주면 로딩속도가 빨라집니다. 이미지를 삽입시 가령 sample.gif (width=200, height=60 크기) 라는 이미지를 올린다면 <... -
N드라이브, 무료 웹하드를 윈도우탐색기에 연결
네이버에서 5GB 용량을 무료로 주는 웹하드 서비스인 N드라이브를 오픈했다고 소개한 적이 있다. 네이버 N드라이브는 포토앨범과 같이 개인화 부문(PIMS) 웹서비스에서 상당히 신선한 시도라 생... -
행정안전부에서 시행하는 "내 주민번호를 찾아라" 캠페인 정보
2008.5.1 부터 6.30 까지 (2개월간) 행정 안전부에서 주민번호(ID) 클린캠페인(제2회)을 갖습니다. 자세한 내용은 링크 => http://clean.mopas.go.kr/에서 확인하세요. 무엇보다 정부에서 시행하... -
익스플로러로 ftp접속하기(ID,비번 자동접속)
홈페이지나, 자료들을 쉽게 올리고 받을때 ftp를 많이 사용합니다. 보통 ftp접속시 ftp전용 프로그램을 사용합니다.(알ftp, CuteFtp,FlashFXP등) 그러나 ftp가 설치 되어져 있지 않거나, ftp프로... -
No Image
온라인 포토샵 splashup
전체화면으로 실행 # gif파일을 못 불러오고 글쓰기에서 한글을 지원하지 않네요 # -
No Image
Microsoft EMBED 컨트롤러 활성화 패치(IE ACA)
MicroSoft가 Eolas Technologies와의 법정 공방이 해결되서 패치를 내왔습니다. 플래쉬 동영상이라던가 미디어플레이어를 링크할 경우 해당 객채를 클릭해야만 적용되었던 것을 해결하는 패치입... -
웹폰트를 기본폰트로 보이게 하기
인터넷 서핑시 웹폰트의 가독성이 떨어져 짜증이 나는 경우가 있는데 간단히 웹폰트를 기본폰트로 바꾸어서 보게하는 방법입니다. 지금 이 홈페이지에도 웹폰트가 적용되어 있는데 짜증이 나시면... -
No Image
웹상에서 간편하게 사진 합치기
http://bbom.org/tools/index.html 아주 간편하게 이용할 수 있는 웹페이지입니다. -
No Image
IP를 이용한 간단한 위치 추적(펌)
http://cafe.naver.com/noothegilab/121에서 퍼옴 인터넷 돌아댕기다가 주운 지식입니다. 자신이 위치를 찾고싶은 ip주소를 알고있으면 1,2,3,4단계는 건너 뛰셔도 됩니다. 1. 우선 ip주소를 알... -
No Image
익스플로러 속도 향상팁....강추!
윈도우즈 95 - XP 까지, 인터넷 익스플로러 4 이상이면 이 팁으로 비약적 서핑 속도 향상이 있다고 합니다. 레지스트리에서 이 부분.. HKEY_LOCAL_MACHINE-Software-Microsoft-Windows-CurrentVe... -
No Image
XP의 MSN 4.7 제거하기
xp에서 msn 초기버젼인 4.7이 깔려있어 귀찮은 경우가 생깁니다. 삭제하는 팁입니다. RunDll32 advpack.dll,LaunchINFSection %windir%\INF\msmsgs.inf,BLC.Remove 실행 창에서 위 내용을 실행한... -
No Image
ISP 별 DNS
ISP 별 DNS * 한국통신(KT)- 주 DNS 주소: 168.126.63.1 - 보조 DNS 주소: 168.126.63.2 * 두루넷- 주 DNS 주소: 210.117.65.1 - 보조 DNS 주소: 210.117.65.2 * 신비로- 주 DNS 주소: 202.30.14... -
No Image
익스플로러 폭맞춰서 인쇄하기~
제글은 아니고.. 퍼온겁니다. 아래 사이트에서 ActiveX 설치하고 IE 종료 후 다시 띄워서 도구모음의 사용자정의에 보면 fit-width Print 가 있으니 추가하면 됩니다.. ------------------------...