Мы в сети

VK
FB

Оформите подписку!

 Введите Ваш E-m@il и
получайте свежие новости

Видеокурс
Бесплатный видеокурс "Практика HTML5 и CSS3 с нуля до результата за вечер". (Андрей Бернацкий - WebForMySelf)
Бесплатный видео урок

Рейтинг:

Издательство WebForMySelf Издательство: WebForMySelf

Страница автора - Андрей Бернацкий - WebForMySelf Автор курса: Андрей Бернацкий

Бесплатный видеокурс Тематика: HTML и CSS | Веб – разработка | Создание сайтов и блогов

Автор: Андрей Бернацкий

Прямо сейчас забирайте БЕСПЛАТНО пошаговый видеокурс по основам адаптивной верстки с полного нуля на HTML5 и CSS3 от наиболее авторитетного в Рунете обучающего издательства для веб-мастеров WebForMyself.com. После прохождения курса Вы получите адаптивную кроссбраузерную веб-страницу, сверстанную на HTML5 и CSS3. Веб-страница будет полностью готова к размещению в интернете.

Смотреть видео: 

Практика HTML5 и CSS3. Урок №1. Описание разметки страницы. (Андрей Бернацкий - WebForMySelf)

  • Урок 1. Описание разметки страницы

В первом уроке курса мы с вами подробно рассмотрим макет страницы, которую будем верстать на протяжении всего курса. Разберем дополнительные материалы и выполним все необходимые подготовительные действия. И, самое основное, мы разберем и опишем HTML-разметку страницы. Описывать разметку мы будем, используя новые возможности HTML5. По итогам урока у нас будет готовый HTML-код, готовая разметка страницы, оформлением которой мы будем заниматься на протяжении последующих уроков.

  • Урок 2. Назначение общих CSS-стилей для страницы

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

  • Урок 3. Назначение стилей для header

В данном уроке мы начнем назначать стили CSS для нашей страницы. Мы опишем стили для шапки страницы. Вырежем из Photoshop'а необходимую нам фоновую картинку. Рассмотрим необходимые настройки сохранения изображений для WEB. Установим изображение в качестве фона и сделаем фон резиновым. Также в уроке мы назначим стили для текстов, находящихся в header'е сайта. По итогам урока у нас будут описаны стили для шапки сайта. Описаны стили текстов и шрифтов, используемых в header'е.

  • Урок 4. Описание стилей CSS для формы подписки

Описывая стили для шапки сайта, мы не назначали стили для формы подписки. Назначение стилей для форм имеет свою некоторую специфику. В данном уроке мы, назначая стили для формы подписки в header'e, придадим ей внешний вид такой, какой у нее должен быть в соответствии с исходным макетом. При верстке формы мы неоднократно обратимся к свойствам CSS3. И подробно рассмотрим некоторые нюансы работы с формами. По итогам урокам мы получим полностью оформленную форму подписки, и полностью готовый header – такой, каким он должен быть в соответствии с макетом.

  • Урок 5. Описание стилей основного контента

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

  • Урок 6. Делаем страницу адаптивной

Сегодня просто необходимо, чтобы сайт хорошо отображался не только на больших мониторах настольных компьютерах, но и на экранах мобильных устройств. Адаптивная верстка уже не дополнительная опция, а необходимость! В данном уроке мы с вами сделаем верстаемую страницу АДАПТИВНОЙ, чтобы она хорошо смотрелась, и чтобы ей было удобно пользоваться на мобильных устройствах. По итогам урока мы получим полностью готовую для размещения в сети страницу. Страница будет адаптивной, кроссбраузерной, готовой для посетителей с мобильных устройств.

Содержание:
  • Урок 1. Описание разметки страницы

В первом уроке курса мы с вами подробно рассмотрим макет страницы, которую будем верстать на протяжении всего курса. Разберем дополнительные материалы и выполним все необходимые подготовительные действия. И, самое основное, мы разберем и опишем HTML-разметку страницы. Описывать разметку мы будем, используя новые возможности HTML5. По итогам урока у нас будет готовый HTML-код, готовая разметка страницы, оформлением которой мы будем заниматься на протяжении последующих уроков.

  • Урок 2. Назначение общих CSS-стилей для страницы

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

  • Урок 3. Назначение стилей для header

В данном уроке мы начнем назначать стили CSS для нашей страницы. Мы опишем стили для шапки страницы. Вырежем из Photoshop'а необходимую нам фоновую картинку. Рассмотрим необходимые настройки сохранения изображений для WEB. Установим изображение в качестве фона и сделаем фон резиновым. Также в уроке мы назначим стили для текстов, находящихся в header'е сайта. По итогам урока у нас будут описаны стили для шапки сайта. Описаны стили текстов и шрифтов, используемых в header'е.

  • Урок 4. Описание стилей CSS для формы подписки

Описывая стили для шапки сайта, мы не назначали стили для формы подписки. Назначение стилей для форм имеет свою некоторую специфику. В данном уроке мы, назначая стили для формы подписки в header'e, придадим ей внешний вид такой, какой у нее должен быть в соответствии с исходным макетом. При верстке формы мы неоднократно обратимся к свойствам CSS3. И подробно рассмотрим некоторые нюансы работы с формами. По итогам урокам мы получим полностью оформленную форму подписки, и полностью готовый header – такой, каким он должен быть в соответствии с макетом.

  • Урок 5. Описание стилей основного контента

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

  • Урок 6. Делаем страницу адаптивной
Сегодня просто необходимо, чтобы сайт хорошо отображался не только на больших мониторах настольных компьютерах, но и на экранах мобильных устройств. Адаптивная верстка уже не дополнительная опция, а необходимость! В данном уроке мы с вами сделаем верстаемую страницу АДАПТИВНОЙ, чтобы она хорошо смотрелась, и чтобы ей было удобно пользоваться на мобильных устройствах. По итогам урока мы получим полностью готовую для размещения в сети страницу. Страница будет адаптивной, кроссбраузерной, готовой для посетителей с мобильных устройств.

Видеокурс
Видео урок


Видеокурс "Интернет-магазин под ключ". (Андрей Бернацкий, Андрея Кудлай - Webformyself)


Мощнейшее Практическое Руководство от Мастеров Сайтостроения — просто СМОТРИ и ДЕЛАЙ! Для тех, кто спит и видит себя высокооплачиваемым спецом по разработке интернет-магазинов и сайтов любой сложности в совершенстве...


Страница курса - Интернет-магазин под ключ. (Андрей Бернацкий, Андрея Кудлай - Webformyself)

Видеокурс
Видео урок


Видеокурс "Премиум уроки по созданию сайтов". (Андрей Бернацкий, Андрей Кудлай, Виктор Гавриленко, WebForMySelf)


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


Страница курса - Премиум уроки по созданию сайтов. (Андрей Бернацкий, Андрей Кудлай, Виктор Гавриленко, WebForMySelf)

Видеокурс
Бесплатный видео урок


Бесплатный видеокурс "Создание сайта с нуля." (Андрей Бернацкий - Издательство Info-DVD)


Шесть замечательных уроков общей продолжительностью 2 часа 46 минут расскажут Вам о том, как быстро и легко создать собственный сайт своими руками...


Страница курса - Создание сайта с нуля. (Андрей Бернацкий - Издательство Info-DVD)

Видеокурс
Видео урок


Видеокурс "Практика резиновой верстки сайтов" (Андрей Бернацкий - WebForMySelf)


Хотите, чтобы Ваш сайт отображался красиво и элегантно в широкоформатных мониторах и также красиво и аккуратно ужимался в узких? Тогда не тяните резину!


Страница курса - Практика резиновой верстки сайтов. (Андрей Бернацкий - WebForMySelf)

Видеокурс
Видео урок


Видеокурс "Премиум — 2 год в эфире. Сезон 2013." (Андрей Бернацкий, Андрей Кудлай, Виктор Гавриленко, WebForMySelf)


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


Страница курса - Премиум уроки по созданию сайтов. 2013г. (Андрей Бернацкий, Андрей Кудлай, Виктор Гавриленко, WebForMySelf)

Видеокурс
Видео урок


Видеокурс "Киберсант - Вебмастер." (Андрей Бернацкий, Виктор Рог, Никита Королев - Издательство Info-DVD)


Это самый полный и всеохватывающий курс по созданию сайтов в Рунете. Это шесть(!) DVD дисков, включающих в себя огромный объем материала, где собрана самая необходимая информация, доходчивые и пошаговые разъяснения материала, начиная с самых азов!...


Страница курса - Киберсант - Вебмастер. (Андрей Бернацкмй, Виктор Рог, Никита Королев - Издательство Info-DVD)

Видеокурс
Видео урок


Видеокурс "Премиум — год в эфире. Сезон 2012" (Андрей Бернацкий, Андрей Кудлай, Виктор Гавриленко, WebForMySelf)


Без ложной скромности заявляем: наша с вами модель обучения оказалась очень востребованной. Даже более востребованной, чем мы ожидали вначале. На протяжении 2012 года тысячи людей оформили премиум-подписку...


Страница курса - Премиум уроки по созданию сайтов. 2012г. (Андрей Бернацкий, Андрей Кудлай, Виктор Гавриленко, WebForMySelf)

Видеокурс
Бесплатный видео урок


Бесплатный видеокурс "Основы адаптивной верстки сайт под мобильные" (Андрей Бернацкий - WebForMySelf)


Сегодня выходить в интернет и просматривать веб-страницы можно не только с компьютера, но и с планшета, электронной книги, смартфона и даже с помощью экрана, расположенного на двери холодильника....


Страница курса - Основы адаптивной верстки сайт под мобильные. (Андрей Бернацкий - WebForMySelf)

Видеокурс
Видео урок


Видеокурс "Практика верстки сайта под мобильные устройства" (Андрей Бернацкий - WebForMySelf)


Как создать сайта, который бы одинаково хорошо выглядел и идеально функционировал на всех типах устройств?


Страница курса - Практика верстки сайта под мобильные устройства. (Андрей Бернацкий - WebForMySelf)

Видеокурс
Бесплатный видео урок


Бесплатный видеокурс "Секреты техники резиновой верстки сайта" (Андрей Бернацкий - WebForMySelf)


Получи уроки совершенно бесплатно 5 секретных техник резиновой верстки сайта.


Страница курса - Секреты техники резиновой верстки сайта. (Андрей Бернацкий - WebForMySelf)

Видеокурс
Бесплатный видео урок


Бесплатный видеокурс "Создание интернет-магазина." (Андрей Бернацкий, Андрей Кудлай - Webformyself)


5 бесплатных видеоуроков покажут Вам процесс создания интернет-магазина с нуля: от дизайна до программирования...


Страница курса - Создание интернет-магазина. (Андрей Бернацкий, Андрей Кудлай - Webformyself)

Видеокурс
Видео урок


Видеокурс "Joomla-Мастер: с нуля до Премиум шаблона". (Андрей Бернацкий - WebForMySelf)


Условно весь курс можно разделить на две большие части. Первая часть является теоретической и называется «Joomla: Быстрый старт»...


Страница курса - Joomla-Мастер: с нуля до Премиум шаблона. (Андрей Бернацкий - WebForMySelf)

Видеокурс
Бесплатный видео урок


Бесплатный видеокурс "Премиум ускорению загрузки сайта". (Андрей Бернацкий - Webformyself)


Сделайте три простых настройки – и получите скоростной сайт уже сегодня! В уроках Андрей Бернацкий, практик с 7-летним стажем, на реальных примерах покажет вам базовые настройки сайта, которые МГНОВЕННО ускорят его загрузку....


Страница курса - Премиум ускорению загрузки сайта. (Андрей Бернацкий - Webformyself)

Видеокурс
Видео урок


Видеокурс "Практика оптимизации сайта: ускорение загрузки Вашего сайта в разы". (Андрей Бернацкий - Webformyself)


Каждая лишняя секунда при открытии интернет-страницы уменьшает число посетителей, подрывает доверие, лояльность и, как результат снижает конверсию на 7%. Представляем Вашему вниманию единственный в Рунете курс....


Страница курса - Практика оптимизации сайта: ускорение загрузки Вашего сайта в разы. (Андрей Бернацкий - Webformyself)

Видеокурс
Видео урок


Видеокурс "HTML5 и CSS3 с Нуля до Профи." (Андрей Бернацкий - WebForMySelf)


Без преувеличения на сегодняшний день это самый полный и актуальный курс в формате DVD-дисков в Рунете. Вдумайтесь сами: только лишь основной раздел курса (без учета бонусов) состоит из 47 подробнейших видеоуроков.....


Страница курса - HTML5 и CSS3 с Нуля до Профи. (Андрей Бернацкий - WebForMySelf)

Видеокурс
Бесплатный видео урок


Бесплатный видеокурс "Практика HTML5 и CSS3 с нуля до результата за вечер". (Андрей Бернацкий - WebForMySelf)


Прямо сейчас забирайте БЕСПЛАТНО пошаговый видеокурс по основам адаптивной верстки с полного нуля на HTML5 и CSS3 от наиболее авторитетного в Рунете обучающего издательства для веб-мастеров....


Страница курса - Практика HTML5 и CSS3 с нуля до результата за вечер. (Андрей Бернацкий - WebForMySelf)

Видеокурс
Видео урок


Видеокурс "Фреймворк Laravel с Нуля до Профи". (Виктор Гавриленко, Андрей Бернацкий - Webformyself)


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


Страница курса

Видеокурс
Бесплатный видео урок


Бесплатный видеокурс "Фреймворк Laravel. Теория и первая практика". (Виктор Гавриленко, Андрей Бернацкий - Webformyself)


В этом мини-курсе, состоящем из 6 уроков, мы познакомимся с вами с современным и, пожалуй, самым популярным фреймворком – это PHP фреймворк Laravel....


Страница курса - Фреймворк Laravel. Теория и первая практика. (Виктор Гавриленко, Андрей Бернацкий - Webformyself)

Видеокурс
Видео урок


Видеокурс "Инструменты Front-End разработчика." (Андрей Бернацкий - Webformyself)


Данный курс построен по принципу от простого к сложному. По ходу прохождения курса мы будем рассматривать инструменты от самых необходимых (без которых вообще невозможна Front-End разработка), и, по мере прохождения курса, мы будем переходить к сложным...


Страница курса - Инструменты Front-End разработчика. (Андрей Бернацкий - Webformyself)
КОЛЛЕКЦИЯ БЕСПЛАТНОГО ВИДЕО

Если Вы не нашли видео на сайте то воспользуйтесь наши каналом с большим количеством разнообразных видео курсов на различные темы

Смотреть видео Смотреть видео

Бесплатный видеокурс "Практика HTML5 и CSS3 с нуля до результата за вечер". (Андрей Бернацкий - WebForMySelf)
Страница курса - Практика HTML5 и CSS3 с нуля до результата за вечер. (Андрей Бернацкий - WebForMySelf)

ПОПУЛЯРНЫЕ КНИГИ, КУРСЫ И ТРЕНИНГИ

Видеокурс Видео урок
Видеокурс Видеокурс
Видеокурс Видео урок
Видеокурс Видеокурс
Видеокурс Видеокурс
Видеокурс Видеокурс

БЕСПЛАТНОЕ ВИДЕО, МИНИ - КУРСЫ

Промо ролики видеокурса Создание сайта с нуля. (Андрей Бернацкий - Издательство Info-DVD)
Промо ролики видеокурса Практика HTML5 и CSS3 с нуля до результата за вечер. (Андрей Бернацкий - WebForMySelf)
Промо ролики видеокурса Фреймворк Laravel. Теория и первая практика. ( Гавриленко Виктор, Андрей Бернацкий - Webformyself)
Промо ролики видеокурса Основы оптимизации сайтов. (Андрей Бернацкий - Webformyself)
Промо ролики видеокурса Основы адаптивной верстки сайт под мобильные . (Андрей Бернацкий - WebForMySelf)
Промо ролики видеокурса Премиум уроки по HTML&CSS. (Андрей Бернацкий - Webformyself)