Кафедра Информационных Технологий

Курсы веб-верстка (HTML+CSS)

Как в разные исторические периоды образованному человеку полагалось уметь танцевать, фехтовать или писать акварели, так для современного человека желательно знать основы сайтостроения. Независимо от рода деятельности, может возникнуть срочная необходимость создать небольшой сайт, выложить материал на существующую площадку, либо составить техническое задание вебмастеру. Да что там – даже чтобы красиво оформить запись в блоге нужно знать основы вёрстки веб-страниц.

Скидка
30%
Стоимость
8850 руб
Индивидуально
22870 руб
Часов
34 ак/ч
Занятий
7
ЗАПИСАТЬСЯ
Открытие групп
Утренняя 19 декабря 2019
Дневная 16 декабря 2019
Вечерняя 30 декабря 2019
Выходной день 28 декабря 2019
Место обучения
Главный офис:
м. Таганская, Марксистская ул., д.3, стр. 1, 4 этаж, офис 410а
Телефоны: +7 (495) 258-89-71, +7 (495) 785-93-68
Вы также можете обучаться: м. Таганская, м. Маяковская, м. Октябрьская, м. Парк Культуры, м. Проспект Мира, м. Пушкинская
По окончании курса:

Документ: Удостоверение


Курсы веб-верстки с помощью html и css подойдут людям совершенно незнакомым либо знакомым незначительно даже с простейшими веб-технологиями и азами вёрстки интернет-страниц, которые хотят узнать, как устроены сайты. А также создавать собственные сайты с нуля, но не знают, с чего начать обучение, а также специалистам различных профессий, в чьи обязанности входит формирование заданий для вебмастера.

В процессе обучения интернет-верстке студент узнает об основах устройства сайтов, инструментарии веб-разработчика, научится работать с клиентскими фтп-программами. Также курсы верстки сайтов познакомят с главными принципами работы таблиц css, стилями текста и оформления, технологией базовой вёрстки страницы. В заключение будут рассмотрены порядок создания сайта, проведен разбор типичных ошибок, заложен грамотный подход к разработке сайтов - оформление кода страниц, используя html и css, ДжаваСкрипт. Преподаватели поделятся профессиональными секретами.

После окончания курсов веб-верстки учащийся будет знать основные принципы функционирования сайтов и устройства веб-страниц, уметь редактировать веб-страницы, создавать простые сайты, используя html, css и ДжаваСкрипт, а также отладить их отображение в разных браузерах.

Запишитесь на курсы веб-верстки с помощью 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.

Зачет. Собеседование.
Новости
3D-моделирование в программе Autodesk AutoCAD
Открытие группы 11 декабря. 
Машинопись (Русская)
Открытие группы 10 декабря.
Создание и использование электронных таблиц в программе Microsoft Excel
Открытие групп 12,13 и 15 декабря.
Администрирование ОС Linux
Открытие группы 11 декабря.
Администрирование OC Windows Server
Открытие группы 9 декабря.
Все новости »

Направления обучения
Более 1000 наших
слушателей уже
устроились на
работу
мечты
УЗНАЙТЕ
БОЛЬШЕ ПРО
ИНСТИТУТ

И ПРОЦЕСС
ОБУЧЕНИЯ