1. 각 PSD 소스 이미지에는 3 개의 색 구성표가 있으며, 이는 동일한 사양에 따라 그림을 절단해야하며, 세 가지 색상으로 절단되는 동일한 영역의 그림 이름은 동일해야합니다.
2. 색 구성표에 따라 색상의 이름을 따서 명명 된 3 개의 폴더를 작성하고 각 폴더에 웹 페이지를 만들기 위해 색 구성표에 필요한 정보를 배치합니다.
3. 각 색 구성표 폴더에 포함 된 필수 내용 : 이미지, CSS, 헤더, 버튼 폴더, 2 개의 HTML 파일 및 2 개의 크고 작은 웹 페이지 렌더링; 모든 이름은 예제에 따라 수행되며 사용자 정의 컨텐츠는 자유롭게 이름을 지정할 수 있습니다.
4. 웹 페이지 레이아웃, 모든 웹 페이지는 다음 부분으로 구성됩니다.
헤더 (로고, 헤더)
레벨 1 내비게이션 바 (버튼)
레벨 2 내비게이션 바 (버튼)
페이지 컨텐츠 영역 (콘텐츠 영역은 영어 웹 페이지를 표시하는 데 사용됩니다)
바닥 글 (하단 메뉴, 저작권)
PSD 파일에 따라 만들어 질 영역을 결정하십시오. 소스 다이어그램에 그려진 영역을 만들어야합니다. 레벨 2 내비게이션 막대가없고 일부는 바닥 글이없는 영역)를 만들 필요가 없습니다.
다섯. 첫 번째 HTML 파일 생산 요구 사항 : 이름 html.html
전체 페이지는 한 형태로 작성해야합니다.
헤더 :
헤더를 백그라운드로 만들 수 있거나 일부 헤더 이미지가 불규칙적 일 수 있으며 처리하여 여러 부분으로 자르고 컷 수를 최소화하려고 시도 할 수도 있습니다.
로고 영역은 테이블에서 별도로 만들어집니다 (테이블의 너비는 제한 될 수 있음). 로고는 로고 사진, 회사 이름 및 회사 슬로건의 세 부분으로 나뉩니다. 40 개의 자본 W 문자가 페이지에 회사 이름을 입력해야하며 회사 슬로건에 입력하려면 40 개의 자본 W 캐릭터가 필요합니다.
레벨 1 내비게이션
첫 번째 레벨 메뉴 (내비게이션)의 내용은 독립 테이블에서 작성해야합니다. 셀의 너비와 높이는 설정되어서는 안됩니다. 6 개의 1 단계 메뉴 항목을 페이지에서 만들어야하며 각 항목에 20 개의 자본 W 문자를 입력 할 수 있습니다 (6 ws 및 1 개의 공간을 입력 할 수 있음). 버튼 그림은 과잉 연결된 세 가지 상태 변경으로 만들어야합니다 (PSD 사진에 따르면 일부는 두 개의 상태 만있을 수 있음). 각 항목의 그림과 텍스트는 한 줄로 만들어야하며 BR을 사용하여 분기 디스플레이 효과를 만들 수 있습니다.
보조 탐색 (수직 내비게이션)
보조 메뉴 (내비게이션)의 내용은 독립 테이블에서 작성해야합니다. 테이블의 높이를 설정해서는 안됩니다. 예제에 따라 만들어야합니다. 10 개의 보조 메뉴 항목을 페이지에서 만들어야하며 각 프로젝트에서 20 개의 자본 W 문자를 입력 할 수 있습니다 (6 WS 및 하나의 공간을 입력 할 수 있음). 텍스트 링크는 과잉 연결된 두 가지 이상의 상태 변경을 만들어야합니다.
페이지 콘텐츠 영역
페이지를 지점으로 늘리기 위해 충분한 영어 문자를 입력하십시오 (1024 × 768 화면에서 사용되는 IE 브라우저는 왼쪽 및 오른쪽 상단 및 하단 스트레치 바에 나타납니다).
보행인
저작권 정보 영역에 40 개의 자본 W 문자를 입력하십시오. 페이지의 아름다움을 위해 상단 및 하단 영역에서 일정 거리를 유지하십시오.
하단 메뉴
보조 메뉴 (내비게이션)의 내용은 독립 테이블에서 작성해야합니다. 테이블의 높이를 설정해서는 안됩니다. 예제에 따라 만들어 져야합니다. 페이지에 6 개의 보조 메뉴 항목을 만들어야하며 각 프로젝트에서 20 개의 자본 W 문자를 입력 할 수 있습니다 (6 WS 및 1 개의 공간을 입력 할 수 있음). 텍스트 링크는 과도하게 연결된 두 가지 이상의 상태 변경을 만들어야합니다. 페이지의 아름다움을 위해서는 일정 거리가 상단 및 하단 영역에서 유지되어야합니다.
육. 두 번째 HTML 파일 생산 요구 사항 : 이름 html2.html
첫 번째 HTML 파일을 복사하고 내부에 일부 내용을 삭제하고 3 개의 1 단계 탐색, 2 개의 2 단계 탐색 (수직 탐색) 및 3 개의 하단 메뉴를 유지하며 6 자 각 항목에 나타납니다. 페이지 컨텐츠 영역에서 두 줄의 영어 문자를 유지하십시오 (페이지를 전파하지 않음)
일곱. 위의 상황에서 두 페이지는 통일 효과를 유지해야하며 배경을 반복 할 수 있습니다. 헤더 이미지가 중앙에 표시되거나 확장 될 수 있습니다 (일부 헤더 영역은 배경을 생성 할 수 있습니다)
여덟. 회사 이름, 회사 슬로건, 컨텐츠 영역 페이지 제목, 첫 번째 및 두 번째 레벨이있는 메뉴 글꼴 : Tahoma 또는 Arial,와 같은 표준 시스템 글꼴로 사용해야합니다.
아홉. 템플릿 디렉토리를 만들 때 도구 -> 폴더 옵션에서 썸네일을 캐시하지 않는 옵션을 확인하십시오. 템플릿 zip 패키지에 불필요한 캐시 파일이 포함되지 않도록하십시오.
열. Style.css 파일에는 이미지 연결 (예 : Back
열하나. HTML의 숯으로 인코딩은 UTF-8이어야합니다
열둘. 모든 글꼴 크기 (스타일 시트 및 HTML 포함)는 픽셀 대신 포인트 (PT) 여야하며 Font-Size : 8pt와 같이 최소 8PT의 최소 크기입니다.
열셋. 템플릿의 요소 (div 등)는 절대적으로 배치 될 수 없으며 JavaScript를 포함 할 수 없습니다.
십사. 모든 템플릿은 브라우저, 즉 모질라, 오페라에서 동일한 효과를 갖습니다.
열 다섯. 템플릿 파일의 모든 이미지 경로는 상대 경로 여야합니다. 예를 들어 색상 경로와 비교하여 : 파란색의 이미지 아래 파일은 <img src = blue/images/xxxx.gif> 대신 <img src = images/xxxx.gif>로 작성해야합니다.
열 여섯 살. 일부 특수 PSD는 회사 이름과 슬로건 글꼴을 줄일 수있을 때 40 개의 크기 W를 수용 할 수 없지만 8pt 미만일 수는 없습니다.
열일곱. 템플릿은 전체 화면을 높이로 채워야하며 콘텐츠가없는 사람들에게도 마찬가지입니다 (콘텐츠 부분을 수직으로 확장하십시오).
십팔. 배경색은 모든 영역에 추가되어야합니다 (PSD 이미지에 따라)
십구. 공간 문자가 나타나지 않습니다
이십. 모든 속성 값을 추가해야합니다.
21. 쌍으로 표시되는 모든 레이블이 추가되어야합니다.
<img src = ******>로 작성해야합니다. <img src = ******/>로 작성해야합니다.