바로 넘어가기 메뉴

본문 바로가기 주메뉴 바로가기

타이틀영역

교육프로그램-상세

  • 기본사진
    웹&앱 기초과정(표준 HTML5) [ A11 ]
    교육기간 : 2014-04-13 - 2014-07-05
    교육시간 : 10:00 - 13:00
    수강료 : 90,000원
    수강신청기간 : 2014-03-07(금) - 2014-04-20(일)
    접수방법 : 방문접수
    강의실 : 303호-컴퓨터실
  • 강좌정보

    • 주요내용

      • 수강자격 :



        HTML5 + CSS3 웹표준
        HTML기초부터 중/고급과정까지 학습합니다.
        인터넷을 하실 수 있다면 누구나 배우실 수 있습니다.

      • 교육목적 :
        ※ 웹 브라우저마다 다르게 보이는 HTML문서가 이제는 통일되었습니다.
        ※ 표준방식으로 홈페이지도 제작하고 웹 애플리케이션과 모바일 애플리케이션까지 개발할 수 있는 표준 HTML5를 학습합니다.
        ※ 기초 태그부터 시작합니다.
        ※ 동영상 강의 무료 제공합니다.
      • 교육내용개요 :
        <접수안내>
        - 2014년 3월 7일 (금) 오전 9시부터 회원가입 후 인터넷선착순 접수
        (3월 6일 우선순위 오전 9시부터 방문선착순 접수)
        - 접수일 기준 익일 이내 입금 (미입금시 합격취소)
        - 수강료 입금계좌 : 우리은행 165-352616-13-008 예금주 중부여성
        - 수강료 입금시 함께 쓰는 과목 코드 : A11
        - 접수 확인은 홈페이지 〔 수강신청조회 / 취소〕에서 반드시 확인!!
        (수강신청 내역에 93기 신청과목이 등록되어 있는 것을 확인하세요.)
        ※77기부터 환불규정이 변경되었습니다.(교육 시작일 이후 전액환불 불가)
        ☞ 환불규정안내 자세히보기(클릭하세요)


        ◎ 강의개요
        ○ 특 징
        ※ 웹 도큐먼트에서 모바일 애플리케이션까지 HTML5&CSS3는 보다 나은 개발 환경과 사용자 경험을 제공한다.
        ※ 이제 더 이상 기존의 웹과 모바일 개발 방식으로는 이슈되는 개발환경에서 살아남을 수 없다.
        ※ HTML 기본 사용자부터 기존 개발자까지 폭넓게 HTML5&CSS3를 이해하고, 실제 개발에 적용할 수 있도록 구성하였으며 다양한 예제를 통해 원하는 기능을 쉽게 구현할 수 있도록 노력하였다.
        ※ 최근 모바일 환경에서의 응용 서비스가 많아짐에 따라 웹은 또 한 번의 커다란 변화를 겪고 있다.
        ※ 과거의 웹이 단순히 정보를 충실히 나열하는데 집중했다면 이제는 사용자 중심의 데이터 및 경험(UX)을 기반으로 자연스럽게 변화하고 있다.
        ※ 이를 위해 웹&모바일 개발자들은 사용자에게 보다 나은 웹 환경을 제공해야 할 필요가 있게 되었다.
        ※ 이러한 요구사항에 부응할 수 있도록 HTML5를 사용하여 보다 정형화된 웹&모바일 페이지를 구축하고, CSS3를 사용하여 보다 쉽게 사용자 경험 기반 웹 페이지를 꾸밀 수 있게 되었다.
        ※ 스마트 앱을 개발하기 위해서는 자바(JAVA)와 C, C++ 언어를 이용합니다.
        ※ 그러나 어려운 개발언어를 사용하기 위해서는 많은 시간과 학습이 필요로 합니다.
        ※ 기존의 HTML4와 CSS 그리고 자바스크립트를 접목 완성한 표준 HTML5를 학습합니다.
        ※ 학습참여가 상대적으로 쉬운 HTML5를 학습함으로써 하이브리드 앱을 개발할 수 있습니다.
        ※ 추후, JAVA와 C 그리고 C++를 학습할 수 있습니다.

        ○ 강사 프로필(프로그램 개발 및 교육 관련)
        ※ 전자계산학, 컴퓨터과학, 평생교육학, 소프트웨어개발 전공

        ○ 프로그램 개발 및 교육지도
        ※ 참가대회 : 전국 PC 경연대회, 전국 컴퓨터 경진대회, 대한민국 퍼스널컴퓨터 경진대회, 서울특별시 퍼스널컴퓨터 경진대회, 서울시 컴퓨터 경진대회, 중부교육청장배 컴퓨터경진대회
        ※ 수상내역 : 교육부장관상, 교육인적자원부장관상, 여성부장관상, 대학총장상, 서울시교육감상, 단체 우승, 개인 대상, 금상, 최우수상 등 수상

        ○ 특 징 - 강사의 오랜 기간 실무에서 겪은 노하우를 전달
        ※ 대한민국베트남참전전우회 마포구전우회 홈페이지 운영(2001년 ~ 현재)
        ※ 한국방송통신대학교 컴퓨터과학과 사이버스터디 운영 (2001년 ~ 2003년)
        ※ 이정민훈장의 디지털서당 홈페이지 운영 (2001년 ~ 현재)
      • 재료비 :
        교재는 개별적으로 구입해서 오셔도 되고, 또한 강의실에서 구입하셔도 됩니다.
        (강의실에서 구입하실 분들께서는 교재비는 반드시 첫날 납부하셔야 합니다.)
        Do it! HTML5+CSS3 웹 표준의 정석 (고경희 저) 이지스퍼블리싱 / 32,000원


        * 첫 수업 준비물 : USB 메모리 (4GB 이상)
      • 관련과목 :

      • 자격증 시험일정 :
        자격증 과목이 아닙니다.
      • 전망 :
        홈페이지 관리사, 홈페이지 제작, 웹 퍼블리셔, 웹 디자이너
    • 담당강사

      담당강사 사진 이정민
      강사소개
        대한메타버스연구원(디지털서당) 대표
      경력사항
        ■ 교재과정 집필 및 검토위원(한국산업인력공단)
        ○ 교재과정 집필위원 > 홈페이지제작과정, 액세스
        ○ 교재집필 검토위원 > 정보화기초과정1(윈도우, 워드, 인터넷)
        ○ 교재집필 검토위원 > 정보화기초과정2(엑셀, 파워포인트)

        ■ 직무분석 및 훈련프로그램 개발연구원(한국산업인력공단)
        ○ 컴퓨터강사 직종 표준 제정

        ■ 출강(舊)
        ○ 서울특별시 서부/중부/남부/북부 여성발전센터
        ○ 서울특별시 서초/은평/강동 여성인력개발센터
        ○ 서울특별시 디지털역량강화 교육지원단
        ○ 서울특별시 역량강화지원단
        ○ 서울특별시 금천50플러스센터
        ○ 서울특별시 어디나지원단
        ○ 서울특별시 디지털배움터

        ○ 정보통신부 ○ 한국산업인력공단 ○ 용산구청 ○ 마포구청
        ○ 한국정보문화진흥원 ○ 대한적십자사 ○ 대한체육회
        ○ 중앙대학교 ○ 인덕대학교 ○ 동양대학교
        ○ 강남구여성능력개발센터 ○ 서초여성회관 ○ 종로여성인력개발센터 ○ 강동여성인력개발센터
        ○ 경기도 일자리 북부센터

        ■ 활동(現)
        ○ 서울특별시 디지털안내사
      자격증
        ■ NCS 확인강사
        ○ (020203) 일반사무
        ○ (200103) 정보기술운영
        ○ (200102) 정보기술개발
        ○ (200203) 통신서비스
        ○ (020201) 총무

        ■ 직 업 능 력 개 발 훈 련 교 사
        ○ 직업능력개발훈련교사(정보처리3급)
        ○ 직업능력개발훈련교사(멀티미디어3급)
        ○ 직업능력개발훈련교사(사무자동화3급)
        ○ 직업능력개발훈련교사(디자인 3급)
        ○ 직업능력개발훈련교사(문화콘텐츠 3급)
        ○ 직업능력개발훈련교사(영상제작 3급)
        ○ 직업능력개발훈련교사(정보기술개발 3급)
        ○ 직업능력개발훈련교사(정보기술운영˙관리 3급)
        ○ 직업능력개발훈련교사(정보기술전략˙계획 3급)
        ○ 직업능력개발훈련교사(총무/일반사무 3급)

        ■ 교사, 전문가 및 자격증 취득사항 > 90개
    • 강의계획

      제 1주 (2014.04.13 -2014.04.13)
      교육주제 ※ OT(93기 개강, 과목 및 강사소개) ※ HTML 기본 다지기
      세부내용 ★ 웹, HTML 이해하기
      ★ 왜 HTML과 CSS를 배워야 할까?
      ★ 웹 표준은 무엇인가?
      ★ 처음 만드는 HTML 문서
      ★ HTML 문서의 구조
      ★ 자주 쓰는 기본 태그 익히기
      ★ 이 사이트는 어떻게 만든 거지? - 개발자 도구

      ☆ 실습
      - 무료 편집기 설치하기
      - 교재 실습과정 준비하기
      - 닷홈에 무료 호스팅 서비스 신청하기
      - 무료 FTP 프로그램 설치하기
      - 기본 구조의 HTML 문서 만들기
      - 내가 만든 문서 웹 서버에 올리고 확인하기
      - 네이버 편집기에서 HTML 태그 연습해 보기
      준비물/과제 필기도구, USB메모리
      제 2주 (2014.04.20 -2014.04.20)
      교육주제 ※ HTML5와 시맨틱 태그 ※ 텍스트와 하이퍼링크 관련 태그들
      세부내용 ★ HTML5의 문서 구조
      ★ 레이아웃을 위한 HTML5 시맨틱 태그들
      ★ 웹 브라우저 버전 고려하기
      ★ 텍스트를 묶어서 처리하는 태그들
      ★ 다양한 텍스트 관련 태그들
      ★ 목록을 만드는 태그들
      ★ 표 관련 태그들
      ★ 원하는 곳으로 연결해주는 하이퍼링크

      ☆ 실습
      - 다양한 텍스트 태그 연습하기
      준비물/과제 필기도구, USB메모리
      제 3주 (2014.04.27 -2014.04.27)
      교육주제 ※ 멀티미디어를 다루는 태그들
      세부내용 ★ HTML5와 이미지
      ★ 이미지 파일에 캡션 붙이기
      ★ 멀티미디어 재생하기

      ☆ 실습
      - 이미지 맵으로 이벤트 페이지 만들기
      - 웹 문서에 이미지 파일 넣기
      - 비디오 파일 변환하기
      - 웹 표준에 맞게 동영상 인코딩하기(Freemake Video Converter)
      - 웹 문서에 비디오 파일 넣기
      - 블로그에 유튜브 동영상 넣기
      준비물/과제 필기도구, USB메모리
      제 4주 (2014.05.04 -2014.05.04)
      교육주제 ※ 폼과 관련된 태그들
      세부내용 ★ 폼 만들기
      ★ 사용자가 정보를 입력하는 input 태그
      ★ input 태그의 다양한 속성
      ★ 여러 데이터 나열해서 보여주기
      ★ 기타 다양한 폼 요소들

      ☆ 실습
      - 상품 주문서 만들기1- 마크업 작성하기
      - 상품 주문서 만들기2- CSS 적용하기
      준비물/과제 필기도구, USB메모리
      제 5주 (2014.05.11 -2014.05.11)
      교육주제 ※ 스타일시트 기초
      세부내용 ★ 웹 디자인을 실현해 주는 CSS
      ★ 스타일의 우선순위
      ★ 선택자
      ★ 속성 선택자
      ★ 가상 클래스
      ★ 다양한 효과를 만들어내는 CSS3
      준비물/과제 필기도구, USB메모리
      제 6주 (2014.05.18 -2014.05.18)
      교육주제 ※ 텍스트 관련 스타일
      세부내용 ★ 글꼴 관련 스타일
      ★ 텍스트 스타일
      ★ 텍스트 간격을 조절하는 스타일
      ★ 목록 스타일

      ☆ 실습
      - 텍스트 스타일을 이용해 문서 정리하기
      - 목록 스타일을 이용해 문서 정리하기
      준비물/과제 필기도구, USB메모리
      제 7주 (2014.05.25 -2014.05.25)
      교육주제 ※ 색상과 배경을 위한 스타일
      세부내용 ★ 색상과 관련된 스타일
      ★ 배경색과 배경 이미지
      ★ 그러데이션 효과로 배경 꾸미기

      ☆ 실습
      - 제목에 배경 이미지 사용하기
      - 배경색과 배경 이미지 채우기
      - 티스토리 블로그에서 스킨 바꾸기
      준비물/과제 필기도구, USB메모리
      제 8주 (2014.06.01 -2014.06.01)
      교육주제 ※ 레이아웃을 위한 스타일
      세부내용 ★ 박스 모델
      ★ 테두리 관련 속성들
      ★ CSS3 박스 관련 속성들
      ★ 배치와 관련된 블록 레벨과 인라인 레벨
      ★ 여러 요소를 원하는 형태로 배치하기
      ★ 다단으로 편집하기
      ★ 표 관련 스타일

      ☆ 실습
      - 박스 모델로 콘텐츠 정리하기
      - 포지셔닝을 이용해 타일 형식으로 배치하기
      - 웹 문서 3단 편집하기
      준비물/과제 필기도구, USB메모리
      제 9주 (2014.06.08 -2014.06.08)
      교육주제 ※ 변형(transform)을 위한 스타일
      세부내용 ★ 변형(transtorm)
      ★ 변형과 관련된 속성들
      ★ 시간에 따른 변화를 만들어 주는 트랜지션
      ★ 애니메이션 속성

      ☆ 실습
      - 변형을 이용해 그림 강조하기
      - 트랜지션을 이용해 내용 강조하기
      - CSS로 다양한 사진 효과 만들기
      - 드롭다운 내비게이션 만들기
      준비물/과제 필기도구, USB메모리
      제 10주 (2014.06.15 -2014.06.15)
      교육주제 ※ 반응형 웹 디자인과 미디어 쿼리
      세부내용 ★ 자유자재로 변하는 반응형 웹 디자인
      ★ 반응형 웹을 실현시켜주는 미디어 쿼리
      ★ 미디어 쿼리를 적용하기

      ☆ 실습
      - PC용 미디어 쿼리 작성하기
      - 스마트폰용으로 미디어 쿼리 작성하기
      준비물/과제 필기도구, USB메모리
      제 11주 (2014.06.22 -2014.06.22)
      교육주제 ※ 반응형 웹을 만드는 또 다른 방법, 유동형 레이아웃
      세부내용 ★ 유동형 레이아웃
      준비물/과제 필기도구, USB메모리
      제 12주 (2014.06.29 -2014.06.29)
      교육주제 ※ 94기 강좌 소개 및 수강신청 안내
      세부내용 ★ 완성시켜서 웹사이트에 업로드하기
      준비물/과제 필기도구, USB메모리

수강신청

수강신청

수강료 납부 : 수강신청 후 다음날까지 수강료를 결제하지 않으면 자동으로 수강 취소 되오니 유의하세요!
23:30~00:30분까지는 마감 처리중 이므로 온라인 결제가 불가하오니 참고하시기 바랍니다.

  • 카드결제·실시간 계좌이체 : 홈페이지상에서 결제 가능
  • 무통장 입금·인터넷 뱅킹 : 계좌이체 시 과목코드와 이름을 함께 기재해 주세요. (예: A01홍길동)
  • 텔레뱅킹/CD입금은 불가합니다.

온라인교육상담 신청하기

신상정보
신청구분
성명
연락처 " - " 제외하고 숫자만 입력해 주세요.
이메일
@

수강신청

수강신청


」강좌를 신청하시겠습니까?

수강신청 완료를 위한 서류제출 안내

수강신청 완료를 위한 서류제출 안내


다둥이행복카드 소지자’의 온라인 접수는 가접수입니다.

온라인 수강신청 후 다음날 17:00까지 구비서류를 제출하지 않으면 자동으로 수강취소됩니다.


  1. 제출기한 : 수강신청 다음날 17:00까지
  2. 제출서류 : 다둥이행복카드 사본, 주민등록등본(1개월 이내)
  3. 제출방법 : 서류 지참 후 방문제출이 원칙이나, 부득이한 경우 이메일 제출 가능
    • email : jungbuedu@seoulwomanup.or.kr

다둥이행복카드 대상 확인

다둥이행복카드 대상 확인


다둥이행복카드 여성발전센터 수강료 면제 대상은 아래와 같습니다.
해당하는 사항에 체크✔ 해주세요.

우선순위 대상자 확인


서울시 거주자입니까?


우선순위 대상자입니까?

우선순위 수강신청 유의사항 확인

우선순위 수강신청 완료를 위한 서류제출 안내

우선순위 수강신청 완료를 위한 서류제출 안내


'우선순위 수강신청'의 온라인 접수는 가접수입니다.

온라인 수강신청 후 다음날 17:00까지 구비서류를 제출하지 않으면 자동으로 수강취소됩니다.


  1. 제출기한 : 수강신청 다음날 17:00까지
  2. 제출서류 :
  3. 제출방법 : 서류 지참 후 방문 제출이 원칙이나, 이메일 제출, 온라인 제출 가능
    • email : jungbuedu@seoulwomanup.or.kr