I LOVE EJ

position 프로퍼티에는 relative, absolute, static, inherit, fixed 5가지 값을 설정할 수 있다. 대부분의 엘레먼트에는 static이 기본값으로 설정되어 있다. static으로 지정된 엘리먼트는 페이지 내에서 차례대로 그 위치가 결정된다. 즉, 먼저 위치한 엘리먼트에 따라 현재 엘리먼트의 위치가 결정된다. relative는 static의 위치에서 지정된 오프셋만큼 떨어진 위치에 놓는 방식이다. absolute는 엘리먼트의 위치를 절대값으로 지정하기 때문에 다른 엘리먼트에 영향을 받지 않는다. 즉, 다른 엘리먼트와 겹쳐서 위치시키는 것도 가능해진다. fixed방식은 absolute와 비슷하며, 특정 시야각에서 상대적인 위치에 엘리먼트를 놓는다는 점이 다르다. top, ..

웹표준 웹표준 너도 나도 웹표준!! 하면서 어느 순간 table 구조는 구시대적인것이 되었고 div는 신기술처럼 느껴지기 시작했다. 왜 그럴까? 일단 table 구조를 div로 바꾸고 font, b같은 태그들을 스타일시트(css)로 사용하게 되면 html 코드 양은 반 이하로 줄일수도 있고.. 이렇게 구조와 표현이 분리되면 결과적으로 사이트의 로딩 속도도 빨라지며 코딩과 유지보수의 효율성이 증대된다. 표준을 지킨 사이트에서는 오히려 코드의 양이 줄고 속도가 늘어나며 재개바라 효율성이 증대 된다는 것이다. css를 이용해 구조(html)와 표현(css)을 분리해주면 구조는 변하지 않은채 여러가지 디자인을 적용한다거나 상황에 따라 쉽게 디자인을 변경하는것이 가능해진다,. 상호 호환성은 표준 웹 기술을 채용하..

■ 웹접근성 관련 기간 웹 접근성 연구소 http://www.wah.or.kr/ 정보통신 접근성 향상 표준화 포럼 http://www.iabf.or.kr/ ■ 웹접근성 공부하기 좋은 사이트 웹 접근성 연구소 - 웹 콘텐츠 제작기법 (웹 표준에 맞게 코딩해야 하는 방법들이 있다) http://www.wah.or.kr/Example/index.asp Standard Magagzine (Discussions>UI / UX Design에 들가서 보자) http://forum.standardmag.org/?s=47b99f07271a0095a42c74b836ee6746&p=883 나라디자인 http://naradesign.net/wp/ 지식공유>웹표준 스터디에 웹표준강좌 괜찮음!! http://cafe.naver...

스크린리더 (Screen reader)는 개인용 컴퓨터를 사용할 때 화면에서 일어나는 일을 소리로 설명하여 주는 컴퓨터 프로그램 제품입니다. 화면의 내용을 확인할 수 없고, 마우스의 위치나 키보드로 입력한 내용을 확인할 수 없는 시각 장애인(시력 0.3 이하 또는 시야가 10° 이하)들이 정상인과 마찬가지로 컴퓨터를 사용할 수 있게 한다. 스크린 리더는 컴퓨터 내부의 동작 정보나 발생하는 이벤트, 그리고 키보드 등의 입출력 내용을 감시하다가 필요한 경우 음성으로 출력한다. 장애 정도가 경미하여 화면을 파악하거나 키보드 또는 마우스로의 입력을 어느 정도 할 수는 있으나 그 내용을 쉽사리 확인할 수는 없는 준맹이나 저시력자는 화면 확대 프로그램을 사용한다. 복지단체나 행안부 등 관련 지원 기관에서 시각장애인..

시각장애인의 웹 이용에 대해 이해를 위해 http://www.iabf.or.kr/ 사이트 메인에 보면 "웹 접근성 동영상 ( http://www.kado.or.kr/wa/data/wa_WMV_512Kbit_stream.wmv ), 시각장애인의 컴퓨터 활용-전맹 ( http://www.iabf.or.kr/pr/blindness.wmv ), 시각장애인의 컴퓨터 활용- 저시력인 ( http://www.iabf.or.kr/pr/low_vision.wmv )" 동영상 3가지 있는데 보시면 도움이 많이 됩니다. 테스트한 스크린리더 프로그램: 센스리더 프로페셔날 (옵션은 기본 설정) 주로 테스트한 부분은 메인, 회원가입, 게시판 글 남기기, 검색 브라우저의 타이틀부터 읽어 내려갑니다. 페이지내 이동은 키보드 방향키로..

퀵메뉴 레이어의 좌우 정렬은 left:890px을 조정하시고 상하로의 정렬은 top:40px을 조정하세요 퀵메뉴 레이어의 크기는 width:96; height:600; 을 퀵메뉴용 이미지 quick.gif 크기에 맞춰 원하시는 크기로 조정하세요

원하시는 메뉴는? 한식 양식 중식 기타 기타사항 입력:

이 포스트를 보낸곳 () Wrox Professional JavaScript for Web Developer( 자세한 내용은 책에... 좋은 책이다. GOOD!!! )JavaScript is  1. The Core( ECMAScript )  2. The Document Object Model ( DOM )  3. The Browser Object Model( BOM )현재의 모든 웹 브라우저는 ECMA-262 의 third edition을 따른다.ECMAScript 의 기본 컨셉은 다음과 같다.- Everything is case-sensitive.- variabled are loosely typed.- End-of-line semicolons are optional( ";"이 없으면 라인의 끝을 문장의..