Цель работы: создать работающий макет сайта из шаблона Что вы должны уметь: - редактировать многослойные 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 - верстать. Дизайн уже сверстан. Нужно лишь подправить верстку – заменить одни картинки на другие, иногда поменять размеры и стили. - писать тексты/рерайтить/копирайтить. тексты просто копипейст с редактированием (убираем названия компаний и т.п.) -------------