Пятница, 2024 Ноябрь 22, 13:50:26
5mw.ru
Приветствую Вас Гость | RSS
Главная Регистрация Вход
Меню сайта
заходите аналог или тут

Разделы новостей
Раздача ICQ VIP [25]
7мизначки даром. =)
Видео [3618]
(прочее)
[Софт] [12911]
Программы и приложения для системы.
Музыка [12327]
Музыка всех направлений, шансон, транс, авто, клуб, драм и прочее )))
NEW Игры [6144]
Игры самые новые и популярные попадают именно в этот раздел!
Интересное [14947]
Интересные новости в Интернете статьи и новости эксклюзивные.
[Фото / Картинки] [703]
Наша галерея фото.
Приколы [111]
(разное)
Авто [103]
Тюнинг, аэрография, Железо, Тачки
Спорт [220]
Спортивные новости и всё что касается спорта)
Hi-Tech [121]
новости последних технологий xD
Общее [45]
Всё обо всём обзоры!
ЛюбоФФ) [118]
Любовь, интимное и глубокое чувство, устремлённость на другую личность, человеческую общность или идею. Л. необходимо включает в себя порыв и волю к постоянству, оформляющиеся в этическом требовании верности.
Мобильные технологии. [3986]
Мобилка
Клипы [227]
Видео клипы новинки и не только)
ДРАЙВЕРА [278]
Драйвера ну сами понимаете всегда нужны вот так у нас все последние из Интернета собраны)
Новости [254]
Самые последние новости.

Наш чат

Наш опрос
Ваши любимые музыкальные направления ?
Всего ответов: 96

 
 
Главная » 2016 » Ноябрь » 1 » Адаптивная вёрстка на HTML5 и CSS3. Видеокурс (2016)

Адаптивная вёрстка на HTML5 и CSS3. Видеокурс (2016)
08:39:37

Современные сайты и веб-разработку уже невозможно представить без HTML5 и CSS3, как ни крути. Любой проект, любой заказчик требуют валидной, кроссбраузерной и современной вёрстки на HTML5 и СSS3, и обязятельно адаптированную под мобильные устройства. Если вы будете уметь верстать на HTML5 и CSS3 и адаптировать проект под мобильные устройства, то можно смело поднимать стоимость часа своей работы. Ну а если вы создаёте сайт для себя, то эти знания помогут сделать его лучше, функциональнее и удобнее. Как правило это оборачивается повышением позиций, увеличением посещаемости и соответственно дохода.

Содержание:
Вводная часть

0. Вводное видео
О курсе и как его использовать

1. HTML5. Семантическая разметка
О новых тегах: header, nav, section, aside, article и т.д.

2. HTML5. Медиа объекты
Вставка видео и аудио без дополнительных плееров + атрибуты.

3. HTML5. Формы
Работа с формами в HTML5 + новые типы полей.

4. HTML5. Другие возможности
Примеры реализации других возможностей на HTML5

5. CSS3. Новые свойства в CSS3
Линейные градиенты, раудисы, прозрачность, тени, трансформация, анимация.

Практическая часть

1. Макет и PSD исходник
Знакомство с PSD исходником и набросок будущего макета

2. Вёрстка шапки
Расчёт адпаптивных размеров и вёрстка шапки + формула расчёта EM и %

3. Вёрстка блока "Услуги"
Планирование этапа, подготовка изображений и вёрстка блока.

4. Вёрстка блока "Портфолио"
Планирование, двойные классы и вёрстка.

5. Блок "Портфолио": hover эффекты
Создание hover эффекта при наведении на элементы на CSS3.

6. Вёрстка блока "О нас"
Вёрстка хитрого блока с позиционированием и псевдо-классами.

7. Вёрстка блока "Наша команда"
Подготовка и вёрстка блока + создание CSS спрайтов

8. Вёрстка блока "Партнёры"
Вёрстка блока и вставка карусели изображений на JQuery

9. Вставка карты Яндекса
Вставка интерактивной карты Яндекса во всю ширину.

10. Вёрстка формы обратной связи
Планирование этапа, создание формы с новыми типами полей.

11. Блок с копирайтами
Вёрстка блока копирайтов, расширение CSS спрайта, вставка даты на PHP

12. Улучшение и доработка
Добавление функции плавной прокрутки к блокам и кнопки "Наверх" (3 варианта)

13. Улучшение и доработка ч.2
Валидация полей в форме обратной связи (через JS) + защита от СПАМ ботов

14. Адаптация под мобильные устройства
Адаптация под экраны планшетов и мобильников + работа с FireBug

15. Адаптация под мобильные устройства ч.2
Вторая часть видео по адаптации.

16. PHP обработчик формы
Создание скрипта-обработчика на PHP, для формы обратной связи.

17. Умная форма обратной связи
Подключение скрипта для формы обратной связи с передачей UTM меток и записью в CSV файл.

18. Перенос на хостинг и валидация
Перенос лендинга на хостинг по FTP, проверка, ускорение и установка цели в Яндекс.Метрике.

Информация о видео
Название: Адаптивная вёрстка на HTML5 и CSS3
Автор: Олег Касьянов
Год выхода: 2016
Жанр: Видеокурс
Язык: Русский

Файл
Формат: MP4 (+ доп.материалы)
Видео: AVC, 1280x720, ~392 Kbps
Аудио: AAC, 126 Kbps, 48.0 KHz
Продолжительность: ~5 часов
Размер файла: 2.27 Gb



Скачать Видеокурс - Адаптивная вёрстка на HTML5 и CSS3

Категория: Видео | Просмотров: 410 | Добавил: rostik_ok | Теги: HTML5, CSS3, сайт, верстка, обучение, Видеоуроки | Рейтинг: 0.0/0 |
Всего комментариев: 0
 
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
 
 

 

 
 
 
Наша огромная галерея имеет размер более 9 тысяч картинок!!!
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
 
 

 

 
 
 
 

Самые горячие темы форума обсуждаем!!! И вы присоединяйтесь к нам!

 

Самые интересные новости на нашем портале.
Читайте бесплатно на 5 M W
 
 

 
 
 
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
 
 

 
На нашем любимом сайте http://5mw.ru находиться уже более 1851.94 Mb новостей, файлов, музыки, фотографий, статей, отзывов и огромный форум с каждым днём это число увеличивается! Мы благодарим вас за посещения нашего сайта http://www.5mw.ru и рады что вы выбрали именно нас! У нас всегда много интересной информации и различные конкурсы в виде раздачи icq номерков и только на нашем сайте http://www.5mw.ru !

Замете это совершенно уникальный сайт! Новости собираются из самых качественных источников и всегда самые свежие и на сайте появляются моментально! Так же прошу вас заметить столь важный момент, мы против ВИРУСОВ в Интернете у нас нет никаких вредоносных программ подставных, рекламы которая навредит вашему компьютеру, есть совсем не много рекламы проверенных партнеров таких как google.com и д.р Так же наш сайт обладает огромной галереей фотографий: Девушки, авто, НЮ и других направлений много фотографий формата HQ (большого формата) посещайте наш увлекательный сайт мы всегда будем вас держать в курсе всех событий Интернета!!! не забывайте регистрироваться! Добавляйте в избранные! Получайте призы и подарки от нашего проекта! 5mw.ru всегда рады гостям и постоянным пользователям!
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
 
 

Форма входа

Календарь новостей
«  Ноябрь 2016  »
ПнВтСрЧтПтСбВс
 123456
78910111213
14151617181920
21222324252627
282930

Поиск

Друзья сайта

  • Наши партнеры
  • Рекомендуем посетить: заходим! :)
    Как влюбляются женщины
    В интернете можно найти всё
    Романтические СМС
    Переустановка Windows: подготовка и проведение
    УТИЛИЗАЦИОННЫЕ МАШИНЫ
    ХОЛОДНЫЕ ЗАБОЛЕВАНИЯ ЖЕНЩИН
    Каббала
    Ойбек Наджимов. Как узнать характер человека по его подписи часть 1
    От первого касания до секса
    Просто менеджер
    Как выбрать автокран
    Программа для печати визиток: как выбрать лучшую
    Как выбрать наручные часы
    Как выбрать правильно глубинный вибратор?
    Как выбрать сапоги
    Почему после 2 августа нельзя купаться
    Как выбрать автокран?
    Выбрал правильно кондиционер?
    Срочная печать визиток это просто
    КАК ВЫБРАТЬ СУШИ

    Случайное фото!

    БЕСПЛАТНЫЙ КАТАЛОГ
    NEWS "Добавь сайт бесплатно и только у нас!"
    [Добавь сайт](VIP)
    Дополнительный заработок в интернете на VipMoney.Ucoz.Ru

    PHOTO

    Статистика
     
    Привет,Прохожий !
    13:50:26 || 2024 Ноябрь 22
    Онлайн всего: 61
    Гостей: 61
    Пользователей: 0

    Copyright MyCorp © 2024