Графический дизайн
Web-дизайн (разработка сайтов)
Изготовление
Дополнительно
|
|
PRO/FEEL / Услуги / Web-дизайн (разработка сайтов) / Вёрстка
Вёрстка — процесс преобразование графических и текстовых элементов сайта в формат интернет-страниц. Качество вёрстки определяется корректным отображением сайта в различных браузерах при различных разрешениях экрана (особые проблемы возникают с IE 6 и IE 7). Не меньшее значение имеет отображение текста, использование специальных знаков, таких как кавычки ( « » ), тире ( — ), дефис ( - ), минус ( – ) и т.д.
Для большинства сайтов, которым не требуется постоянное обновление или обновления носят незначительный характер — вёрстка завершающий этап разработки сайта. Вёрстка каждой отдельной страницы сайта позволяет максимально качественно отобразить информацию по сравнению с использованием программных модулей. Особенно это касается страниц, на которых присутствуют фотографии, графические подложки, таблицы данных, нестандартное стилевое отображение текстов.
На сегодняшний день наиболее распространены два типа вёрстки: таблична и css (стилевая). В ряде случаев интернет-страница может физически состоять из нескольких страниц, которые объединяются на сайте программными модулями. Это актуально для статичных элементов, которые отображаются на всех страницах сайта.
CSS-верстка
СSS-верстка — наиболее продвинутый и популярный на сегодня стиль вёрстки. Все стили оформления сайта, включая ссылки на используемые графические элементы прописываются в одном файле таблицы стилей (css). Это позволяет уменьшить размер (в КБ) каждой страницы, сайт быстрее грузится (причем сначала загружается информационное наполнение, а уже потом оформление). Более того, css позволяет настраивать практически любые элементы сайта, например: поля отступа, толщину шрифтов, замену фона ссылки при наведении и т.д.
К сожалению не все функции css поддерживаются браузером Internet Explprer. В результате приходится писать дополнительный код, ориентированный на IE. Табличная верстка
Табличная вёрстка более проста, хотя и не всегда эффективна. Обычно наряду с таблицами отдельные данные (такие как параметры шрифтов, основные элементы оформления) всё равно прописываются в css-файле.
Основная разница между css- и табличной вёрсткой состоят в том, что во втором случае все оформление страницы задается в таблицах, которые присутствуют на каждой странице сайта. В результате страница становится более загруженной дополнтельными данными. Это несколько увеличивает её размер (в КБ) и ухудшает индексацию сайта поисковыми системами.
Внимание! На сайте указаны базовые цены без учета 18 % НДС. В зависимости от сложности и предполагаемого объема работ, окончательная стоимость может изменяться в большую или меньшую сторону.
| услуга |
описание |
цена / срок |
CSS-вёрстка |
| Во время верстки главной страницы задаются основные правила размещения текстовой и графической информации. Эти правила в дальнейшем используются на типовых страницах. |
| На основе шаблона типовой страницы осуществляется верстка всех остальных страниц. |
| В случае, если на сайте используется система администрирования с уникальным дизайном, требуется услуга по вёрстке её шаблона. |
| Любая страница сайта. Информация добавляется в блок информационного поля. Могут вносится незначительные изменения в навигацию. |
Табличная верстка |
| Во время верстки главной страницы задаются основные правила размещения текстовой и графической информации. Эти правила в дальнейшем используются на типовых страницах. |
| На основе шаблона типовой страницы осуществляется верстка всех остальных страниц. |
| В случае, если на сайте используется система администрирования с уникальным дизайном, требуется услуга по вёрстке её шаблона. |
| Любая страница сайта. Информация добавляется в блок информационного поля. Могут вносится незначительные изменения в навигацию. |
|
Внимание! На сайте указаны базовые цены без учета 18 % НДС. В зависимости от сложности и предполагаемого объема работ, окончательная стоимость может изменяться в большую или меньшую сторону.
|