본문 바로가기

웹표준8

[블로그운영팁]SEO 최적화 하기 SEO에 관련해서 예전에 글을 올렸어야했는데, 이제서야 포스팅을 합니다. SEO(Search Engine Optimization)란 검색엔진 최적화라고 보시면 됩니다. 쉽게 말해 SEO는 웹페이지 제작시 의미있는 마크업(시멘틱웹)을 통해 검색엔진 노출에 최적화가 되게 하기 위함입니다. 저는 웹퍼블리셔(웹U개발자)로 15년이상 실무를 했었습니다. 사이트 제작시 시멘틱 웹과 웹표준을 중요시 해왔고, 마크업을 의미있게 사용하면 검색에 잘걸린다는 사실을 경험으로 통해 알게되었었습니다. 벌써 10년이 넘었지만, 관련해서 몇자 적어보도록 하겠습니다. 먼저 개념을 아셔야합니다. 우리가 문서를 읽을 때도 순서가 있습니다. 책이나 pdf 자료 혹은 여러 문서를 읽을때 제목을 먼저 읽게 됩니다. 그리고 중간제목, 목차, .. 2020. 10. 12.
[사이트]css로 만든 메뉴모음 사이트 http://www.dynamicdrive.com/style/ css로 만든 라이브러리가 많으니, 참고하시면 많은 도움이 될듯하네요.^^ 2008. 10. 1.
[잡담]DTD에 따른 브라우저 박스크기변화 먼저 이글은 http://zine.standardmag.org/200802/20 와 같은 내용임을 알려 드리며 다시한번 테스트 해본 결과입니다. 크로스브라우징으로 인해 시간낭비 및 생각하지 않던 것들때문에 야근을 하는 경우가 종종 발생하죠. 참 안타까운 현실입니다. 알려진 크로스브라우징 팁 가운데 DTD의 선택도 중요한 부분을 차지 하고 있다는건 여러 글들을 통해 접했으리라 생각합니다. 그래서 DTD에 따른 박스크기 변화를 다시한번 테스트해 보았습니다. 테스트 박스는 공통적으로 width = 150px / height = 100px / padding = 30px / border = 3px 값을 주었을때 입니다. 먼저 DTD를 로 했을 경우에 결과입니다. 소스는 다음과 같습니다. 테스트 크로스 브라우징 보.. 2008. 3. 21.
[도서]제프리 젤드만의 웹표준 가이드 제프리 젤드만의 웹표준 가이드 웹 디자이너와 개발자, 그리고 사용자를 위한 올바른 선택(2ed) 제프리 젤드만 (Jeffrey Zeldman) 은 누구인가? 제프리 젤드만은 최초의 웹디자이너 중 한 명이고 전문가들 사이에서 강력한 영향력을 지녔습니다. 1995년 전 아트 디렉터이자 카피라이터인 그는 최초로 가장 영향력 있는 개인 웹 사이트 중의 하나 (www.zeldman.com)을 만들었고웹 디자인의 방법과 원칙에 대한 유명한 튜토리얼을 쓰기 시작했습니다. 1998년 마이크로소프트와 넷스케이프에서 각각 자기들의 브라우저에서 같은 기술을 지원하도록 설득한 기초 연합인 The Web Standards Project(www.webstandards.org)를 공동 설립했습니다. 같은 해 A List Apart.. 2008. 1. 23.
[잡담]!important와 언더바 핵 한 규칙 안에서 윈도우용 IE 6 이하 버전을 위한 선언과 이외의 다른 브라우저를 위한 선언을 각각 사용하고 싶을 경우가 있습니다. 이를 위해서 속성에 이스케이프 문자를 사용하는 핵을 이용하거나 아니면 !important 또는 언더바 핵을 이용할 수 있습니다. 윈도우용 IE 6 이하 버전에서는 한 규칙안에서 여러 개의 속성을 사용할 수 없기 때문에 !important 핵을 사용하면 제대로 동작합니다. #nav { position: fixed !important; position: static; } 윈도우용 IE 4~6 버전은 첫 번째 선언을 무시하고 두 번째 선언을 적용합니다. 나머지 브라우저는 !important 키워드가 사용된 첫 번째 규칙을 적용합니다. !important 키워드를 쓰면 캐스케이드 .. 2007. 7. 7.
[잡담]웹표준이란? 웹표준이란 : 웹표준이란 극히 어렵게 생각할 필요는 없습니다 서울 사람은 서울사투리를 전라도 사람은 전라도 사투리를 충청도 사람은 충청도 사투리를 경상도 사람은 경상도 사투리를 쓰고 있습니다 이는 지역에서 생활하는 이라면 아주 친근하며 또한 당연한 일입니다 하지만 타지역에서 온 사람이 그 지역의 사투리를 알아 듣기엔 다소 긴장을 해야할 때가 있습니다 쓰는 표현법과 억양이 틀리기에 언어 소통에 일시적 장애를 가질 수 있기 때문입니다 그래서 현재 수도인 서울을 기점으로 교양있는(?) 사람들이 쓰는 일반적인 언어를 표준어로 사용 그 표준어를 이용하면 의사전달에 큰 불편함 없이 서로의 의견을 대화할 수 있습니다 이와 마찬가지로 웹에도 여러 종류의 브라우져들이 있습니다 우리가 흔히 쓰는 익스 플러러와 함께 요즘 .. 2007. 3. 21.
[잡담]daum 웹인사이드 시스템 환경 다음 웹인사이드의 시스템 환경 분석을 해보았다. 기간 : 2007.2.25 ~ 2007.3.2 최종로그분석 : 2007.03.02. 01:33:52 운영체제 이미지로 보듯이 window xp가 84.6%를 차지하고 있었다. windows vista 2.3% 아직까지 비스타 사용자는 적음을 할수 있었다. (비스타가 50%이상을 차지 하기 까지 몇년은 걸릴거 같다는 생각이 든다.) 이유인즉 비스타는 현재로서 고사양 컴퓨터를 요구 하기때문에 50%이상의 사용자가 나오기 까지는 얼만큼 사용자들이 컴퓨터 업그레이드를 빨리하는냐에 따라 그시기와 비례한다고 생각을 감히 해본다. 해상도 불과 얼마전까지만해도 1024 사용자들이 더 많았는데 1280 해상도의 사용자들이 많아지는걸 알수 있다. 사이트를 만들때 1024 (.. 2007. 3. 3.
[도서]css 마스터 전략 최신 CSS 기법을 다루는 CSS 마스터가 되기 위한 필독서! 2006 아마존닷컴 컴퓨터인터넷 부문 베스트셀러 2위! 가장 유용한 CSS 기법을 한번에 정리하면서 실제 환경에서 발생할 수 있는 브라우저 관련 이슈를 다뤄 CSS 관련 지식 수준을 한 단계 올릴 수 있다. 이 책을 통해 CSS 전문가다운 코드를 작성할 수 있는 기법을 배워보자. 최신 CSS 기법 및 활용팁 총정리 놓치고 있었던 CSS 기본 개념 다시 다지기 브라우저 호환을 위한 버그 해결법 및 핵과 필터 사용법 유명 CSS 전문가가 직접 만든 실전사례 및 예제 이 책에서는 CSS 기본 개념을 다시 정리하여, 의미 있는 마크업 작성의 중요성, 코드를 잘 구조화해서 유지보수가 용이하게 하는 방법, CSS 레이아웃 모델의 동작원리 등을 다룹니다... 2007. 3. 1.