1. Каждое исходное изображение в формате PSD имеет три цветовые схемы. Изображения необходимо вырезать отдельно по одинаковым характеристикам, а изображения в одной области, вырезанные тремя цветами, должны иметь одинаковые названия. 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=******/>
2. Создайте три папки, названные в честь цветов в соответствии с цветовой схемой, и поместите в каждую папку информацию, необходимую для создания «цветовой схемы» на веб-странице.