Вёрстка сайтов (макетирование)
Веб-вёрстка — ключевой момент в создании сайта. Именно на этом этапе работы происходит слияние творчества и технологий. Веб-верстка — это процесс преобразования рисунка дизайнера в функциональную страницу ресурса Интернет.
Свойства веб-вёрстки
Веб-страница должна отвечать нескольким техническим параметрам, задать которые могут только опытные программисты.
Все браузеры (или интернет-обозреватели): «Internet Explorer», «Opera», «Safari», «Mozilla Firefox» и «Google Chrome» — созданы разными людьми, на разных языках и на основе разных алгоритмов. А код конкретной веб-страницы должен одинаково адекватно прочитываться любым из браузеров. Для этого наши специалисты верстают кроссбраузерные страницы.
Существует организация W3C или World Wide Web Consortium (Консорциум Всемирной паутины) — в её компетенции разрабатывать и внедрять стандарты для всей сети Интернет. Поэтому наши верстальщики создают валидные, т.е. соответствующие нормам W3C, страницы.
Существует два типа вёрстки: блочная и табличная. Последняя — проще для создателя, но «тяжелее» для браузера. Следовательно, интернет-обозреватель долго ищет и отображает запрошенные веб-страницы, что доставляет определённый дискомфорт пользователю. В связи с этим мы отдаём предпочтение блочной вёрстке, что позволяет создавать быстрые и функциональные сайты.
SEO-оптимизация (поисковая оптимизация) задаёт свои условия работы. Поисковый робот не понимает обычных вербальных средств, но для него имеет большое значение логическое структурирование информации на страницах сайта. Так, правильно отформатированный текст с заголовками, расстановкой акцентов (выделение жирным или курсивом) лучше обрабатывается поисковиками. Наши специалисты верстают семантичные веб-страницы, которые однозначно прочитываются браузерами и имеют ощутимое преимущество в глазах поисковых систем.
Этапы работы над вёрсткой
- Веб-програмист получает созданное дизайнером и утверждённое вами изображение страницы сайта.
- Просчитывает расположение элементов и раскладывает рисунок на «скелет», используя XHTML — язык разметки страниц.
- Работает над деталями страницы (картинки, главы, параграфы и т.п.).
- Пишет код и проверяет его валидность и верность отображения во всех известных браузерах, учитывая их «узкие места».
- Получает свёрстанную статичную страницу.
- Если необходимо создать динамичную веб-страницу программист использует язык программирования JavaScript. Именно на этом языке пишется вся анимации, всплывающие окна, красивые динамические меню. В принципе, можно заставить двигаться на странице всё что угодно. Единственный критерий здесь — фантазия заказчика и дизайнера, стоит только захотеть — и через страницу будет летать хоть муха, хоть самолёт.
- Веб-страница тестируется. Проверяется удобство пользования, цветовые решения и способность «растягиваться» для мониторов разных марок и разрешений. Чтобы не огорчать посетителей сайта с хорошим разрешением. Если тест проходит успешно, то страницу можно размещать в Интернете.
«Золотое сечение»
Плюсом вёрстки, которую осуществляют наши специалисты, является использование модульной сетки. Гениями Возрождения был заложен принцип «Золотого сечения» в композиции, а ещё раньше древние греки таким способом гармонизировали и уравновешивали конструкции храмов.
Позже модули перешли в типографское дело. Размещаемый на книжных страницах материал неоднороден и, прежде всего, различается графически. Текст и иллюстрации воспринимаются и смотрятся неодинаково. Поэтому на книжной полосе для каждого из элементов отведено своё место. Соотношение текста и изображений может быть неодинаковым на разных полосах, но они обязательно должны занимать пространство согласно модулям — единицам измерениям.
Умение работать с модульной сеткой позволяет нашим специалистам проводить допечатную подготовку типографских изданий. И, конечно же, создавать гармоничные и удобочитаемые веб-страницы.