Примеры работ

Вёрстка сайтов (макетирование)

Веб-вёрстка — ключевой момент в создании сайта. Именно на этом этапе работы происходит слияние творчества и технологий. Веб-верстка — это процесс преобразования рисунка дизайнера в функциональную страницу ресурса Интернет.

 

Свойства веб-вёрстки

Веб-страница должна отвечать нескольким техническим параметрам, задать которые могут только опытные программисты.

Все браузеры (или интернет-обозреватели): «Internet Explorer», «Opera», «Safari», «Mozilla Firefox» и «Google Chrome» — созданы разными людьми, на разных языках и на основе разных алгоритмов. А код конкретной веб-страницы должен одинаково адекватно прочитываться любым из браузеров. Для этого наши специалисты верстают кроссбраузерные страницы.

Существует организация W3C или World Wide Web Consortium (Консорциум Всемирной паутины) — в её компетенции разрабатывать и внедрять стандарты для всей сети Интернет. Поэтому наши верстальщики создают валидные, т.е. соответствующие нормам W3C, страницы.

Существует два типа вёрстки: блочная и табличная. Последняя — проще для создателя, но «тяжелее» для браузера. Следовательно, интернет-обозреватель долго ищет и отображает запрошенные веб-страницы, что доставляет определённый дискомфорт пользователю. В связи с этим мы отдаём предпочтение блочной вёрстке, что позволяет создавать быстрые и функциональные сайты.

SEO-оптимизация (поисковая оптимизация) задаёт свои условия работы. Поисковый робот не понимает обычных вербальных средств, но для него имеет большое значение логическое структурирование информации на страницах сайта. Так, правильно отформатированный текст с заголовками, расстановкой акцентов (выделение жирным или курсивом) лучше обрабатывается поисковиками. Наши специалисты верстают семантичные веб-страницы, которые однозначно прочитываются браузерами и имеют ощутимое преимущество в глазах поисковых систем.

 

Этапы работы над вёрсткой

  • Веб-програмист получает созданное дизайнером и утверждённое вами изображение страницы сайта.
  • Просчитывает расположение элементов и раскладывает рисунок на «скелет», используя XHTML — язык разметки страниц.
  • Работает над деталями страницы (картинки, главы, параграфы и т.п.).
  • Пишет код и проверяет его валидность и верность отображения во всех известных браузерах, учитывая их «узкие места».
  • Получает свёрстанную статичную страницу.
  • Если необходимо создать динамичную веб-страницу программист использует язык программирования JavaScript. Именно на этом языке пишется вся анимации, всплывающие окна, красивые динамические меню. В принципе, можно заставить двигаться на странице всё что угодно. Единственный критерий здесь — фантазия заказчика и дизайнера, стоит только захотеть — и через страницу будет летать хоть муха, хоть самолёт.
  • Веб-страница тестируется. Проверяется удобство пользования, цветовые решения и способность «растягиваться» для мониторов разных марок и разрешений. Чтобы не огорчать посетителей сайта с хорошим разрешением. Если тест проходит успешно, то страницу можно размещать в Интернете.

 

«Золотое сечение»

Плюсом вёрстки, которую осуществляют наши специалисты, является использование модульной сетки. Гениями Возрождения был заложен принцип «Золотого сечения» в композиции, а ещё раньше древние греки таким способом гармонизировали и уравновешивали конструкции храмов.

Позже модули перешли в типографское дело. Размещаемый на книжных страницах материал неоднороден и, прежде всего, различается графически. Текст и иллюстрации воспринимаются и смотрятся неодинаково. Поэтому на книжной полосе для каждого из элементов отведено своё место. Соотношение текста и изображений может быть неодинаковым на разных полосах, но они обязательно должны занимать пространство согласно модулям — единицам измерениям.

Умение работать с модульной сеткой позволяет нашим специалистам проводить допечатную подготовку типографских изданий. И, конечно же, создавать гармоничные и удобочитаемые веб-страницы.