Цель работы: создать работающий макет сайта из шаблона

реклама
Цель работы: создать работающий макет сайта из шаблона
Что вы должны уметь:
- редактировать многослойные psd макеты в фотошопе
- понимать как они верстаются и уметь поправить верстку
- уметь делать html страницы и связывать их в работающий сайт
Результат работы: архив с макетом сайта (набором файлов html, css, jpg, gif, png)
Состав работ:
1. Адаптация шаблона
2. Создание страниц
3. Наполнение страниц
1. Адаптация шаблона
Сайт делается по англоязычному шаблону, который даем в исходниках (psd, верстка).
Шаблон с английскими заголовками, пунктами меню, слоганом и пр.
Нужно посмотреть, как сверстан шаблон (html/css файлы) и понять, какие файлы картинок
нужно заменить.
В примере - потребовалось заменить картинки: шапка, пункты меню, кнопки "подробнее"
Т.е. нужно в фотошопе отредактировать psd - поменять английский текст на русский,
вырезать картинки точно такого же размера в пикселях и расширения как уже есть
английские картинки в верстке и заменить английские картинки в верстке на новые
русские.
т.е. не должно быть англоязычных кнопок, пунктов меню и прочее
в результате адаптации шаблона html версия страницы должна содержать все графические
элементы на русском языке, смотреться нормально, как в оригинале, не разъезжаться и не
искажаться.
2. Создание страниц
Каждый макет сайта должен содержать 5-7 страниц, обязательны главная, о компании,
услуги, статьи, контакты.
Обычно в шаблоне уже сверстаны одна или несколько страниц. если сверстана только
одна - значит ее верстку используем за основу для других страниц. если уже сверстаны
несколько - например титульная, services (услуги), contacts (контакты, обычно с полями
формы обратной связи), то тогда адаптируем их.
все страницы должны иметь расширение .html
внутренние страницы должны иметь свой титул, т.е. если страница "О компании", то это
должно быть отражено в title
на страницах сайта-макета должна работать навигация, меню - т.е. если кликаем пункт
меню Услуги, то переходим на страницу Услуги.
каждая внутренняя страница обязательно должна содержать ссылку на главную - обычно в
виде ссылки-клика на логотип или шапку.
сверху должен висеть баннер о продаже сайта
в результате создания страниц должно получиться 5-7 файлов html с версткой по
адаптированному шаблону (вся графика уже на русском), но без текстового наполнения
или с наполнением на английском (что уже было в шаблоне).
3. Наполнение страниц
Каждая созданная страница должна содержать текстовое наполнение по теме страницы и
картинку.
Текст не нужно писать, просто копируем с других сайтов (copy-paste) и редактируем, так
чтобы нормально читалось и НЕ СОДЕРЖАЛО упоминаний о конкретных названиях
компаний, клиентов, продуктов, контактной информации.
ЭТО ОЧЕНЬ ВАЖНО! В ТЕКСТЕ НЕ ДОЛЖНО БЫТЬ НИКАКИХ ЧУЖИХ НАЗВАНИЙ
И КОНТАКТОВ - или придуманные типа ООО "Медийные бизнес решения" или просто в
общем "Наша компания предлагает..."
Где брать тексты - к примеру, если макет сайта рекламного агенства, то вбиваем в яндексе
или google "рекламное агенство" и берем тексты для страниц с найденных сайтов.
каждая страница должна содержать одну или несколько картинок по теме. т.е. если "о
компании", то можно про офисных работников, если "Производство", то какой-нибуть
ангар или станок. Картинки можно искать на http://images.google.ru или на
http://images.yandex.ru
в результате наполнения страниц должен получиться готовый работающий макет сайта по
шаблону без всяких англоязычных элементов, страницы сайта переключаются и содержат
текст и картинки по теме сайта.
В наполнении / верстке не должно быть никаких копирайтов (с), указаний или ссылок на
внешние страницы (страницы других сайтов), упоминаний конкретных людей (ФИО),
компаний.
------------Что не нужно делать:
- рисовать. дизайн уже нарисован, он в psd, задача его подправить, заменить английское на
русское.
- программировать. сайт не должен работать на все 100%, это макет. поэтому к примеру,
не надо делать работающую форму обратной связи с отправкой на e-mail
- верстать. Дизайн уже сверстан. Нужно лишь подправить верстку – заменить одни
картинки на другие, иногда поменять размеры и стили.
- писать тексты/рерайтить/копирайтить. тексты просто копипейст с редактированием
(убираем названия компаний и т.п.)
-------------
Скачать