1. 각 psd 소스 이미지는 3가지 색상을 가지고 있으며, 동일한 사양에 따라 이미지를 별도로 잘라야 하며, 3가지 색상으로 잘라낸 동일한 영역의 이미지는 동일하게 이름을 지정해야 합니다. 3. 각 색상 구성표 폴더에 포함된 필수 컨텐츠: 이미지, CSS, 헤더, 버튼 폴더 및 2개의 HTML 파일과 2개의 크고 작은 웹 페이지 렌더링은 모두 예제에 따라 수행되며 사용자 정의된 컨텐츠의 이름은 자유롭게 지정할 수 있습니다. . 4. 웹페이지 레이아웃 모든 웹페이지는 다음과 같은 부분으로 구성됩니다. ·헤더(로고,헤더) ·레벨 1 네비게이션 바(버튼) ·레벨 2 네비게이션 바(버튼) ·페이지 콘텐츠 영역(콘텐츠 영역은 영어 웹페이지를 표시하는 데 사용됩니다) ·바닥글(하단메뉴, 저작권) 제작할 영역은 psd 파일을 기준으로 결정되며, 원본 이미지에 그려져 있는 영역은 반드시 2차 네비게이션 바가 없는 영역도 있고, 바닥글이 없는 영역도 있습니다. 생산할 필요는 없습니다. 5. 첫 번째 HTML 파일을 만들기 위한 요구 사항: 이름을 html.html로 지정합니다. 전체 페이지는 테이블 내에 작성되어야 합니다. 헤더: 헤더를 배경으로 만들 수도 있고, 모양이 불규칙한 일부 헤더 이미지를 여러 부분으로 잘라서 처리할 수도 있으며, 컷 수를 최소화해야 합니다. 로고 영역은 표에 별도로 작성됩니다(표의 너비는 제한될 수 있음). 로고는 로고 그림, 회사 이름, 회사 슬로건의 세 부분으로 나누어집니다. 페이지의 회사 이름은 대문자 W 40자로 입력해야 합니다. 문자 및 회사 슬로건도 대문자 W 문자 40자를 입력해야 합니다. 1단계 탐색: 1단계 메뉴(탐색)의 내용은 독립된 테이블에 작성되어야 하며, 셀의 너비와 높이는 페이지에서 설정되어서는 안 됩니다. 각 항목에 20개의 항목을 입력해야 합니다. 대문자 W 문자(6W에 공백을 더해 입력할 수 있음), 버튼 이미지는 하이퍼링크의 세 가지 상태 변경을 생성해야 합니다(psd 다이어그램에 따르면 일부는 두 가지 상태만 가질 수 있음). 각 항목의 그림과 텍스트를 한 줄로 작성해야 하는 경우 br을 사용하여 별도의 줄에 표시할 수 있습니다. 보조 메뉴(세로 탐색): 보조 메뉴(내비게이션)의 콘텐츠는 독립된 테이블로 생성되어야 하며, 테이블의 높이는 샘플에 따라 생성되어서는 안 됩니다. , 각각 각 프로젝트에 20개의 대문자 W 문자를 입력합니다(6 W에 공백을 더한 형식으로 입력할 수 있음). 텍스트 링크는 하이퍼링크의 상태 변경을 2개 이상 생성해야 합니다. 페이지 내용 영역: 페이지를 늘릴 수 있을 만큼 충분한 영문자를 입력합니다. (1024×768 화면에서 사용되는 IE 브라우저에는 왼쪽 및 오른쪽 상하 스트레치 바가 나타납니다.) 바닥글: 저작권 정보 영역에 대문자 W 40자를 입력합니다. 페이지를 아름답게 유지하려면 위쪽과 아래쪽 영역 사이에 일정한 거리를 유지하십시오. 하단 메뉴 : 보조 메뉴(네비게이션)의 내용은 독립된 테이블로 제작되어야 하며, 테이블의 높이는 설정할 수 없으며, 6개의 보조 메뉴 항목이 페이지에 제작되어야 합니다. 각 항목에 입력됩니다. 대문자 W 문자(6W와 공백을 사용하여 입력 가능) 텍스트 링크는 하이퍼링크의 상태 변경을 두 번 이상 생성해야 합니다. 페이지. 6. 두 번째 HTML 파일을 만들기 위한 요구 사항: 이름을 html2.html로 지정합니다. 첫 번째 html 파일을 복사하고, 내부 콘텐츠 일부를 삭제하고, 3개의 1차 수준 탐색, 2개의 2차 수준 탐색(수직 탐색), 3개의 하단 메뉴를 유지합니다. 각 항목에 6개의 문자가 표시됩니다. 페이지 콘텐츠 영역 문자(페이지를 열지 않고) 7. 위의 상황에서 두 페이지는 통일된 효과를 유지해야 하며 배경은 반복될 수 있으며 헤더 이미지는 중앙에 표시되거나 확장될 수 있습니다(일부 헤더 영역에는 배경이 있을 수 있음). 8. 회사명, 회사 슬로건, 콘텐츠 영역 페이지 제목, 1, 2차 메뉴 글꼴은 Tahoma, Arial 등 표준 시스템 글꼴을 사용합니다. 9. 템플릿 디렉터리를 생성할 때 템플릿 zip 패키지에 중복된 캐시 파일이 포함되지 않도록 "도구" -> "폴더 옵션" -> "보기"에서 "썸네일 캐시 안 함" 옵션을 선택하세요. 10. style.css 파일은 이미지 링크(예: background-image: url('../images/bg.gif');)를 포함할 수 없으며 html 태그의 정의를 포함할 수 없습니다(예: 적용하려면 CSS에 정의가 없습니다. html 태그에 직접 작성할 수 있습니다.) 11. html의 문자셋 인코딩은 utf-8이어야 합니다. 12. 모든 글꼴 크기(스타일 시트 및 HTML 포함)는 픽셀(픽셀) 대신 포인트(pt)를 사용해야 합니다. 예를 들어 글꼴 크기: 8pt입니다. 13. 템플릿 내의 요소(div 등)는 절대 위치 지정을 사용하거나 JavaScript를 포함할 수 없습니다. 14. 모든 템플릿은 브라우저 IE, Mozilla 및 Opera에서 동일한 효과를 갖습니다. 15. 템플릿 파일의 모든 이미지 경로는 상대 경로여야 합니다. 예를 들어 "색상" 경로를 기준으로 하면 파란색 아래 이미지 아래의 파일은 < img src=blue/images/xxxx.gif > 대신 < img src=images/xxxx.gif >로 작성되어야 합니다. 16. 일부 특수 psd에 크고 작은 W 글자 40자를 수용할 수 없는 경우 회사명 및 슬로건 글꼴을 줄일 수 있지만 8pt보다 작을 수는 없습니다. 17. 템플릿은 전체 화면 높이를 채워야 하며, 콘텐츠가 없는 경우에도 동일하게 적용됩니다(콘텐츠 부분이 세로로 확장될 수 있도록). 18. 모든 영역에는 배경색이 있어야 합니다(psd 이미지에 따름). 19. 공백 문자는 나타날 수 없습니다. 20. 모든 속성값은 " "에 추가되어야 합니다. 21. 쌍으로 나타나지 않는 모든 태그는 "/"로 추가되어야 합니다. 예: <img src=******>는 <img src=******/>로 작성해야 합니다.
2. 색 구성표에 따라 색상 이름을 딴 폴더 3개를 만들고, 각 폴더에 "색 구성표"를 만드는 데 필요한 정보를 웹 페이지에 넣습니다.