GCSNGlobal Civic Sharing Network

(1)

웹디자인 기능사 / 화면설계 기획서

작품설명 : 지구촌나눔운동본부의 웹문서를 HTML 형식으로 만들어져야 한다.

콘텐츠는 브라우저의 화면 중앙에 배치하고 콘텐츠를 제외한 Bgcolor=#CCCCCC로 하고 제시된 테두리는 제외한다.

프레임을 구성하지 말고 1개의 웹문서로 제작하고 모든 연결 설정은 임의 링크를 삽입하고 스타일 시트(참고자료2)를 적용합니다.

화면설계기획서에서 제시되지 않은 각 요소들의 color, size, 형태 등은 페이지의 디자인과 각 요소의 특성에 맞게 임의로 제작한다.

1024*768 Pixel / 16 bit Color 해상도를 기준으로 한다.

콘텐츠 영역(780px)

로고를 제작하여 삽입(참고자료 1)

Original color #666666 흑백 #FFFFFF Rollover color #FF6600 컬러 #000000

Original Text color #000000 Rollover Text color #FF6600

배경색 그림 텍스트

Bgcolor : #FFFFFF

color : #FF6600

'G', 'C', 'N' color : #FF0033 'S' color : #66CC33

<참고자료1>

<참고자료2>

반드시 외부스타일 시트(CSS)를 사용하여 적용한다.

종 류 Font Face Font Size Color Text Style

none

underline body

(본 문)

국문

영문

Link Active Visited

Hover #0066CC

#666666

#333333 굴림체

Arial

Arial 10pt 10pt

Link Text Copyrights : [email protected]에

이메일을 보낼 수 있도록 연결 제공된 이미지 삽입

제공된 이미지를 이중톤을 이용하여 보라색으로 수정해서 삽입

제공된 이미지 삽입 본문내용.txt 파일을

참고하여 작성 Text color : #0066CC

Text color : #000000

위, 아래 라인 color : #336699

스크롤 박스를 이용한 네비게이션 삽입 ----분야별 검색----

전체검색 취미 사전 어학

Bgcolor : #E3E3E3

제공된 샘플 애니메이션 파일내용과 동일하게 주어진 이미지를 이용하여 제작한 후 삽입 사이즈 : 150x60

Global Civic Sharing Network

GCSN

ohsaem.com ohsaem.com ohsaem.com ohsaem.com ohsaem.com ohsaem.com ohsaem.com ohsaem.com ohsaem.com ohsaem.com ohsaem.com ohsaem.com ohsaem.com ohsaem.com ohsaem.com ohsaem.com ohsaem.com ohsaem.com ohsaem.com ohsaem.com ohsaem.com ohsaem.com ohsaem.com ohsaem.com ohsaem.com ohsaem.com ohsaem.com ohsaem.com ohsaem.com ohsaem.com ohsaem.com ohsaem.com ohsaem.com ohsaem.com ohsaem.com ohsaem.com ohsaem.com ohsaem.com ohsaem.com ohsaem.com ohsaem.com ohsaem.com ohsaem.com ohsaem.com ohsaem.com ohsaem.com ohsaem.com ohsaem.com ohsaem.com ohsaem.com ohsaem.com ohsaem.com ohsaem.com ohsaem.com ohsaem.com ohsaem.com ohsaem.com ohsaem.com ohsaem.com ohsaem.com ohsaem.com ohsaem.com ohsaem.com ohsaem.com ohsaem.com ohsaem.com ohsaem.com ohsaem.com ohsaem.com ohsaem.com