0. Культура работы сотрудника: когда передается новый проект создать для него папку с его названием (желательно на английском языке) и складывать в нее исходники. ДОСТУП к сайту должен в ней лежать в отдельном txt файле под названием «Доступ к файлам сайта URL». Контент сайта – картинки и Word-файлы (который кодер будет вносить на сайт) складывать в папку «Content». Замучили вопросами: «А дайте мне еще раз доступ к этому сайту!» Все финансовые условия (премии-оплата) по проектам, которые высылаются в письмах от работодателя необходимо складывать в отдельную папку в почте. Только на основании данных писем, а не разговоров по ICQ будет производиться итоговая оплата. Исходники (шаблоны, картинки) должны лежать в отдельной папке «исходнки»).
-После того, как верстальщик дорабатывает дизайн (перегоняет его в HTML) он обязан ВСЕ исходники (в FLA или в PSD), которые он изменил выложить в отдельную папку на FTP - /ishodniki вместе с сайтом обязательно в заархивированном виде.
При использовании шаблонов дизайна - верстальщику предоставляется исходные HTML-сверстанные файлы (которые прилагались с шаблоном) а также измененные файлы шаблона (главной и остальных страниц), подготовленные веб-дизайнером. В некоторых несложных случаях сам HTML-кодер может вставить логотип Заказчика и поменять названия разделов согласно карте сайта.
Верстальщик обязан соблюдать культуру верстки, внимательно и аккуратно, писать и редактировать код, следуя стандартам W3C:
Cтараться избегать повторений стилей (выносить все в CSS-файл) и других элементов кода.
Работа со ссылками:если ссылки не прописаны в CSS (это бывает когда нужно дорабатывать шаблон из TemplateMonster) ни в коем случае нельзя делать их стандартными цветами (синий – активный, фиолетовый – посещенный) ищите цвет, который Вы можете использовать в качестве ссылочного (например цвет ссылок текстового меню), либо спросите у менеджера проекта.
Cтавить ALT-ы для картинок (для Логотипа, например – ставить ALT: «На Главную»/ «Main page» для англ. сайтов.), для картинок-кнопок разделов писать в ALT-ах названия разделов. Логотип должен быть ссылкой на главную страницу.
Отделять элементы сайта (шапка, меню, новости, контент, bottom) комментариями.
Стараться практически всегда (если специально не обговорено) использовать относительные пути для файлов (особенно рисунков) и папок.
Делать масштабируемый для контента дизайн во всех случаях, кроме специально обговоренных. Макет дизайна должен всегда помещаться на 800*600 без горизонтальной полосы прокрутки, кроме заранее обговоренных случаев (порталы, Интернет-магазин etc.). В некоторых случаях, если это оговорено в дизайне (макет дизайна должен быть не выше 420 пикселов) то и вертикальной полосы прокрутки.
Масштабируемость нужно не только по горизонтали (на весь размер окна), но и по вертикали – то есть «ноги» (bottom) сайта должны в любом разрешении «притягиваться» к низу окна (чтобы не оставалось белых мест внизу) – www.concorde-ma.ru – пример ошибки в верстке.
Логотип:логотип берется со старого сайта, либо с других материалов (бланков, векторной или растровой версии клиента). Логотип должен ссылаться на главную страницу – к этому пользователь привык с Рождения! На логотипе можно писать Alt текст «На Главную»
Flash-на сайте:если заранее не оговаривалось, то Flash-заставку, присутствующая в шаблоне вставлять на сайт не нужно, (то есть нужно делать не Flash, а HTML-версию). Если флэш присутствует, то эти элементы должны быть прописаны надлежащим образом по стандартам. Если флэш заставка не сделана, а проект уже пошел на верстку, то обычно кодер (то есть Вы) вырезаете кусок из сайта (картинку) и пересылаете менеджеру проектов/флэшеру так чтобы он в рамках фона и размера этого куска сделал анимацию.
Поиск на сайте и вход для клиентов и др. формы (кроме формы отправки на e-mail с сайта):если на шаблоне они присутствуют, то без дополнительного уведомления (об этом можно спросить по ICQ лишний раз) делать не нужно.
Другие браузеры: сайт должен без ошибок отображаться в IE c 5-й версии и Opera c 6.0 версии, кроме заранее оговоренных ситуаций.
Крайне избегать использования фреймов на веб-страницах.
Сохранение картинок:Обязан оптимально сохранять картинки соответственно в форматах JPG и GIF (реже, PNG) в папке /images (обычно в корне сайта).
Сайт приемлемо должен показываться на мониторе в 16 бит. То есть (особенно градиенты) необходимо сохранять переводя картинку в 16 бит.
Для немногоцветных изображений чаще всего используется формат GIF, для фотографических – формат JPG. Для логотипов и надписей картинками практически всегда необходимо использовать GIF.
Оптимальность сохранения – в GIF-е желательно выставлять параметр Lossy=7%.Дизеринг и кол-во цветов в зависимости от ситуации. Палитра – Adaptive.
Бордеры у картинок должны делаться в HTML: если дизайнер делает «свечение/Stroke» 1-2 px, то это значит, что картинку (если она аналогична остальным http://bk-cons.ru/ )
Такого «безобразия» (сохранение картинки вместе с фоном и бордером сразу) не должно быть:
Данная ошибка была допущена и исправлена при верстке главной страницы сайта www.bkcons.ru
Допустим, имеется маленькая картинка для каждого раздела:
http://www.bk-cons.ru При уменьшении фотографий из клипарта для сохранения четкости, необходимо уменьшать фотографию приблизительно 30% по размерам и применять Фильтр/Резкость->Сделать четче. После этого еще раз уменьшить фотографию на 30% и тоже применить команду «Сделать четче». Обычно три итерации – после последнего уменьшения картинки фильтр применять не нужно.
Внимание!В готовой (самой последней) версии HTML-кода сайта, не должно быть «лишних» (промежуточных версий/неиспользуемых файлов) – особенно это касается картинок, так как это утяжеляет макет и мешает в нем разобраться веб-программисту.
Оптимизация сайта: если сайт будет продвигаться в дальнейшем, в дизайн нужно
добавлять место – строку для ключевых слов в самом начале кода (шапка сайта) – пример – www.rassilkapisem.ru , www.kerama.ru www.nuance.ru, Пример: «бухгалтерское обслуживание, ведение баланса предприятий – наши услуги» Впереди стоят ключевые слова (их потом пишет оптимизатор сайтов), сзади – концовка.
А такие сайты, которые мы делаем – большинство.
Копирайт на сайте:При кастомайзинге шаблонного макета дизайна обязательно необходимо ставить ссылку на нас: «Изготовление сайта, оптимизация сайта, ВЛТ». Ссылка должна вести на www.wlt.ru. Ссылка должна быть текстом.
Дизайнер при создании шрифтового решения те надписи, которые будут на сайте текстом делает без антиалиайзинга сглаживания).А те, которые будут сохраняться картинками – с антиалиайзингом:
Дизайнер указывает шрифтовое решение для главной страницы и для контента на сайте.
Для тех, кто в танке (если у кого возникнет вопрос: ЗАЧЕМ делать одну букву текстом, а другую картинкой): мы делаем ЭФФЕКТИВНЫЕ сайты. И стремимся максимально устранить (оптимизировать) контент в начале кода, чтобы НУЖНЫЕ нам ключевые фразы были в начале, а «мусор» был загнан в картинки. Поэтому, если в ТЗ об этом написано, необходимо реализовывать комбинации когда текст и картинка выглядят одинаково (без сглаживания).
И последнее: Никакая работа не считается сделанной, если она не выложена на сервер, доступный по http
Это относится к премиям. Если работа не лежит на сервере, (в КРАЙНЕМ случае не выслана по почте), срок не засчитывается.
Тел: +7(095) 772-59-98 (Мегафон), +7-926-378-97-37 – слать смс-ки можно с сайта http://sms.megafonmoscow.ru
Бордеры у картинок должны делаться в HTML: если дизайнер делает «свечение/Stroke» 1-2 px, то это значит, что картинку (если она аналогична остальным http://bk-cons.ru/ ) 