Главная
/
Кафедра компьютерного обучения
/
Курсы верстки сайтов HTML и CSS
1. Знакомство с Html-разметкой. Инструментарий разработчика.
1.1.Работа с FTP клиентом. Структура страницы. Cинтаксис HTML.
1.2. Обзор тегов ( head, html, body, title, meta), работа с тегами на странице.
2. Знакомство с CSS.
2.1.Основные принципы работы CSS. Синтаксис CSS.
2.2.Подключение CSS к HTML документу.
3. Работа с CSS селекторами.
3.1 Cелекторы тегов, идентификаторы и классы.
3.2 Контекстные селекторы. Наследование и каскад. Приоритеты. Работа над типовыми ошибками.
4. Стили текста и оформления.
4.1.Работа со шрифтом. Цвет, размер, межстрочное расстояние и т.д.
4.2.Работа с фоном. Цвет, изображение. Маркеры списка. Рамки и обводки.
5. Работа с блочными и инлайновыми элементами
5.1.Виды элементов. Различия и применение блочных и инлайновых элементов.
5.2.Свойство display. Изучение поведения элемента при отрисовке. Свойство float и «плавающие» элементы.
5.3.Другие виды поведения элементов.
5.4.Семантическая разметка документа. Теги для работы с текстом, оформление списков, работа со ссылками и изображениями, таблицы и контейнеры (div).
6. Стили позиционирования, отступы и размеры блоков.
6.1.Поля (padding) и отступы (margin). Положение на странице. Алгоритм расчета ширины и высоты элементов на странице.
7. Управление блоками в потоке.
7.1.Базовые способы поведения элементов на странице (display: none, display: inline, display: block, display: inline-block, display: list-item, table*)
7.2.Области применения тех или иных способов поведения элементов.
7.3.Позиционирование блоков (stati, Relative, Absolute, Fixed) с «плавающими» элементами и свойство float.
7.4.Области применения тех или иных способов позиционирования.
8. Сетка. Базовая верстка.
8.1.Построение сетки с использованием float и display: inline-block. Преимущества и недостатки построения сетки с данными свойствами.
8.2.Позиционирование на странице. Отступы, фиксация ширины(центровка, 2,3 и более колонок), фиксация шапки, подвал, выносные элементы.
9. Верстка сайта. Пошаговый алгоритм создания.
10. Обзор типовых ошибок, проблемные участки кода, отображение страниц в браузерах.
11. Секреты профессионалов. Принципы работы и профессиональный подход к созданию сайта - оформление кода с помощью CSS, HTML, JavaScript.
Зачет. Собеседование. Отзывы о курсе "Курсы верстки сайтов HTML и CSS" можно почитать здесь »
Поделитесь полезной ссылочкой со своими друзьями:
Курсы верстки сайтов HTML и CSS
Стоимость :
| Ак.ч. | Базовая цена | Скидка | Конечная стоимость | Онлайн | Оплатить |
|
34 ак.час. 28 ак. час. - аудиторные занятия 6 ак. час. - самостоятельные занятия |
16600 руб. |
|
13300 руб. | 11600 руб. |
|
 |
Задать вопрос менеджеру |
 |
График обучения |  |
Место обучения |
Программа
1. Знакомство с Html-разметкой. Инструментарий разработчика.
1.1.Работа с FTP клиентом. Структура страницы. Cинтаксис HTML.
1.2. Обзор тегов ( head, html, body, title, meta), работа с тегами на странице.
2. Знакомство с CSS.
2.1.Основные принципы работы CSS. Синтаксис CSS.
2.2.Подключение CSS к HTML документу.
3. Работа с CSS селекторами.
3.1 Cелекторы тегов, идентификаторы и классы.
3.2 Контекстные селекторы. Наследование и каскад. Приоритеты. Работа над типовыми ошибками.
4. Стили текста и оформления.
4.1.Работа со шрифтом. Цвет, размер, межстрочное расстояние и т.д.
4.2.Работа с фоном. Цвет, изображение. Маркеры списка. Рамки и обводки.
5. Работа с блочными и инлайновыми элементами
5.1.Виды элементов. Различия и применение блочных и инлайновых элементов.
5.2.Свойство display. Изучение поведения элемента при отрисовке. Свойство float и «плавающие» элементы.
5.3.Другие виды поведения элементов.
5.4.Семантическая разметка документа. Теги для работы с текстом, оформление списков, работа со ссылками и изображениями, таблицы и контейнеры (div).
6. Стили позиционирования, отступы и размеры блоков.
6.1.Поля (padding) и отступы (margin). Положение на странице. Алгоритм расчета ширины и высоты элементов на странице.
7. Управление блоками в потоке.
7.1.Базовые способы поведения элементов на странице (display: none, display: inline, display: block, display: inline-block, display: list-item, table*)
7.2.Области применения тех или иных способов поведения элементов.
7.3.Позиционирование блоков (stati, Relative, Absolute, Fixed) с «плавающими» элементами и свойство float.
7.4.Области применения тех или иных способов позиционирования.
8. Сетка. Базовая верстка.
8.1.Построение сетки с использованием float и display: inline-block. Преимущества и недостатки построения сетки с данными свойствами.
8.2.Позиционирование на странице. Отступы, фиксация ширины(центровка, 2,3 и более колонок), фиксация шапки, подвал, выносные элементы.
9. Верстка сайта. Пошаговый алгоритм создания.
10. Обзор типовых ошибок, проблемные участки кода, отображение страниц в браузерах.
11. Секреты профессионалов. Принципы работы и профессиональный подход к созданию сайта - оформление кода с помощью CSS, HTML, JavaScript.
Зачет. Собеседование. Отзывы о курсе "Курсы верстки сайтов HTML и CSS" можно почитать здесь »
Поделитесь полезной ссылочкой со своими друзьями:
