Live Brilliant

웹표준 가이드 [daum] 사이트 제작순서 본문

개발은 핵찜이야/HTML/CSS

웹표준 가이드 [daum] 사이트 제작순서

주인정 2012. 7. 3. 14:48

웹표준 개발 가이드


1. 다음 가이드

http://darum.daum.net/

http://darum.daum.net/convention/name


2. 네이버

http://html.nhncorp.com/

http://html.nhncorp.com/data/convention/NHN_Coding_Conventions_for_Markup_Languages.pdf


용어

gnb (global navigation bar) - 주메뉴

lnb (local navigation bar) - 서브메뉴


체크 Tip!

  1. Cross Browser 지원 : IE외 Firefox 등 기타 브라우저에서도 동일한 View 제공
  2. 웹표준 : W3C Validator 에러없이 통과 ( Validator 통과 Tip )
  3. 코딩은 위지윅 방식이 아닌 Editor를 이용한 하드코딩을 기준으로 한다.
  4. 로딩속도 고려하여 제작 : 불필요한 태그 및 무분별한 테이블 사용 금지!
  5. 전체 적용되는 CSS 사용금지! (body, table, td 등 html태그에 스타일 넣지 않고 클래스를 만들어서 사용)
  6. Daum의 템플릿 안에 컨텐츠가 들어오는 형식이기 때문에 <body>등의 태그 사용하지 않음!
    테이블 레이아웃일 경우 <table>~</table>
  7. 페이지 용량 : 템플릿 부분 제외하고 70K 이내

사이트 제작순서
1. 제작기획

2. 개발계획 수립

3. 시안 작업

4. 디자인 작업

5. 구조 설계

6. 프로그램 작업

7. 테스트

8. 오픈


Comments