Компьютерные курсы и IT обучение в Харькове.: Курс: "HTML/CSS. Основы верстки сайтов"

💻 Коротко о курсе:

Курс «HTML/CSS. Основы верстки сайтов», формат: групповое и индивидуальное обучение, объем: 30 академических часов. Практическое изучение веб-технологий, разметки HTML5 и каскадных таблиц стилей CSS с созданием собственного статического веб-сайта в Харькове.

Никто из живущих в наш суперскоростной, стремительный век не станет отрицать, что наиболее бурно развивающейся сферой жизни людей является сфера IT-технологий. Компьютерная графика, игры, видеоиндустрия и 3D. Все это, безусловно, не стоит на месте. Но безусловным лидером в развитии, конечно, являются Web-технологии и соответственно всемирная глобальная сеть Internet. Тяжело, пожалуй, найти человека – от восьмилетнего мальчишки до пенсионера, – который бы хоть раз в жизни не посетил интересный для него сайт, не скачал бы фотографию или приложение. А мы уверены, что мало какое занятие будет увлекательнее, чем научиться самому конструировать и создавать сайты, разбираться в их устройстве, моделировать и воплощать дизайнерские идеи. Настоящий курс призван помочь начинающим веб-мастерам, веб-дизайнерам и верстальщикам проникнуть в тайны html-кода.

🌟 Наши ключевые преимущества:

Практическая направленность — создание современного статического веб-сайта за короткий срок под руководством опытного преподавателя.
Актуальные стандарты — изучение элементов нового стандарта HTML5 и каскадных таблиц стилей CSS.
Гибкий формат — возможность обучения как в группах, так и в индивидуальном режиме.

👥 Для кого предназначен этот курс?

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

📋 По окончании вы будете ЗНАТЬ:

Современные направления и тенденции в сфере Web-технологий.
Устройство глобальной сети Интернет, понятия клиент-сервер, протокол, гиперссылка.
Структуру типовой веб-страницы сайта и ее обязательные элементы.
Способы управления положением элементов на сайте и их внешним видом.

🛠 По окончании вы будете УМЕТЬ:

Работать с языком гипертекстовой разметки HTML и стилевыми таблицами CSS.
Создавать и подключать основные текстовые и графические элементы веб-страницы.
Оптимизировать веб-графику под нужный формат, подключать картинки и фоны.
Работать с текстовыми блоками, управлять их положением, шириной, высотой и оформлением.
Использовать навигацию: гиперссылки, различные виды меню и якорные ссылки.
Верстать полноценную веб-страницу по заданному макету с использованием стандарта HTML5.

🗺 Краткая программа курса: "HTML/CSS. Основы верстки сайтов" (30 ак. ч.)

№	Тема	Занятия (содержание, практика, ДЗ)	Часы
1	Введение в Интернет-технологии.	Краткая история сети Интернет и развития веб-технологий. Основные понятия: HTML, http, web-сервер, браузер, URL, гипертекст, тег, атрибут. Рассмотрение элементов html, head, body, DOCTYPE. Практическое занятие №1: Знакомство с тегами разметки <h1>..<h6>, <p>. Создание первой веб-страницы. Домашнее задание: Установить html-редактор. Создать веб-страницу — рассказ о себе с заголовками и текстом.	2
2	Основные теги и введение в CSS.	Изучение тегов логической разметки (<address>, <blockquote>, <div>, <span> и др.). Классификация элементов: блочные-строчные, логические-физические. Введение в CSS, способы подключения и селекторы. Практическое занятие №2: Создание страницы с объявлением о семинаре с использованием изученных тегов. Домашнее задание: Создать страницу новостей с тегами логической разметки и оформить через стили (фон, цвет).	2
3	Типографика на веб-страницах.	Форматирование текста через свойства CSS (color, font, text-decoration, text-align и др.). Цвет в CSS, способы задания цвета и веб-безопасная палитра. Практическое занятие №3: Разметка текстового фрагмента с использованием максимального количества свойств текста и шрифта. Домашнее задание: Отформатировать отрывок из книги или статьи, используя стилевые свойства и назначив цвета фона и текста.	2
4	Списки в HTML и CSS.	Виды списков, список определений, правила вложений и оформление через CSS. Кодировки на веб-страницах и символьные подстановки. Практическое занятие №4: Создание списка товаров, списка группы и многоуровневого списка «Сезоны года». Домашнее задание: Оформить веб-страницу со списком литературы в домашней библиотеке с символьными подстановками.	4
5	Навигация и гиперссылки.	Понятие URL, относительная и абсолютная адресация. Элемент гиперссылки, атрибуты и технология якорных ссылок внутри документа. Практическое занятие №5: Создание многостраничного сайта с общей навигацией, оглавлением и закладками в тексте. Домашнее задание: Добавить не менее 5 страниц в созданный сайт, прописать ссылки в меню в едином стиле.	4
6	Графика в WEB.	Форматы сетевой графики, оптимизация, сжатие, фоновая и встроенная графика. Теги <img>, <figure>, <figcapture>, валидация кода и псевдоклассы ссылок. Практическое занятие №6: Создание фотогалереи с миниатюрами в качестве графических ссылок. Домашнее задание: Создать каталог произведений искусства с подписями и оформлением через стили.	4
7	Таблицы в HTML и CSS.	Структура таблиц (<table>, <tr>, <td>), физическое и логическое объединение ячеек. Новые свойства CSS для оформления рамок, фона и прозрачности таблиц. Практическое занятие №7: Создание стильных таблиц с данными, оформление рамок и заливки. Домашнее задание: Создать таблицу с параметрами мобильных телефонов не менее чем для 4 производителей.	3
8	Блочная модель в веб.	Концепция Box Model (контент, отступы, рамка, поля). Свойства width, height, display, визуальные свойства и инструменты разработчика в браузерах. Практическое занятие №8: Создание колонок с контентом, настройка границ, отступов и полей. Домашнее задание: Создать галерею изображений в виде карточек товаров с фото, подписью и параметрами.	4
9	Плавающая модель в верстке сайтов. Свободное позиционирование.	Обзор моделей верстки, понятие потока, свойство float. Свободное позиционирование через свойство position и координаты top, left, right, bottom. Практическое занятие №9: Верстка двух- и трехколоночного макета средствами плавающей модели. Домашнее задание: Сверстать макет главной страницы сайта по предложенному изображению.	4
10	Верстка макета в режиме мастер-класс.	Последовательность верстки, организация файлов и глобальный сброс для кроссбраузерности. Подключение сторонних шрифтов через @font-face и библиотеку Google web-fonts. Практическое занятие №10: Верстка макета landing page с плавающей моделью и позиционированием. Домашнее задание: Сверстать шапку (header) страницы с элементами HTML5 и логотипом. Подготовка к экзамену.	3
11	Экзамен.	Сдача электронного теста. Представление и защита сайта-визитки, созданного слушателем во время обучения.	2

📘 Дополнительные материалы

В процессе обучения слушателям выдаются дополнительные материалы в электронном виде: электронные уроки в pdf формате, а также видеоуроки по пройденным темам для лучшего усвоения материала и дальнейшего его закрепления. Также слушателю рекомендуется вести собственный конспект (электронный либо бумажный) при прослушивании лекции. Практические пособия для работы на уроке и дома выдаются преподавателем непосредственно перед занятием в электронном виде. Приветствуется работа с собственными файлами студента, принесенными им на занятие.

🚀 Где пригодятся полученные знания?

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

🤝 Поддержка выпускников

По окончании курса преподаватель остается на связи со слушателем. Вы в любое время можете получить помощь в своей работе и квалифицированный ответ на любой вопрос, расширить свои знания и усовершенствовать навыки с помощью индивидуальных занятий с преподавателем. А также, мы предлагаем углубленные курсы для профессионалов, на которых вы сможете освоить такие разделы как: создание форм, подключение библиотек JavaScript и jQuery (скрипты), загрузка на страницу мультимедийного контента (видео и звук), изучить адаптивную верстку, а также популярные фреймворки (модульные сетки), например – Bootstrap.

💡 Дополнительная информация

Занятия проводятся как в группах, так и индивидуально в удобное слушателю время. Время предварительно согласовывается с менеджером учебного центра. На занятиях рекомендуется иметь тетрадь для составления конспекта и электронный носитель (флешку) для записи электронных уроков и практических пособий.

🟢 Открыть Прайс-лист (нажмите для перехода)

📸 Иллюстрации к курсу

Форматирование текста

Типографика на веб страницах

Списки в HTML и CSS

Графика в WEB

Таблицы в HTML и CSS

Блочная модель в WEB

Полезные ссылки: Программы курсов создание сайтов в Харькове:

❓ Часто задаваемые вопросы о курсе «HTML/CSS. Основы верстки сайтов» в Харькове

1. Какова длительность и общая трудоемкость курса по верстке?

Курс рассчитан на 30 базовых академических часов. Рекомендуется оптимизированный режим занятий с частотой 2–3 раза в неделю по 2 часа (1 пара), что позволяет эффективно совмещать обучение с учебой или основной работой в Харькове.

2. Нужна ли предварительная подготовка для записи на обучение?

Специальных технических навыков программирования не требуется. Достаточно уверенного владения персональным компьютером на пользовательском уровне, приветствуется базовое знание английского языка и навыки набора текста.

3. Какие инструменты и программное обеспечение используются на уроках?

В процессе обучения слушатели устанавливают современные текстовые и HTML-редакторы (такие как Notepad++, Sublime Text и др.), а также активно используют встроенные инструменты разработчика в браузерах (Google Developer Tools) для отладки кода.

4. Будет ли практика создания реальных веб-страниц?

Да, программа насыщена практической работой. Предусмотрено 10 практических занятий, в ходе которых слушатели создают текстовые блоки, списки, таблицы, фотогалереи и полноценный лендинг по макету.

5. Что входит в итоговую экзаменационную работу выпускника?

Экзамен состоит из сдачи электронного теста и практической защиты собственного сайта-визитки, который студент разрабатывает на протяжении всего периода обучения для себя или своей компании.

6. Выдаются ли учебные и методические материалы студентам?

Конечно. Слушателям в электронном виде передаются практические пособия, уроки в формате PDF, а также видеоуроки по пройденным темам для лучшего закрепления материала дома.

7. Можно ли учиться в индивидуальном формате вместо групп?

Да, учебный центр «Проминь» предлагает как групповые занятия, так и индивидуальное обучение. График и время проведения предварительно согласовываются с менеджером учебного центра.

8. Где можно применить полученные знания по HTML и CSS?

Навыков хватит для создания и поддержки собственных статических веб-сайтов, работы контент-менеджером на платформах CMS, а также для базового редактирования внешнего вида шаблонов сайтов.

9. Сохраняется ли поддержка преподавателя после окончания курса?

Преподаватель остается на связи с выпускниками, помогает решать рабочие вопросы, а также консультирует по поводу перехода на углубленные курсы (JavaScript, jQuery, Bootstrap, адаптивная верстка).

10. Как записаться на курс «HTML/CSS. Основы верстки сайтов» в Харькове?

Для записи необходимо ознакомиться с ценами в прайс-листе, заполнить заявку на обучение на нашем сайте или связаться с менеджерами учебного центра «Проминь» по контактным телефонам.

Готовы пройти обучение по этому курсу?

Не откладывайте карьеру на завтра. Запишитесь на обучение прямо сейчас!

Связаться с нами Выбрать другой курс

Поиск по этому блогу

Курс: "HTML/CSS. Основы верстки сайтов"