Курс Основы HTML CSS для UX/UI

  • Старт: 11.02.2025
  • Продолжительность: 2 месяца
  • График: Вт Чт
  • Время: 19:00-20:00
  • Цена: 130 €

❓ Хотите получить профессию Веб-дизайнера UX/UIFront end программиста.

❓ Но не знаете с что для этого необходимо изучать

➕ Начните с изучения курса "Основы HTML CSS для UX/UI".Курс подойдет для тех кто только начинает программировать!

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

✅ «Курс Основы HTML CSS для UX/UI» это:

✔️ Прямые трансляций с преподавателем курса ;
✔️ 50 практичных примеров и более 30 упражнений;
✔️ пpoверкa дoмашeк и обpaтнaя связь в группе ZOOM;
✔️ обучение в живых онлайн конференциях;
✔️ материал курса изложен понятно и доступно;
✔️ Учебные материалы;
✔️ 10 тестов и сертификат;
✔️ Бонусная программа

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

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

Требуемая подготовка: Не требуется

Этот курс входит в комплексные программы подготовки:

Вы можете записаться на курсы прямо сейчас! 079 844 644  

HTML/CSS - ЭТО ЛУЧШИЙ ВЫБОР ДЛЯ НОВИЧКА В WEB НАПРАВЛЕНИИ!

Более 2000 довольных учеников прошли обучение и теперь они самостоятельно программируют на фриланс , или работают в компаниях: Deeplace, Endava, Amdaris, Pentalog, Webstudio, Deeplace, AlliedTesting, Moldtelecom, Enter, Cedacri International, Unifun, XOR

❓ А чего ждёшь ты?

Если ты мечтаешь:
➕ получить востребованную профессию
➕ иметь стабильный заработок удаленно на фриланс
➕ понять и разобраться с нуля в программировании
➕ быть финансово независимым
➕ быть незаменимым специалистом в своем деле
➕ писать идеальный код
➕ делать что-то уникальное, интересное, чего раньше не было
➕ изобрести какой нибудь продукт и войти в историю

❗ То данный курс для тебя!

VANAR courses предоставляет курс "HTML, CSS" всего за 65 €/месяц! Это смешная цена по сравнению с тем, что вы получите! Этот курс оправдает себя в 10, а то и в 100 раз!

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

Модуль 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 существуют на рынке?
 

Запись на курс