홈페이지입문
- 호서대학교
- 안용학
페이스북
트위터
카카오톡
네이버밴드
링크복사
-
- 주제분류
- 공학 >컴퓨터ㆍ통신 >컴퓨터공학
-
- 강의학기
- 2024년 2학기
-
- 조회수
- 3,948
-
- 강의계획서
- 강의계획서
본 교과목은 학생들이 소프트웨어중심사회에서 개개인의 특성에 맞는 홈페이지를 제작하고, 웹응용기술을 습득할 수 있도록 하기 위해 입문단계에서 다룰 수 있는 HTML, CSS의 기본 지식을 교육하고, 이를 활용하여 개인을 브랜드화할 수 있도록 다양한 응용 페이지 제작을 통해 프론트엔드에 대한 기술적 지식을 함양하는 것이 목적이다.
- 수강안내 및 수강신청
- ※ 수강확인증 발급을 위해서는 수강신청이 필요합니다
1-1 강의소개
차시별 강의
| 1. | |
1-1 강의소개 | 1. 오리엔테이션 |  |
| 1. | |
1-2 실습환경 구축 | 1. 실습환경 구축 2. 웹서버 구동/환경 구축 | |
| 2. | |
2-1 웹개요 | 1. 웹 기본 개요 2. 에디터 설치 및 사용법 | |
| 2. | |
2-2 웹페이지 기본구조 | 1. 웹페이지 기본 구조 실행 | |
| 3. | |
3-1 웹페이지 작성방법 | 1. HTML5 기본 용어 2. 페이지 구조 3. 작성법 | |
| 3. | |
3-2 HTML5 기본 태그(1) | 1. 글자 태그 2. 목록 태그 3. 테이블 태그 4. 각 태그 적용 | |
| 4. | |
4-1 HTML5 기본 태그(2) | 1. 미디어 태그 2. 각 태그를 활용한 페이지 작성 | |
| 4. | |
4-2 HTML5 입력양식태그와 구조화 태그(1) | 1. 입력양식 태그 | |
| 5. | |
5-1 HTML5 입력양식태그와 구조화 태그(2) | 1. 구조화 태그 2. 입력양식을 이용한 페이지 작성 | |
| 5. | |
5-2 종합예제1 | 1. 개인블로그의 콘텐츠 구성 | |
| 6. | |
6-1 CSS3 기초(1) | 1. CSS 선택자와 단위 2. 선택자의 용도와 사용법 | |
| 6. | |
6-2 CSS3 기초(2) | 1. CSS 기본선택자 2. CSS 속성선택자 3. 기본 선택자 적용 | |
| 7. | |
7-1 CSS3 기초(3) | 1. CSS 후손선택자 2. CSS 자손선택자 3. 반응,상태,구조 선택자 | |
| 7. | |
7-2 CSS3 기초(4) | 1. CSS3 단위 2. 웹페이지에 CSS 속성 적용 | |
| 8. | |
8-1 CSS 속성(1) | 1. CSS3 박스속성 2. CSS3 가시속성 | |
| 8. | |
8-2 CSS 속성(2) | 1. CSS3 배경속성 2. CSS3 글자속성 3. CSS3 속성 적용 | |
| 9. | |
9-1 CSS 속성(3) | 1. CSS3 위치속성 | |
| 9. | |
9-2 CSS 속성(4) | 1. CSS3 유동속성 2. CSS3 속성 적용 | |
| 10. | |
10-1 CSS 속성(5) | 1. CSS3 그림자 속성 2 CSS3 그레이언트 속성 | |
| 10. | |
10-2 CSS 속성(6) | 1. CSS3 애니메시연 2. CSS3 속성 적용 | |
| 11. | |
11-1 다양한 레이아웃(1) | 1. 수평 레이아웃 2. 중앙 레이아웃 3. One True 레이아웃 | |
| 11. | |
11-2 다양한 레이아웃(2) | 1. 요소 배치 2. 글자 생략 3. 레이아웃 적용 | |
| 12. | |
12-1 반응형 웹(1) | 1. 반응형 웹 설정 2. 반응형 웹 패턴 | |
| 12. | |
12-2 반응형 웹(2) | 1. 반응형 웹 적용 | |
| 13. | |
13-1 종합예제2 | 1. 개인블로그에 스타일시트 적용 | |
| 13. | |
13-2 개인블로그 제작 | 1. 개인블로그 만들기 | |
연관 자료
