본문 바로가기

전체

 (116)
팝업창 닫기 JAVASCRIPT HTML 닫기
탭메뉴 HTML      공지사항                 공지사항 리스트입니다.         공지사항 리스트입니다.         공지사항 리스트입니다.         공지사항 리스트입니다.         공지사항 리스트입니다.                  보도자료                 보도자료 리스트입니다.         보도자료 리스트입니다.         보도자료 리스트입니다.         보도자료 리스트입니다.         보도자료 리스트입니다.                  이벤트                 이벤트 리스트입니다.         이벤트 리스트입니다.         이벤트 리스트입니다.         이벤트 리스트입니다.         이벤트 리스트입니다.       ..
Object 대체 컨텐츠 *object안에 있는 컨텐츠를 대체 컨텐츠로 인식한다고 하는군요!!* 플래시가 안나올경우 플래시 플레이어를 다운받으라는 데체 텍스트가 필요함. 플래시 플레이어가 필요합니다.www.adobe.com 를 클릭해서 다운로드 받으세요. 하지만 여기서 문제가 생김 플래시는 항상 1순위기 때문에 레이어가 위에있어도 그 최상단에 플래시가 로딩이된다,... 제이쿼리로 레이어가 실행되었을때 플래시를 display:none해주거나 스크립트 코드를 사용해서 플래시를 코딩해놓는 수밖에 없다.ㅠ_ㅠ
팀교육 : 탭메뉴 HTML 공지사항 공지사항 리스트입니다. 공지사항 리스트입니다. 공지사항 리스트입니다. 공지사항 리스트입니다. 공지사항 리스트입니다. 보도자료 보도자료 리스트입니다. 보도자료 리스트입니다. 보도자료 리스트입니다. 보도자료 리스트입니다. 보도자료 리스트입니다. 이벤트 이벤트 리스트입니다. 이벤트 리스트입니다. 이벤트 리스트입니다. 이벤트 리스트입니다. 이벤트 리스트입니다. CSS #tab_nav {width:190px; min-height:110px; border:4px solid #E6E6E6; padding:6px; overflow-y:auto} #tab_nav h2 {background:#999; color:#fff; font-weight:bold;} #tab_nav h2 a {display:bloc..
접근성을 해치지 않는 팝업 열기 HTML a href="#" onclick="openPopup('popup_print', this.href, '20','20','740','650','0','0','0','1','0'); return false;">새 창a>JSfunction openPopup(name, url, left, top, width, height, toolbar, menubar, statusbar, scrollbar, resizable) { var objPopup; toolbar_str  =  toolbar  ? 'yes' : 'no';  menubar_str  =  menubar  ? 'yes' : 'no';  statusbar_str =  statusbar   ? 'yes' : 'no';  scrollbar_str =  s..
팀교육 : 접근성을 해치지 않는 팝업 열기 HTML 새 창 JS function openPopup(name, url, left, top, width, height, toolbar, menubar, statusbar, scrollbar, resizable) { var objPopup; toolbar_str = toolbar ? 'yes' : 'no'; menubar_str = menubar ? 'yes' : 'no'; statusbar_str = statusbar ? 'yes' : 'no'; scrollbar_str = scrollbar ? 'yes' : 'no'; resizable_str = resizable ? 'yes' : 'no'; objPopup = window.open(url, name, 'left='+left+',top='+top+',..
이미지 갤러리 HTML CSS #gallery p {float:left; border:6px solid #333333; padding:5px} #gallery ul {clear:both; padding:10px 0 0 0} #gallery ul li {float:left; margin:0 4px 0 0; border:4px solid #333333} #gallery ul li.on {border:4px solid #FF3300} JQUERY jQuery(function($){ var imgThumb = $("#gallery ul li"); //썸네일 리스트를 변수로 저장 $("#gallery ul li:eq(0)").addClass("on"); //리스트 중 첫번째에 on 클래스 부여 //alert(thumbLengt..
팀교육 : 이미지 갤러리 HTML CSS #gallery p {float:left; border:6px solid #333333; padding:5px} #gallery ul {clear:both; padding:10px 0 0 0} #gallery ul li {float:left; margin:0 4px 0 0; border:4px solid #333333} #gallery ul li.on {border:4px solid #FF3300} JQUERY jQuery(function($){ var imgThumb = $("#gallery ul li"); //썸네일 리스트를 변수로 저장 $("#gallery ul li:eq(0)").addClass("on"); //리스트 중 첫번째에 on 클래스 부여 //alert(thumbLengt..
html 특수기호 표 (스크랩) Hex Code Entity Code Number Code Character Description " " " Quotation Mark & & & Ampersand ⁄ / / Slash < < Greater Than Sign ‚ &#130; ‚ Single Low-9 Quote „ &#132; „ Double Low-9 Quote † † &#134; † Dagger ‡ &#135; ‡ Double Dagger ‰ &#137; ‰ Per Mill Sign ‹ &#139; ‹ Single Left Angle Quote ‘ &#145; ‘ Left Single Quote ’ &#146; ’ Right Single Quote “ &#147; “ Left Double Quote ” &#148; ” Right Do..
CSS STYLE 완전 정리 @CSS : Cascading Style Sheet 완전기초 #id 명 {property(프로퍼티) : property 값} .class 명 {property(프로퍼티) : property 값} 부르는 방법 ////////////////////////////////////////////////////////////////////////////////////////// @색상과 배경 1.color : {color:red} | {color:#ff0000} | {color:rgb(255,0,0} 2.background : background-color:#ff0000 ==> 배경색 [transparent(투명도)] background-image:url("ma.jpg") ==> 배경이미지[none(이미지없음)] ..
HTML - DTD DTD (Document Type Definition) DTD 종류 DTD은 왜 작성해야 하나 DTD은 브라우저의 랜더링 모드를 지정해주고 유효성 검증기(Validator)의 기준이 되므로 (X)HTML 문서의 상단에 반드시 선언 해 주어야 합니다. 만일 DTD를 생략하거나 형식이 잘못된 문서일 경우에는 웹 브라우저마다 코드의 해석 방식이 다른 Quirks mode로 랜더링이 되기 때문에 엉뚱한 결과물로 출력되는 문제에 직면하게 됩니다. 웹 페이지에서 주로 사용하는 HTML 4.01 과 XHTML 1.0 에는(2007년 기준) 각각 Strict, Transitional, Frameset 의 3가지 DTD가 있습니다. (XHTML1.1에서는 Transitional 과 Frameset은 파기되고 Strict..
HTML - META 태그 정의 ------------------------------------------- meta = 페이지의 적용 되는 태그 페이지의 내용을 정의 하거나 페이지에 관한 모든 사항 을 알리는 태그 사용 ------------------------------------------- 사이에 사용한다. 종류 ------------------------------------------- 1. 이 메타태그는 필수 태그 이 메타태그는 페이지를 기본적으로 한글 폰트로 인코딩할 때 사용됨 이 메타태그는 현재의 문서가 한글로 작성되었다는 것을 의미 합니다. 이 메타태그를 쓰지 않는다면 기본 글꼴만 볼 수 있습니다. ex)굴림체란 글꼴을 지정하고 이 메타태그를 지정하면 브라우저에서 굴림체의 글꼴을 볼 수있습니다. ☞ 드림위버에..
HTML STYLE2 readonly 수정할수없고 읽을수만 있는 소스 select 박스 링크걸기 메뉴바로가기 하나 두울 세엣 네엣
CSS STYLE 1 FONT STYLE 글자 단위로 줄바꿈 word-wrap:break-word 단어 줄바뀜 word-break:keep-all; 자동줄바뀜 word-wrap:normal; table 보기페이지에서 사용 word-break:break-all; line-height:20px; [각줄띄우기] letter-spacing:10px; [글간격] text-align:center; [정렬방식] word-spacing:1px ; [낱말간격] TABLE 테이블상에 input들어갔는데 넓이가 달라져?? table {table-layout:fixed;}
HTML STYLE1 TABLE table작성 td값중 내용 세로 정렬 valign="top" valign="middle" valign="bottom" A 링크 map범위안보이게~ onfocus="blur()"
웹접근성이란게 뭘까? 웹접근성이란게 뭘까? 대충 정리를 해보자면 → 모든 사람들이 쉽게 볼수있는 웹페이지를 만드는 거라 할수있다. 장애인, 저사양 컴퓨터 사용자, 저속 회선 사용자, 노인, 리눅스, 텍스트 브라우저 사용자 등 신체적, 환경적 조건에 관계없이 웹에 접근하여 이용할 수 있도록 보장하는 것입니다. 그러기 위해선 표준코딩이 필요하다. 표준코딩 이건 또 뭐냐..? 말하는것을 들으면.. 플래쉬 없이 스크립트로 하고 alt 값만 잘 집어넣으면 된다고 하던데.. 카도 인가 뭔가에서 돌려서 100%에 가깝게 해야 된다고...ㄷㄷ 더 잘알아보야겠다.. ㅋㅋㅋㅋㅋㅋㅋㅋ 참고사이트 =웹 접근성 연구소 http://iabf.or.kr/Lab/ =웹 접근성 향상 캠페인 https://www.kado.or.kr/wa/About/Acti..

티스토리툴바