html-css-front-end-768x432

Язык разметки гипертекста, Hypertext Markup Language (HTML), отвечает за контроль содержания и разметку информации в браузере. Имея такой старт, вы получите интерфейс пользователя, с которым можно продолжать работу и сразу замечать результаты взаимодействия со своим кодом. Чем сложнее язык, тем больше возрастает важность кода.

Это основные моменты при работе северных языков программирования и важный алгоритм в деле программиста, профессионального верстальщика или современного дизайнера.

Поняв HTML — язык гипертекстовой разметки, вы легко начнете создавать статичную веб-страницу или веб-сайт. Язык CSS — каскадные таблицы стилей — позволяет сделать сверстанный сайт в соответствии с самыми разными пожеланиями дизайнера.

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

Общая продолжительность курса: 21 академический час

Урок 1. Ведущие термины в веб-разработке

Информация про то, как правильно подготовить место для рабочей деятельности; что такое веб-страница; существующие виды стандартных сайтов и алгоритм их разработки; что такое гипертекст, теги и атрибуты; структура HTML-документа; как помогают горячие клавиши в перемещении по документам.

Урок 2. Тонкости языка разметки документов HTML

Разбираемся в спецсимволах; какими бывают типы изображений для web; как загружать изображения на страницу; работа со списками, формами и их элементами.

Урок 3. Основы языка оформления стилей документа CSS

Как работает CSS; синтаксис CSS; варианты объявления CSS; селекторы (id, class, tag); селекторы атрибутов.; основные свойства стилей; вложенность; наследование и группирование свойств; проверка подключения файла стилей.

Урок 4. Псевдоклассы и псевдоэлементы, табличная вёрстка

Какие стили необходимы в работе; псевдоклассы и псевдоэлементы; организация таблиц; объединение ячеек; вложенные таблицы; оформление таблиц разными стилевыми направлениями.

Урок 5. Организация блочной модели; блочная вёрстка

Основные теги для верстки (div и span); отступы элементов (margin и padding); обтекаемые элементы; позиционирование блоков.

Урок 6. Практика с макетом дизайна в формате PSD

Первая работа с  Photoshop, какие инструменты использовать; выделение главных частей макета; нарезка макета; верстка макета сайта при помощи блоков; вставка частей макета в вёрстку; установка плагина PerfectPixel.

Урок 7. Разметка сайта и знакомство с Bootstrap

Освоение ведущей разметки сайт; практическая работа с overflow и clear в настоящей вёрстке; заполнение разметки частями нарезанного макета; приемы позиционирования элементов; первые задания с Bootstrap.

Урок 8. Стандарты web и дополнительные инструменты

Запуск работ — проекта на сервер; проблема «кроссбраузерности»; стандарты HTML/CSS; будущее за стандартами HTML5 и CSS3; грамотная, универсальная верстка; знакомство с препроцессорами на примере LESS.

HTML и CSS. Основы создания сайтов
Оставьте заявку на обучение
Оставьте свой номер телефона, и наши менеджеры свяжутся с вами.
Нажимая на кнопку, вы даёте согласие на обработку персональных данных и соглашаетесь с политикой обработки персональных данных.