교육주제 | ※ OT(99기 개강, 과목 및 강사소개) ※ 반응형 웹을 위한 기본 기술들 |
---|---|
세부내용 | ★ 반응형 웹 기본 개념 이해하기
★ 왜 반응형 웹으로 만들어야 하나? ★ 사례로 알아보는 반응형 웹 ★ 반응형 웹 학습과 제작을 위한 준비 작업 - 에디터, 시뮬레이터 등등 |
준비물/과제 | ☞ 필수 : 필기도구, 교재, USB메모리(4GB 이상)
☞ 선택 : 스마트폰, 태블릿 |
교육주제 | ※ 반응형 웹 제작을 위한 핵심 기술 맛보기 |
---|---|
세부내용 | ★ 픽셀은 한계가 있다! - 가변 그리드
★ 미디어 쿼리와 뷰포트 ★ 떠오르고 있는 기술 - 플렉서블 박스 ★ px을 %로 바꾸기 - 가변 그리드 ★ 본격적으로 가변 그리드 배우기 ★ 가변 그리드 공식 이해하기 |
준비물/과제 | ☞ 필수 : 필기도구, 교재, USB메모리(4GB 이상)
☞ 선택 : 스마트폰, 태블릿 |
교육주제 | ※ 가변 마진과 가변 패딩 이해하기 |
---|---|
세부내용 | ★ 간격을 자유자재로! 가변 마진 설정하기
★ 가변 패딩을 적용하는 두 가지 방법 ★ 고정 크기의 마진과 패딩을 위해 calc 함수 이용하기 ★ 폰트도 자유자재로! 가변 폰트 이용하기 ★ 글자를 가변적이게 만들어주는 가변 폰트 ★ em 단위의 상속 문제를 해결해주는 rem 단위 ★ 진정한 가변 폰트 - vw, vh, vmin, vmax 단위 |
준비물/과제 | ☞ 필수 : 필기도구, 교재, USB메모리(4GB 이상)
☞ 선택 : 스마트폰, 태블릿 |
교육주제 | ※ 실전코딩 |
---|---|
세부내용 | ★ 고정 크기의 박스를 가변 크기의 박스로 변환하기
★ 뷰포트 비교하기 ★ 미디어 쿼리 사용하기 ★ 서로 다른 크기의 박스를 가변 크기로 변환하기 ★ 고정 마진을 가변 마진으로 변환하기 ★ 가변 패딩 직접 적용하기 |
준비물/과제 | ☞ 필수 : 필기도구, 교재, USB메모리(4GB 이상)
☞ 선택 : 스마트폰, 태블릿 |
교육주제 | ※ 멀티미디어 요소 가변적으로 만들기 - 가변 이미지와 가변 동영상 |
---|---|
세부내용 | ★ 비율에 상관없이 가변적인 멀티미디어 요소 만들기
★ 미디어 쿼리와 뷰포트 ★ 화면의 크기나 환경에 따라 웹사이트를 변경하는 기술, 미디어 쿼리 ★ 미디어 쿼리의 기본 문법 ★ 미디어 쿼리를 적용하려면? - 링크 방식 ★ 미디어 쿼리 사용 시 주의사항 ★ 화면의 보이는 영역을 다루는 기술, 뷰포트 ★ 뷰포트 영역 확인하기 ★ 미디어 쿼리 사용해 웹사이트 구조 변경하기 |
준비물/과제 | ☞ 필수 : 필기도구, 교재, USB메모리(4GB 이상)
☞ 선택 : 스마트폰, 태블릿 |
교육주제 | ※ 반응형 웹사이트 준비 작업하기 1(웹사이트 구조 다지기) |
---|---|
세부내용 | ★ 웹사이트 구조 살펴보기
★ 폴더와 기본 파일 구성하기 ★ 기본 구조와 기본 스타일 작업하기 |
준비물/과제 | ☞ 필수 : 필기도구, 교재, USB메모리(4GB 이상)
☞ 선택 : 스마트폰, 태블릿 |
교육주제 | ※ 반응형 웹사이트 준비 작업하기 2(메인 페이지 구조 작업하기) |
---|---|
세부내용 | ★ 인포메이션 영역의 구조 작업하기
★ 헤더 영역의 구조 작업하기 ★ 슬라이더 영역의 구조 작업하기 ★ 최근 글 영역, 인기 글 영역의 구조 작업하기 ★ 갤러리 영역의 구조 작업하기 ★ 인기 검색어 영역의 구조 작업하기 ★ 배너 영역의 구조 작업하기 ★ 소셜 네트워크 영역의 구조 작업하기 ★ 푸터 영역의 구조 작업하기 |
준비물/과제 | ☞ 필수 : 필기도구, 교재, USB메모리(4GB 이상)
☞ 선택 : 스마트폰, 태블릿 |
교육주제 | ※ 메인 페이지 반응형 웹 작업하기 |
---|---|
세부내용 | ★ 인포메이션 영역의 반응형 웹 작업하기
★ 헤더 영역의 반응형 웹 작업하기 ★ 슬라이더 영역의 반응형 웹 작업하기 ★ 최근 글 영역, 인기 글 영역의 반응형 웹 작업하기 ★ 갤러리 영역의 반응형 웹 작업하기 ★ 인기 검색어 영역의 반응형 웹 작업하기 ★ 배너 영역의 반응형 웹 작업하기 ★ 소셜 네트워크 영역의 반응형 웹 작업하기 ★ 푸터 영역의 반응형 웹 작업하기 |
준비물/과제 | ☞ 필수 : 필기도구, 교재, USB메모리(4GB 이상)
☞ 선택 : 스마트폰, 태블릿 |
교육주제 | ※ 반응형 웹사이트 준비 작업하기 1(서브 페이지 구조 작업하기) |
---|---|
세부내용 | ★ 기본 구조 작업하기
★ 소개 페이지의 구조 작업하기 ★ 갤러리 페이지의 구조 작업하기 ★ 게시판 페이지의 구조 작업하기 |
준비물/과제 | ☞ 필수 : 필기도구, 교재, USB메모리(4GB 이상)
☞ 선택 : 스마트폰, 태블릿 |
교육주제 | ※ 반응형 웹사이트 준비 작업하기 2(서브 페이지 반응형 웹 작업하기) |
---|---|
세부내용 | ★ 기본 스타일 작성하기
★ 소개 페이지의 반응형 웹 작업하기 ★ 갤러리 페이지의 반응형 웹 작업하기 ★ 게시판 페이지의 반응형 웹 작업하기 |
준비물/과제 | ☞ 필수 : 필기도구, 교재, USB메모리(4GB 이상)
☞ 선택 : 스마트폰, 태블릿 |
교육주제 | ※ 마무리 작업과 노하우 알아보기 |
---|---|
세부내용 | ★ CSS 파일로 분리하기 - 스타일 코드를 CSS 파일로 분리하기
★ 자바스크립트 이용해 메뉴 영역 작업하기 - 메뉴가 나타나거나 감춰지는 토글 버튼 만들기 ★ 반응형 웹사이트 테스트하기 ★ 하위 브라우저에 대응하기 ★ 플렉서블 박스를 지원하지 않는 브라우저에 대응하기 ★ 고해상도 기기 이미지 대응하기 ★ 서버 측 반응형 웹 접근 방법 |
준비물/과제 | ☞ 필수 : 필기도구, 교재, USB메모리(4GB 이상)
☞ 선택 : 스마트폰, 태블릿 |
교육주제 | ※ 100기 강좌 소개 및 수강신청 안내 ※ 프로젝트 완성하기 ※ 웹 서버에 업로드하기 |
---|---|
세부내용 | ★ 무료 도메인 설정하기
★ 웹서버에 업로드하기 |
준비물/과제 | ☞ 필수 : 필기도구, 교재, USB메모리(4GB 이상)
☞ 선택 : 스마트폰, 태블릿 |
수강료 납부 : 수강신청 후 다음날까지 수강료를 결제하지 않으면 자동으로 수강 취소 되오니 유의하세요!
23:30~00:30분까지는 마감 처리중 이므로
온라인 결제가 불가하오니 참고하시기 바랍니다.
「」강좌를 신청하시겠습니까?
‘다둥이행복카드 소지자’의 온라인 접수는 가접수입니다.
온라인 수강신청 후 다음날 17:00까지 구비서류를 제출하지 않으면 자동으로 수강취소됩니다.
*개강 후 중도취소자 및 제적자(출석률 80%미만)는 다다음 기수부터 2기수(6개월) 동안 혜택이 제한됩니다.
다둥이행복카드 여성발전센터 수강료 면제 대상은 아래와 같습니다. 해당하는 사항에 체크해 주십시오.