바로 넘어가기 메뉴

주메뉴 바로가기

타이틀영역

교육프로그램-상세

  • 교육사진
    반응형 홈페이지(PC&태블릿&모바일) [ A10 ]
    교육기간 : 2015-10-11 - 2016-01-02
    교육시간 : 일 10:00 - 13:00
    수강료 : 90,000원
    수강신청기간 : 2015-09-02(수) - 2015-10-18(일)
    접수방법 : 방문접수
    강의실 : 303호-정보화강의실
  • 강좌정보

    • 주요내용

      • 수강자격 :
        이정민훈장의 공지사항





        기초과정입니다.

        반응형 PC화면


        반응형 태블릿화면


        반응형 모바일화면


        ※ 이정민훈장의 반응형 홈페이지 가기
      • 교육목적 :
        ※ 웹 브라우저마다 다르게 보이는 HTML문서가 이제는 통일되었습니다.
        ※ 표준방식으로 홈페이지도 제작하고 웹 애플리케이션과 모바일 애플리케이션까지 개발할 수 있는 표준HTML5를 학습합니다.
        ※ 스마트폰, 태블릿, PC에서 서로 다르게 보이기 그러나 내용은 같게 만들기
      • 교육내용개요 :
        [접수안내]
        - 2015년 9월 2일(수) 오전 9시부터 회원가입 후 인터넷선착순 접수
        (※본 강좌는 우선순위 접수가 불가합니다.)
        - 접수일 기준 익일 이내 입금 (미입금시 합격취소)
        - 수강료 입금계좌 : 우리은행 165-352616-13-008 예금주 중부여성
        - 수강료 입금시 함께 쓰는 과목 코드 : A10
        - 접수 확인은 홈페이지 〔 수강신청조회 / 취소〕에서 반드시 확인!!
        (수강신청 내역에 99기 신청과목이 등록되어 있는 것을 확인하세요.)
        ※77기부터 환불규정이 변경되었습니다.(교육 시작일 이후 전액환불 불가)
        ☞ 환불규정안내 자세히보기(클릭하세요)


        ◎ 강의개요
        ○ 특 징
        ※ 기획자, 디자이너, 개발자 모든 분야에서 경쟁력을 갖춘 스킬 대공개!
        서비스 기획, 웹 디자인, 개발까지 가장 효율적으로 웹사이트를 제작할 수 있는 노하우를 학습한다
        모든 기기와 다양한 화면 크기에 대응할 수 있는 반응형 웹은 HTML5, CSS3와 함께 익혀야 할 웹 퍼블리싱의 필수 기술이다.
        이제는 개발자뿐만 아니라 기획자, 디자이너도 반응형 웹 디자인에 대해 알아야 하고 공부해야 한다.
        매우 현실적이면서도 유익한 기술과 이론을 배우고 나면 전공이나 경력에 상관없이 누구나 웹 퍼블리셔가 될 수 있다!

        ※ 헷갈리기 쉬운 반응형 웹의 기본 개념부터 급부상하고 있는 새로운 웹 기술 플렉서블 박스까지 완벽 해설!
        모든 기기에 최적화된 반응형 웹사이트를 더욱 효과적으로 구현할 수 있는 방법뿐만 아니라 미래를 이끌어갈 새로운 방향의 반응형 웹 디자인 방법인 플렉서블 박스 기술까지 명쾌하게 설명하고 있다.
        실제 디자인을 반응형 웹으로 변환하는 과정을 익히고 나면 빠르게 변하는 디자인 트랜드에 맞춰 클라이언트에게 감동을 줄 수 있다!

        ※ 초보자도 쉽게 따라할 수 있는 예제로 실습하고, 실무에 그대로 적용할 수 있는 웹사이트도 직접 완성한다.
        업무 효율성은 물론이고, 만들고자 하는 사이트의 완성도도 한층 높일 수 있도록 반드시 익혀야 할 핵심 기술들을 다양한 실무 예제와 함께 학습한다. 뿐만 아니라 소개 페이지, 갤러리 페이지, 게시판 페이지 등 현장에서 바로 적용할 수 있도록 하나의 웹사이트를 완성하는 과정을 자세히 소개하고 있다. 이 책을 마스터하고 나면 웹사이트 기획 단계부터 PC 화면과 태블릿, 모바일 화면까지 미리 예상하고 구체화할 수 있다.
        또한 많은 프로젝트를 진행해 본 저자의 노하우를 엿볼 수 있는 스페셜 코너가 있다. 바로 반응형 웹을 제작하는 도중에 발생할 수 있는 문제들을 바로 해결할 수 있도록 ‘실무자들이 꼭 알아야 할 반응형 웹 문제해결 노하우’이다.

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

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

        ○ 특 징 - 강사의 오랜 기간 실무에서 겪은 노하우를 전달
        ※ 대한민국베트남참전전우회 마포구전우회 홈페이지 운영(2001년 ~ 현재)
      • 재료비 : 교재는 개별적으로 구입해서 오셔도 되고, 또한 강의실에서 구입하셔도 됩니다.
        (강의실에서 구입하실 분들께서는 교재비는 반드시 첫날 납부하셔야 합니다.)

        도서명 : Do it! 반응형 웹 디자인
        출판사 : 이지스퍼블리싱
        정 가 : 20,000원





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


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

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

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

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

        ■ 출강(舊)
        ○ 정보통신부 ○ 한국산업인력공단 ○ 용산구청 ○ 마포구청
        ○ 한국정보문화진흥원 ○ 대한적십자사 ○ 대한체육회
        ○ 중앙대학교 ○ 인덕대학교 ○ 동양대학교
        ○ 남부여성발전센터 ○ 강남구여성능력개발센터 ○ 서초여성회관 ○ 종로여성인력개발센터 ○ 강동여성인력개발센터
        ○ 경기도 일자리 북부센터
      자격증
        ■ NCS 확인강사
        ○ (020203) 일반사무
        ○ (200103) 정보기술운영
        ○ (200102) 정보기술개발
        ○ (200203) 통신서비스
        ○ (020201) 총무

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

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

      제 1주 (2015.10.11 -2015.10.11)
      교육주제 ※ OT(99기 개강, 과목 및 강사소개) ※ 반응형 웹을 위한 기본 기술들
      세부내용 ★ 반응형 웹 기본 개념 이해하기
      ★ 왜 반응형 웹으로 만들어야 하나?
      ★ 사례로 알아보는 반응형 웹
      ★ 반응형 웹 학습과 제작을 위한 준비 작업 - 에디터, 시뮬레이터 등등
      준비물/과제 ☞ 필수 : 필기도구, 교재, USB메모리(4GB 이상)
      ☞ 선택 : 스마트폰, 태블릿
      제 2주 (2015.10.18 -2015.10.18)
      교육주제 ※ 반응형 웹 제작을 위한 핵심 기술 맛보기
      세부내용 ★ 픽셀은 한계가 있다! - 가변 그리드
      ★ 미디어 쿼리와 뷰포트
      ★ 떠오르고 있는 기술 - 플렉서블 박스
      ★ px을 %로 바꾸기 - 가변 그리드
      ★ 본격적으로 가변 그리드 배우기
      ★ 가변 그리드 공식 이해하기
      준비물/과제 ☞ 필수 : 필기도구, 교재, USB메모리(4GB 이상)
      ☞ 선택 : 스마트폰, 태블릿
      제 3주 (2015.10.25 -2015.10.25)
      교육주제 ※ 가변 마진과 가변 패딩 이해하기
      세부내용 ★ 간격을 자유자재로! 가변 마진 설정하기
      ★ 가변 패딩을 적용하는 두 가지 방법
      ★ 고정 크기의 마진과 패딩을 위해 calc 함수 이용하기
      ★ 폰트도 자유자재로! 가변 폰트 이용하기
      ★ 글자를 가변적이게 만들어주는 가변 폰트
      ★ em 단위의 상속 문제를 해결해주는 rem 단위
      ★ 진정한 가변 폰트 - vw, vh, vmin, vmax 단위
      준비물/과제 ☞ 필수 : 필기도구, 교재, USB메모리(4GB 이상)
      ☞ 선택 : 스마트폰, 태블릿
      제 4주 (2015.11.01 -2015.11.01)
      교육주제 ※ 실전코딩
      세부내용 ★ 고정 크기의 박스를 가변 크기의 박스로 변환하기
      ★ 뷰포트 비교하기
      ★ 미디어 쿼리 사용하기
      ★ 서로 다른 크기의 박스를 가변 크기로 변환하기
      ★ 고정 마진을 가변 마진으로 변환하기
      ★ 가변 패딩 직접 적용하기
      준비물/과제 ☞ 필수 : 필기도구, 교재, USB메모리(4GB 이상)
      ☞ 선택 : 스마트폰, 태블릿
      제 5주 (2015.11.08 -2015.11.08)
      교육주제 ※ 멀티미디어 요소 가변적으로 만들기 - 가변 이미지와 가변 동영상
      세부내용 ★ 비율에 상관없이 가변적인 멀티미디어 요소 만들기
      ★ 미디어 쿼리와 뷰포트
      ★ 화면의 크기나 환경에 따라 웹사이트를 변경하는 기술, 미디어 쿼리
      ★ 미디어 쿼리의 기본 문법
      ★ 미디어 쿼리를 적용하려면? - 링크 방식
      ★ 미디어 쿼리 사용 시 주의사항
      ★ 화면의 보이는 영역을 다루는 기술, 뷰포트
      ★ 뷰포트 영역 확인하기
      ★ 미디어 쿼리 사용해 웹사이트 구조 변경하기
      준비물/과제 ☞ 필수 : 필기도구, 교재, USB메모리(4GB 이상)
      ☞ 선택 : 스마트폰, 태블릿
      제 6주 (2015.11.15 -2015.11.15)
      교육주제 ※ 반응형 웹사이트 준비 작업하기 1(웹사이트 구조 다지기)
      세부내용 ★ 웹사이트 구조 살펴보기
      ★ 폴더와 기본 파일 구성하기
      ★ 기본 구조와 기본 스타일 작업하기
      준비물/과제 ☞ 필수 : 필기도구, 교재, USB메모리(4GB 이상)
      ☞ 선택 : 스마트폰, 태블릿
      제 7주 (2015.11.22 -2015.11.22)
      교육주제 ※ 반응형 웹사이트 준비 작업하기 2(메인 페이지 구조 작업하기)
      세부내용 ★ 인포메이션 영역의 구조 작업하기
      ★ 헤더 영역의 구조 작업하기
      ★ 슬라이더 영역의 구조 작업하기
      ★ 최근 글 영역, 인기 글 영역의 구조 작업하기
      ★ 갤러리 영역의 구조 작업하기
      ★ 인기 검색어 영역의 구조 작업하기
      ★ 배너 영역의 구조 작업하기
      ★ 소셜 네트워크 영역의 구조 작업하기
      ★ 푸터 영역의 구조 작업하기
      준비물/과제 ☞ 필수 : 필기도구, 교재, USB메모리(4GB 이상)
      ☞ 선택 : 스마트폰, 태블릿
      제 8주 (2015.11.29 -2015.11.29)
      교육주제 ※ 메인 페이지 반응형 웹 작업하기
      세부내용 ★ 인포메이션 영역의 반응형 웹 작업하기
      ★ 헤더 영역의 반응형 웹 작업하기
      ★ 슬라이더 영역의 반응형 웹 작업하기
      ★ 최근 글 영역, 인기 글 영역의 반응형 웹 작업하기
      ★ 갤러리 영역의 반응형 웹 작업하기
      ★ 인기 검색어 영역의 반응형 웹 작업하기
      ★ 배너 영역의 반응형 웹 작업하기
      ★ 소셜 네트워크 영역의 반응형 웹 작업하기
      ★ 푸터 영역의 반응형 웹 작업하기
      준비물/과제 ☞ 필수 : 필기도구, 교재, USB메모리(4GB 이상)
      ☞ 선택 : 스마트폰, 태블릿
      제 9주 (2015.12.06 -2015.12.06)
      교육주제 ※ 반응형 웹사이트 준비 작업하기 1(서브 페이지 구조 작업하기)
      세부내용 ★ 기본 구조 작업하기
      ★ 소개 페이지의 구조 작업하기
      ★ 갤러리 페이지의 구조 작업하기
      ★ 게시판 페이지의 구조 작업하기
      준비물/과제 ☞ 필수 : 필기도구, 교재, USB메모리(4GB 이상)
      ☞ 선택 : 스마트폰, 태블릿
      제 10주 (2015.12.13 -2015.12.13)
      교육주제 ※ 반응형 웹사이트 준비 작업하기 2(서브 페이지 반응형 웹 작업하기)
      세부내용 ★ 기본 스타일 작성하기
      ★ 소개 페이지의 반응형 웹 작업하기
      ★ 갤러리 페이지의 반응형 웹 작업하기
      ★ 게시판 페이지의 반응형 웹 작업하기
      준비물/과제 ☞ 필수 : 필기도구, 교재, USB메모리(4GB 이상)
      ☞ 선택 : 스마트폰, 태블릿
      제 11주 (2015.12.20 -2015.12.20)
      교육주제 ※ 마무리 작업과 노하우 알아보기
      세부내용 ★ CSS 파일로 분리하기 - 스타일 코드를 CSS 파일로 분리하기
      ★ 자바스크립트 이용해 메뉴 영역 작업하기 - 메뉴가 나타나거나 감춰지는 토글 버튼 만들기
      ★ 반응형 웹사이트 테스트하기
      ★ 하위 브라우저에 대응하기
      ★ 플렉서블 박스를 지원하지 않는 브라우저에 대응하기
      ★ 고해상도 기기 이미지 대응하기
      ★ 서버 측 반응형 웹 접근 방법
      준비물/과제 ☞ 필수 : 필기도구, 교재, USB메모리(4GB 이상)
      ☞ 선택 : 스마트폰, 태블릿
      제 12주 (2015.12.27 -2015.12.27)
      교육주제 ※ 100기 강좌 소개 및 수강신청 안내 ※ 프로젝트 완성하기 ※ 웹 서버에 업로드하기
      세부내용 ★ 무료 도메인 설정하기
      ★ 웹서버에 업로드하기
      준비물/과제 ☞ 필수 : 필기도구, 교재, USB메모리(4GB 이상)
      ☞ 선택 : 스마트폰, 태블릿

수강신청

수강신청

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

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

온라인교육상담 신청하기

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

수강신청

수강신청


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

예산 소진으로 인해 다둥이행복카드 소지자 수강료 면제 혜택이 종료되었음을 안내드립니다※
많은 관심과 참여 감사드립니다.

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

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


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

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


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

*개강 후 중도취소자 및 제적자(출석률 80%미만)는 다다음 기수부터 2기수(6개월) 동안 혜택이 제한됩니다.

다둥이행복카드 대상 확인

다둥이행복카드 대상 확인


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