Архив тегов: веб-верстка

Акцент-Код, Веб-дизайн сайтов, Лаборатория Кода, Маркетинг-Код

Создание сайтов и целевая CSS-верстка. HTML и CSS сниппеты

При создании сайтов, к верстке часто относятся довольно поверхностно. Считается, что она почти никак не влияет на его работу. Здесь я расскажу о целевом использовании CSS-кодинга в русле довольно значимых задач сайта.

CSS-кодинг позволяет

  • Ускорение работы сайта
  • Улучшение юзабилити и повышение лояльности потребителей (аудитории):

    • Гибкость и динамичность веб-дизайна
    • Структурирование и облегчение восприятия информационных блоков
    • Кликабельность
  • Поисковая оптимизация

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

Для справки (о CSS). CSS — каскадная таблица стилей. Служит для верстки и стилевого оформления web-документа. Подгружается в т.н. «невидимую часть» страницы ( тег <HEAD>). Производит обработку компонентов страницы, визуально преображая их с заданными стилями (цвет, позиция и пр.).

Данный материал предназначен в качестве шпаргалки для веб-дизайнеров / верстальщиков. В статье представлена личная подборка CSS-фрагментов (сниппетов), наиболее часто употребляемых автором на практике. Материал содержит советы по адаптации верстки к задачам поисковой оптимизации.
Читать дальше

Теги , , , , , , , , , , , , ,
Лаборатория Кода, Сенсив-Код

Веб-дизайн и вёрстка сайтов. Кроссбраузерность и мировые веб-стандарты (W3C)

соответствие сайтов мировым веб-стандартам
Данный материал начинает цикл статей о «веб-дизайне по стандартам», грамотной вёрстке сайтов. Ввиду того, что в России высшее профессиональное образование в области веб-разработок было введено сравнительно недавно (всего несколько лет назад, — ничтожно в сравнении с Западом, где такие направления существуют десятилетия), веб-мастера (верстальщики) зачастую весьма посредственно относятся к стандартам W3C, а порой даже и — к кроссбраузерности.

Статья включает принципы обеспечения кроссбраузерности (идентичного отображения веб-дизайна сайтов в различных устройствах, различных браузерах различных версий). Также, поднимается вопрос об актуальности следования мировым веб-стандартам W3C при создании сайтов. Готовы ли фирмы-заказчики на дополнительные расходы для полного обеспечения соответствия мировым стандартам W3C? Речь, конечно, о малых и средних веб-студиях, т.к. в крупных фирмах веб-дизайна цены итак ого-го — должны бы включать затраты на такое соответствие по умолчанию (хотя, по факту, картина иная). Или нет?

В качестве небольшого замечания, следует сказать, что кроссбраузерность и W3C-стандарты отнюдь не случайно рассматриваются в связке… Читать дальше

Теги , , , , ,