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

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

Полная информация

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

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

    • Урок 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. Делаем страницу адаптивной

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

  • ВСЕ МАТЕРИАЛЫ АВТОРА

    Видео урок
    Видеокурс "Инструме...

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

    Видео урок
    Видеокурс "Фреймвор...

    Видео урок
    Видеокурс "HTML5 и ...

    Видео урок
    Видеокурс "Практика...

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

    Видео урок
    Видеокурс "Joomla-М...

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

    Видео урок
    Видеокурс "Киберсан...

    Видео урок
    Видеокурс "Премиум ...

    Видео урок
    Видеокурс "Премиум ...

    Видео урок
    Видеокурс "Премиум ...

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

    Видео урок
    Видеокурс "Практика...

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

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

    Видео урок
    Видеокурс "Практика...

    Видео урок
    Видеокурс "Интернет...

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

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

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

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

    Премиум уроки по WordPress. (Андрей Бернацкий, Андрей Кудлай - Webformyself)
    Мини-курс. Премиум ...

    Премиум уроки по HTML&CSS. (Андрей Бернацкий - Webformyself)
    Мини-курс. Премиум ...

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

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

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

    Основы оптимизации сайтов. (Андрей Бернацкий - Webformyself)
    Мини-курс. Основы о...

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