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

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

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

Скидка
20%
Стоимость
9900 руб
Индивидуально
22900 руб
Часов
34 ак/ч
Занятий
7
ЗАПИСАТЬСЯ
Открытие групп
Утренняя 28 октября 2019
Дневная 31 октября 2019
Вечерняя 01 ноября 2019
Выходной день 02 ноября 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.

Зачет. Собеседование.
Новости
Autocad
Открытие группы 27 октября.
Excel
Открытие группы 29 октября.
Компьютер для начинающих
Открытие группы 20 октября.
Все новости »

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

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