파비콘 적용시키기.

# Work/HTML/CSS 2011. 2. 27. 19:46 |
반응형

 홈페이지에서  Shortcut Icon을 표시하는 방법.

Shortcut Icon은 IE 5.x이상에서 16x16픽셀을 웹서버에 요구한다. 
실제 HTML코드에서는 다음과 같이 표시한다.

<head>
     <link rel="shortcut icon" href="/favicon.ico"  />
     <title>파비콘 적용하기</title>
</head>


 
포토샵에서 ico 파일로 저장하기.

포토샵은 아이콘(.ico) 저장을 지원하는 파일 포맷을 제공하지 않으므로 .ico 저장 기능을 지원하는 파일 포맷이 필요하다.

http://www.telegraphics.com.au/sw/#icoformat

(윈도우 일반용 일때)
이 곳에서 자신에게 맞는 포토샵용 .ico 파일 포맷을 다운로드 받은 다음 압축을 푼 후
.8bi 확장자를 가진 파일을 (ICOFormat.8bi) 복사한다.
C:\Program Files\Adobe\Adobe Photoshop CS3\Plug-ins\File Formats 경로에 방금 복사한 파일을 붙여넣고,
포토샵이 켜져있다면 종료하고 다시 실행 한 다음 .ico 확장자로 저장하면 된다. 

반응형
저작자표시 비영리 변경금지

'# Work > HTML/CSS' 카테고리의 다른 글

마진 통합현상(collapsing margin)이란?  (0) 2011.03.24
Float를 Clear하는4가지 방법  (0) 2011.03.17
[용어정리]  (0) 2011.01.21
footer 영역 항상 하단에 고정하기  (0) 2011.01.21
css 핵 종류  (0) 2011.01.14
호정찐

[용어정리]

# Work/HTML/CSS 2011. 1. 21. 18:16 |
반응형

 DNS란??
; Domain Name System/Domain Name Server

DNS라 하면 인터넷망 통신규약인 TCP/IP 네트워크 상에서 사람이 기억하기 쉽게 문자로 만들어진 도메인을 컴퓨터가 처리할 수 있는 숫자로 된 인터넷주소(IP)로 바꾸는 시스템인 Domain Name System을 일컫기도 하고, 이런 역할을 하는 서버컴퓨터 즉 Domain Name Server를 일컫기도 한다.

도메인 이름은 인터넷 주소로서 사람들이 기억하기 쉽고 의미있게 붙인 이름이지만, 인터넷에서 어떤 컴퓨터를 실제로 찾기 위해서는 숫자 체계로 된 IP주소가 필요하다.

각 사이트가 운영하는 모든 호스트 서버는 고유한 IP를 갖고 있기 때문에 사용자가 문자로 주소를 치면 DNS 서버를 통해 호스트 서버가 인식할 수 있는 IP로 바뀌어 접속이 된다.

DNS서버는 각 사이트의 도메인 정보와 IP 정보를 데이터베이스에 보관하고 있다가 해당 사이트 접속을 원하는 신호가 오면 이를 번역해 해당 IP를 가진 사이트의 호스트 서버에 연결시켜 준다.

예를들어 영문자로 된 웹 사이트 주소(예: www.say.co.kr)를 컴퓨터가 이해할 수 있는 4자리의 인터넷 프로토콜(IP) 주소(예: 211.234.110.235)로 바꿔주는 장치이다.

따라서 DNS 서버가 마비될 경우 사이트를 찾을 수 없다.


 SVN이란??
; subversion

(서브버전.. 이라는데... 검색해봐도 잘 이해가 안됨 ㅠㅠ
내일 스터디때 물어보고 다시 정리 해야겠음.ㅋㅋ)



 RIA란??
;Rich Internet Application

리치 인터넷 애플리케이션(Rich Internet Application; RIA)은 웹 애플리케이션의 장점은 유지하면서 기존 웹 브라우저 기반 인터페이스의 단점인 늦은 응답 속도, 데스크톱 애플리케이션에 비해 떨어지는 조작성 등을 개선하기 위한 기술의 통칭이다. 즉, 별도의 설치가 필요 없는 웹 브라우저 기반의 애플리케이션 배포 장점과 서버 측 웹 서비스와의 연동, 마크업 언어 기반의 선언적 애플리케이션 구성 등은 유지하면서 데스크톱 애플리케이션과 대등한 사용자 경험을 주는 것을 목표로 하는 기술이다.

흔히 어도비 플래시 기반 플렉스나 마이크로소프트 실버라이트, 자바FX 등 별도의 런타임 시스템을 가진 기술을 지칭하는 용어로 사용되나 웹 브라우저에서 실행되는 애플리케이션의 사용자 인터페이스를 향상하는 기법인 Ajax, 사용자 인터페이스 관점에서 많은 발전을 가져올 HTML의 다음 버전인 HTML5 등에 기반한 애플리케이션을 지칭하기도 한다. 별도의 런타임 시스템을 가진 기술의 경우 애플리케이션은 브라우저 내에서 플러그인으로 실행되기도 하고 단독으로 실행되는 경우도 있다. 이 같이 "리치 인터넷 애플리케이션"이라는 개념은 정확한 정의가 있다기 보다는 다소 모호하고 넓은 의미로 사용되고 있다.




 

반응형
저작자표시 비영리 변경금지

'# Work > HTML/CSS' 카테고리의 다른 글

Float를 Clear하는4가지 방법  (0) 2011.03.17
파비콘 적용시키기.  (0) 2011.02.27
footer 영역 항상 하단에 고정하기  (0) 2011.01.21
css 핵 종류  (0) 2011.01.14
Skip Navigation(건너뛰기 링크)  (0) 2011.01.14
호정찐

footer 영역 항상 하단에 고정하기

# Work/HTML/CSS 2011. 1. 21. 14:20 |
반응형


footer 영역 항상 하단에 고정하기
IE6.0 은 코드를 꼭 따로 줘야함.

- css 부분  

/* Common */
html, body { height: 100%;  margin: 0; padding: 0; font-size: 12px;  font-family: "돋움"; color:#444;}

/* Layout */
#head { position: relative; z-index: 1; height: 260px;  margin:0 auto; text-align:center; background:red;} /* 높이값을 꼭 줘야 함*/
#body { min-height: 100%;  margin: -260px 0 -70px; background:blue; }   /* head 의 높이값과 footer 의 높이값 */
#content-area { padding: 260px 0 70px;}

* html #body   { height: 100%; }   /* for IE6.0 */

#footer          { height:70px; text-align:center; background:yellow;}

- html 부분

<body>
<div id="head">
 head
</div>
<div id="body">
 <div id="content-area">
  content
 </div>
</div>
<div id="footer">footer</div>

반응형
저작자표시 비영리 변경금지

'# Work > HTML/CSS' 카테고리의 다른 글

파비콘 적용시키기.  (0) 2011.02.27
[용어정리]  (0) 2011.01.21
css 핵 종류  (0) 2011.01.14
Skip Navigation(건너뛰기 링크)  (0) 2011.01.14
<noscript>란?  (0) 2011.01.13
호정찐

티스토리툴바