기말평가 유의사항

다음의 페이지를 포함합니다. index페이지, html연습, css연습, 자유주제페이지, 레이아웃1, 레이아웃2, 레이아웃3, 포트폴리오(자유주제)레이아웃
포트폴리오(자유주제)레이아웃을 새롭게 제작 합니다. 되도록 포트폴리오 페이지를 제작하고, 기말평가에 흥미가 안생길 경우는 부득이하게 자유주제를 제작하여도 됩니다.
권장하는 쪽은 포트폴리오 레이아웃입니다

기말평가 고려사항

index페이지

각각의 페이지를 옮겨다닐 수 있는 게이트 (gate)페이지 역할을 하는 index.html을 만들어야합니다.
페이지는 GNB(Global Navigation)를 이용하여 이동할 수 있어야합니다.
GNB 및 서브페이지 링크가 없어서 방문할 수 없는 페이지는 없는 페이지로 간주합니다.
클릭할 수 있는 링크버튼과 클릭되지 않는 일반 글과의 구별(색상, 글씨두께 등)이 되어야합니다.

html연습, css연습

수업시간에 작성된 html, css연습 페이지를 index.html에서 링크를 통하여 이동해 볼 수 있도록 합니다.

자유주제페이지 - 중간평가

중간평가때 제출한 자유주제 페이지가 컨텐츠 중 하나로 읽어볼 수 있어야합니다.
중간평가 이후에 유실된 경우는 제목 카페에서 다운로드 하거나 또는 약식의 페이지라도 준비하여 링크를 걸어야 합니다.

레이아웃1, 레이아웃2, 레이아웃3

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

포트폴리오(자유주제)레이아웃

포트폴리오 페이지에 헤더(header)와 푸터(footer)제작 필수
헤더와 푸터는 사이트를 통일성있게 보이도록 해줍니다.
헤더에는 Navigation이 포함되고, footer에는 제작자 서명등이 포함됩니다.
그 외의 페이지 양식은 없으니 자유롭게 계획하여 제작하도록 합니다.

포트폴리오(자유주제)레이아웃

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

복잡한 구조

<div>여행모음
    <h2>국내여행</h2>
    <div>
        <h3>정동진</h3>
        <img src="sun.jpg" />
        <dl>
            <dt>
                정동진 해돋이 사진
            </dt>
            <dd>
                2015.11.05
            </dd>
            <dd>
                정동진 해돋이를 사진으로 찍었다. 날씨가 쌀쌀하다
            </dd>
        </dl>
    </div>
    <h2>해외여행</h2>
</div>

## 단순한 구조

<div>여행모음
  <img src="sun1.jpg" />
  <img src="sun2.jpg" />
  <img src="sun3.jpg" />
  <img src="sun4.jpg" />
 </div>

발표

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

평가 방법

각 항목을 상(3), 중(2), 하(1)로 평가합니다.
총 점을 더하여 각 학생별 점수 순서로 ‘상대평가’ 진행합니다.
다음의 항목을 평가합니다.

웹사이트 전체

디자인 완성도: index페이지와 포트폴리오(자유주제)페이지가 디자인적으로 완송도 있음
헤더, 푸터: 포트폴리오(자유주제)페이지의 헤더와 푸터의 내용이 충분히 구성되어 있음

레이아웃1,레이아웃2,레이아웃3

레이아웃 완성도 : 페이지의 누락이나 오류없이 제작되어 있음

포트폴리오(자유주제)

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

발표

발표형태 : 자신감 있게 발표함, 안좋은 습관이나 버릇이 없음
발표시간 : 발표의 내용이 너무 짧거나 길지 않음
파일제출 : 파일제출의 형식이나 양식이 올바르게 제출됨

제출 방법 및 기한

카페에 답글로 파일을 제출합니다.
양식에 맞추어 파일을 제출하는것도 중요합니다. 평가항목에 반영합니다
제출 기한은 15주차 수업일 전날까지 이며, 카페 답글의 시간 기록으로 확인합니다

스크린샷 이미지

index페이지, 포트폴리오(자유주제)레이아웃 (총 2종) 스크린샷을 jpg파일로 제작합니다.
스크린샷 이미지는 카페에 ‘사진’으로 제출 합니다. 스크린샷의 가로 크기는 1000px, 세로 크기는 제한 없음
모든 html과 이미지와 js, css등이 포함된 압축파일 ‘웹퍼블리싱_기말_학번_반_이름.zip’을 제출합니다

용량 초과시

메일(gunug@naver.com)로 삭제되지 않은 원본을 발송합니다.
동영상, 사진 위주로 먼저 제거하고 카페에 업로드를 합니다. (처음부터 다 삭제하기 말고 카페제한 용량 이하로 들어올 수 있도록 삭제합니다.)

온라인 과제전 제출

추후 공지가 있을지 알림