교육주제 | ※ OT(98기 개강, 과목 및 강사소개) ※ 모바일 웹 시작하기 |
---|---|
세부내용 | ★ 모바일 웹의 등장
★ 스마트폰과 태블릿 PC ★ 모바일 웹 브라우저 ★ 표준화된 통신 환경 ★ 모바일 웹 기술 ★ 모바일 웹의 종류 ★ 모바일 웹 ★ 웹 앱 ★ 하이브리드 앱 ★ 모바일 웹의 미래 |
준비물/과제 | 필기도구, USB메모리 |
교육주제 | ※ 모바일 웹의 특성 이해하기 |
---|---|
세부내용 | ★ 모바일 웹에 사용되는 기술
★ HTML5 ★ CSS3 ★ 자바스크립트 ★ 모바일 프레임워크 ★ jQuery Mobile ★ PhoneGap ★ 모바일 웹을 위한 HTML 기본 ★ 모바일 웹을 위한 CSS 기본 ★ 모바일 웹 제작 기초 ★ 모바일 웹을 위한 HTML 마크업 방법 ★ 해상도 ★ CSS 적용 ★ 모바일 웹을 위한 DTD ★ 모바일 웹을 위한 CSS 디자인 ★ 모바일 웹을 위한 텍스트 크기 설정 ★ 320px, 480px, 640px 해상도 최적화 ★ CSS3 미디어 쿼리 |
준비물/과제 | 필기도구, USB메모리 |
교육주제 | ※ 모바일 웹에 꼭 필요한 기술 ※ 09:30~13:30 연장수업 |
---|---|
세부내용 | ★ 페이지 크기 제어
★ 브라우저 주소 입력창 감추기 ★ 모바일 웹 바로가기 아이콘 ★ iOS 상태 바에 색상 설정 ★ iOS 웹 앱을 위한 인트로 화면 설정 ★ 해상도에 따라 모바일 웹 디자인 변경 ★ 모바일 웹 내부에 스크롤 만들기 |
준비물/과제 | 필기도구, USB메모리 |
교육주제 | ※ 실전! 모바일 웹 사이트 만들기 - 메인 페이지1 ※ 09:30~13:30 연장수업 |
---|---|
세부내용 | ★ 메인 페이지1 |
준비물/과제 | 필기도구, USB메모리 |
교육주제 | ※ 실전! 모바일 웹 사이트 만들기 - 메인 페이지2 ※ 09:30~13:30 연장수업 |
---|---|
세부내용 | ★ 뉴스 리스트 만들기
★ 텍스트 리스트를 위한 HTML 마크업 ★ 텍스트 리스트를 위한 CSS 코드 ★ 이미지 섬네일이 포함된 리스트를 위한 HTML 마크업 ★ 이미지 섬네일이 포함된 리스트를 위한 CSS 코드 |
준비물/과제 | 필기도구, USB메모리 |
교육주제 | ※ 실전! 모바일 웹 사이트 만들기 - 메인 페이지3 |
---|---|
세부내용 | ★ 공지사항 만들기
★ 공지사항을 위한 HTML 마크업 ★ 공지사항을 위한 CSS 코드 ★ 배너 만들기 ★ 배너를 위한 HTML 마크업 ★ 배너를 위한 CSS 코드 ★ 푸터 메뉴 만들기 ★ 푸터 메뉴를 위한 HTML 마크업 ★ 푸터 메뉴를 위한 CSS 코드 ★ 상단 바로가기 만들기 ★ 상단 바로가기를 위한 HTML 마크업 ★ 상단 바로가기를 위한 CSS 코드 |
준비물/과제 | 필기도구, USB메모리 |
교육주제 | ※ 실전! 모바일 웹 사이트 만들기 - ABOUT US 페이지 ※ 실전! 모바일 웹 사이트 만들기 - OUR STORY 페이지 |
---|---|
세부내용 | ※ ABOUT US 페이지
★ 서브 메뉴 만들기 ★ 서브 메뉴를 위한 HTML 마크업 ★ 서브 메뉴를 위한 CSS 코드 ★ 회사 소개 만들기 ★ 회사 소개를 위한 HTML 마크업 ★ 회사 소개를 위한 CSS 코드 ※ OUR STORY 페이지 ★ 동영상 재생 페이지 만들기 ★ 동영상 재생을 위한 HTML 마크업 ★ 동영상 재생을 위한 CSS 코드 |
준비물/과제 | 필기도구, USB메모리 |
교육주제 | ※ 실전! 모바일 웹 사이트 만들기 - LOCATION 페이지 ※ 구글 지도 페이지 연결하기 |
---|---|
세부내용 | ※ LOCATION 페이지
★ 지도 페이지 만들기 ★ 연락처 페이지 만들기 ※ 구글지도 페이지 연결하기 ★ 구글지도 페이지 만들기 ★ 구글지도 페이지를 위한 HTML 마크업 ★ 구글지도 페이지를 위한 자바스크립트 코드 |
준비물/과제 | 필기도구, USB메모리 |
교육주제 | ※ PROJECT 페이지 만들기 |
---|---|
세부내용 | ★ 유동성 있는 섬네일 리스트 만들기
★ 유동성있는 섬네일 리스트를 위한 HTML 마크업 ★ 유동성있는 섬네일 리스트를 위한 CSS 코드 ★ 가로 플리킹과 인디케이터 만들기 ★ 가로 플리킹과 인디케이터를 위한 HTML 마크업 ★ 가로 플리킹과 인디케이터를 위한 자바스크립트 코드 ★ 가로 플리킹과 인디케이터를 위한 CSS 코드 |
준비물/과제 | 필기도구, USB메모리 |
교육주제 | ※ RECRUIT 페이지 만들기 ※ NOTICE 페이지 만들기 ※ 게시판 본문 페이지 만들기 |
---|---|
세부내용 | ※ RECRUIT 페이지 만들기
★ 하위 항목이 구분되는 리스트 만들기 ★ 하위 항목이 구분되는 리스트를 위한 HTML 마크업과 CSS 코드 ★ < table > 태그를 활용한 REQUEST 페이지 만들기 ★ REQUEST 페이지를 위한 HTML 마크업과 CSS 코드 ※ NOTICE 페이지 만들기 ★ 게시판 리스트 만들기 ★ 게시판 리스트를 위한 HTML 마크업 ★ 게시판 리스트를 위한 CSS 코드 ★ 페이지 번호 만들기 ★ 페이지 번호를 위한 HTML 마크업 ★ 페이지 번호를 위한 CSS 코드 ※ 게시판 본문 페이지 만들기 ★ 게시판 본문 만들기 ★ 게시판 본문을 위한 HTML 마크업 ★ 게시판 본문을 위한 CSS 코드 |
준비물/과제 | 필기도구, USB메모리 |
교육주제 | ※ 99기 강좌 소개 및 수강신청 안내 ※ 모바일 웹표준 확인하기 |
---|---|
세부내용 | ★ CSS 코드를 파일로 만들기
★ 모바일 웹표준 검사 ★ 자동으로 m.도메인.com에 접속하기 ★ 모바일 웹 페이지 테스트 ★ User Agent Switcher ★ iBBDemo2 ★ 사파리 브라우저를 이용한 테스트 ★ 아이폰/아이패드 테스트 ★ 자바스크립트를 이용한 테스트 |
준비물/과제 | 필기도구, USB메모리 |
교육주제 | ※ 추석연휴 휴강 ※ 9/26(토)~9/29(화) |
---|---|
세부내용 | ★ 추석연휴 휴강
★ 9/26(토)~9/29(화) |
준비물/과제 | 필기도구, USB메모리 |
수강료 납부 : 수강신청 후 다음날까지 수강료를 결제하지 않으면 자동으로 수강 취소 되오니 유의하세요!
23:30~00:30분까지는 마감 처리중 이므로
온라인 결제가 불가하오니 참고하시기 바랍니다.
「」강좌를 신청하시겠습니까?
‘다둥이행복카드 소지자’의 온라인 접수는 가접수입니다.
온라인 수강신청 후 다음날 17:00까지 구비서류를 제출하지 않으면 자동으로 수강취소됩니다.
*개강 후 중도취소자 및 제적자(출석률 80%미만)는 다다음 기수부터 2기수(6개월) 동안 혜택이 제한됩니다.
다둥이행복카드 여성발전센터 수강료 면제 대상은 아래와 같습니다. 해당하는 사항에 체크해 주십시오.