개발은 핵찜이야/HTML/CSS
웹표준 가이드 [daum] 사이트 제작순서
주인정
2012. 7. 3. 14:48
웹표준 개발 가이드
1. 다음 가이드
http://darum.daum.net/convention/name
2. 네이버
http://html.nhncorp.com/data/convention/NHN_Coding_Conventions_for_Markup_Languages.pdf
용어
gnb (global navigation bar) - 주메뉴
lnb (local navigation bar) - 서브메뉴
체크 Tip!
- Cross Browser 지원 : IE외 Firefox 등 기타 브라우저에서도 동일한 View 제공
- 웹표준 : W3C Validator 에러없이 통과 ( Validator 통과 Tip )
- 코딩은 위지윅 방식이 아닌 Editor를 이용한 하드코딩을 기준으로 한다.
- 로딩속도 고려하여 제작 : 불필요한 태그 및 무분별한 테이블 사용 금지!
- 전체 적용되는 CSS 사용금지! (body, table, td 등 html태그에 스타일 넣지 않고 클래스를 만들어서 사용)
- Daum의 템플릿 안에 컨텐츠가 들어오는 형식이기 때문에 <body>등의 태그 사용하지 않음!
테이블 레이아웃일 경우 <table>~</table> - 페이지 용량 : 템플릿 부분 제외하고 70K 이내
사이트 제작순서
1. 제작기획
2. 개발계획 수립
3. 시안 작업
4. 디자인 작업
5. 구조 설계
6. 프로그램 작업
7. 테스트
8. 오픈