웹표준10 NHN 웹표준화팀 홈페이지 구독중인 RSS에 웹표준화팀 한혜진님의 글을 따라 들어간 곳입니다. 이런 곳이 있었네요. 웹표준 관련 관심있는 분들께 많은 도움이 될 듯합니다. 바로가기 > http://html.nhndesign.com/ 2008. 9. 17. 제 블러그 방문자중 크롬 사용자가 3.64%네요 구글 웹사이트 분석을 걸어 두었는데 방문자 웹브라우저중 크롬 사용자가 3.63%입니다. 파폭도 12.29%이구요. 국내 환경에서는 이것(파폭이나 크롬 등)만을 사용함에 있어 불편함이 있을텐데, 사용자 개개인이 정당한 브라우저 선택권을 갖기 위해서라도 웹표준이 더 보편화되고 액티브액세 외의 결제수단을 지원하는 바람직한 모습으로 변했으면 좋겠습니다. 2008. 9. 7. 네이버의 웹표준화 블로그 우리는 얼마나 웹표준에 대해 노력을 하고 있을까? 우리 팀에서도 웹표준화를 위해 다양한 테스트와 결과물을 비교하고 IE와 FF의 최적화를 위해 노력을 하고 있지만 '네이버 웹표준화팀 블로그'의 게시글을 보고 약간은 당황스럽고 놀랐다. 국내 인터넷 기업중 이렇게 까지 정리해서 할 수 있는 업체가 몇개나 될까? 이 블로그는 2006년 6월부터 시작되었다고 합니다. Welcome to NHN Web Standardization Guide 본 사이트는 Naver그리고 Hangame서비스의 웹페이지 UI개발시 참고 해야할 내용들을 담고 있습니다. 이 사이트는 2005년 3월 사내 전용으로 오픈하여 현재까지 지속적인 업데이트를 진행하고 있으며, NHN의 프로젝트 가운데 프론트 엔드 개발 작업시 참고해야 하는 내부규.. 2008. 7. 6. 나사에서 배포하는 웹표준 템플릿 나사에서 공개한 웹템플릿입니다. 템플릿과 이를 활용한 사이트 제작 안내가 되어있습니다. 바로가기 : http://portalcss.gsfc.nasa.gov/nasa_template/instructions/index.php 2008. 1. 26. 한대의 PC에서 여러버젼(Multiple Version)의 웹브라우져 사용하기 최근 웹표준 관련 작업이 늘면서 다양한 버젼의 브라우져를 지원하는 프로젝트가 많아지게 되었다. 현재 웹사이트를 개발하면서 다양한 브라우져(IE6, IE7, FireFox1.5, Fire2 등)에서 테스트하기 위한 방법은 가상머신이니 에뮬레이터를 설치하는 방법, 시스템을 멀티부팅하는 방법과 멀티브라우져를 설치하는 방법이 있다. 이 세가지 방법중 후자를 제외한 가상머신이나 멀티부팅은 환경을 구축하기가 어렵고 불편하기 때문에 마지막 멀티부라우져 설치에 대해 소개한다. * 야후를 IE7, FireFox2, IE6에서 본 화면이다. 위와 같은 환경을 만들기 위해 다음의 과정이 필요하다. 1. IE6이나 이하의 브라우져를 사용하고 있다면 IE7로 업그레이드 한다. 2. 멀티브라우져 인스톨러를 다운로드 받아 설치한다.. 2007. 10. 14. CSS에서의 구문태그들 한국소프트웨어진흥원의 웹표준 문서에서 발취한 내용입니다. 강조 (strong, em) 과 은 문장안에서 강조를 나타낸다. 보통의 브라우져에서 은 이탤릭으로, 은 볼드체로 나타나게 된다. 문장안에서 중요도가 있을 때에는 이 과 을 사용해야 하고 단지 이탤릭이나 볼드를 표현하고자 할 때에는 와 를 사용해야 한다. 스크린리터중에는 이나 태그를 사용하면 그 부분을 큰소리로 강조해서 읽어주는 제품도 있다. 정의 태그는 정의를 나타낼 때에 사용된다.코드 는 컴퓨터 코드를 나타내는 태그이고 는 코드의 결과 출력물을 나타낼때 에 사용한다.값의 표시 는 유저의 키보드 입력을 나타내고, 는 프로그램에서의 변수를 나타낸다. Enter키를 누르세요출처 는 인용이나 출처를 밝힐 때에 사용한다.축약 는 축약어를 나타내고 은 두문.. 2007. 9. 20. 웹표준을 따르면서 form으로 생기는 공백 없애기 잘못된 사용예 제목 내용 작성자 을 사용해서 제작하다 보면 디자인상에서 나타나서는 안되는 공백이 생기는 것을 볼 수 있다. 이와 같은 현상을 피하기 위해서 많은 사람들이 태그를 태그 사 이에 넣는다. 하지만 validator를 이용해 보면 이와 같은 사용은 잘못된 문법 오류라는 것 을 알 수 있다. 의 여백을 없애기 위해서 스타일을 사용하면 아주 간단하게 문제를 해결 할 수 있다. form { margin: 0; } 에 마진을 없앰으로서 간단하게 여백을 없앨 수 있고 위와 같이 사이에 태그를 넣는 잘못된 xhtml사용을 피할 수 있다. 2007. 9. 20. XHTML1.1의 표준 문서 구조 표준 문서 구조입니다. 한국소프트웨어 진흥원의 '실전 웹표준가이드'에서 발춰 ... 2007. 9. 20. 웹표준 유효성 검사를 하자 웹표준을 준수해 구조(HTML, XHTML)와 표현(CSS)를 분리하였다면 최소한의 디버깅을 거치는 것이 좋다. 현재 W3C에 유효성 검사(Validation) 도구가 제공되고 있으니 이를 활용하면 doctype에 규정된 문서의 형식에 따라 유효한 코드의 사용여부를 검사하고 보완하자. W3C의 유효성 검사도구는 3가지 방법을 지원한다. 첫번째는 해당 페이지 주소를 통한것이고, 두번째는 작성한 파일을 업로드 하는 것, 마직막으로 소스를 직업 붙여넣어 검사를 할 수가 있다. 유효성 검사 도구: http://validator.w3.org css의 유효성 검사 : http://jigsaw.w3.org/css-validator/ 2007. 9. 14. 이전 1 2 다음