<p> </p><div class="table-wrap"><table data-ke-type="table" data-ke-align="alignLeft" style="width: 100%;" border="1"><tbody><tr><td>교 과 목 해 설</td></tr><tr><td>본 교과목의 목적은 처음으로 웹프로그래밍을 접하는 학생들에게 기본 기술과 구조, 제작 방식을 습득하게 하는 데 있다. 기존의 애플리케이션 구조에서 최근에는 HTML5, CSS3, Javascript의 활발한 성장을 기반으로 웹 기반의 애플리케이션 구조로 변화하고 있는 과정에 있다. 본 강좌에서는 이러한 기본적인 웹 프로그래밍에 대해 배우고 이를 기반으로 웹 페이지를 제작하는 이론적 지식과 기술 등을 습득하도록 도와준다.</td></tr></tbody></table></div><div class="table-wrap"><table data-ke-type="table" data-ke-align="alignLeft" style="width: 100%;" border="1"><tbody><tr><td>핵심역량</td><td>세부핵심역량</td><td>반영률</td><td>학습목표</td><td>수행준거</td><td>성취목표</td><td>평가방법</td></tr><tr><td>창의융합역량</td><td>설계능력</td><td>20%</td><td>HTML5을 활용하여 설계하고 구현하며, 이를 검증할 수 있는 활용능력을 배울 수 있다.</td><td>웹프로그래밍에 관련된 개념을 이해하고, 이에 대한 자료를 찾아 준비할 수 있다.</td><td>70%</td><td>과제</td></tr><tr><td rowspan="3">전문역량</td><td>기본지식</td><td>30%</td><td>웹프로그래밍을 통해 전공분야에서 문제해결 능력을 함양한다.</td><td>문제해결을 위해 웹프로그램을 작성한다.</td><td>70%</td><td>과제</td></tr><tr><td>모델링능력</td><td>20%</td><td>자바스크립트와 jQuery 라이브러리를 통해 프로젝트 진행에서 필수적으로 필요한 프로그램 능력을 기를 수 있다.</td><td>작성된 자바스크립트와 jQuery 라이브러리의 오류를 찾아 수정한다.</td><td>70%</td><td>과제</td></tr><tr><td>도구사용</td><td>20%</td><td>주어진 문제에 대해 웹프로그래밍으로 해결할 수 있는 능력을 기를 수 있다.</td><td>웹프로그래밍 개발 도구를 이용하여 프로그래밍할 수 있다.</td><td>70%</td><td>과제</td></tr><tr><td>협업역량</td><td>팀워크</td><td>10%</td><td>문제에 대해 웹프로그래밍으로 해결할 수 있는 능력을 기를 수 있다.</td><td>웹프로그래밍 개발 도구를 이용하여 프로그래밍 과제를 수행한다.</td><td>70%</td><td>과제</td></tr></tbody></table></div><div class="table-wrap"><table data-ke-type="table" data-ke-align="alignLeft" style="width: 100%;" border="1"><tbody><tr><td colspan="6">강 좌 내 용</td></tr><tr><td>주</td><td></td><td>교 수 내 용</td><td>방 법</td><td>관 련 자 료</td><td>과 제 물</td></tr><tr><td>1</td><td><br><br></td><td>웹프로그램 수업을 시작하면서, 웹프로그램의 교과목 개요, 수업목표, 수업계획에 대한 설명, 교재, 웹프로그래밍 시작을 하기 위한 개발 환경을 설치한다.</td><td>강의</td><td>강의자료</td><td><br><br></td></tr><tr><td>2</td><td><br><br></td><td>웹 개요와 실습환경, 웹의 동작 원리, 웹표준 기술, HTML5 주요기능을 학습한다. 멀티미디어, 그래픽, 통신, 장치 접근, 오프라인 및 저장소, 시맨틱, CSS3스타일시트를 학습한다.</td><td>강의</td><td>강의자료</td><td>예제 프로그램 구현</td></tr><tr><td>3</td><td><br><br></td><td>HTML5 기본구조와 HTML5 페이지 기본 구조, HTML5 페이지 기본 작성법, CSS3 종류와 기본 작성, 자바스크립트의 종류와 작성, 검사를 이용한 오류 확인을 이용해서 웹 페이지 프로그램을 작성한다.</td><td>강의</td><td>강의자료</td><td>예제 프로그램 구현</td></tr><tr><td>4</td><td><br><br></td><td>HTML5 기본태그, 목록태그, 테이블태그, 이미지 태그, 공간분할 태그, 시맨틱 태그를 학습하고 예제 프로그램을 구현한다. HTML5 기본 태그로 웹 페이지 프로그램을 작성한다.</td><td>강의</td><td>강의자료</td><td>예제 프로그램 구현 및 연습문제</td></tr><tr><td>5</td><td><br><br></td><td>HTML5 멀티미디어 태그와 입력 양식 태그를 학습한다. 오디오 태그, 비디오 태그, 입력양식 태그에 대해서 프로그램을 작성한다. 블로그의 레이아웃 구성에 대해서 학습한다</td><td>강의</td><td>강의자료</td><td>예제 프로그램 구현 및 연습문제</td></tr><tr><td>6</td><td><br><br></td><td>CSS3 스타일 시트, CSS3 선택자, 기본 선택자와 속성 선택자, 후손 선택자 및 자손 선택자, 반응 상태 구조 선택자에 대해 학습하고, 웹 페이지를 구성한다.</td><td>강의</td><td>강의자료</td><td>예제 프로그램 구현 및 연습문제</td></tr><tr><td>7</td><td><br><br></td><td>CSS3 속성, 박스 속성, 디스플레이 속성, 배경속성, 글자 속성 위치 속성, 그림자 속성, 그레이디언트를 이용한 웹페이지를 구성한다. 배경 이미지 삽입과 크기조절과 CSS3로 애니메이션 프로그램을 작성한다.</td><td>강의</td><td>강의자료</td><td>예제 프로그램 구현 및 연습문제</td></tr><tr><td>8</td><td><br><br></td><td>중간시험 - 웹프로그래밍의 문법 및 예제 프로그램을 통한 프로그램 개발 능력에 대한 전문 지식 습득을 한다.</td><td>중간</td><td>평가자료</td><td><br><br></td></tr><tr><td>9</td><td><br><br></td><td>CSS3 응용과 레이아웃을 학습하고 수평정렬, 중앙정렬 레이아웃, 절대위치를 사용한 요소 배치, 고정위치를 사용한 생성, 글자 생략을 이용하여 웹페이지를 작성한다.</td><td>강의</td><td>강의자료</td><td>예제 프로그램 구현 및 연습문제</td></tr><tr><td>10</td><td><br><br></td><td>반응형 웹, 메타 태그와 뷰포인트 메타 태그, 미디어 타입으로 사용자 장치 구분, 반응형 웹 패턴을 이용하여 웹 페이지를 구성한다. 블로그에 스타일 시트를 적용한다.</td><td>강의</td><td>강의자료</td><td>예제 프로그램 구현 및 연습문제</td></tr><tr><td>11</td><td><br><br></td><td>자바스크립트에서 자료형과 연산자를 학습하고 조건문, 반복문을 사용하여 프로그램 흐름을 제어하는 방법을 학습한다. 객체의 기본 개념을 이해하고 속성과 메소드를 구분하여 자바스크립트를 활용한다.</td><td>강의</td><td>강의자료</td><td>예제 프로그램 구현</td></tr><tr><td>12</td><td><br><br></td><td>문서 객체와 문서 객체 모델의 개념을 학습하고 문서 객체를 선택하고 조작하는 방법을 학습한다. 문서객체를 사용해 마우스 클릭 또는 키보드 이벤트를 할 수 있는 프로그램을 작성한다.</td><td>강의</td><td>강의자료</td><td>예제 프로그램 구현</td></tr><tr><td>13</td><td><br><br></td><td>jQuery 라이브러리를 HTML 페이지에 추가, jQuery 라이브러리를 사용해 문서 객체를 조작 및 문서 객체에 효과를 부여, jQuery 플러그인을 이용하여 프로그램을 작성한다.</td><td>강의</td><td>강의자료</td><td>예제 프로그램 구현</td></tr></tbody></table></div><div class="table-wrap"><table data-ke-type="table" data-ke-align="alignLeft" style="width: 100%;" border="1"><tbody><tr><td>14</td><td><br><br></td><td>자바스크립트와 jQuery 라이브러리를 이용하여 이벤트를 활용하는 방법, jQuery 플로그인을 사용하는 방법을 학습한다. jQuery 라이브러리를 사용해 캘러리를 구성한다.</td><td>강의</td><td>강의자료</td><td>프로젝트</td></tr><tr><td>15</td><td><br><br></td><td>기말시험 - 웹프로그래밍의 문법 및 예제 프로그램을 통한 프로그램 개발 능력에 대한 전문 지식 습득을 한다.</td><td>기말</td><td>평가자료</td><td><br><br></td></tr></tbody></table></div><div class="table-wrap"><table data-ke-type="table" data-ke-align="alignLeft" style="width: 100%;" border="1"><tbody><tr><td colspan="2">주요교재 및 참고자료</td></tr><tr><td>구 분</td><td>자 료 명</td></tr><tr><td>교 재</td><td>HTML5 웹프로그래밍 입문 3판, 윤인성, 한빛아카데미, 2019</td></tr></tbody></table></div><p> </p>
<!-- -->
