-
블로그/홈페이지에 나눔고딕 웹폰트 적용하기
블로그나 홈페이지에 웹폰트를 적용하려면 다음과 같이 한다. 우선 나눔고딕 웹폰트를 다운받을 수 있는 모빌리스에서 웹폰트의 링크를 가져와야 한다. 모빌리스로 가면 아래와 같은 화면이 나오는데, 1번의 나눔글꼴을 선택하고, 2번의 나눔고딕을 누른다. 나눔고딕 글꼴의 여러 가지 모양과 함께 나눔고딕 글꼴을 웹어 적용할 수 있는 스타일의 링크가 나온다. 그 중 하나를 선택해서 복사(Ctrl-C를 눌러)한다. 위에서 복사한 링크를 홈페이지의 html 중 <header>와 </header> 사이에 붙여넣기(Ctrl-V를 눌러)한다. 블로그인 경우 스킨의 index.html 파일을 텍스트 편집기로 불러와서 넣으면 된다. 모든 CSS 파일에 나눔고딕을 적용해야 되므로, CSS link 보다 위에 붙여넣기 해야 한다. 마지막으로 CSS 파일에서 모든 폰트 요소에 대해 다른 폰트보다 앞에 ‘NanumGothicWeb’을 추가한다. 다른 폰트 앞에 추가할 때는 NanumGothicWeb을 입력하고, 콤마(,)를 찍어야 한다. 이제 웹페이지를 다시…
-
구글 Analytics 이용하기
블로그에 들어오는 트래픽을 알아보기 위해 구글 Analytics를 붙여보자. 일단 처음에 구글 Analytics에 접속하면 아래와 같은 화면이 나온다.Analytics 계정이 있으면 로그인을 눌러서 로그인하면 되고, 없으면 계정만들기 버튼을 누른다. Analytics 계정을 만들려면 일단 구글로 로그인을 해야 된다.구글 계정이 있으면 구글 계정으로 로그인하고, 없으면 오른쪽 위에 있는 가입하기를 눌러 먼저 구글 계정을 만든다. 구글로 로그인 한 뒤 웹로그 분석 시작하기의 가입을 누른다. 이제 구글 Analytics 계정 만들기 화면으로 들언다.여기서는 웹사이트 이름, 웹사이트 URL, 보고서 시간대와 계정 이름을 입력한다.웹사이트 이름은 해당 사이트를 알 수 있는 이름으로 정하고, URL에 사이트의 URL을 입력한다.시간대에서는 대한민국을 선택한다.마지막으로 계정 이름은 자신을 표현할 수 있는 이름으로 정하고, 추적 ID 가져오기를 클릭한다. 웹로그 분석 서비스 약관에 동의하면 가입은 끝난다. 가입한 뒤…
-
웹브라우저의 역사
1993년 유럽 입자물리연구소(CERN)에서 고퍼(gopher)의 대용으로 사용할 수 있는web을 만들고,미국 국립 슈퍼컴퓨팅센터(NCSA)에서 모자이크라는 브라우저가 나온지 20년이 안되었다. 천리안, 하이텔이 주름잡던 국내 통신 시장에 처음 모자이크가 나와서286 PC에서 모뎀으로 web 탐험을 하기위해 용을 쓰던 때가 있었다.TCP/IP 네트워킹이 제대로 지원되지 않을 때라도스에서 모뎀을 이용해 데이터 전용 회선(014xy)에 연결하고,그 위헤 TCP/IP 스택을 올리고,겨우겨우 몇 군데 들러보면 전화요금이 엄청나오던… 20여년 사이에 web을 탐험할 수 있는 브라우저는 여러 가지가 출시되었고,그 중 일부는 사라지거나 다른 이름으로 바꾸고 생명을 연장하고 있다. 처음 모자이크가 전체를 석권하다가 MS의 IE가 출시된 후 천하통일을 하는 듯 했다.하지만 web 표준 준수에서 떨어지고, ActiveX로 떡칠한 상태로 나가면서사람들의 관심은 더 빠르고 표준을 지키는 브라우저를 찾게 되었다(국내는 IE 천하지만). 경쟁이 있으니 더 발전을 하게 되고, 그…
-
웹 색상표
Web Color Chart #93DAFF #98DFFF #9DE4FF #A2E9FF #A7EEFF #ACF3FF #B0F7FF #B4FBFF #B9FFFF #C0FFFF #87CEFA #91D8FA #A5D8FA #AFDDFA #B9E2FA #C3E7FA #CDECFA #D7F1FA #E1F6FA #EBFBFF #00BFFF #0AC9FF #14D3FF #1EDDFF #28E7FF #32F1FF #3CFBFF #46FFFF #96FFFF #C8FFFF #00A5FF #00AFFF #00B9FF #00C3FF #00CDFF #00D7FF #00E1FF #00EBFF #00F5FF #00FFFF #1EA4FF #28AEFF #32B8FF #3CC2FF #46CCFF #50D6FF #5AE0FF #6EE0FF #6EEAFF #78F3FF #1E90FF #289AFF #32A4FF #3CAEFF #46B8FF #50C2FF #5ACCFF #64D6FF #6EE0FF #78EAFF #96A5FF #A0AFFF #AAB9FF #B4C3FF #BECDFF #C8D7FF #D2E1FF #DCEBFF #E8F5FF #F4FFFF #86A5FF #90AFFF #9AB9FF #A4C3FF #AECDFF #B8D7FF #CCE1FF #E0EBFF #EBF5FF #F9FFFF #6495ED #6E9FED #78A9ED #82B3ED #8CBDED #96C7ED #A0D1F7 #AADBFF #B4E5FF #BEEFFF #0078FF #0A82FF #148CFF #1E96FF #28A0FF #32AAFF #3CB4FF #46BEFF #50C8FF #5AD2FF #0064FF #0A6EFF #1478FF #1E82FF #288CFF #3296FF #3CA0FF…
