1. Каждое изображение источника PSD имеет три цветовых схемы, которые требуют, чтобы изображения были вырезаны в соответствии с одинаковыми спецификациями, и имена изображений в той же области, вырезанные тремя цветами, должны быть такими же;
2. Создайте три папки, названные в честь цветов в соответствии с цветовой схемой, и поместите информацию, необходимую для того, чтобы цветовая схема сделала веб -страницу в каждой папке;
3. Требуемое содержимое, содержащееся в каждой папке цветовой схемы: изображения, CSS, заголовки, папки кнопок, два HTML -файла и два больших и небольших визуализации веб -страниц; Все именования выполняются в соответствии с примерами, и пользовательский контент может быть назван свободно.
4. Макет веб -страницы, все веб -страницы состоит из следующих частей:
Заголовки (логотип, заголовки)
Навигационные полосы уровня 1 (кнопки)
Навигационные полосы уровня 2 (кнопки)
Область контента страницы (область контента используется для отображения английских веб -страниц)
Нижний колонтитул (нижнее меню, авторское право)
Определите область, которая будет сделана в соответствии с файлом PSD. Область, нарисованная в исходной диаграмме, должна быть сделана. Области, в которых нет навигационных баров 2 -го уровня, а в некоторых нет нижних колонтитулов), не нужно делать.
пять. Первое требование к производству файлов HTML: имя html.html
Вся страница должна быть сделана в одной форме.
Заголовок:
Вы можете превратить заголовок в фон, или некоторые изображения заголовков нерегулярны, и вы также можете разрезать их на несколько частей для обработки, и попытаться свести к минимуму количество сокращений.
Область логотипа изготовлена отдельно в таблице (ширина таблицы может быть ограничена); Логотип разделен на три части: картинки логотипа, названия компаний и лозунги компании; 40 капитальных символов необходимо ввести название компании на странице, и 40 символов капитала W необходимо ввести лозунги компании;
Навигация 1 -го уровня
Контент в меню первого уровня (навигация) должен быть сделан в независимой таблице; Ширина и высота ячейки не должны быть установлены; На странице должно быть сделано шесть элементов меню первого уровня, а в каждом элементе можно ввести 20 символов капитала W (6 Ws и одно пространство можно ввести); Изображение кнопки необходимо внести в три изменения состояния, которые гиперкулированы (согласно изображению PSD, некоторые могут иметь только два состояния); Картинки и текст в каждом элементе должны быть сделаны в одной строке, а BR можно использовать для создания эффекта отображения ветви.
Вторичная навигация (вертикальная навигация)
Содержание в вторичном меню (навигация) должно быть сделано в независимой таблице; Высота таблицы не должна быть установлена; Это должно быть сделано в соответствии с примером; 10 пунктов вторичного меню должны быть сделаны на странице, а в каждом проекте можно ввести 20 символов капитала W (6 WS и одно пространство можно ввести); Текстовые ссылки должны создать как минимум два изменения состояния, которые гиперкулированы.
Область содержания страницы
Введите достаточно английских символов, чтобы страница растянулась до точки (браузер IE, используемый под экраном 1024 × 768, появляется с левой и правой верхней и нижней растяжениями).
нижний колонтитул
Введите 40 капитальных символов в области информации об авторском праве. Держите определенное расстояние от верхних и нижних участков для красоты страницы.
Нижнее меню
Содержание в вторичном меню (навигация) должно быть сделано в независимой таблице; Высота таблицы не должна быть установлена; Это должно быть сделано в соответствии с примерами; На странице должно быть сделано шесть второстепенных пунктов меню, а в каждом проекте можно ввести 20 символов капитала W (6 WS и одно пространство можно ввести); Текстовые ссылки должны создать как минимум два изменения состояния, которые гиперкулированы; Для красоты страницы определенное расстояние должно храниться в верхних и нижних областях.
шесть. Второе требование о производстве файлов HTML: имя HTML2.html
Скопируйте первый HTML-файл, удалите некоторое содержимое внутри, сохраните три навигации первого уровня, навигацию по двум второму уровню (вертикальная навигация) и три нижних меню, и 6 символов появляются в каждом элементе; сохранить две строки английских персонажей в области содержания страницы (не распространяя страницу)
Семь. В вышеупомянутой ситуации две страницы должны поддерживать единый эффект, и фон может быть зациклен; Изображение заголовка отображается в центре или может быть расширен (некоторые области заголовка могут создавать фон)
восемь. Название компании, лозунг компании, заголовок страницы области контента, шрифты меню с первым и вторым уровнями должны использоваться в качестве стандартных системных шрифтов, таких как: Tahoma или Arial,
Девять. При создании каталога шаблонов, пожалуйста, проверьте опцию, чтобы не кэшировать миниатюры в Tools -> Параметры папки -> View, чтобы пакет ZIP Template не будет содержать ненужные файлы кэша.
десять. Файл style.css не может содержать какого-либо соединения изображения (пример: founder-image: url ('../images/bg.gif');); и не может содержать определение тегов HTML (например, определение не следует делать в CSS. Если вы хотите применять его, вы можете напрямую написать его в тете HTML).
одиннадцать. Кодирование Charset HTML должно быть UTF-8
двенадцать. Все размеры шрифтов (включая таблицы стилей и HTML) должны быть точками (PT) вместо пикселей, с минимальным размером 8PT, такими как размер шрифта: 8pt.
Тринадцать. Элементы (DOV и т. Д.) В шаблоне не могут быть абсолютно позиционированы и не могут содержать JavaScript.
четырнадцать. Все шаблоны имеют одинаковый эффект в браузере, т.е., Mozilla, Opera
пятнадцать. Все пути изображения в файле шаблона должны быть относительными путями. Например, по сравнению с цветовым путем: файл под изображениями под синим цветом следует записывать как <img src = images/xxxx.gif> вместо <img src = blue/images/xxxx.gif>
шестнадцать. Некоторые специальные PSD не могут вместить 40 букв размера w, когда название компании и шрифт лозунга могут быть уменьшены, но это не может быть менее 8pt.
Семнадцать. Шаблон должен заполнить весь экран высотой, и то же самое относится и к тем, что без контента (так что часть контента может быть расширена вертикально)
восемнадцать. Цвет фона должен быть добавлен во всех областях (в соответствии с изображением PSD)
девятнадцать. Космические персонажи не появляются
двадцать. Все значения атрибутов должны быть добавлены в него.
Двадцать один. Любые этикетки, которые появляются в парах, должны быть добавлены/например:
Это должно быть написано как <img src = ******> это должно быть написано как <img src = ******/>