[수업] K220215 기말평가 평가방법 - gunug/Code GitHub Wiki

파일명

  • 기본적으로는 파일명 자유
  • 예시 : free_layout.html, layout_sample.html, last_test.html

기말평가 유의사항

  • 다음의 페이지를 포함합니다. 레이아웃1, 레이아웃2, 레이아웃3, 자유주제 레이아웃
  • 자유주제의 레이아웃을 제작 합니다.

기말평가 고려사항

  • 웹사이트의 사용성
  • 페이지는 GNB(Global Navigation)를 이용하여 이동할 수 있어야 합니다.
  • GNB 및 서브페이지 링크가 없어서 방문할 수 없는 페이지는 없는 페이지로 간주합니다.
  • 헤더(header)와 푸터(footer)제작
  • 헤더와 푸터는 사이트를 통일성있게 보이도록 해줍니다.
  • 자유주제 페이지와 인덱스 페이지는 동일한 헤더와 푸터를 갖도록 해주세요.
  • 인덱스 index.html (대문역할) 페이지
  • 레이아웃1,2,3 자유주제 레이아웃 이동가능해야 합니다.

레이아웃연습 3종

  • 레이아웃 연습 3종을 확인 할 수 있어야 합니다.
  • 각각의 레이아웃 연습의 완결성(결과물이 완성된 정도)이 평가 항목에 반영됩니다.
  • 완벽하지 않거나 중간에 그만둔 레이아웃 작업은 감점 될 수 있습니다.

자유페이지 1종

  • 1종 보다 더 많은 페이지에 대한 가산 점수는 없습니다.
  • 레이아웃의 복잡함 (그림+제목+상세 설명)이 평가 점수에 도움이 될 수 있습니다.
  • 단순한 레이아웃보다는 복잡한 레이아웃을 시도하세요.
  • html의 깨짐이나 CSS의 잘못된 사용 등을 채크합니다.

총 페이지 분량

  • 최소 5장 (인덱스, 레이아웃1, 레이아웃2, 레이아웃3, 자유레이아웃) (예) ■복잡한 구조 <div>여행모음 <h2>국내여행 </h2> <div> <h3>정동진 </h3> <img src="sun.jpg" /> <dl> <dt> 정동진 해돋이 사진 </dt> <dd> 2015.11.05 </dd> <dd> 정동진 해돋이를 사진으로 찍었다. 날씨가 쌀쌀하다 </dd> </dl> </div> <h2>해외여행 </div> ■단순한 구조 <div>여행모음 <img src="sun1.jpg" /> <img src="sun2.jpg" /> <img src="sun3.jpg" /> <img src="sun4.jpg" /> </div>
  • index.html 페이지
  • 각각의 페이지 (레이아웃3종, 자유페이지1종)을 옮겨다닐수 있는 게이트 (gate)페이지 역할을 하는 index.html을 만들어야합니다.
  • index페이지의 양식(디자인, 톤, footer, header)는 자유페이지의 시리즈 처럼 보일수 있도록 합니다.

발표 및 평가

  • 총 발표 시간은 '''개인 당 3분'''입니다. (나오는 시간, 홈페이지 접속시간, 들어가는 시간 모두 포함) 중간평가때보다 시간을 줄였습니다.
  • 발표 시간 이외에 별도로 개별 과제를 채점하는 시간이 없습니다. 발표 시간 동안에 최대한 기말평가 과제에 대해 설명하도록 하세요.
  • 평가 방법을 참고하여 자신의 발표 시간을 배분하세요. '소스보기'로 html을 리뷰해야 할 수도 있습니다.

평가 방법

  • 각 항목을 상하 51 로 평가합니다.
  • 총 점을 더하여 각 학생별 점수 순서로 '상대평가' 진행합니다.
  • 다음의 항목을 평가합니다.

웹사이트 전체

  • 디자인 완성도: 웹사이트 전반 (header, footer)에 디자인이 하나로 일관되게 보임
  • 헤더, 푸터: 헤더와 푸터가 사이트 전반에 누락된 부분없이 동일한 형태로 적용
  • 사용성 (웹 접근성 반영 여부 : 리뷰: HTML 웹접근성 적용방법)

자유주제 레이아웃

  • 레이아웃의 복잡성 : 눈으로 보이는 구조 자체의 복잡한 정도
  • 태그, CSS의 다양성 : HTML, CSS를 다양하게 사용
  • 내용의 분량 : 레이아웃1, 레이아웃2, 레이아웃3 대비 동일하거나 더 많은 분량의 레이아웃을 제작

기타

  • 기한엄수 : 정해진 시간내에 과제를 제출함 (제출 시간은 추후 공지)
  • 파일형식 : 파일제출의 형식이나 양식이 올바르게 제출됨

제출 방법 및 기한

  • index.html의 스크린샷 이미지 index.jpg
  • free_layout.html(layout_sample.html)의 스크린샷 이미지 free_layout.jpg(layout_sample.jpg)
  • 모든 html과 이미지와 js, css등이 포함 (용량 주의, 고용량 이미지나 영상 첨부 자제)
  • 압축하여 파일이름을 '2020_콘텐츠프로그래밍_학번_반_이름_기말.zip'로 제작
  • 카페에 제출할 때 스크린샷을 별도로 첨부하여 카페 게시글에서 볼 수 있도록 합니다.
  • 용량 초과로 과제 첨부가 안될때는 '메일로 발송하였습니다' 글을 작성 후에 [email protected]으로 메일 발송합니다.
  • 용량 초과가 되더라도 스크린샷은 카페에서 볼수 있어야합니다.
  • '''양식에 맞추어 파일을 제출하는 것도 중요합니다. 평가 항목에 반영합니다'''
⚠️ **GitHub.com Fallback** ⚠️