WEB - дизайн и Адаптивная верстка Bootstrap

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

Ознакомьтесь с программой курса «WEB - дизайн и Адаптивная верстка Bootstrap» от doprof.ru - doprof.ru

1. Модуль 1. 1. Основы сайт строения. Методы и технологии создания современных сайтов. Основы HTML. Этапы создания сайта целиком и стартовой (главной страницы). Использование программ Adobe Dreamweaver и Adobe Photoshop при создании сайта. Перечень основных вопр…
2. Тема - 2 часа. Что такое фреймворк Bootstrap.
3. Тема - 2 часа. Установка Bootstrap.
4. Тема - 2 часа. Состав фреймворка Bootstrap.
5. Тема - 2 часа. Создание первого учебного проекта на фреймворке Bootstrap.
6. Модуль 2. 2. Основы поэтапного создания web-страницы. Правила форматирования текста с использованием текстовых тегов. Оформление текста с использованием атрибутов тегов. Введение в CSS (каскадные стилевые инструкции). Перечень основных вопросов, подлежащих из…
7. Тема - 2 часа. Что такое сетка Bootstrap. Базовые классы CSS фреймворка Bootstrap для создания много колончатой верстки страниц.
8. Тема - 2 часа. Создание адаптивной страницы с использованием базовых классов Bootstrap.
9. Тема - 2 часа. Оформление содержимого страниц созданных с использованием фреймворка Bootstrap.
10. Тема - 2 часа. Компоненты Bootstrap.
11. Модуль 3. 3. Вставка изображений в web-страницу. Типы графических файлов подлежащих вставке в web-страницу. Оптимизация изображений для web-страницы с использованием программы Adobe Photoshop. Перечень основных вопросов, подлежащих изучению: - типы графически…
12. Тема - 2 часа. Текст, таблицы, списки, кнопки, табы, навигационные меню, формы.
13. Тема - 2 часа. Практика использования компонентов на странице.
14. Тема - 2 часа. Создание простого шаблона сайта с использованием фреймворка Bootstrap.
15. Тема - 2 часа. Практика верстки шаблона сайта блога, интернет магазина с использованием фреймворка Bootstrap.

Чему вы научитесь

• Освоите и сможете применять: практика верстки шаблона сайта блога, интернет магазина с использованием фреймворка bootstrap.
• Научитесь создавать и применять: создание простого шаблона сайта с использованием фреймворка bootstrap.
• Научитесь создавать и применять: создание первого учебного проекта на фреймворке bootstrap.
• Освоите и сможете применять: текст, таблицы, списки, кнопки, табы, навигационные меню, формы.
• Разберётесь в теме: что такое фреймворк bootstrap.