Курс HTML, CSS. Создание сайтов по стандартам W3C

  • Стоимость курса: 130 €
  • Скидка: 30%
  • Цена со скидкой: 90 €
  • Длительность курса: 14 занятий по 120 минут
  • Начало курса: 2020-12-01 01.12.2020
    Chisinau
    Tighina 65 ⁄ Chisinau ⁄ Moldova    +373 079844644 +373 022844644 ⁄   info@vanar.md

Курсы HTML и CSS сформируют важную основу для изучения веб-технологий!

Они станут для Вас первым шагом в становлении:

✔ Пройдя курсы Вы приобретете начальные знания и навыки работы в HTML и CSS. Вы будете уметь создавать веб-страницы, проектировать меню, правильно размещать фотографии, картинки и др. элементы сайта.
В работе со стилями в CSS вы сможете использовать фреймы и мета-информацию. Также вы получите советы по выбору хостинга и техподдержке сайта.

✔ Этот курс является первый и главным шагом к изучению современных веб-технологий! 

По окончании курса Вы будете уметь:

  • Различать в общих чертах разные стандарты HTML/XHTML
  • Создавать веб-страницы с наиболее важными элементами: заголовки, абзацы текста, изображения, ссылки
  • Проверять правильность кода страницы
  • Создать сайт со связанными между собой страницами
  • Применять таблицы стилей CSS
  • Вставлять внешние страницы посредством технологии фрэймов
  • Применять новые возможности HTML5 и CSS3
  • Добавлять изменения в код существующих страниц

Преподаватели курса:

Все преподаватели →

Предварительная подготовка:

Успешное окончание курса (Обязательная): "Базовая компьютерная подготовка. Windows и Интернет для начинающих" или эквивалентная подготовка.

Рекомендуемая подготовка (необязательная): Успешное окончание курса Английский язык для IT специалистов (elementary) или эквивалентная подготовка

Получить консультацию о необходимой предварительной подготовке по курсу Вы можете по тел. 079 844 644 или 022 844 644

Требуемая подготовка послужит основой дальнейшего успешного прохождения курсов. Обычно она указана под названием одного из курсов нашего учебного центра (обязательная предварительная подготовка). Рекомендуется ознакомиться с программой указанного курса и оценить свои знания в рамках данной программы. Если Вы не обладаете достаточным уровнем знаний (90%) в указанном курсе, то Вам необходимо будет пройти предварительную подготовку. Это станет залогом Вашего успешного прохождения курса.

Программа курса

Модуль 1. Введение и основные понятия

  • Возникновение и развитие веб-технологий
  • Концепция сервера, браузера, страницы и сайта
  • Что представляет собой домен и хостинг
  • Как построено современное веб-приложение
  • Что представляет собой интерфейс сайта
  • Что такое язык разметки (ML)
  • Популярные языки разметки на данный момент
  • Функции языка разметки
  • Технологии XML, HTML, XHTML в сравнении
  • Эволюция языка HTML, действующие стандарты
  • Практическая работа
    • Практический пример регистрации домена и хостинга бесплатно
    • Как я могу опубликовать мини-сайт?

Модуль 2. Структура документа

  • Из чего состоит документ HTML
  • Как интерпретируется HTML-код
  • Что представляет собой элемент HTML
  • Маркировка по тегам
  • Атрибуты элемента
  • Инкапсулированное значение
  • Иерархия структуры веб-страницы
  • Понятие элемента дочерний/родительский
  • Элемент !DOCTYPE
  • Типы спецификаций HTML/XHTML
    • Практическая работа
    • Практические примеры применения пробелов и специальных символов
    • Что представляет собой набор символов?

Модуль 3. Классификация элементов HTML

  • Основные категории элементов HTML
  • Основные элементы
  • Заголовки
  • Тело документа
  • Блоки
  • Тексты и строки
  • Универсальные элементы
  • Списки
  • Таблицы
  • Фрэймы
  • Графические элементы
  • Анкеры и ссылки
  • Классификация атрибутов элементов
  • Практическая работа
    • Средства для разработчиков в современных браузерах

Модуль 4. Структурирование веб-страницы

  • Скелет и спецификация стандарта w3c
  • Правильное построение заголовка
  • Правильное структурирование тела документа
  • Правила сочетания элементов
  • Правила применения атрибутов
  • Классификация ошибок
  • Валидность кода
  • Правильная интерпретация сообщений валидности
  • Практическая работа
    • Примеры распространённых ошибок
    • Практический пример валидности
    • Как анализировать код страницы?
    • Автокоррекция кода в современных браузерах

Модуль 5. Правила расположения содержимого на странице

  • Что представляет собой расположение элементов на странице
  • Расположение элементов по умолчанию
  • HTML в вёрстке, возможности и ограничения
  • Новая и устаревшая техника
  • Табличная вёрстка
  • Блочная верстка
  • Фиксированная вёрстка
  • Резиновая вёрстка
  • Адаптивная и отзывчивая вёрстка
  • Практическая работа
    • Пример фиксированной и резиновой табличной вёрстки

Модуль 6. HTML, семантический язык

  • Семантическая загрузка
  • Где применяются структурированные данные
  • Новые элементы и атрибуты HTML5
  • Новые технологии HTML5
  • Семантическая маркировка документов HTML5
  • Микроформатирование
  • Стандарты микроданных
  • Schema.org в деталях
  • Другие микроформаты: RDF, XFN и т.д.
  • Практическая работа
    • Пример с семантическим структурированием HTML5 и Schema.org
    • Валидация кода, тестирование структурированных данных

Модуль 7. CSS, вступительные понятия

  • Что представляет собой стилизация, таблицы стилей
  • Возникновение и эволюция языка CSS
  • Функции CSS
  • Сфера применения CSS
  • Версии CSS2 и CSS3
  • Синтаксис CSS
  • Комментарии
  • Атрибуты стиля
  • Детализация стиля
  • Классификация основных атрибутов
  • Блочная и строчная модель
  • Единицы измерения
  • Цветовые схемы
  • Наследование свойств
  • Практическая работа

Модуль 8. CSS, Методы применения стилей

  • Встроенный стиль (inline)
  • Глобальный стиль (global)
  • Внешний стиль
  • Преимущества и недостатки каждого метода
  • Практическая работа
    • Как могут быть практически проверены стили в браузере

Модуль 9. CSS, Встроенный стиль

  • Синтаксис
  • Атрибут style
  • Изменение стиля для каждого элемента отдельно
  • Атрибуты стиля и атрибуты элемента, преимущества и недостатки
  • Сфера применения метода встроенного стиля
  • Практическая работа
    • Образец применения встроеных стилей элемента HTML

Модуль 10. CSS, Глобальный метод

  • Синтаксис
  • Элемент style
  • Принципы глобализации
  • Селектор элементов
  • Типы селекторов
  • Выбор по тегу
  • Класс стилей
  • Идентификация
  • Псевдоклассы
  • Сочетание селекторов
  • Практическая работа
    • Примеры применения глобальных стилей

Модуль 11. CSS, Метод подключения внешних стилей

  • Синтаксис
  • Элемент link
  • Элемент link, импортирование стилей
  • Формат CSS
  • Преимущества метода
  • Подключение многочисленных файлов
  • Примеры назначения внешних стилей

Модуль 12. Наследование и каскадирование свойств

  • Схема по умолчанию
  • Стили браузера
  • Стили автора
  • Стили пользователя
  • Схема приоритетов стилей
  • Правило последнего
  • Правило самого ближайшего
  • Изменение приоритета
  • Практическая работа
    • Примеры назначения стилей посредством различных способов
    • Пример правильного составления кода, оптимизация
    • Создание простой блочной вёрстки со стилями
    • Какие дополнительные технологии CSS существуют на рынке?

Рекомендуемые курсы по специальности

Чтобы стать профессионалом, мы рекомендуем Вам вместе с этим курсом изучить:

Позаботьтесь о своем будущем уже сейчас – записывайтесь на обучение! 

Отзывы  

#6 HTML и CSSАлиса Хмельная 13.12.2018 07:40
Выражаю благодаргость Екатерине, как самому отзывчивому и приятному педагогу, с которым доводилось встречаться в этой сфере. Каждый урок был интересен, наполнен практикой и положительным опытом. Даже если что-то не удавалось с первого-второго раза, Екатерина приходила на помощь, не только указывая на ошибку или недочет, но и подсказывая возможные варианты решения. Курс был изложен увлекательно и понятно. Приятно иметь дело со столь отзывчивым и открытым для диалога преподавателем, которому есть чем поделиться с:
Цитировать
#5 Хорошие курсыDenis 08.01.2018 12:45
Прошел всю FE разработку с Дорином в этой школу (у меня нет высшего образования связанного с IT) и сейчас работаю в Нидерландах Front-End/React js разработчиком. Дорин очень хороший учитель!
Цитировать
#4 html.nivelul1Mihail 18.03.2016 16:30
Cursul mi-a placut mult!Am invatat ceva nou si interesant!!!


:-)
Цитировать
#3 HTML and CSSAnna 18.03.2016 16:27
Am finisat nivelul 1 html si CSS,predarea materialului este la nivel inalt,nu regret ca am ales acest curs. Profesorul Mihail e corect si explica la fiecare in parte daca este nevoie. Multumesc mult! .... Recomand!!!
Цитировать
#2 HTML и CSS - первый уровеньNesterenco Ecaterina 14.03.2016 17:09
HTML и CSS - первый уровень. Курс очень познавательный. Преподаватель - Дорин, хороший специалист, разбирается в своем деле, а также доступно и понятно преподносит информацию. Я вижу результат пройденного курса и хочу его развивать – записалась на HTML и СSS – второй уровень.
Цитировать
#1 HTMLVadim 02.03.2016 21:32
Спасибо за курс по HTML.
Оплатил. Задумался, а надо мне вообще это?
После 2-3 занятий все сомнения отпали. Умеет Дорин, преподаватель, завлечь, заинтересовать. Спасибо, Дорин!
Цитировать

Добавить отзыв

Защитный код
Обновить