디지털퍼블리싱 1

교과목표

웹 페이지, 혹은 웹사이트와 같은 온라인 매체를 통해 디지털 콘텐츠를 퍼블리싱하는 방법을 익히고 디지털 매체의 특성을 이해한다.

• A4종이와 같이 하나의 상자를 만들고 그 안에 스타일을 사용하여 문서를 작성하는 기본적인 HTML/CSS 사용법을 익힌다.
• 썸네일 리스트, 메뉴바와 같이 같은 요소들이 반복되는 목록 기반의 콘텐츠를 코딩하여 여러페이지가 링크된 하나의 웹사이트를 제작하는 과정을 익힌다.
• 눈에 보이는 것 이외에 검색엔진 및 SNS공유를 위해 소스에 작성해야 하는 사항들을 숙지하고 실제 웹사이트에 적용한다.
• 상품설명, 정보제공, 영화리뷰, 회사 홍보 등 웹페이지의 소통 목표를 설정하고 그 목표에 맞는 웹페이지 혹은 웹사이트를 제작한다.

주차별 학습 내용

• 인터넷의 이해
• SublimeText 에디터 설치
• div, h1, p, img 네가지 태그만으로 문서만들기
• github계정만들고 첫 예제 업로드하기
• 크롬 개발자도구 활용하기
• HTML5 문서구조
• w3school 둘러보기 및 사용법
• HTML/CSS의 기본 태그및 마크업 기초
• position과 float
• CSS 기초, 클래스, id
• CSS 웹폰트 사용 및 타이포그래피
• CSS 애니메이션 기초, SVG활용
• SEO, Open Graph 작성

핵심과제

1주: 짤로 설명하는 겨울방학

2주~4주: 만원의 행복: 만원으로 행복해질 수 있는 상품, 식품, 공연감상 등 주제를 정해서 썸네일 및 홍보 배너를 디자인한다(디자인위주)

5주~8주: 웹사이트 리디자인하기

10주~15주: 개인별 주제를 정해서 웹페이지 제작

팀과제: 지역 내 상점, 농가 등 홍보용 간단 웹사이트 디자인기부하기

교재 및 참고사이트

기본적인 내용부터 심도있는 내용까지 가장 잘 설명하고 있는 사이트. 웹 표준을 만들어가는 w3라는 단체에서 운영하고 있기에 ‘웹 퍼블리싱의 정석’과도 같은 사이트다. 항상 궁금하거나 더 알고 싶다면 이 사이트를 참고한다.

html5에 대해서 정말 정확하게 알고 싶다면 이 사이트를 참고한다.

이 강의계획서 페이지와 함께 새롭게 퍼블리싱한 국립 한경대학교 디자인학과 사이트는 강의의 가장 기초적인 표본으로 삼기 위해 화려한 기술보다는 퍼블리싱의 기본에 충실하게 소스를 작성했다. 페이지의 소스를 보고 참고하면 가장 좋은 교재가 될 것이다.

마지막으로, 대부분의 궁금한 사항에 대해서는 두 가지를 열심히 해야하는데, 크롬을 사용해 페이지 소스를 보는 것과 구글에서 검색하는 것이다. 모든 문제들에 대한 답은 구글에 있다.

성적 및 평가

• 출석: 10%(4회 결석 시 F)
• 수업태도: 구체적이고 가치있는 질문 20%
• 과제물: 30%
• 기말과제: 40%