1. Каждое исходное изображение в формате PSD имеет три цветовые схемы. Изображения необходимо вырезать отдельно по одинаковым характеристикам, а изображения в одной области, вырезанные тремя цветами, должны иметь одинаковые названия.
2. Создайте три папки, названные в честь цветов в соответствии с цветовой схемой, и поместите в каждую папку информацию, необходимую для создания «цветовой схемы» на веб-странице.
3. Требуемый контент, содержащийся в каждой папке цветовой схемы: изображения, css, заголовки, папки кнопок и два html-файла, а также два больших и маленьких рендеринга веб-страниц, все именование выполняется в соответствии с примерами, а настраиваемый контент может быть назван свободно; .
4. Макет веб-страницы, все веб-страницы состоят из следующих частей:
· Заголовок (логотип, заголовки)
· Панель навигации уровня 1 (кнопки)
· Панель навигации уровня 2 (кнопки)
· Область содержимого страницы (область содержимого используется для отображение веб-страниц на английском языке)
· Нижний колонтитул (нижнее меню, авторские права)
определяет область, которая будет создана на основе psd-файла. Область, нарисованная на исходном изображении, должна быть создана, а область, которой там нет (некоторые не имеют). панель навигации второго уровня, а у некоторых нет нижнего колонтитула) создавать не нужно.
5. Требования для создания первого html-файла: назовите его html.html. Вся страница должна быть оформлена в виде таблицы.
Заголовок. Заголовок можно сделать фоном, а некоторые изображения заголовков неправильной формы можно разрезать для обработки на несколько частей, при этом количество разрезов должно быть сведено к минимуму. Область логотипа оформляется отдельно в таблице (ширина таблицы может быть ограничена); логотип разделен на три части: изображение логотипа, название компании и слоган компании; название компании на странице необходимо вводить заглавными буквами 40 W; символов, а слоган компании также необходимо ввести 40 символов W в верхнем регистре. Символы
навигации первого уровня: содержимое меню первого уровня (навигации) должно быть вынесено в самостоятельную таблицу, ширина и высота ячейки не должны быть; установить; на странице необходимо разместить шесть пунктов меню первого уровня и ввести в каждый пункт 20 символов W в верхнем регистре (можно ввести как 6 W плюс пробел, изображение кнопки должно создать три изменения состояния гиперсоединения (согласно); к psd-схеме некоторые могут иметь только два состояния); картинка в каждом элементе и текст должны быть расположены в одну строку. Вы можете использовать br, чтобы они отображались в отдельных строках.
Вторичная навигация (вертикальная навигация): Содержимое вторичного меню (навигации) должно быть вынесено в самостоятельную таблицу, высота таблицы не должна задаваться по образцу, на странице должно быть выведено 10 пунктов вторичного меню; , каждый Введите 20 символов W в верхнем регистре в каждый проект (вы можете ввести их в виде 6 W плюс пробел). Для текстовых ссылок необходимо создать как минимум два изменения состояния гиперссылки.
Область содержимого страницы: введите достаточно английских символов, чтобы растянуть страницу (браузер IE, используемый под экраном 1024×768, будет иметь растягивающиеся полосы слева и справа.
Нижний колонтитул: введите 40 символов W в верхнем регистре в области информации об авторских правах). Чтобы страница оставалась красивой, соблюдайте определенное расстояние между верхней и нижней частями.
Нижнее меню: Содержимое вторичного меню (навигации) должно быть выведено в отдельную таблицу, высота таблицы не может быть задана, производится по образцу, на странице должно быть выведено шесть пунктов вторичного меню, а их 20. вводится в каждый элемент Заглавная буква W (можно ввести с использованием 6 W плюс пробел); необходимо создать как минимум два изменения состояния гиперссылок; для красоты необходимо зарезервировать определенное расстояние между верхней и нижней областями; страница.
6. Требования для создания второго html-файла: назовите его html2.html. Скопируйте первый html-файл, удалите часть содержимого внутри и сохраните три навигации первого уровня, две навигации второго уровня (вертикальная навигация) и три нижних меню, в каждом элементе которых должно быть по 6 символов, оставьте две строки на английском языке; символы области содержимого страницы (не открывая страницу).
7. В приведенной выше ситуации две страницы должны сохранять единый эффект, а фон может быть зациклен; изображение заголовка может отображаться в центре или может быть расширено (некоторые области заголовка могут иметь фон).
8. Название компании, слоган компании, заголовок страницы области содержимого, а также шрифты меню первого и второго уровня должны использовать стандартные системные шрифты, такие как Tahoma или Arial.
9. При создании каталога шаблонов установите флажок «Не кэшировать миниатюры» в «Инструменты» -> «Параметры папки» -> «Просмотр», чтобы zip-пакет шаблона не содержал избыточных файлов кэша.
10. Файл style.css не может содержать ссылки на изображения (пример: background-image: url('../images/bg.gif');), а также не может содержать определения html-тегов (например, должны быть нет определений в css, если для применения его можно прописать прямо в теге html).
11. Кодировка HTML должна быть utf-8.
12. Все размеры шрифтов (включая таблицы стилей и HTML) должны использовать точки (pt) вместо пикселей (пикселей). Минимальный размер — 8pt, например, размер шрифта: 8pt.
13. Элементы (div и т. д.) внутри шаблона не могут использовать абсолютное позиционирование или содержать JavaScript.
14. Все шаблоны имеют одинаковый эффект в браузерах IE, Mozilla и Opera.
15. Все пути к изображениям в файле шаблона должны быть относительными. Например, относительно «цветного» пути: файлы под изображениями, выделенными синим цветом, должны быть записаны как <img src=images/xxxx.gif > вместо <img src=blue/images/xxxx.gif >.
16. Если какой-либо специальный PSD не может вместить 40 больших и маленьких букв W, шрифт названия компании и слогана можно уменьшить, но не меньше 8 пт.
17. Шаблоны должны заполнять весь экран по высоте, то же самое касается шаблонов без контента (чтобы часть контента могла расширяться вертикально).
18. Все области должны иметь цвет фона (согласно psd изображению).
19. Пробелы не могут появляться.
20. Все значения атрибутов необходимо добавить в " ".
21. Все теги, которые не встречаются парами, должны быть добавлены с помощью «/». Например: <img src=******> следует записать как <img src=******/>