Создаем документ для написания стилей оформления сайта css и подключаем его к нашему HTML документу.


Установка необходимых плагинов для нашей работы: 1. Page Builder by SiteOrigin – дополнительный функционал для точной настройки структуры страницы или записи, очень много возможностей. 2. SiteOrigin Widgets Bundle – специальные виджеты для плагина выше. 3. Easy Google Fonts – плагин очень легкого подключения Гугл шрифтов в вашу тему. 4. Black Studio TinyMCE Widget – перенес целиком стандартного TinyMCE WordPress визуального редактора (тот в котором вы пишете свои посты и пр) прямо в виджет. 5. Title Remover – убирает заголовок статьи со страницы 6. Contact Form 7 – плагин для работы с формами обратной связи 7. Spacer (Пробел) – плагин для принудительных отступов на странице 8. Lightbox Plus Colorbox – Лучший плагин для всплывающих окон в WordPress


1. Разбираем Page Builder, как строятся строки, какие есть у них возможности, как добавить виджет и т.д. 2. Смотрим надстройку Hide Title, как в один клик убрать ненужный нам заголовок. 3. Добавляем отступ Spacer, в любом месте нужный нам отступ без знаний css Пишите ваши пожелания и вопросы в комментариях, а также на какую тему в работе с WP вы бы хотели видеть уроки.


В этом видео уроке мы пройдем ниже приведенные пункты очень подробно: 1. Смена пароля WordPress 2. Обновление WordPress, если это нужно 3. Удаление ненужных плагтнов с WordPress 4. Добавление темы с репозитоиря и своей локально 5. Настройка установленной темы 6. Создание страниц под вывод меню 7. Настройка отображения главной страницы WordPress 8. Добавление контента на главную 9. Скрытие сайдбара с виджетами на главной странице Ссылка на тему –


Продолжаем серию маленьких видеоуроков посвященных нарезке макета фотошоп и дальнейшей верстки в HTML5 CSS3


Это вторая часть, дополняющая первую, и здесь мы научимся устанавливать WordPress на локальный компьютер при помощи Open Server. Уверяю в этом нет ничего сложного, уже через 10 минут вы будете иметь установленный сайт на cms WordPress у себя на компьютере.


Сегодня мы с вами узнаем как применяются на практике reset.css normalize.css и для чего это нам нужно в верстке.


С помощью программы Photoshop мы нарезаем изображения для будущей страницы html.


Введение в практическую верстку, на практике верстая с макета Photoshop в веб страницу html


Верстка нашего макета с PSD в HTML5, размещаем наши основные блоки страницы с помощью элементов верстки. Блог автора —


Практический обзор программы СловоЁб, со всеми моментами, от настройки программы, до работы с готовыми ключами. Все по сути и никакой воды, только качество и простота. Смотрите также материалы по теме –


Регистрируем доменное имя и арендуем хостинг под сайт. Устанавливаем cms WordPress на нашем хостинге с подробными пояснениями. Автор блога –


Пояснение, что такое псевдокласс и псевдоэлемент в css и как это применяется в верстке на практике.


Вводной урок из серии HTML, JavaScript, PHP и MySQL , где мы знакомимся с понятием html, создаем первую страницу и понимаем, что такое тег и его параметры.


Онлайн сервис Rush Analytics. Разбор функционала Регулярная проверка на реальном примере. Честный видео обзор без лицемерия. Rush Analytics позволяет проверять позиции со скоростью 100 запросов в секунду. Проверяйте позиции сайта в любом регионе мира. Доступны все регионы и языки Яндекса и Google. Ребята проверяют реальную выдачу поисковых систем. И не используют Яндекс XML с заведомо неверными данными.


Сегодня мы сверстаем часть страницы отвечающую за контент, важный контент. Использованы теги section и aside.



Начинаем стилевое оформление нашей страницы html при помощи стилей css


Изображения на web-странице, какая графика используется в верстке, какие форматы изображений лучше. Основные атрибуты тега img и вспомогательные. Что такое src и alt для чего они нужны и как их заполнить. Все ответы в этом ролике.


Разовый сбор позиций в сервисе Rush Analytics. Экспресс сборщик позиций предназначен для разовой быстрой проверки позиций сайта по группе запросов в поисковых системах Яндекс и Google. В итоге мы получаем: 1. Ключевое слово - загруженные вами в проект запросы 2. Регион - выбранный вами регион для сбора позиций в Яндексе 3. Позиция в Яндексе / Google - занимаемые позиции загруженных запросов в выдачи поисковой системы Яндекс или Google 4. Релевантный URL в Яндексе / Google - найденный релевантный URL


После практических четырех занятий на блоге практическое занятие по верстке простого макета страницы сайта.


Создание и разбор структуры html в документе. Тег DOCTYPE, head, title, body и другие с подробным пояснением. Что такое техническая информация документа и раздел BODY – основная часть документа.


В этом видео мы последовательно сверстаем внутреннюю часть макета нашего сайта. Первая часть (header & nav) здесь Блог автора


Заголовки h1-h6 в HTML, параграфы, а также верстка списков нумерованных, маркированных и списков определений. Все на практике в подробном объяснении.


Быстрое знакомство с онлайн-сервисом Prodvigator, для работы с анализом конкурентов и сбора семантики. Полезен для SEO специалистов и маркетологов.


Верстка сайта по макету с изображения.


Верстка footer на практике с применением html css. Подробное описание последовательности при выполнении верстки. Сайт автора -


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


Руководство по сбору семантики используя Wordstat в сервисе Rush Analytics. Быстрая магия, которая стоит вам копейки. Все на практике, только правда, никакой лести. Блог автора видео – Rush Analytics –


Гиперссылки внутри страницы html, разбираем понятие внутренних и внешних ссылок, а также понимание абсолютного и относительного пути. Ссылки на якоря страницы и на E-mail почту, только практика!


Сбор поисковых подсказок Яндекса или Googl с многими подробными настройками и указанием уровнем парсинга. Стоит копейки, работает очень шустро и точно!


Пишем стили css для области навигации в нашем макете. Данный видеоурок можно посмотреть на моем блоге а также скачать исходник кода о котором я говорю в видео.


Что такое форматирование отдельных символов, выделение фрагментов текста, создание нижних и верхних индексов.


Видео добавлено: