모던 웹을 위한 JavaScript + jQuery 입문 윤인성 저자한빛미디어 자바스크립트 완벽 가이드데이비드 플래너건 저자인사이트 자바스크립트 코딩 기법과 핵심 패턴스토얀 스테파노프 저자인사이트 자바스크립트 웹 애플리케이션알레스 맥카우 저자한빛미디어 자바스크립트 성능 최적화니콜라스 자카스 저자한빛미디어

디자인에 앞서 반드시 숙지해야 할 사항색상으로 표현된 정보는 색상을 배제하여도 원하는 내용을 전달할 수 있어야 한다.전경색과 배경색은 충분한 대비를 가지고 있어야 한다.텍스트는 쉽게 읽을 수 있도록 충분한 크기도 제공되어야 한다.(KADO의 품질마크 인증 기준에 의하면 판독하기 쉬운 텍스트의 충분한 최소 크기는 12px로 정의하고 있음.이용에 시간제한이 있는 콘텐츠의 경우 경고 및 시간조절 기능을 제공하여야 한다.팝업창을 불필요하게 사용하지 않아야 한다.각 링크의 목표 위치를 명확하게 하여야 한다. 색상으로 표현된 정보는 색상을 배제하여도 원하는 내용을 전달할 수 있어야 함. 도형의 모양을 달리 하여 색 뿐만 아니라 도형의 모양으로 구분이 가능하게 함. 명도 대비는 최소 4.51:1을 유지해야 함배경색이..

프로그램 개발에 앞서 반드시 숙지해야 할 사항.불필요 하거나 과도하게 많은 프레임을 사용하지 않아야 한다.키보드만으로 모든 콘텐츠를 제어할 수 있어야 한다.각 서식 제어 요소를 설명하는 레이블을 사용하여야 한다.키보드만으로도 온라인 서식 입력 및 서식 간 이동이 가능하여야 한다.스크립트, 애플릿, 플러그인 등 부가 어플리케이션에 의한 콘텐츠는 자체적인 접근성을 지니고 있어야 html페이지에 프로그램을 입히면서 올바른 태그를 사용하지 않는 경우최근 개발된 사이트는 대부분 XHTML 1.0 Transitional 형식 이지만 개발자 대부분은 그에 맞는 태그 지식이 없음. 최초 만들어진 html 문서와 함께 개발과 연관된 태그 가이드라인 제공 필요. - DTD가 XHTML형식일 때에는 닫기와 따옴표를 생략할 ..

/* html */headercontainer footer /* css */ html, body{width:100%height:100%}html{width:100%;height:100%}body{width:100%;height:100%} html과 body에 height:100%를 적용시킵니다. #header{width:100%;height:50px;position:relative;z-index:20;overflow:hidden;background-color:#fcc} 백그라운드컬러는 잘 먹혔는지 확인을 위한것일뿐입니다.높이값을 꼭 header에 정해주어야되며 position이 필수로 있어야지 container가 올라왔을때 z-index를 이용해서 container위에 올라올수있습니다.(z-index의 ..