[실무전문교육]웹표준,웹퍼블리싱 마스터강좌_HTML5/CSS3/jQUERY/AJAX/Javascript

<p><b><span style="color: rgb(114, 114, 114); font-family: Dotum; line-height: 19.2px; font-size: 14pt; background-color: rgb(255, 255, 255);">[실무전문교육</span><span style="color: rgb(114, 114, 114); font-family: Dotum; line-height: 19.2px; font-size: 14pt; background-color: rgb(255, 255, 255);">]웹표준,웹퍼블리싱 마스터강좌_</span><span style="color: rgb(114, 114, 114); font-family: Dotum; line-height: 19.2px; font-size: 14pt; background-color: rgb(255, 255, 255);">HTML5/CSS3/</span><span style="color: rgb(114, 114, 114); font-family: Dotum; line-height: 19.2px; font-size: 14pt; background-color: rgb(255, 255, 255);">jQUERY/</span><span style="color: rgb(114, 114, 114); font-family: Dotum; line-height: 19.2px; font-size: 14pt; background-color: rgb(255, 255, 255);">AJAX/</span><span style="color: rgb(114, 114, 114); font-family: Dotum; line-height: 19.2px; font-size: 14pt; background-color: rgb(255, 255, 255);">Javascript</span></b><br></p><table cellspacing="0" cellpadding="0" width="100%"><tbody><tr><td class="mw_basic_view_content"><div id="view_183"><div id="view_content"> <div><font color="#00b0f0" size="4"><span style="LINE-HEIGHT: 19px"><br></span></font></div> <div style="line-height: 20px; background-color: rgb(248, 248, 249);" class="sttl2"><font color="#00b0f0" size="4"><b>소수 정예 과정!!</b></font></div> <div style="line-height: 20px; background-color: rgb(248, 248, 249);" class="sttl2"><font color="#00b0f0" size="4"><b>교육기간은 늘이고 교육비용은 확 낮추었습니다! </b></font></div> <div> </div> <div> </div> <div>현장 웹퍼블리싱 실전 전문가 직강!!</div> <div><br> <div class="sttl2">본 과정은 매월 1회정도 개강 됩니다.</div> <div class="sttl2"><span style="LINE-HEIGHT: 1.5; FONT-SIZE: 9pt"><br></span></div> <div class="sttl2"><span style="LINE-HEIGHT: 1.5; FONT-SIZE: 9pt">자세한 교육일정 및 환급/수강 안내는 아래 강좌 상세페이지에서  확인 바랍니다.</span></div></div> <div class="sttl2"><span style="LINE-HEIGHT: 1.5; FONT-SIZE: 9pt"><br></span></div> <div class="sttl2"><span style="LINE-HEIGHT: 1.5; FONT-SIZE: 9pt">평일주간[100%환급] : </span><a href="http://www.ojcedu.com/onj/curri/curri-master.html?command=1763" target="_blank">http://www.ojcedu.com/onj/curri/curri-master.html?command=1763</a>(5일, 48시간)</div> <div class="sttl2"><span style="LINE-HEIGHT: 1.5; FONT-SIZE: 9pt"><br></span></div> <div>주말주간(본인부담 0~20%) : 예정 강좌가 없습니다.</div> <div><br></div> <div>평일야간(본인부담 0~20%) : <a href="http://www.ojcedu.com/onj/curri/curri-master.html?command=1757" target="_blank">http://www.ojcedu.com/onj/curri/curri-master.html?command=1757</a><span style="LINE-HEIGHT: 16px; FONT-SIZE: 9pt">(21일 63시간, 하루3시간)</span></div> <div> </div> <div><span style="LINE-HEIGHT: 14px">주말야간(본인부담 0~20%) : 예정 강좌가 없습니다.</span></div> <div><span style="LINE-HEIGHT: 16px; FONT-SIZE: 9pt"><br></span></div> <div> <div style="BACKGROUND-IMAGE: url(http://www.ojcedu.com/onj/images/sttl2_back.gif); PADDING-BOTTOM: 20px; LINE-HEIGHT: normal; WIDTH: 750px; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: dotum; FLOAT: left; COLOR: rgb(102,102,102); background-clip: initial; background-size: initial; background-origin: initial" class="sttl2_back"> <div style="WIDTH: 750px; COLOR: rgb(32,116,202); MARGIN-LEFT: 20px; FONT-WEIGHT: bold; PADDING-TOP: 11px" class="sttl2">웹표준,웹접근성,웹퍼블리싱마스터(HTML,HTML5,CSS3,Javascript,jQUERY)</div></div> <h3 style="BACKGROUND-IMAGE: url(http://www.ojcedu.com/onj/lib/images/tit_icon.gif); LINE-HEIGHT: normal; MARGIN-TOP: 10px; PADDING-LEFT: 5px; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: dotum; BACKGROUND-POSITION: 0px 0%; COLOR: rgb(57,103,117); FONT-SIZE: 11pt; VERTICAL-ALIGN: middle; background-clip: initial; background-size: initial; background-origin: initial"><img style="BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; VERTICAL-ALIGN: top; BORDER-TOP: medium none; CURSOR: pointer; BORDER-RIGHT: medium none" title="강의안내 " name="target_resize_image[]" src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fwww.ojcedu.com%2Fonj%2Fimages%2Ftit13_title.gif" tmp_width="60" tmp_height="16"></h3> <div style="BORDER-BOTTOM: rgb(210,213,206) 0px solid; BORDER-LEFT: rgb(210,213,206) 0px solid; PADDING-BOTTOM: 0px; LINE-HEIGHT: normal; MARGIN-TOP: 10px; PADDING-LEFT: 0px; WIDTH: 750px; PADDING-RIGHT: 0px; FONT-FAMILY: dotum; FLOAT: left; COLOR: rgb(102,102,102); BORDER-TOP: rgb(210,213,206) 0px solid; BORDER-RIGHT: rgb(210,213,206) 0px solid; PADDING-TOP: 0px" class="tbl"> <table style="border: 1px solid rgb(216, 212, 194); line-height: 23px; border-collapse: collapse; font-family: dotum, Vertical, Arial; float: left;" border="0" cellspacing="0" cellpadding="0" width="100%"> <tbody> <tr> <th style="BORDER-BOTTOM: rgb(216,212,194) 1px solid; TEXT-ALIGN: center; BORDER-LEFT: rgb(216,212,194) 1px solid; BACKGROUND-COLOR: rgb(249,249,250); PADDING-LEFT: 5px; FONT-FAMILY: dotum; HEIGHT: 30px; COLOR: rgb(66,89,159); FONT-SIZE: 11px; BORDER-TOP: rgb(216,212,194) 1px solid; BORDER-RIGHT: rgb(216,212,194) 1px solid" width="100">강좌명</th> <td style="BORDER-BOTTOM: rgb(216,212,194) 1px solid; BORDER-LEFT: rgb(216,212,194) 1px solid; PADDING-LEFT: 5px; FONT-FAMILY: dotum; BORDER-TOP: rgb(216,212,194) 1px solid; BORDER-RIGHT: rgb(216,212,194) 1px solid"><b>웹표준,웹접근성,웹퍼블리싱마스터(HTML,HTML5,CSS3,Javascript,jQUERY)(평일야간)</b><br><font color="blue"><a style="color: rgb(102, 102, 102);" href="http://ojc.asia/" target="_blank">오라클자바커뮤니티(<font color="blue">ojc.asia</font>) 추천 실전강좌</a></font></td></tr> <tr> <th style="BORDER-BOTTOM: rgb(216,212,194) 1px solid; TEXT-ALIGN: center; BORDER-LEFT: rgb(216,212,194) 1px solid; BACKGROUND-COLOR: rgb(249,249,250); PADDING-LEFT: 5px; FONT-FAMILY: dotum; HEIGHT: 30px; COLOR: rgb(66,89,159); FONT-SIZE: 11px; BORDER-TOP: rgb(216,212,194) 1px solid; BORDER-RIGHT: rgb(216,212,194) 1px solid">교재</th> <td style="BORDER-BOTTOM: rgb(216,212,194) 1px solid; BORDER-LEFT: rgb(216,212,194) 1px solid; PADDING-LEFT: 5px; FONT-FAMILY: dotum; BORDER-TOP: rgb(216,212,194) 1px solid; BORDER-RIGHT: rgb(216,212,194) 1px solid">PDF or 자체교재제공(교재무료)</td></tr> <tr> <th style="BORDER-BOTTOM: rgb(216,212,194) 1px solid; TEXT-ALIGN: center; BORDER-LEFT: rgb(216,212,194) 1px solid; BACKGROUND-COLOR: rgb(249,249,250); PADDING-LEFT: 5px; FONT-FAMILY: dotum; HEIGHT: 30px; COLOR: rgb(66,89,159); FONT-SIZE: 11px; BORDER-TOP: rgb(216,212,194) 1px solid; BORDER-RIGHT: rgb(216,212,194) 1px solid">강좌 일정</th> <td style="BORDER-BOTTOM: rgb(216,212,194) 1px solid; BORDER-LEFT: rgb(216,212,194) 1px solid; PADDING-LEFT: 5px; FONT-FAMILY: dotum; BORDER-TOP: rgb(216,212,194) 1px solid; BORDER-RIGHT: rgb(216,212,194) 1px solid"><b>상단 URL에서 확인 바랍니다.<br></b>(최소 개강인원은 5명이며, 5명 미만인 경우 1~2주 정도 강좌가 연기될 수 있습니다.)</td></tr> <tr> <th style="BORDER-BOTTOM: rgb(216,212,194) 1px solid; TEXT-ALIGN: center; BORDER-LEFT: rgb(216,212,194) 1px solid; BACKGROUND-COLOR: rgb(249,249,250); PADDING-LEFT: 5px; FONT-FAMILY: dotum; HEIGHT: 30px; COLOR: rgb(66,89,159); FONT-SIZE: 11px; BORDER-TOP: rgb(216,212,194) 1px solid; BORDER-RIGHT: rgb(216,212,194) 1px solid">강의 장소</th> <td style="BORDER-BOTTOM: rgb(216,212,194) 1px solid; BORDER-LEFT: rgb(216,212,194) 1px solid; PADDING-LEFT: 5px; FONT-FAMILY: dotum; BORDER-TOP: rgb(216,212,194) 1px solid; BORDER-RIGHT: rgb(216,212,194) 1px solid"><span class="point2">[B강의장]</span>구로디지털단지역2번 출구 -> 미니스톱끼고 우회전 -> 100m 직진 후 골목길 끝에서 횡단보도 건너기 --> 우회전 후 구로호텔 직전 좌측길, 호텔 바로 뒤편 파트너스타워2차 301호 <br><a style="color: rgb(102, 102, 102);" href="http://www.ojcedu.com/onj/intro/s13.php" target="_blank">[약도보기]</a></td></tr> <tr> <th style="BORDER-BOTTOM: rgb(216,212,194) 1px solid; TEXT-ALIGN: center; BORDER-LEFT: rgb(216,212,194) 1px solid; BACKGROUND-COLOR: rgb(249,249,250); PADDING-LEFT: 5px; FONT-FAMILY: dotum; HEIGHT: 30px; COLOR: rgb(66,89,159); FONT-SIZE: 11px; BORDER-TOP: rgb(216,212,194) 1px solid; BORDER-RIGHT: rgb(216,212,194) 1px solid">지원절차</th> <td style="BORDER-BOTTOM: rgb(216,212,194) 1px solid; BORDER-LEFT: rgb(216,212,194) 1px solid; PADDING-LEFT: 5px; FONT-FAMILY: dotum; BORDER-TOP: rgb(216,212,194) 1px solid; BORDER-RIGHT: rgb(216,212,194) 1px solid">- 강좌내용 확인 후 페이지 하단 <b>"지원하기" 버튼 클릭</b><br>- 고용보험 가입자인 경우 관련 <b>서류 제출</b>(아래 "제출서류" 확인)<br>- 교육전 : 개강일자/시간 및 공지사항에 대하여 전화 또는 문자 공지<br>- 교육당일 : 교육 전 설문 작성(직무, 간단한 개발 경력, 수강 목적, 강좌 진행방식 등)<br>- 교육 중 : 수시로 제출되는 이론/실습 과제에 대하여 제출하면서 SKILL UP<br>- 교육후 : 메인 페이지 좌측 배너 클릭 후 교육 후 설문 작성</td></tr> <tr> <th style="BORDER-BOTTOM: rgb(216,212,194) 1px solid; TEXT-ALIGN: center; BORDER-LEFT: rgb(216,212,194) 1px solid; BACKGROUND-COLOR: rgb(249,249,250); PADDING-LEFT: 5px; FONT-FAMILY: dotum; HEIGHT: 30px; COLOR: rgb(66,89,159); FONT-SIZE: 11px; BORDER-TOP: rgb(216,212,194) 1px solid; BORDER-RIGHT: rgb(216,212,194) 1px solid">근로자개인<br>지원/결제안내</th> <td style="BORDER-BOTTOM: rgb(216,212,194) 1px solid; BORDER-LEFT: rgb(216,212,194) 1px solid; PADDING-LEFT: 5px; FONT-FAMILY: dotum; BORDER-TOP: rgb(216,212,194) 1px solid; BORDER-RIGHT: rgb(216,212,194) 1px solid">- 평일주간 교육은 사업주환급 교육만 가능하며 근로자 개인수강지원(근로자카드,내일배움카드)은 불가능 함.<br>- 근로자 개인수강지원의 경우 <b>재직자내일배움카드 또는 근로자카드 발급 받으신분만 수강 가능</b><br>- <b>카드를 수령하지 않았더라도 근로자카드 신청 후 노동부 승인 받은 상태(2~3일 이후)라면 수강 가능.<br>- 근로자 카드는 고용보험 가입자라면 누구나 간단한 절차를 통해 발급가능.<a style="color: rgb(102, 102, 102);" href="http://www.ojcedu.com/onj/course/course-32.html" target="_blank"><font color="blue">(근로자카드제도 및 발급안내)</font></a><br>- 본인부담액은 교육비의 0~20% 이며 계좌이체 ,근로자카드 또는 개인카드로 결제가능<br></b></td></tr> <tr> <th style="BORDER-BOTTOM: rgb(216,212,194) 1px solid; TEXT-ALIGN: center; BORDER-LEFT: rgb(216,212,194) 1px solid; BACKGROUND-COLOR: rgb(249,249,250); PADDING-LEFT: 5px; FONT-FAMILY: dotum; HEIGHT: 30px; COLOR: rgb(66,89,159); FONT-SIZE: 11px; BORDER-TOP: rgb(216,212,194) 1px solid; BORDER-RIGHT: rgb(216,212,194) 1px solid">사업주훈련<br>지원/결제안내</th> <td style="BORDER-BOTTOM: rgb(216,212,194) 1px solid; BORDER-LEFT: rgb(216,212,194) 1px solid; PADDING-LEFT: 5px; FONT-FAMILY: dotum; BORDER-TOP: rgb(216,212,194) 1px solid; BORDER-RIGHT: rgb(216,212,194) 1px solid">- 고용보험 가입자에 대하여 환급교육 가능<br>- <b>채용예정(확정)된 분은 현재 고용보험 미가입이라도 교육가능.</b>(채용예정 기업에서 결제하고 해당 기업으로 환급)<br>- 교육비는 전액 계좌이체 또는 카드(내방결제만 가능)로 교육전 결제 해야 하며 출석룔80% 이상 수료후 회사에서 관할 산업인력 공단으로 환급신청서 제출해서 환급절차 진행해야 되고, 보통 2~3주 정도 후 회사로 환급됨.(환급룔은 과정마다 다르니 확인필요)</td></tr> <tr> <th style="BORDER-BOTTOM: rgb(216,212,194) 1px solid; TEXT-ALIGN: center; BORDER-LEFT: rgb(216,212,194) 1px solid; BACKGROUND-COLOR: rgb(249,249,250); PADDING-LEFT: 5px; FONT-FAMILY: dotum; HEIGHT: 30px; COLOR: rgb(66,89,159); FONT-SIZE: 11px; BORDER-TOP: rgb(216,212,194) 1px solid; BORDER-RIGHT: rgb(216,212,194) 1px solid">수강료<br>입금안내</th> <td style="BORDER-BOTTOM: rgb(216,212,194) 1px solid; BORDER-LEFT: rgb(216,212,194) 1px solid; PADDING-LEFT: 5px; FONT-FAMILY: dotum; BORDER-TOP: rgb(216,212,194) 1px solid; BORDER-RIGHT: rgb(216,212,194) 1px solid">- 계좌이체(메인페이지 좌측 신한은행 계좌)<br>- 카드결제는 방문 카드 결제만 가능하며 온라인 카드결제는 지원하지 않습니다. <br>- 평일주간 기업100%환급 교육은 계좌이체만 가능합니다.(계산서 발급)</td></tr> <tr> <th style="BORDER-BOTTOM: rgb(216,212,194) 1px solid; TEXT-ALIGN: center; BORDER-LEFT: rgb(216,212,194) 1px solid; BACKGROUND-COLOR: rgb(249,249,250); PADDING-LEFT: 5px; FONT-FAMILY: dotum; HEIGHT: 30px; COLOR: rgb(66,89,159); FONT-SIZE: 11px; BORDER-TOP: rgb(216,212,194) 1px solid; BORDER-RIGHT: rgb(216,212,194) 1px solid">제출서류</th> <td style="BORDER-BOTTOM: rgb(216,212,194) 1px solid; BORDER-LEFT: rgb(216,212,194) 1px solid; PADDING-LEFT: 5px; FONT-FAMILY: dotum; BORDER-TOP: rgb(216,212,194) 1px solid; BORDER-RIGHT: rgb(216,212,194) 1px solid">- 고용주/사업주 환급 : 상단 정보마당/자료실의 <b>1번 근로자동의서, 2번 훈련위탁계약서(평일주간 교육은 2번만 필요)</b><br>- 근로자/내일배움 카드과정 : 상단 정보마당/자료실의 <b>5번 근로자카드,내일배움카드지원자용 신청서</b><br>- 제출방법 : 이메일(webmaster@oraclejavacommunity.com) or 팩스(0505-719-4790) or 내방<br></td></tr> <tr> <th style="BORDER-BOTTOM: rgb(216,212,194) 1px solid; TEXT-ALIGN: center; BORDER-LEFT: rgb(216,212,194) 1px solid; BACKGROUND-COLOR: rgb(249,249,250); PADDING-LEFT: 5px; FONT-FAMILY: dotum; HEIGHT: 30px; COLOR: rgb(66,89,159); FONT-SIZE: 11px; BORDER-TOP: rgb(216,212,194) 1px solid; BORDER-RIGHT: rgb(216,212,194) 1px solid">수강료 및<br>환급금액<br>강사소개</th> <td style="BORDER-BOTTOM: rgb(216,212,194) 1px solid; BORDER-LEFT: rgb(216,212,194) 1px solid; PADDING-LEFT: 5px; FONT-FAMILY: dotum; BORDER-TOP: rgb(216,212,194) 1px solid; BORDER-RIGHT: rgb(216,212,194) 1px solid">- <font color="#ff0000">상단 URL에서 확인 바랍니다.</font><b><br>[근로자직업능력개발훈련(근로자카드, 재직자내일배움)] 중소기업 정규직 20% 본인부담, 중소기업 비정규직/이직예정자/무급휴직자 무료, 대기업 정규직은 전액본인부담, 정규직50세이상/이직예정자 20% 본인부담, 비정규직/정규직무급휴직자 무료</b><br><br>[휴강] 법정공휴일<br><br>[강사소개] 실무 웹퍼블리싱 전문 강사 직강</td></tr> <tr> <th style="BORDER-BOTTOM: rgb(216,212,194) 1px solid; TEXT-ALIGN: center; BORDER-LEFT: rgb(216,212,194) 1px solid; BACKGROUND-COLOR: rgb(249,249,250); PADDING-LEFT: 5px; FONT-FAMILY: dotum; HEIGHT: 30px; COLOR: rgb(66,89,159); FONT-SIZE: 11px; BORDER-TOP: rgb(216,212,194) 1px solid; BORDER-RIGHT: rgb(216,212,194) 1px solid">문의안내</th> <td style="BORDER-BOTTOM: rgb(216,212,194) 1px solid; BORDER-LEFT: rgb(216,212,194) 1px solid; PADDING-LEFT: 5px; FONT-FAMILY: dotum; BORDER-TOP: rgb(216,212,194) 1px solid; BORDER-RIGHT: rgb(216,212,194) 1px solid">02-851-4790 번으로 연락 부탁 드립니다.</td></tr> <tr> <th style="BORDER-BOTTOM: rgb(216,212,194) 1px solid; TEXT-ALIGN: center; BORDER-LEFT: rgb(216,212,194) 1px solid; BACKGROUND-COLOR: rgb(249,249,250); PADDING-LEFT: 5px; FONT-FAMILY: dotum; HEIGHT: 30px; COLOR: rgb(66,89,159); FONT-SIZE: 11px; BORDER-TOP: rgb(216,212,194) 1px solid; BORDER-RIGHT: rgb(216,212,194) 1px solid">교육개요</th> <td style="BORDER-BOTTOM: rgb(216,212,194) 1px solid; BORDER-LEFT: rgb(216,212,194) 1px solid; PADDING-LEFT: 5px; FONT-FAMILY: dotum; BORDER-TOP: rgb(216,212,194) 1px solid; BORDER-RIGHT: rgb(216,212,194) 1px solid">HTML과 CSS를 주로 다루면서 웹 사이트의 사용자 화면을 설계하는 사람들을 주로 웹 퍼블리셔라고 하며 다양한 스마트폰, 다양한 브라우저에서 웹화면이 깨지지 않도록 웹페이지를 제작하는 역할을 한다고 보시면 됩니다. 현재 웹 생태계에서 최근에 각광을 받고 있는 직업이 있다면 단연 웹 퍼블리셔죠.<br><br>본 과정에서는 HTML, HTML5, CSS3, Javascript, jQuery등을 활용하여 어떠한 브라우저 환경에서도 깨지지 않는 웹페이지 제작 기술과 노하우를 학습하실 수 있을 것 입니다.<br><br>같이 동참하시기 바랍니다!</td></tr> <tr> <th style="BORDER-BOTTOM: rgb(216,212,194) 1px solid; TEXT-ALIGN: center; BORDER-LEFT: rgb(216,212,194) 1px solid; BACKGROUND-COLOR: rgb(249,249,250); PADDING-LEFT: 5px; FONT-FAMILY: dotum; HEIGHT: 30px; COLOR: rgb(66,89,159); FONT-SIZE: 11px; BORDER-TOP: rgb(216,212,194) 1px solid; BORDER-RIGHT: rgb(216,212,194) 1px solid">교육목표</th> <td style="BORDER-BOTTOM: rgb(216,212,194) 1px solid; BORDER-LEFT: rgb(216,212,194) 1px solid; PADDING-LEFT: 5px; FONT-FAMILY: dotum; BORDER-TOP: rgb(216,212,194) 1px solid; BORDER-RIGHT: rgb(216,212,194) 1px solid">- HTML의 이해 및 활용<br>- HTML5의 이해 및 활용<br>- CSS3에 대한 이해 및 활용<br>- Javascript의 이해 및 활용<br>- jQuery에 대한 이해 및 활용</td></tr> <tr> <th style="BORDER-BOTTOM: rgb(216,212,194) 1px solid; TEXT-ALIGN: center; BORDER-LEFT: rgb(216,212,194) 1px solid; BACKGROUND-COLOR: rgb(249,249,250); PADDING-LEFT: 5px; FONT-FAMILY: dotum; HEIGHT: 30px; COLOR: rgb(66,89,159); FONT-SIZE: 11px; BORDER-TOP: rgb(216,212,194) 1px solid; BORDER-RIGHT: rgb(216,212,194) 1px solid">교육대상</th> <td style="BORDER-BOTTOM: rgb(216,212,194) 1px solid; BORDER-LEFT: rgb(216,212,194) 1px solid; PADDING-LEFT: 5px; FONT-FAMILY: dotum; BORDER-TOP: rgb(216,212,194) 1px solid; BORDER-RIGHT: rgb(216,212,194) 1px solid">- 웹퍼블리셔가 되기위한 사람<br>- HTML및CSS를 배울려는 초보개발자<br>- 웹표준에 대한 이해가 부족한 개발자<br>- Ajax, jQuery능력이 부족한 개발자</td></tr> <tr> <th style="BORDER-BOTTOM: rgb(216,212,194) 1px solid; TEXT-ALIGN: center; BORDER-LEFT: rgb(216,212,194) 1px solid; BACKGROUND-COLOR: rgb(249,249,250); PADDING-LEFT: 5px; FONT-FAMILY: dotum; HEIGHT: 30px; COLOR: rgb(66,89,159); FONT-SIZE: 11px; BORDER-TOP: rgb(216,212,194) 1px solid; BORDER-RIGHT: rgb(216,212,194) 1px solid">선수학습</th> <td style="BORDER-BOTTOM: rgb(216,212,194) 1px solid; BORDER-LEFT: rgb(216,212,194) 1px solid; PADDING-LEFT: 5px; FONT-FAMILY: dotum; BORDER-TOP: rgb(216,212,194) 1px solid; BORDER-RIGHT: rgb(216,212,194) 1px solid">- HTML의 이해<br>- 웹에 대한 이해</td></tr></tbody></table> <div class="space"> </div></div> <h3 style="BACKGROUND-IMAGE: url(http://www.ojcedu.com/onj/lib/images/tit_icon.gif); LINE-HEIGHT: normal; MARGIN-TOP: 10px; PADDING-LEFT: 5px; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: dotum; BACKGROUND-POSITION: 0px 0%; COLOR: rgb(57,103,117); FONT-SIZE: 11pt; VERTICAL-ALIGN: middle; background-clip: initial; background-size: initial; background-origin: initial"><img style="BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; VERTICAL-ALIGN: top; BORDER-TOP: medium none; CURSOR: pointer; BORDER-RIGHT: medium none" title="교육내용 " name="target_resize_image[]" src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fwww.ojcedu.com%2Fonj%2Fimages%2Ftit7_title.gif" tmp_width="53" tmp_height="16"></h3> <div style="BORDER-BOTTOM: rgb(210,213,206) 0px solid; BORDER-LEFT: rgb(210,213,206) 0px solid; PADDING-BOTTOM: 0px; LINE-HEIGHT: normal; MARGIN-TOP: 10px; PADDING-LEFT: 0px; WIDTH: 750px; PADDING-RIGHT: 0px; FONT-FAMILY: dotum; FLOAT: left; COLOR: rgb(102,102,102); BORDER-TOP: rgb(210,213,206) 0px solid; BORDER-RIGHT: rgb(210,213,206) 0px solid; PADDING-TOP: 0px" class="tbl"> <table style="border: 1px solid rgb(216, 212, 194); line-height: 23px; border-collapse: collapse; font-family: dotum, Vertical, Arial; float: left;" border="0" cellspacing="0" cellpadding="0" width="100%"> <tbody> <tr> <th style="BORDER-BOTTOM: rgb(216,212,194) 1px solid; TEXT-ALIGN: center; BORDER-LEFT: rgb(216,212,194) 1px solid; BACKGROUND-COLOR: rgb(249,249,250); PADDING-LEFT: 5px; FONT-FAMILY: dotum; HEIGHT: 30px; COLOR: rgb(66,89,159); FONT-SIZE: 11px; BORDER-TOP: rgb(216,212,194) 1px solid; BORDER-RIGHT: rgb(216,212,194) 1px solid" width="100">웹표준/웹접근성</th> <td style="BORDER-BOTTOM: rgb(216,212,194) 1px solid; BORDER-LEFT: rgb(216,212,194) 1px solid; PADDING-LEFT: 5px; FONT-FAMILY: dotum; BORDER-TOP: rgb(216,212,194) 1px solid; BORDER-RIGHT: rgb(216,212,194) 1px solid">- 웹표준/웹접근성의 정의<br>- 웹접근성 준수하기<br>- W3C의 표준 문법<br>- 웹접근성 의무화를 준비하자!</td></tr> <tr> <th style="BORDER-BOTTOM: rgb(216,212,194) 1px solid; TEXT-ALIGN: center; BORDER-LEFT: rgb(216,212,194) 1px solid; BACKGROUND-COLOR: rgb(249,249,250); PADDING-LEFT: 5px; FONT-FAMILY: dotum; HEIGHT: 30px; COLOR: rgb(66,89,159); FONT-SIZE: 11px; BORDER-TOP: rgb(216,212,194) 1px solid; BORDER-RIGHT: rgb(216,212,194) 1px solid" width="100">HTML/HTML5</th> <td style="BORDER-BOTTOM: rgb(216,212,194) 1px solid; BORDER-LEFT: rgb(216,212,194) 1px solid; PADDING-LEFT: 5px; FONT-FAMILY: dotum; BORDER-TOP: rgb(216,212,194) 1px solid; BORDER-RIGHT: rgb(216,212,194) 1px solid">- HTML 구성요소<br>- HTML 문서작성법<br>- 텍스트 관련 태그<br>- 표제(Heading)<br>- 링크(Link)<br>- 배경(background)<br>- 테이블(table)<br>- 색(color)<br>- 레이아웃(Layout)<br>- 이미지맵(image map)<br>- 아이프레임(iframe)<br>- HTML과 XHTML<br>- 입력양식(form)<br>- 마퀴(Marquee)<br>- 오브젝트(Object)<br>- HTML5 개요<br>- HTML History<br>- HTML5 특징/장점<br>- HTML4 & HTML5<br>- 스마트폰용 HTML5의 기본 형태<br>- 동영상 & 이미지 다루기<br>- 그래픽 처리 ~ 캔버스</td></tr> <tr> <th style="BORDER-BOTTOM: rgb(216,212,194) 1px solid; TEXT-ALIGN: center; BORDER-LEFT: rgb(216,212,194) 1px solid; BACKGROUND-COLOR: rgb(249,249,250); PADDING-LEFT: 5px; FONT-FAMILY: dotum; HEIGHT: 30px; COLOR: rgb(66,89,159); FONT-SIZE: 11px; BORDER-TOP: rgb(216,212,194) 1px solid; BORDER-RIGHT: rgb(216,212,194) 1px solid" width="100">Javascript</th> <td style="BORDER-BOTTOM: rgb(216,212,194) 1px solid; BORDER-LEFT: rgb(216,212,194) 1px solid; PADDING-LEFT: 5px; FONT-FAMILY: dotum; BORDER-TOP: rgb(216,212,194) 1px solid; BORDER-RIGHT: rgb(216,212,194) 1px solid">Javascript 개요, 사용방법<br>반복문<br>함수<br>이벤트처리<br>내장객체(Number, Data, String, Mat, Array, Screen)<br>웹브라우저 내장객체(Window, Frame, Document, History 등)<br>입력양식(Form, text, textarea, password, button, submit, checkbox, radio, select)<br>Javascript오 DOM 다루기<br>Javascript 응용 Application 작성</td></tr> <tr> <th style="BORDER-BOTTOM: rgb(216,212,194) 1px solid; TEXT-ALIGN: center; BORDER-LEFT: rgb(216,212,194) 1px solid; BACKGROUND-COLOR: rgb(249,249,250); PADDING-LEFT: 5px; FONT-FAMILY: dotum; HEIGHT: 30px; COLOR: rgb(66,89,159); FONT-SIZE: 11px; BORDER-TOP: rgb(216,212,194) 1px solid; BORDER-RIGHT: rgb(216,212,194) 1px solid" width="100">CSS3</th> <td style="BORDER-BOTTOM: rgb(216,212,194) 1px solid; BORDER-LEFT: rgb(216,212,194) 1px solid; PADDING-LEFT: 5px; FONT-FAMILY: dotum; BORDER-TOP: rgb(216,212,194) 1px solid; BORDER-RIGHT: rgb(216,212,194) 1px solid">- CSS3 개요<br>- CSS와 HTML의 상호 작용에 대한 이해<br>- 레이아웃, 글꼴, 텍스트<br>- 테이블, 리스트, 폼</td></tr> <tr> <th style="BORDER-BOTTOM: rgb(216,212,194) 1px solid; TEXT-ALIGN: center; BORDER-LEFT: rgb(216,212,194) 1px solid; BACKGROUND-COLOR: rgb(249,249,250); PADDING-LEFT: 5px; FONT-FAMILY: dotum; HEIGHT: 30px; COLOR: rgb(66,89,159); FONT-SIZE: 11px; BORDER-TOP: rgb(216,212,194) 1px solid; BORDER-RIGHT: rgb(216,212,194) 1px solid" width="100">jQuery</th> <td style="BORDER-BOTTOM: rgb(216,212,194) 1px solid; BORDER-LEFT: rgb(216,212,194) 1px solid; PADDING-LEFT: 5px; FONT-FAMILY: dotum; BORDER-TOP: rgb(216,212,194) 1px solid; BORDER-RIGHT: rgb(216,212,194) 1px solid">- 왜 jQuery인가?<br>- jQuery 문법<br>- jQuery 라이브러리 <br>- jQuery 개요, 다운로드, 설치<br>- $(document).ready() 메소드<br>- Selector<br>- $(“*"), $("#ID"), $("DIV"),$(".classname"), $("p > a"), <br>- $(“elementname.classname")<br>- 속성 선택자, 속성(attr)<br>- 입력양식 필터 선택자<br>- 위치와 관련된 필터 선택자<br>- jQuery 배열(Array) 관리<br>- jQuery 객체 확장<br>- 기본 필터링 메소드 <br>- 특정 위치 문서 객체 선택<br>- 문서 객체에서 특정 태그를 선택하는 방법<br>- innerHTML 속성과 관련된 jQuery 메서드 <br>- 문서객체 생성 , 제거<br>- jQuery Event<br>- 이벤트 관련 메소드(발생, 제거)<br>- 이벤트 자동 발생<br>- 마우스/키보드/윈도우/입력양식 이벤트<br>- jQuery 기본효과, 사용자지정효과<br>- jQuery, Ajax 관련 메소드<br>- XML 문서 다루기<br>- 입력양식 전송</td></tr> <tr> <th style="BORDER-BOTTOM: rgb(216,212,194) 1px solid; TEXT-ALIGN: center; BORDER-LEFT: rgb(216,212,194) 1px solid; BACKGROUND-COLOR: rgb(249,249,250); PADDING-LEFT: 5px; FONT-FAMILY: dotum; HEIGHT: 30px; COLOR: rgb(66,89,159); FONT-SIZE: 11px; BORDER-TOP: rgb(216,212,194) 1px solid; BORDER-RIGHT: rgb(216,212,194) 1px solid" width="100">실전 퍼블리싱</th> <td style="BORDER-BOTTOM: rgb(216,212,194) 1px solid; BORDER-LEFT: rgb(216,212,194) 1px solid; PADDING-LEFT: 5px; FONT-FAMILY: dotum; BORDER-TOP: rgb(216,212,194) 1px solid; BORDER-RIGHT: rgb(216,212,194) 1px solid">- 웹표준 및 웹접근성의 이해<br>- HTML, CSS, jQuery를 이용한 실전 퍼블리싱 실습</td></tr></tbody></table> <div class="space"> </div></div></div> <div class="tbl"> <div class="space"> <table border="0" cellspacing="0" cellpadding="0" width="100%" bgcolor="#ffffff"> <tbody> <tr> <td height="55" width="170" align="middle"><a href="http://www.ojcedu.com/" target="_blank"><img style="CURSOR: pointer" border="0" name="target_resize_image[]" src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fwww.ojcedu.com%2Fonj%2Ff_mail%2Fimg%2Flogo_t.gif" tmp_width="177" tmp_height="55" onclick="image_window(this)"></a></td> <td style="TEXT-ALIGN: right; COLOR: #000; FONT-SIZE: 14px; VERTICAL-ALIGN: bottom; FONT-WEIGHT: bold"><img style="CURSOR: pointer" name="target_resize_image[]" src="https://img1.daumcdn.net/relay/cafe/original/?fname=http%3A%2F%2Fwww.ojcedu.com%2Fonj%2Ff_mail%2Fimg%2Ftop_txt.gif" tmp_width="293" tmp_height="55" onclick="image_window(this)"> </td></tr></tbody></table></div></div></div><a href=""></a><a href=""></a></div></td></tr></tbody></table><p><br> </p><div class="autosourcing-stub"> <p style="margin-top: 11px; margin-bottom: 7px;"><a href="http://ojc.asia/bbs/board.php?bo_table=news&wr_id=183" target="_blank">[출처] 오라클자바커뮤니티 - http://ojc.asia/bbs/board.php?bo_table=news&wr_id=183</a></p></div><p><br></p>