May 26, 2015 - Именно с этого я советую начинать знакомство с HTML/CSS. Начать обучение после ознакомления с основами HTML5/CSS3. Уроки по HTML5 помогут вам создавать сайты, наполнять их материалами. Благодаря CSS3 вы сможете наполнить сайт стилями, сейчас же вы просто научитесь создавать разметку на сайте. Здесь представлены различные видео уроки по HTML5 с нуля для начинающих. Уроки по HTML5 помогут вам создавать сайты, наполнять их материалами. Благодаря CSS3 вы сможете наполнить сайт стилями, сейчас же вы просто научитесь создавать разметку на сайте. Руководство двд астаны. Воспроизвести все. Изучение HTML5 в одном видео за 45 минут!
Подцель к основной цели комментировать лучше там. Ссылки который могут пригодиться:. Что такое HTML5?. Краткая история HTML. Новая идеология HTML5. Отличия HTML5 от HTML4.01 и XHTML1.x.
Новые теги и атрибуты. Устаревшие теги. Новые семантические элементы HTML5. Основная структура документа. Обзор новых тегов HTML5, таких как, и и др. Смысл появления новых элементов и примеры использования. Поддержка новых тегов в устаревших браузерах.
Новые возможности для создания форм. Новые типы ввода данных: search, email, url, tel, range, number, datetime и др. Новые атрибуты полей ввода: autofocus, placeholder, reqired, autocpmlete и др. Валидация данных форм на стороне клиента. Обратная совместимость с устаревшими браузерами.
Основы верстки. Боксы — основная экранная единица. Строчные и блочные боксы. Поток и расположение элементов. Позиционирование: абсолютное и относительное. Схлопывание границ (margin collapsing).
Выступ за границы родительского элемента. Верска плавающими (float) блоками. Очистка float.
Книги Для Изучения Html5 И Css3
Приоритет селекторов CSS (специфичность). Анимация CSS.
Введение в CSS3. Что такое CSS3?. Что нового в CSS3?. Преимущества CSS3.
Новые подходы к разработке: прогрессивное усовершенствование и постепенная деградация. Можем ли мы использовать CSS3 уже сегодня? Границы. Cоздание загругленных углов у блоков, тени под боксом, использование изображений в качестве рамки блока.
Текстовые эффекты. Добавление тени к тексту. Текстовые эффекты: свечение, вдавленный текст, винтажный текст, эффект огня и др. Автоматический перенос длинных слов в блоке. 5. Работа с цветом.
Форматы цвета. RGBA, HSLA и прозрачность. Удобство использования формата HSLA Градиенты. Заливка градиентом. Использование полупрозрачных градиентных заливок для создания эффекта блика.
Генераторы градиентов. Фон. Новые методы работы с фоном блока. Использование нескольких изображений для создания фона.
Шрифты. Использование подгружаемых шрифтов в браузерах. Обзор библиотек открытых шрифтов. Многоколоночность. Простое создание многоколоночной раскладки текста на странице. Интерфейс пользователя.
Изучение Html5 И Css3 С Нуля
Новые функции для управления интерфейсом пользователя. Селекторы, комбинаторы и псевдо-классы. Новые методы доступа к элементам без использования классов и идентификаторов 2D-преобразования.
Изучение Html5 И Css3
Преобразования элементов на плоскости: перемещение, масштабирование, вращение и растягивание. 3D-преобразования. Трехмерные преобразования элементов.
Переходы. Эффекты плавного перехода от одного стиля к другому без использования Flash и JavaScript. Анимация. Создание анимации на веб-странице с помощью CSS3. Новые атрибуты HTML5. contentEditable, data-., tabindex, hidden и др. Хранение данных.
Web Storage — мощная, хорошо поддерживаемая замена файлам cookie. 3. Автономные приложения. Создание веб-приложений работающих без постоянного подключения к интернету.
4. Геолокация. Встроенные возможности определения местоположения пользователя.
5. Сообщения (Web Messaging). Обмен сообщениями между окнами. 6. Фоновые вычисления (Web Workers). Создание отдельных потоков для нагруженных вычислений.
7. Сокеты (Web Sockets). Создание прямого соединения между сервером и клиентом для обмена данными в реальном времени.