수업내용/목표
-웹서버와웹클라이언트의관계및HTTP프로토콜의동작원리를이해하고 설명할 수 있다.
- HTML, CSS 구문을 이해하고 코딩함으로써 웹페이지를 작성할 수 있다.
- 웹디자인 테크닉을 파악하고 웹페이지 작성에 적용할 수 있다.
- HTML, CSS 구문을 이해하고 코딩함으로써 웹페이지를 작성할 수 있다.
- 웹디자인 테크닉을 파악하고 웹페이지 작성에 적용할 수 있다.
모던 프론트 웹 디자인 입문
DAEJIN
본 강좌는 새로운 K-MOOC 플랫폼에서 운영하는 강좌입니다.
강좌 소개
홍보/예시 영상
강좌 운영 계획
| 주차 | 주차명 | 차시명 | 과제 |
|---|---|---|---|
| 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 | 시험 | 패럴랙스 디자인 | - |
| 패럴랙스 페이지 | - | ||
| 기말시험 | |||
강좌운영팀 소개
교수자
- 김정민 교수
- 현) 대진대학교 컴퓨터공학 교수
- 최종학력: 서울대학교 전기컴퓨터공학부 졸업(공학박사)
- 전공분야: 모바일 컴퓨팅, 시맨틱웹, 온톨로지
- Email: jmkim@daejin.ac.kr
강좌지원팀
- 곽재혁
- 대진대학교 SW융합교육센터 직원
- E-mail: kwackjh@daejin.ac.kr
강좌 수강 정보
이수/평가정보
| 과제명 | 퀴즈 | 과제 | 기말고사 |
|---|---|---|---|
| 반영비율 | 20% | 10% | 70% |
※ 총 50% 이상 점수 획득 시, 이수증을 발급받을 수 있습니다.
강좌 수준 및 선수요건
이 강좌는 유익한 내용이 다수 포함되어 있습니다.
교재 및 참고문헌
이 강좌는 여러가지 참고자료가 많이 있습니다.
자주 묻는 질문
강좌 교재가 따로 있나요?
교재는 따로 없습니다. 참고자료는 매 차시 강의의 마지막에 소개하므로 참고하시면 됩니다.
제목
소제목
내용
관련 강좌
현재 강좌와 관련있는 강좌를 찾을 수 없습니다.