


| 교육주제 | ※ OT(93기 개강, 과목 및 강사소개) ※ HTML 기본 다지기 |
|---|---|
| 세부내용 | ★ 웹, HTML 이해하기
★ 왜 HTML과 CSS를 배워야 할까? ★ 웹 표준은 무엇인가? ★ 처음 만드는 HTML 문서 ★ HTML 문서의 구조 ★ 자주 쓰는 기본 태그 익히기 ★ 이 사이트는 어떻게 만든 거지? - 개발자 도구 ☆ 실습 - 무료 편집기 설치하기 - 교재 실습과정 준비하기 - 닷홈에 무료 호스팅 서비스 신청하기 - 무료 FTP 프로그램 설치하기 - 기본 구조의 HTML 문서 만들기 - 내가 만든 문서 웹 서버에 올리고 확인하기 - 네이버 편집기에서 HTML 태그 연습해 보기 |
| 준비물/과제 | 필기도구, USB메모리 |
| 교육주제 | ※ HTML5와 시맨틱 태그 ※ 텍스트와 하이퍼링크 관련 태그들 |
|---|---|
| 세부내용 | ★ HTML5의 문서 구조
★ 레이아웃을 위한 HTML5 시맨틱 태그들 ★ 웹 브라우저 버전 고려하기 ★ 텍스트를 묶어서 처리하는 태그들 ★ 다양한 텍스트 관련 태그들 ★ 목록을 만드는 태그들 ★ 표 관련 태그들 ★ 원하는 곳으로 연결해주는 하이퍼링크 ☆ 실습 - 다양한 텍스트 태그 연습하기 |
| 준비물/과제 | 필기도구, USB메모리 |
| 교육주제 | ※ 멀티미디어를 다루는 태그들 |
|---|---|
| 세부내용 | ★ HTML5와 이미지
★ 이미지 파일에 캡션 붙이기 ★ 멀티미디어 재생하기 ☆ 실습 - 이미지 맵으로 이벤트 페이지 만들기 - 웹 문서에 이미지 파일 넣기 - 비디오 파일 변환하기 - 웹 표준에 맞게 동영상 인코딩하기(Freemake Video Converter) - 웹 문서에 비디오 파일 넣기 - 블로그에 유튜브 동영상 넣기 |
| 준비물/과제 | 필기도구, USB메모리 |
| 교육주제 | ※ 폼과 관련된 태그들 |
|---|---|
| 세부내용 | ★ 폼 만들기
★ 사용자가 정보를 입력하는 input 태그 ★ input 태그의 다양한 속성 ★ 여러 데이터 나열해서 보여주기 ★ 기타 다양한 폼 요소들 ☆ 실습 - 상품 주문서 만들기1- 마크업 작성하기 - 상품 주문서 만들기2- CSS 적용하기 |
| 준비물/과제 | 필기도구, USB메모리 |
| 교육주제 | ※ 스타일시트 기초 |
|---|---|
| 세부내용 | ★ 웹 디자인을 실현해 주는 CSS
★ 스타일의 우선순위 ★ 선택자 ★ 속성 선택자 ★ 가상 클래스 ★ 다양한 효과를 만들어내는 CSS3 |
| 준비물/과제 | 필기도구, USB메모리 |
| 교육주제 | ※ 텍스트 관련 스타일 |
|---|---|
| 세부내용 | ★ 글꼴 관련 스타일
★ 텍스트 스타일 ★ 텍스트 간격을 조절하는 스타일 ★ 목록 스타일 ☆ 실습 - 텍스트 스타일을 이용해 문서 정리하기 - 목록 스타일을 이용해 문서 정리하기 |
| 준비물/과제 | 필기도구, USB메모리 |
| 교육주제 | ※ 색상과 배경을 위한 스타일 |
|---|---|
| 세부내용 | ★ 색상과 관련된 스타일
★ 배경색과 배경 이미지 ★ 그러데이션 효과로 배경 꾸미기 ☆ 실습 - 제목에 배경 이미지 사용하기 - 배경색과 배경 이미지 채우기 - 티스토리 블로그에서 스킨 바꾸기 |
| 준비물/과제 | 필기도구, USB메모리 |
| 교육주제 | ※ 레이아웃을 위한 스타일 |
|---|---|
| 세부내용 | ★ 박스 모델
★ 테두리 관련 속성들 ★ CSS3 박스 관련 속성들 ★ 배치와 관련된 블록 레벨과 인라인 레벨 ★ 여러 요소를 원하는 형태로 배치하기 ★ 다단으로 편집하기 ★ 표 관련 스타일 ☆ 실습 - 박스 모델로 콘텐츠 정리하기 - 포지셔닝을 이용해 타일 형식으로 배치하기 - 웹 문서 3단 편집하기 |
| 준비물/과제 | 필기도구, USB메모리 |
| 교육주제 | ※ 변형(transform)을 위한 스타일 |
|---|---|
| 세부내용 | ★ 변형(transtorm)
★ 변형과 관련된 속성들 ★ 시간에 따른 변화를 만들어 주는 트랜지션 ★ 애니메이션 속성 ☆ 실습 - 변형을 이용해 그림 강조하기 - 트랜지션을 이용해 내용 강조하기 - CSS로 다양한 사진 효과 만들기 - 드롭다운 내비게이션 만들기 |
| 준비물/과제 | 필기도구, USB메모리 |
| 교육주제 | ※ 반응형 웹 디자인과 미디어 쿼리 |
|---|---|
| 세부내용 | ★ 자유자재로 변하는 반응형 웹 디자인
★ 반응형 웹을 실현시켜주는 미디어 쿼리 ★ 미디어 쿼리를 적용하기 ☆ 실습 - PC용 미디어 쿼리 작성하기 - 스마트폰용으로 미디어 쿼리 작성하기 |
| 준비물/과제 | 필기도구, USB메모리 |
| 교육주제 | ※ 반응형 웹을 만드는 또 다른 방법, 유동형 레이아웃 |
|---|---|
| 세부내용 | ★ 유동형 레이아웃 |
| 준비물/과제 | 필기도구, USB메모리 |
| 교육주제 | ※ 94기 강좌 소개 및 수강신청 안내 |
|---|---|
| 세부내용 | ★ 완성시켜서 웹사이트에 업로드하기 |
| 준비물/과제 | 필기도구, USB메모리 |
수강료 납부 : 수강신청 후 다음날까지 수강료를 결제하지 않으면 자동으로 수강 취소 되오니 유의하세요!
23:30~00:30분까지는 마감 처리중 이므로
온라인 결제가 불가하오니 참고하시기 바랍니다.
「」강좌를 신청하시겠습니까?
‘다둥이행복카드 소지자’의 온라인 접수는 가접수입니다.
온라인 수강신청 후 다음날 17:00까지 구비서류를 제출하지 않으면 자동으로 수강취소됩니다.
다둥이행복카드 여성발전센터 수강료 면제 대상은 아래와 같습니다.
해당하는 사항에 체크✔ 해주세요.
서울시 거주자입니까?
우선순위 대상자입니까?
'우선순위 수강신청'의 온라인 접수는 가접수입니다.
온라인 수강신청 후 다음날 17:00까지 구비서류를 제출하지 않으면 자동으로 수강취소됩니다.