$
58.87 руб.
69.50 руб.
Каталог услуг
Мы в социальных сетях
Наши паблики

Несколько базовых HTML&CSS-приемов, используемых маркетологами

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

Несколько базовых HTML&CSS-приемов, используемых маркетологами

Используем инструментарий HTML и CSS

Основные инструменты HTML ‒ это теги: пары закрывающих и открывающих (они отличаются значком «/») и множество конкретных, выполняющих свои задачи. Для маркетолога может быть полезно:

  • уметь просмотреть фронтэнд (техническую часть интерфейса страницы) ‒ клик правой кнопки мыши на свободном поле страницы и выбор опции просмотра кода или элемента страниц, в зависимости от браузера;
  • знать принципы построения и структуру HTML-таблиц, суть использования в них тегов <table>, <td>, <tr> и соответствующих им закрывающих, объединять столбцы/строки с помощью colspan (горизонтальное) и rowspan (вертикальное);
  • уметь пользоваться тегами <br> чтобы переносить текст на следующую строку;
  • уметь разделять текст на блоки по смыслу: горизонтальные разделители <hr> часто используют в почтово-новостных рассылках и на лендингах, а чтобы задать собственный стиль текста с помощью CSS, нужно присвоить тегу определенный класс, а потом прописать эти особенности в код страницы;
  • знать, какой шрифт и цвет используются: удобные расширения (например, ColorZilla и WhatFont для браузера Chrome) позволяют наведением курсора-«пипетки» определить размер элементов, шрифты и кодировку цветов в #ABC или RGB, а результат можно скопировать в буфер напрямую из браузера;
  • уметь работать с изображением ‒ тег <img> и его характеристики (ссылка src, название alt, выравнивание align, размеры по ширине width и высоте height) определяют его внешний вид, а чтобы убрать пробел под ним (такой неприятный эффект проявляется, в частности, в Gmail), к тегу img добавляется фраза style= "display: block”;
  • знать, как добавить отступы: они прописываются в пикселях, процентных величинах (это предпочтительнее, чтобы блоки «подстроились» под конкретный экран) или сантиметрах с помощью margin (внешние) и padding (внутренние) ‒ лучше воообще всегда использовать масштабируемые измерители, чтобы не зависеть от размеров экрана;
  • уметь создать и стилизовать формы ‒ тегом <form> и указанием конкретных характеристик внутри него.

Уметь работать со стилями ‒ не менее важно для интернет-маркетолога. Внести небольшие правки можно в теле страницы с помощью тега <style>. Задать отдельным заголовкам или абзацам стиль можно с помощью применения новых свойств к классу или встраивания их между тегами <head> и </head>, но, чтобы применить стиль ко всему элементу, понадобится прикрепить к странице файл CSS. Для этого ссылку на него (<link>) нужно расположить в шапке страницы, после тега <head>. Чтобы стили отображались корректно, файл с ними стоит разместить в публичном доступе ‒ на GoogleDrive, прикрепив ссылки как внешние файлы, не забыв удалить часть edit. В шаблонах можно использовать необычные шрифты (например, взять их в Google Fonts). А если нужно, чтобы появилось окно об ошибке, следует пользоваться атрибутом required, а лучше ‒ языком JavaScript.

Читайте еще
Сколько раз, совершая покупки, мы делаем целиком разумные шаги ‒ сравниваем цены предложений. И можно быть уверенным, что наши собственные потенциальные покупатели делают то же самое »
Как правило, наиболее крупные игроки, широко использующие таргетирование в своей работе ‒ это социальные сети и поисковики. На примере самых показательных из них ‒ Google, Яндекс и Вконтакте ‒ можно пронаблюдать, как работает этот инструментарий »
Концепция юзабилити, интуитивно понятных и удобных пользователю интерфейсов, существует не первый день. Для любого бизнеса требуются сайты, которые отвечают новейшим требованиям дружественности »
В попытках добиться хороших результатов посещаемости и рейтинга своих сайтов оптимизаторы прибегают к большому количеству различных приемов, и одним из наиболее эффективных инструментов стало использование гостевых постов »
Разделы сайта