1,0×
00:00/21:17
Урок 9 Рассмотрим элементы на веб-странице. Как разместить изображение на странице. Сделать таблицу и ссылки на другие ресурсы.
Урок 9 Рассмотрим элементы на веб-странице. Как разместить изображение на странице. Сделать таблицу и ссылки на другие ресурсы.
Курс по созданию сайтов, изучение Html и Css
В течение курса будет создано два сайта в ваше портфолио.
Курс для новичков для тех кто не знает что такое html и css!
Полная программа курса:
1 ВВЕДЕНИЕ В ВЕБ-РАЗРАБОТКУ
* Введение - о курсе
* Типы сайтов
* Способы создания сайтов
* Технологии веб-разработки
* Этапы создания сайта
* Инструменты верстальщика
2 HTML
* Синтаксис и правила
* Базовая разметка
* Теги форматирования текста
* Элементы на странице
* Практическая работа
* Таблицы
* Домашняя тренировка
3 CSS
* Синтаксис CSS
* Форматирование текста и списка
* Подключение шрифтов
* Форматирование объектов
* Фон
* Блочные и строчные элементы
* Практика применение CSS стилей
4 МАКЕТ
* Поток данных
* Обтекаемость
* Одноколоночный макет и синтаксические селекторы
* Двухколоночный макет
* Поиск ошибок
5 МЕНЮ
* Flex отображение
* Сложные селекторы и псевдоклассы
* Создание простого меню
* Позиционирование
* Создание вложенного меню
6 РАБОТА С PHOTOSHOP
* Интерфейс программы
* Подготовка к верстке
* Верстка по макету
* Тренировка Photoshop
7 ДОПОЛНИТЕЛЬНЫЕ ЭЛЕМЕНТЫ
* Вставка видео
* Вставка аудио
* Добавление карт
* Иконочный шрифт
* Формы обратной связи
* Вёрстка формы
8 АНИМАЦИЯ И ПСЕВДОЭЛЕМЕНТЫ CSS3
* Анимация
* CSS3 трансформации
* Псевдоэлементы
* Тренировка CSS3
9 ОСНОВЫ JS И JQUERY
* Язык javascript и библиотека jQuery
* Подключение скриптов
* Готовые плагины jQuery
* Фотогалерея fancybox
10 ДИНАМИЧЕСКИЕ ЭЛЕМЕНТЫ
* Добавление на сайт слайдера
* Добавление на сайт карусели
* Ошибки при использовании плагинов
* Тренировка: слайдер с пагинацией. Часть 1
* Тренировка: слайдер с пагинацией. Часть 2
* Тренировка: слайдер с пагинацией. Часть 3
11 АДАПТИВНОСТЬ
* Понятие адаптивности
* Гибкие макеты
* Гибкий контент
* Медиа запросы
* Кроссбраузерность
* Тренировка Адаптивность
12 ХОСТИНГ И ДОМЕН
* Как работает интернет
* Домены
* Сервер и хостинг
* Технология «клиент-сервер»
* Работа динамичных сайтов
* Загрузка и Редактирование сайта
* После загрузки сайта
* Окончание курса
Курс по созданию сайтов, изучение Html и Css
В течение курса будет создано два сайта в ваше портфолио.
Курс для новичков для тех кто не знает что такое html и css!
Полная программа курса:
1 ВВЕДЕНИЕ В ВЕБ-РАЗРАБОТКУ
* Введение - о курсе
* Типы сайтов
* Способы создания сайтов
* Технологии веб-разработки
* Этапы создания сайта
* Инструменты верстальщика
2 HTML
* Синтаксис и правила
* Базовая разметка
* Теги форматирования текста
* Элементы на странице
* Практическая работа
* Таблицы
* Домашняя тренировка
3 CSS
* Синтаксис CSS
* Форматирование текста и списка
* Подключение шрифтов
* Форматирование объектов
* Фон
* Блочные и строчные элементы
* Практика применение CSS стилей
4 МАКЕТ
* Поток данных
* Обтекаемость
* Одноколоночный макет и синтаксические селекторы
* Двухколоночный макет
* Поиск ошибок
5 МЕНЮ
* Flex отображение
* Сложные селекторы и псевдоклассы
* Создание простого меню
* Позиционирование
* Создание вложенного меню
6 РАБОТА С PHOTOSHOP
* Интерфейс программы
* Подготовка к верстке
* Верстка по макету
* Тренировка Photoshop
7 ДОПОЛНИТЕЛЬНЫЕ ЭЛЕМЕНТЫ
* Вставка видео
* Вставка аудио
* Добавление карт
* Иконочный шрифт
* Формы обратной связи
* Вёрстка формы
8 АНИМАЦИЯ И ПСЕВДОЭЛЕМЕНТЫ CSS3
* Анимация
* CSS3 трансформации
* Псевдоэлементы
* Тренировка CSS3
9 ОСНОВЫ JS И JQUERY
* Язык javascript и библиотека jQuery
* Подключение скриптов
* Готовые плагины jQuery
* Фотогалерея fancybox
10 ДИНАМИЧЕСКИЕ ЭЛЕМЕНТЫ
* Добавление на сайт слайдера
* Добавление на сайт карусели
* Ошибки при использовании плагинов
* Тренировка: слайдер с пагинацией. Часть 1
* Тренировка: слайдер с пагинацией. Часть 2
* Тренировка: слайдер с пагинацией. Часть 3
11 АДАПТИВНОСТЬ
* Понятие адаптивности
* Гибкие макеты
* Гибкий контент
* Медиа запросы
* Кроссбраузерность
* Тренировка Адаптивность
12 ХОСТИНГ И ДОМЕН
* Как работает интернет
* Домены
* Сервер и хостинг
* Технология «клиент-сервер»
* Работа динамичных сайтов
* Загрузка и Редактирование сайта
* После загрузки сайта
* Окончание курса
…
Курс по созданию сайтов, изучение Html и Css
Подборка ·
Программирование по-женски
· 10 из 20Далее: Урок 10 Практическое задание по написанию Html кода.
Курс по созданию сайтов, изучение Html и Css · 10 из 20