일단 웹퍼블리셔가 되기위해선 환경을 만들어야지요.
Step1. 5대 브라우져 설치하기
▶ IE: http://windows.microsoft.com/ko-KR/windows/downloads
▶ 크롬: https://www.google.com/chrome/?hl=ko
▶ 파이어폭스: http://www.mozilla.or.kr/ko/
▶ 사파리: http://www.apple.com/kr/safari/
▶ 오페라: http://www.opera.com/download/
▶ 크롬: https://www.google.com/chrome/?hl=ko
▶ 파이어폭스: http://www.mozilla.or.kr/ko/
▶ 사파리: http://www.apple.com/kr/safari/
▶ 오페라: http://www.opera.com/download/
▶ 인터넷익스플로러는 5.0~10.0까지 개발 사용하고 있다.
▶ 윈도우XP는 익스플로러 6.0을 기본 브라우져로 설치되어있다.
▶ 익스플로러 9.0은 윈도우 비스타 이상의 OS에서만 설치가능하다.
▶ 현재 우리나라의 익스플로러 점유율은 약 80%정도 차지한다. 기본적으로 익스플로러에서 정상적으로 표시되어야한다.
▶ 한 OS에서는 하나의 버전 익스플로러만 설치가능하다. IE버전별 테스트를 하려면 버전에 맞는 테스트 PC가 여러대가 있어야한다. 사양이 높은 컴퓨터의 경우 가상PC를 세팅하여 사용가능하다.
▶ IEtester라는 프로그램을 통해서 크로스브라우징 테스트가 가능하다.
Link: IEteater Download
Step3. 소스보기
▶ IE: 키보드 ‘F12’버튼
▶ 크롬: 마우스 우클릭 후 요소검사
▶ 오페라: 마우스 우클릭 후 요소검사
▶ 사파리: 마우스 우클릭 후 요소점검
▶ 파이어폭스: 별도의 에드온 설치 후 사용가능
▷메뉴 – 도구 – 부가기능 – 검색: bug – Fire Bug 설치 – 재시작 – 마우스 우클릭 후 요소검사 가능
▷메뉴 – 도구 – 부가기능 – 검색: web – Web Developer 설치 – 재시작
▷Web Developer 사용(CSS 보기 등)
▷메뉴 – 도구 – 부가기능 – 검색: web – Web Developer 설치 – 재시작
▷Web Developer 사용(CSS 보기 등)
Reference.
▶브라우져 점유율 확인 사이트: http://trend.logger.co.kr/introduction.tsp
▶전 세계 웹표준 공식 사이트: http://www.w3.org/
▶한국 웹표준 공식 사이트: http://www.wah.or.kr/index.asp
▶전 세계 웹표준 공식 사이트: http://www.w3.org/
▶한국 웹표준 공식 사이트: http://www.wah.or.kr/index.asp
▷국내 관공서 사이트는 웹접근성 인증마크 획득이 필수. 인증사이트에서 소스 보기와 CSS보기를 통해서 웹 퍼블리싱 공부에 참고할 수 있도록 함.
▶네이버 웹표준 개발 가이드: http://html.nhncorp.com/