Курс посвящён изучению технологий
верстки сайтов по современным стандартам с использованием профессиональных
приемов и инструментов веб-разработки. Рассматриваются подходы в веб-разработке,
облегчающие взаимодействие верстальщика, графического дизайнера, заказчика на
различных этапах создания сайта – прототипировании, отрисовки графического
интерфейса, верстки.
В процессе создания веб-страниц верстальщик сталкивается с
множеством задач: выбор оптимальной структуры HTML-разметки, выбор способа размещения
и оформления отдельных элементов страницы с помощью свойств CSS, включение изображений в растровых и
векторных форматах, адаптируемость дизайна для разных устройств просмотра,
кроссбраузерность и т.д. Каждый сайт уникален, но есть общие приемы и подходы, которые
обеспечивают надежные решения для большинства наиболее важных задач верстки.
На курсе рассматриваются отдельные приемы, а также широко используемые
в среде веб-разработки css-фреймворки.
Это комплексные решения, включающие настраиваемую модульную сетку, стили
расположения и отображения блоков, внедрение шрифтов, кроссбраузерное использование
новых возможностей HTML5,
CSS3. Обсуждается выбор
методов верстки сайта с учетом требований к дизайну, адаптируемости, кроссбраузерности,
времени загрузки и т.п.
На курсе используются основные рабочие инструменты верстальщика: как
десктопные программы, так и полезные online-сервисы. Используется бесплатное, постоянно обновляемое ПО,
в разработке которого участвует широкий круг профессионалов. Выгодная особенность
подобных программ – в постоянном оперативном пополнении функциональных
возможностей, которые полезны и для решения задач верстки на основе современных
технологий, и для облегчения рутинных работ, известных разработчикам «из первых
рук».
Знания и умения, полученные в результате обучения
В ходе обучения слушатели:
- ознакомятся с технологиями верстки адаптируемых интерфейсов,
- научатся использовать средства CSS3 для позиционирования и оформления статических, интерактивных элементов веб-страниц,
- изучат методы внедрения графических, аудио, видео элементов разных форматов с ис-пользованием возможностей HTML5,
- научатся использовать комплекс программных средств верстки, отладки для работы с html-,css-кодом,
- рассмотрят вспомогательные сервисы для работы с иконками, шрифтами, изображениями для адаптивного веб-дизайна,
- рассмотрят и научатся применять методы кроссбраузерной верстки,
- изучат состав и особенности применения наиболее популярных css-фреймворков, облегчающих рутинные операции в создании и редактировании шаблона сайта,
- освоят подходы, поддерживающие преемственность методов формирования элементов интерфейса сайта от стадии прототипирования, отрисовки графических элементов до верстки;
- выполнят практические работы по разработке нескольких сайтов с учетом современных требований по используемым технологиям с использованием профессиональных средств работы.