바로 넘어가기 메뉴

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

타이틀영역

교육프로그램-상세

  • 교육사진
    반응형 홈페이지 제작 실무 [ A10 ]
    교육기간 : 2014-10-12 - 2015-01-03
    교육시간 : 10:00 - 13:00
    수강료 : 90,000원
    수강신청기간 : 2014-09-02(화) - 2014-10-19(일)
    접수방법 : 방문접수
    강의실 : 303호-컴퓨터실
  • 강좌정보

    • 주요내용

      • 수강자격 :



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

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


        ◎ 강의개요
        ○ 특 징

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

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

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


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

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

        ○ 특 징 - 강사의 오랜 기간 실무에서 겪은 노하우를 전달
        ※ 대한민국베트남참전전우회 마포구전우회 홈페이지 운영(2001년 ~ 현재)
        ※ 한국방송통신대학교 컴퓨터과학과 사이버스터디 운영 (2001년 ~ 2003년)
        ※ 이정민훈장의 디지털서당 홈페이지 운영 (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주 (2014.10.12 -2014.10.12)
      교육주제 ※ OT(95기 개강, 과목 및 강사소개) ※ 반응형 웹을 위한 기본 기술들
      세부내용 ★ 반응형 웹 기본 개념 이해하기
      ★ 왜 반응형 웹으로 만들어야 하나?
      ★ 사례로 알아보는 반응형 웹
      ★ 반응형 웹 학습과 제작을 위한 준비 작업 - 에디터, 시뮬레이터 등등
      준비물/과제 필기도구, USB메모리
      제 2주 (2014.10.19 -2014.10.19)
      교육주제 ※ 반응형 웹 제작을 위한 핵심 기술 맛보기
      세부내용 ★ 픽셀은 한계가 있다! - 가변 그리드
      ★ 미디어 쿼리와 뷰포트
      ★ 떠오르고 있는 기술 - 플렉서블 박스
      ★ px을 %로 바꾸기 - 가변 그리드
      ★ 본격적으로 가변 그리드 배우기
      ★ 가변 그리드 공식 이해하기
      준비물/과제 필기도구, USB메모리
      제 3주 (2014.10.26 -2014.10.26)
      교육주제 ※ 가변 마진과 가변 패딩 이해하기
      세부내용 ★ 간격을 자유자재로! 가변 마진 설정하기
      ★ 가변 패딩을 적용하는 두 가지 방법
      ★ 고정 크기의 마진과 패딩을 위해 calc 함수 이용하기
      ★ 폰트도 자유자재로! 가변 폰트 이용하기
      ★ 글자를 가변적이게 만들어주는 가변 폰트
      ★ em 단위의 상속 문제를 해결해주는 rem 단위
      ★ 진정한 가변 폰트 - vw, vh, vmin, vmax 단위
      준비물/과제 필기도구, USB메모리
      제 4주 (2014.11.02 -2014.11.02)
      교육주제 ※ 실전코딩
      세부내용 ★ 고정 크기의 박스를 가변 크기의 박스로 변환하기
      ★ 뷰포트 비교하기
      ★ 미디어 쿼리 사용하기
      ★ 서로 다른 크기의 박스를 가변 크기로 변환하기
      ★ 고정 마진을 가변 마진으로 변환하기
      ★ 가변 패딩 직접 적용하기
      준비물/과제 필기도구, USB메모리
      제 5주 (2014.11.09 -2014.11.09)
      교육주제 ※ 멀티미디어 요소 가변적으로 만들기 - 가변 이미지와 가변 동영상
      세부내용 ★ 비율에 상관없이 가변적인 멀티미디어 요소 만들기
      ★ 미디어 쿼리와 뷰포트
      ★ 화면의 크기나 환경에 따라 웹사이트를 변경하는 기술, 미디어 쿼리
      ★ 미디어 쿼리의 기본 문법
      ★ 미디어 쿼리를 적용하려면? - 링크 방식
      ★ 미디어 쿼리 사용 시 주의사항
      ★ 화면의 보이는 영역을 다루는 기술, 뷰포트
      ★ 뷰포트 영역 확인하기
      ★ 미디어 쿼리 사용해 웹사이트 구조 변경하기
      준비물/과제 필기도구, USB메모리
      제 6주 (2014.11.16 -2014.11.16)
      교육주제 ※ 반응형 웹사이트 준비 작업하기 1(웹사이트 구조 다지기)
      세부내용 ★ 웹사이트 구조 살펴보기
      ★ 폴더와 기본 파일 구성하기
      ★ 기본 구조와 기본 스타일 작업하기
      준비물/과제 필기도구, USB메모리
      제 7주 (2014.11.23 -2014.11.23)
      교육주제 ※ 반응형 웹사이트 준비 작업하기 2(메인 페이지 구조 작업하기)
      세부내용 ★ 인포메이션 영역의 구조 작업하기
      ★ 헤더 영역의 구조 작업하기
      ★ 슬라이더 영역의 구조 작업하기
      ★ 최근 글 영역, 인기 글 영역의 구조 작업하기
      ★ 갤러리 영역의 구조 작업하기
      ★ 인기 검색어 영역의 구조 작업하기
      ★ 배너 영역의 구조 작업하기
      ★ 소셜 네트워크 영역의 구조 작업하기
      ★ 푸터 영역의 구조 작업하기
      준비물/과제 필기도구, USB메모리
      제 8주 (2014.11.30 -2014.11.30)
      교육주제 ※ 메인 페이지 반응형 웹 작업하기
      세부내용 ★ 인포메이션 영역의 반응형 웹 작업하기
      ★ 헤더 영역의 반응형 웹 작업하기
      ★ 슬라이더 영역의 반응형 웹 작업하기
      ★ 최근 글 영역, 인기 글 영역의 반응형 웹 작업하기
      ★ 갤러리 영역의 반응형 웹 작업하기
      ★ 인기 검색어 영역의 반응형 웹 작업하기
      ★ 배너 영역의 반응형 웹 작업하기
      ★ 소셜 네트워크 영역의 반응형 웹 작업하기
      ★ 푸터 영역의 반응형 웹 작업하기
      준비물/과제 필기도구, USB메모리
      제 9주 (2014.12.07 -2014.12.07)
      교육주제 ※ 반응형 웹사이트 준비 작업하기 1(서브 페이지 구조 작업하기)
      세부내용 ★ 기본 구조 작업하기
      ★ 소개 페이지의 구조 작업하기
      ★ 갤러리 페이지의 구조 작업하기
      ★ 게시판 페이지의 구조 작업하기
      준비물/과제
      제 10주 (2014.12.14 -2014.12.14)
      교육주제 ※ 반응형 웹사이트 준비 작업하기 2(서브 페이지 반응형 웹 작업하기)
      세부내용 ★ 기본 스타일 작성하기
      ★ 소개 페이지의 반응형 웹 작업하기
      ★ 갤러리 페이지의 반응형 웹 작업하기
      ★ 게시판 페이지의 반응형 웹 작업하기
      준비물/과제 필기도구, USB메모리
      제 11주 (2014.12.21 -2014.12.21)
      교육주제 ※ 마무리 작업과 노하우 알아보기
      세부내용 ★ CSS 파일로 분리하기 - 스타일 코드를 CSS 파일로 분리하기
      ★ 자바스크립트 이용해 메뉴 영역 작업하기 - 메뉴가 나타나거나 감춰지는 토글 버튼 만들기
      ★ 반응형 웹사이트 테스트하기
      ★ 하위 브라우저에 대응하기
      ★ 플렉서블 박스를 지원하지 않는 브라우저에 대응하기
      ★ 고해상도 기기 이미지 대응하기
      ★ 서버 측 반응형 웹 접근 방법
      준비물/과제 필기도구, USB메모리
      제 12주 (2014.12.28 -2014.12.28)
      교육주제 ※ 96기 강좌 소개 및 수강신청 안내 ※ 프로젝트 완성하기 ※ 웹 서버에 업로드하기
      세부내용 ★ 무료 도메인 설정하기
      ★ 웹서버에 업로드하기
      준비물/과제 필기도구, 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