강연자료 배포 - 드림위버를 이용한 웹 표준 코딩 가이드.
오늘 4/25(목) 비즈델리에서 주최하는 웹 표준 & CSS 실무 가이드 워크샵
에서 드림위버를 이용한 웹 표준 코딩 가이드
라는 주제로 강연을 다녀왔습니다. 이 강연을 위하여, 그리고 더 많은 분들과의 공유를 위하여 특별히 HTML 버전의 프리젠테이션 문서를 준비하였는데 결국 이렇게 아주 쉬운 방법으로 여러분들에게 공개해 드릴 수 있게 되었습니다. 이 문서는 별도의 출력용 스타일 시트(print.css)를 사용하여 인쇄에도 적합합니다. 또한 웹 표준을 이제 막 시작하시는 분들은 프리젠테이션 문서 자체의 XHTML 사용방법과 CSS 코드를 분석해 보시는 것도 권장해 드립니다. 강연할때에는 다소 긴장도 되고 시간제한 때문에 빠르게 스킵된 부분이 있는데 이 문서를 보시면 강연때 부족했던 내용들을 보다 상세하게 파악하실 수 있습니다. 이 문서는 제 강연을 듣지 않은 사람이라도 이해하는데 무리가 없도록 충분히 고려하여 제작되었습니다. 이 문서는 CCL 2.0 라이센스(저작자 표시, 비영리, 변경금지)에 따라서 누구라도 복제, 배포, 전송, 전시, 공연 하실 수 있습니다.
웹 표준 준수 방법
(X)HTML&CSS 유효성 검사, 웹 접근성 향상, Cross Browsing Check
- DTD 관리 : DTD Setting & DTD Swiching
기본 DTD 설정 및 DTD 전환하기 - 접근성 대화상자 : Accessibility Dialog Box
접근성 속성 대화상자의 사용 - (X)HTML 유효성 검사 : (X)HTML Validation Check
(X)HTML Markup 표준 문법 검사 - CSS 유효성 및 Cross Browsing 검사 : CSS Validation & Cross Browsing Check
CSS 유효성 및 브라우저 호환성 검사 - 웹 접근성 검사 : Accessibility, WCAG 1.0 & Section 508
WCAG 1.0 및 Section 508 검사
CSS 관리 기법
숙련도 및 선호에 따른 CSS 관리방법, 대표속성 사용, 미디어타입 설정
- CSS 대화상자 : CSS Dialog Box
대화상자를 이용하여 CSS 코딩하기 - CSS 속성패널 : CSS Properties Panel
속성패널을 이용하여 CSS 코딩하기 - CSS 코드뷰 : CSS Code View
코드뷰를 이용하여 CSS 코딩하기 - CSS 대표속성 : CSS Shorthand Properties
대표속성으로 코딩하기 - CSS 링크 & 가져오기, 미디어 타입 설정 : CSS Link & Import, Media Type
Link 와 Import 그리고 Media Type 설정하기
코딩의 기술
코딩 속도 개선 및 코드 품질 향상 기법
- 코드 자동 완성 : Code Hints
코드 자동완성(Space, Ctrl+Space)기능 - 빠른 태그 편집 : Quick Tag Editor
빠른 태그 편집(Ctrl+T) 기능 - 단축키의 확장 : Keyboard Shortcuts
필수 단축키와 단축키의 최적화 - 삽입 메뉴 관리 : Insert Panel Favorites
삽입 메뉴 최적화 - 코드 관리 : Code Management
코드의 정렬(Source Formatting, Tag Library)
이 워크샵에 참석했던 분들 중(또는 누구라도) 제게 추가 질문이 있으시거나 강연장에서 원하는 답변을 얻지 못한 경우 아래 댓글쓰기를 통하여 다시 질문해 주세요. 24시간 이내에 답변 드리겠습니다.
