과정 안내
대진대학교 DJ-MOOC 강좌 온라인 강의실입니다.
모던 프론트 웹 디자인 입문
- 웹서버와웹클라이언트의관계및HTTP프로토콜의동작원리를이해하고 설명할 수 있다.
- HTML, CSS 구문을 이해하고 코딩함으로써 웹페이지를 작성할 수 있다.
- 웹디자인 테크닉을 파악하고 웹페이지 작성에 적용할 수 있다.
교수자
현) 대진대학교 컴퓨터공학 교수
최종학력: 서울대학교 전기컴퓨터공학부 졸업(공학박사)
전공분야: 모바일 컴퓨팅, 시맨틱웹, 온톨로지
Email: jmkim@daejin.ac.kr
| 주차 | 주차명 | 차시명 | 과제 |
|---|---|---|---|
| 1 | 웹(Web) 이해하기 | 웹 구조 및 동작원리 | - |
| HTTP 프로토콜 | - | ||
| HTML 언어 개요 | - | ||
| 첫 번째 HTML 페이지 작성 | 퀴즈4 | ||
| 2 | HTML 알기 | HTML 텍스트 구문 | - |
| 제주 올레길 소개 페이지 | - | ||
| HTML 이미지/표/하이퍼링크 구문 | - | ||
| 제주 올레길 여행 페이지 | 퀴즈4 | ||
| 3 | CSS 알기 | CSS 디자인 구문 개념 | - |
| CSS 선택자 이해 | - | ||
| CSS 스타일 속성 이해 | - | ||
| 제주 자전거 여행 페이지 | 퀴즈4, 과제 | ||
| 4 | 레이아웃 디자인 | 웹페이지 레이아웃 이해 | - |
| CSS 레이아웃 작성 구문 | - | ||
| CSS 그리드 레이아웃 이해 | - | ||
| 그리드 레이아웃 갤러리 만들기 | 퀴즈4 | ||
| 5 | 원페이지 디자인 | 원페이지 디자인과 플렉스 박스 | - |
| 원페이지 디자인 실습 | - | ||
| w3.css 라이브러리 이해 | - | ||
| w3.css 디자인 실습(뮤직밴드) | 퀴즈4 | ||
| 6 | 시험 | 패럴랙스 디자인 | - |
| 패럴랙스 페이지 | - | ||
| 기말시험 | |||
학습기간 : 2019-12-12 ~ 2020-02-29