Создание сайтов. НТМL И CSS [Дарья Вовкодав]

[Robot]

Ссылка на картинку

Короткие видео уроки помогут вам разобраться в терминологии веб-разработки, понять этапы и способы создания сайтов. Также вы изучите основы html и css, создадите свой сайт и узнаете как загрузить его на хостинг.

Спойлер: Программа курса
01 ВВЕДЕНИЕ В ВЕБ-РАЗРАБОТКУ Доступен для ознакомления

• Введение - о курсе
• Типы сайтов
• Способы создания сайтов
• Технологии веб-разработки
• Этапы создания сайта
• Инструменты верстальщика

02 HTML Доступен для ознакомления

• Синтаксис и правила
• Базовая разметка
• Теги форматирования текста
• Элементы на странице
• Практическая работа
• Таблицы
• Домашняя тренировка

03 CSS

• Синтаксис CSS
• Форматирование текста и списка
• Подключение шрифтов
• Форматирование объектов
• Фон
• Блочные и строчные элементы
• Практика применение CSS стилей

04 МАКЕТ

• Поток данных
• Обтекаемость
• Одноколоночный макет и синтаксические селекторы
• Двухколоночный макет
• Поиск ошибок

05 МЕНЮ

• Flex отображение
• Сложные селекторы и псевдоклассы
• Создание простого меню
• Позиционирование
• Создание вложенного меню

06 РАБОТА С PHOTOSHOP

• Интерфейс программы
• Подготовка к верстке
• Верстка по макету
• Тренировка Photoshop

07 ДОПОЛНИТЕЛЬНЫЕ ЭЛЕМЕНТЫ

• Вставка видео
• Вставка аудио
• Добавление карт
• Иконочный шрифт
• Формы обратной связи
• Вёрстка формы

08 АНИМАЦИЯ И ПСЕВДОЭЛЕМЕНТЫ CSS3

• Анимация
• CSS3 трансформации
• Псевдоэлементы
• Тренировка CSS3

09 ОСНОВЫ JS И JQUERY

• Язык javascript и библиотека jQuery
• Подключение скриптов
• Готовые плагины jQuery
• Фотогалерея fancybox

10 ДИНАМИЧЕСКИЕ ЭЛЕМЕНТЫ

• Добавление на сайт слайдера
• Добавление на сайт карусели
• Ошибки при использовании плагинов
• Тренировка: слайдер с пагинацией. Часть 1
• Тренировка: слайдер с пагинацией. Часть 2
• Тренировка: слайдер с пагинацией. Часть 3

11 АДАПТИВНОСТЬ

• Понятие адаптивности
• Гибкие макеты
• Гибкий контент
• Медиа запросы
• Кроссбраузерность
• Тренировка Адаптивность

12 ХОСТИНГ И ДОМЕН

• Как работает интернет
• Домены
• Сервер и хостинг
• Технология «клиент-сервер»
• Работа динамичных сайтов
• Загрузка и Редактирование сайта
• После загрузки сайта
• Окончание курса

Читать далее...