Обучение начнется с самых азов. Во время небольшой теоретической части вы узнаете, как работает Интернет, познакомитесь с устройством сайта и процессом разработки и установите необходимые для обучения программы. Затем под четким руководством преподавателя вы шаг за шагом будете разрабатывать свой собственный, пока довольно простой, сайт и, таким образом, преодолеете первую, самую сложную ступень в процессе его разработки.

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

Информация о курсе:
Название: HTML/CSS. Основы создания сайтов
Год выпуска: 2015
Автор: Юрий Жайворонок
Жанр: Обучающее видео

Программа курса:
Урок 1. Основные понятия в веб-разработке
Как работает интернет, Что такое сайт, Что представляет собой веб-страница, Виды сайтов, Процесс разработки сайта, Что такое гипертекст, теги и атрибуты, Подготовка рабочего места, Простой пример HTML странички, Пример сложной веб-страницы, Горячие клавиши для перемещения по документам

Урок 2. Основы языка разметки документов HTML
Структура HTML документа, Основные теги оформления текста, Спецсимволы, Комментарии в HTML, Гиперссылки, Типы изображений для web, Загрузка изображений на страницу, Списки, Формы и их элементы

Урок 3. Основы языка оформления стилей документа CSS
Что такое CSS, Синтаксис CSS, Способы объявления CSS, Селекторы (id, class, tag), Селекторы атрибутов, Основные свойства стилей, Вложенность, наследование и группирование свойств, Приоритеты применения стилей, Псевдоклассы и псевдоэлементы

Урок 4. Таблицы и табличная верстка
Создание таблиц, Объединение ячеек, Вложенные таблицы, Стилевое оформление таблиц, Верстка макета сайта при помощи таблиц

Урок 5. Работа с макетом дизайна в формате PSD
Основные функции программы GIMP, Выделение основных частей макета, Нарезка макета, Верстка макета сайта при помощи таблиц, Вставка частей макета в табличную вёрстку

Урок 6. Верстка слоями (блочная верстка) — теория
Основные теги для верстки (div и span), Отступы элементов (margin и padding), Обтекаемые элементы, Позиционирование блоков

Урок 7. Верстка слоями (блочная верстка) — практика
Создание основной разметки сайта, Применение overflow и clear в реальной вёрстке, Заполнение разметки частями нарезанного макета, Приёмы позиционирования элементов

Урок 8. Стандарты web и вспомогательные инструменты
Проблема «кроссбраузерности», Стандарты HTML/CSS, Будущее за стандартами HTML5 и CSS3, Грамотная, универсальная верстка, Загрузка проектов на сервер

Выпущено: Россия
Продолжительность: 18:14:21

Файл
Формат: MP4
Качество: PCRec
Видео: AVC/H.264, 1280×720, ~51,6-109 kbps
Аудио: AAC, 2 ch, 64 kbps, CBR
Размер: 1,18 GB

Сообщение HTML/CSS. Основы создания сайтов. Видеокурс (2015) появились сначала на Мир игр новости.

Программа интенсива:

1 раздел: организация рабочего процесса (workflow)
*Как будет организован учебный процесс на интенсиве.
*Введение в Git.
*Обзор препроцессоров.
*Обзор систем сборки.
*Обзор средств автоматизации.
*Обзор других полезных инструментов (emmet, его аналоги, и др.).

2 раздел: методология
*Вёрстка независимыми блоками (БЭМ).
*Работа с инспектором.
*Методы поиска проблем.
*Как верстать, чтобы не ломалось.

3 раздел: препроцессоры, часть 1
*LESS.
*SASS.
*Stylus.
*И компания.

4 раздел: препроцессоры, часть 2
*Продолжаем разговор о препроцессорах.

5 раздел: адаптивность, сетки
*Резиновая вёрстка.
*Медиавыражения, брейкпоинты, принцип «перестройки сетки».
*Адаптивность с фиксированными сетками.
*Адаптивность с резиновыми сетками.
*Подходы: от простой сетки к сложной, от сложной к простой.
*Обзор flexbox.

6 раздел: адаптивность, графика, типографика
*Адаптивные графика и медиаконтент.
*Оптимизация графики.
*Ретина.
*SVG.
*Иконочные шрифты.

7 раздел: фреймворки
*Bootstrap и сотоварищи.
*Если вы решили создать свой фреймворк?

8 раздел: прикладной javascript, часть 1
*Улучшаем UX с помощью скриптов.
*Ajax.
*Весёлые анимации, трансформации.

9 раздел: прикладной javascript, часть 2
*Продолжаем разговор о javascript.

10 раздел: введение в автоматизацию
*Проверка кода.
*Оптимизация кода.
*Оптимизация графики.
*Сборка.

Качество видео: PCRec
Формат: MP4
Видеокодек: AVC
Битрейт видео: ~200-705 Kbps
Размер кадра: 1152х720-1728х1080
Аудиокодек: AAC
Битрейт аудио: 160-256 Kbps

Автор (режиссер): Александр Першин., Николаи? Громов., Алексей Симоненко
Название: Создание веб-интерфейсов с помощью HTML и CSS. Продвинутый интенсив
Год выпуска: 2015
Жанр: Видеокурс
Продолжительность: 19:59:33
Язык: Русский
Размер: 5.82 Gb

Сообщение Создание веб-интерфейсов с помощью HTML и CSS. Продвинутый интенсив (2015) Видеокурс появились сначала на Мир игр новости.