Tips (7)

파비콘 만들고 적용하는 방법
파비콘 만들고 적용하는 방법

파비콘(Favicon)이란? 파비콘은 즐겨찾기(favorites)와 아이콘(icon)의 합성어로 인터넷 웹 브라우저의 주소창에 표시되는 웹사이트나 웹페이지를 대표하는 아이콘이다. 아이콘 크기는 16x16, 32x32, 48x48, 64x64 픽셀이 될 수 있고, 8비트, 24비트, 32비트 색상이 가능하다. 다음 포맷은 브라우저에 상관없이 호환되며 인터넷 익스플로러, 파이어폭스, 크롬, 오페라에서 모두 지원한다. 다음도 허용된다. 위키백과, 패비콘 파비콘 만들기 파비콘을 만들기 위해 적당한 크기의 이미지(GIF, JPEG 또는 PNG)를 준비합니다. 필자는 블로그의 타이틀이 "블로마리 노트(Blomari Note)"이므로 타이틀의 첫 글자인 알파벳 B를 아래와 같이 32x32 크기의 png 이미지로 준비..

웹사이트 성능 및 속도 분석 사이트 6곳
웹사이트 성능 및 속도 분석 사이트 6곳

웹사이트 성능을 개선하기 위해 속도 테스트를 받아 보세요. 최적의 웹사이트를 유지하는 데 도움되는 여러 가지 분석 도구들을 소개합니다. 물론 무료이며 사용법 역시 간단하므로 적극적으로 추천합니다. 1. Pingdom 핑덤은 사이트 관리자가 알아야 할 모든 항목의 분석 결과를 보여 줍니다. 페이지 용량이나 다운로드 속도, 코드 분석을 통한 성능 등급과 개발 제안 그리고 웹 페이지의 다이어트 진행 상황을 기록할 수도 있습니다. 2. GTmetrix 지티메트릭스는 구글의 PageSpeed Insights와 야후의 YSlow 두 분석 도구에 의하여 생성된 집계 보고서를 보여주며, 총 페이지 용량과 요청 수의 정보를 추가로 제공합니다. 여러분은 두 분석 도구를 각각 개별적으로 사용할 수 있지만 지티메트릭스가 더 ..

한RSS 가입과 구독, 디렉토리 등록하기
한RSS 가입과 구독, 디렉토리 등록하기

사람들은 관심 있는 분야나 원하는 정보를 얻기 위해 검색을 합니다. 검색을 통해 좋은 정보를 제공하는 사이트를 찾게 되면 즐겨찾기에 등록을 해두고 필요할 때 다시 방문하게 됩니다. 이러한 작업으로 수십 군데의 좋은 사이트를 즐겨찾기에 등록해 두었다면 새로운 콘텐츠가 있는지 알아보기 위해 각 웹 사이트를 반복적으로 방문해야 합니다. 이러한 웹 사이트 확인은 시간이 오래 걸리고 지루한 작업이며 구시대의 행동 양식입니다. 그래서 등장한 것이 RSS이며, RSS는 뉴스나 블로그 사이트에서 주로 사용하는 콘텐츠 표현 방식입니다. 웹 사이트 관리자는 RSS 형식으로 웹 사이트 내용을 보여 주고, 이 정보를 받는 사람은 RSS 관련 프로그램(혹은 서비스)을 이용해 정보를 보게 됩니다. RSS 관련 프로그램(혹은 서비..

웹 사이트의 색상을 분석해 보자
웹 사이트의 색상을 분석해 보자

블로그나 웹 사이트를 운영하는 사람이라면 사이트의 디자인에 대하여 늘 고민하게 됩니다. 보기 좋은 떡이 먹기도 좋다는 속담이 있듯이 방문자가 사이트를 방문했을 때, 멋진 디자인으로 맞이한다면 좋은 인상을 남길 수 있으므로 재방문할 확률이 높기 때문입니다. 인터넷을 서핑하다 보면 디자인이 멋진 사이트를 만나게 됩니다. 이럴 때 웹 사이트 색상 분석기를 이용하면 쉽게 그 사이트에서 사용한 색상을 분석하고 참고할 수 있는데 그러한 색상 분석기를 무료로 사용할 수 있는 곳이 있어서 소개합니다. 따라서 즐겨찾기에 등록해 두고 필요할 때 한 번씩 이용한다면 웹 사이트나 블로그 제작 시 여러모로 도움이 될 것입니다. 웹 사이트 색상 분석기 Colorfy 이 도구를 사용하면 어떤 웹 사이트의 색상을 검색할 수 있습니다..

구글 검색용 애드센스 검색창 설치하기
구글 검색용 애드센스 검색창 설치하기

구글 검색용 애드센스는 사이트에 맞춤검색 엔진을 설치하여 사용자에게 웹 검색 서비스를 제공하고 게시자는 검색결과 페이지의 관련 광고에서 수익을 올릴 수 있으므로 일거양득의 효과를 거둘 수 있습니다. 구글 검색용 애드센스는 다음과 같은 기능을 제공합니다.사용자가 검색할 콘텐츠 선택: 사용자가 사이트, 웹 게시자가 선택한 사이트 모음 또는 전체 웹에서 검색할 수 있도록 설정할 수 있습니다. 사이트의 특정 부문을 우선 검색되게 하거나 여기에서만 검색되도록 제한할 수 있습니다.디자인 맞춤 설정: 색상 및 광고 게재위치를 선택하고 본인의 사이트와 구글 중 어디에서 검색결과를 보여줄지 선택할 수 있습니다.타켓 광고를 통해 수익 창출: 검색결과 페이지에 관련성 높은 광고가 게재되고 사용자가 이 광고를 클릭하면 수익이..

피드버너 피드와 이메일 구독 설정하기
피드버너 피드와 이메일 구독 설정하기

피드버너(FeedBurner)는 RSS 피드 및 이메일 구독을 관리할 수 있는 시스템으로 구글에서 운영하는 무료 웹 서비스입니다. 피드버너(FeedBurner)는 블로그나 웹 사이트를 운영하고 있다면 반드시 가입하고 설치해야 할 아이템으로 그 이유를 살펴보면 다음과 같습니다.고정된 RSS 피드 주소가 생기므로 도메인이나 블로그 주소가 바뀌어도 구독자에게는 아무런 영향을 주지 않는다.블로그의 새로운 소식을 이메일로 구독할 수 있게 해주므로 관리자나 방문자에게 아주 좋은 서비스이다.블로그의 구독자를 측정할 수 있는 유일한 도구이며, 다양한 통계를 볼 수 있다.설치형 블로그 사용자는 RSS 구독자가 유발하는 트래픽을 피드버너로 떠넘길 수 있으므로 트래픽 절감 효과를 볼 수 있다.이렇게 좋은 기능을 무료로 사용..

인용문 <blockquote> 태그 스타일 바꾸는 여러가지 방법
인용문 <blockquote> 태그 스타일 바꾸는 여러가지 방법

블로그에 글을 쓸 때, 신문기사나 다른 글을 인용하는 경우가 있습니다. 이럴 때 인용임을 표시하는 인용문 태그를 사용합니다. HTML4에서는 긴 인용 문구를 정의할 때 사용하지만, HTML5에서는 다른 소스로부터 인용된 부분을 나타낼 때 사용하며, 짧은 인용문을 표시할 때는 인라인 레벨 요소인 태그를 사용합니다. HTML5 태그 다른 소스에서 인용된 부분을 지정할 때 사용하며, 블록 레벨 태그로 줄바꿈과 들여쓰기가 되어 표시됩니다.다른 소스의 출처를 알 수 있으면 cite 속성을 사용하여 출처를 명기할 수 있습니다. cite 속성은 선택사항이므로 넣지 않아도 되며, 웹브라우저에서는 보이지 않습니다. HTML5는 HTML의 차기 주요 제안 버전으로 월드 와이드 웹의 핵심 마크업 언어이다. ▶ 실행화면 HT..