| 교육주제 | ※ OT(100기 개강, 과목 및 강사소개) ※ 모바일을 위한 HTML5와 CSS3 기본기 익히기 - 1 |
|---|---|
| 세부내용 | ★ 웹 표준, 모바일 환경의 이해
- 표준의 기본 지식 - 앱, 네이티브앱, 하이브리드앱 ★ 작업 환경 준비하기 - 개발 툴 준비하기 - 브라우저 / 에뮬레이터 / 웹 서버 준비하기 - 안드로이드폰 에뮬레이터 설치하기 - Hello World 예제 만들어 보기 |
| 준비물/과제 | ☞ 필수 : 필기도구, 교재, USB메모리(4GB 이상)
☞ 선택 : 스마트폰, 태블릿 |
| 교육주제 | ※ 모바일을 위한 HTML5와 CSS3 기본기 익히기 - 2 |
|---|---|
| 세부내용 | ★ HTML5 시맨틱 마크업 이론 익히기
- 시맨틱 마크업 개념 알아보기 - 기본적인 HTML5 마크업 사용법 - W3C HTML 웹 표준 인증받기 ★ CSS3 기본 기능 익히기 - 레이아웃 작업 순서 - 인라인 스타일, 내부 스타일 시트,외부 스타일 시트 사용법 - 상속 개념 알아보기 |
| 준비물/과제 | ☞ 필수 : 필기도구, 교재, USB메모리(4GB 이상)
☞ 선택 : 스마트폰, 태블릿 |
| 교육주제 | ※ 모바일을 위한 HTML5와 CSS3 기본기 익히기 - 3 |
|---|---|
| 세부내용 | ★ CSS3 고급 기능 익히기
- 선택자를 잘 알아야 하는 이유 - 태그 선택자 - 클래스 선택자 - 아이디 선택자 - 하위 선택자 - 그룹 선택자 - 전체 선택자 - 하이퍼링크 사용법 : 앵커 유사 클래스 선택자 |
| 준비물/과제 | ☞ 필수 : 필기도구, 교재, USB메모리(4GB 이상)
☞ 선택 : 스마트폰, 태블릿 |
| 교육주제 | ※ 모바일을 위한 HTML5와 CSS3 기본기 익히기 - 4 |
|---|---|
| 세부내용 | ★ CSS3 좌표계 사용법 익히기
- 레이아웃 위치 개념 알아보기 - 컨테이너 안에서 자유롭게 위치 잡기 - CSS3 단위 이해하기 - BOX(상자) 모델을 이용한 위치 잡기 ★ CSS3 레이아웃 사용법 익히기 - float 사용법 - clear 사용법 - 여러 개의 열 레이아웃 만들기 |
| 준비물/과제 | ☞ 필수 : 필기도구, 교재, USB메모리(4GB 이상)
☞ 선택 : 스마트폰, 태블릿 |
| 교육주제 | ※ 미디어쿼리와 제이쿼리 모바일로 모바일 UI 디자인하기 - 1 |
|---|---|
| 세부내용 | ★ 반응형 웹 디자인하기
- 원하는 글꼴을 마음껏! 웹 폰트 사용하기 - 반응형 웹 디자인 준비하기 - 실전에서 미디어 쿼리 응용하기 |
| 준비물/과제 | ☞ 필수 : 필기도구, 교재, USB메모리(4GB 이상)
☞ 선택 : 스마트폰, 태블릿 |
| 교육주제 | ※ 미디어쿼리와 제이쿼리 모바일로 모바일 UI 디자인하기 - 2 ※ 2/7 휴강(설연휴 휴강 2/7~2/10) |
|---|---|
| 세부내용 | ★ 스마트폰 UI 기법 익히기
- 모바일 UI 프레임워크 - JQuery Mobile을 배워보자 - JQuery Mobile로 스마트폰 UI를 시작하자 - 화면 구성을 위한 UI 작성하기 ★ 스마트폰 페이지 전환 효과 익히기 - 목록 만들기 - 다양한 페이지 링크 연결 |
| 준비물/과제 | ☞ 필수 : 필기도구, 교재, USB메모리(4GB 이상)
☞ 선택 : 스마트폰, 태블릿 |
| 교육주제 | ※ 실전! 직접 만드는 모바일 웹 프로젝트 - 1 |
|---|---|
| 세부내용 | ★ 아이콘 메뉴 페이지 만들기 응용
- 웹앱 프로젝트 기획 - 메인 페이지 만들기 ★ 내비게이션 메뉴 만들기 응용 - 툴바 기본 사용법 익히기 - Fotorama 사용법 익히기 - 캠퍼스 이미지 페이지 만들기 |
| 준비물/과제 | ☞ 필수 : 필기도구, 교재, USB메모리(4GB 이상)
☞ 선택 : 스마트폰, 태블릿 |
| 교육주제 | ※ 실전! 직접 만드는 모바일 웹 프로젝트 - 2 |
|---|---|
| 세부내용 | ★ 자바스크립트 기초 익히기
- HTML5 시대에 떠오르는 언어 자바스크립트 - 자바스크립트 언어로 프로그래밍 기초 배우기 - JQuery로 최신 스타일 자바스크립트 기초 배우기 ★ 이미지 전환 효과 만들기 - CSS3 트랜지션으로 애니메이션 효과 만들기 - 대학교 소개 페이지 만들기 - 자바스크립트 JQuery로 터치 기능 생명 불어넣기 |
| 준비물/과제 | ☞ 필수 : 필기도구, 교재, USB메모리(4GB 이상)
☞ 선택 : 스마트폰, 태블릿 |
| 교육주제 | ※ 실전! 직접 만드는 모바일 웹 프로젝트 - 3 |
|---|---|
| 세부내용 | ★ 동영상 연결하기
- HTML5로 동영상 연결하기 - VideoJS를 이용하여 세련된 동영상 플레이어 만들기 ★ 지도에 내 위치 표시하기 - 구글 맵을 표시하기 - 현재 내 위치를 찾아보기 - 캠퍼스 맵 완성하기 |
| 준비물/과제 | ☞ 필수 : 필기도구, 교재, USB메모리(4GB 이상)
☞ 선택 : 스마트폰, 태블릿 |
| 교육주제 | ※ 웹앱 & 하이브리드앱 만들기 - 1 |
|---|---|
| 세부내용 | ★ 무료 FTP 서버 등록 및 배포하기
- 무료 FTP 서버에 배포하기 - 네이티브앱 같은 웹앱 만들기 |
| 준비물/과제 | ☞ 필수 : 필기도구, 교재, USB메모리(4GB 이상)
☞ 선택 : 스마트폰, 태블릿 |
| 교육주제 | ※ 웹앱 & 하이브리드앱 만들기 - 2 |
|---|---|
| 세부내용 | ★ 폰갭을 사용하여 하이브리드앱 만들기
- 폰갭으로 하이브리드앱을 안드로이드폰에서 실행하기 |
| 준비물/과제 | ☞ 필수 : 필기도구, 교재, USB메모리(4GB 이상)
☞ 선택 : 스마트폰, 태블릿 |
| 교육주제 | ※ 101기 강좌 소개 및 수강신청 안내 ※ 웹앱 & 하이브리드앱 만들기 - 3 |
|---|---|
| 세부내용 | ★ 구글 플레이에 올리기
- 구글 플레이에 올리기 |
| 준비물/과제 | ☞ 필수 : 필기도구, 교재, USB메모리(4GB 이상)
☞ 선택 : 스마트폰, 태블릿 |
수강료 납부 : 수강신청 후 다음날까지 수강료를 결제하지 않으면 자동으로 수강 취소 되오니 유의하세요!
23:30~00:30분까지는 마감 처리중 이므로
온라인 결제가 불가하오니 참고하시기 바랍니다.
「」강좌를 신청하시겠습니까?
‘다둥이행복카드 소지자’의 온라인 접수는 가접수입니다.
온라인 수강신청 후 다음날 17:00까지 구비서류를 제출하지 않으면 자동으로 수강취소됩니다.
다둥이행복카드 여성발전센터 수강료 면제 대상은 아래와 같습니다.
해당하는 사항에 체크✔ 해주세요.
서울시 거주자입니까?
우선순위 대상자입니까?
'우선순위 수강신청'의 온라인 접수는 가접수입니다.
온라인 수강신청 후 다음날 17:00까지 구비서류를 제출하지 않으면 자동으로 수강취소됩니다.