Архив рубрики: Bootstrap

Тема 7. Bootstrap. Создание полноценного сайта портала о героях комиксов Марвел. Часть 1

Тема урока На последних двух уроках по Bootstrap мы разберем полный цикл создания сайта. Мы будем создавать информационный портал о героях комиксов. Полный цикл создания сайта включает в себя: Предпроектные исследования Составление проекта сайта Реализация проекта Отладка и тестирование Завершение и защита проекта Давайте разберем, что же включает в себя каждый этап цикла создания сайта. Предпроектные… Читать далее »

Тема 6. Bootstrap. Верстка ленты новостей социальной сети. Верстка страницы с чатом.

Тема урока. На сегодняшнем уроке мы будем изучать новые стили для оформления фотографий и ленты сообщений.  Эти элементы применяются почти в любых типах сайтов для отображения дерева комментариев. Материал урока 6urok Обзор новых терминов. Лента сообщений(комментариев) — список сообщений упорядоченных по дате. Лента сообщений используется для вывода обсуждений информации размещенной на сайте. Древовидные комментарии — Комментарии или сообщения… Читать далее »

Тема 5. Bootstrap. Создание страницы обратной связи для сайта визитки.

Тема урока. На сегодняшнем уроке мы будем создавать страницу с контактами и формой обратной связи для нашего сайта визитки. Также научимся создавать навигацию по сайту с использованием хлебных крошек. Обзор новых терминов. Форма обратной связи — это форма которая позволяет посетителю сайта отправить заявку на услугу или обратный звонок. Обратный звонок — услуга на сайте позволяющая заказать звонок… Читать далее »

Тема 4. Bootstrap. Создание сайта визитки.

Новые термины которые мы будем использовать на уроке: Сайт—визитка (англ. business card website) — небольшой сайт, как правило, состоящий из одной (или нескольких) веб-страницы и содержащий основную информацию об организации, частном лице, компании, товарах или услугах, прайс-листы, новости и контактные данные. Для верстки сайта мы будем использовать навыки полученные на предыдущих уроках и изучим как… Читать далее »

Тема 3. Bootstrap. Посадочная страница, landing page. Слайдеры.

Теоретическая часть. Новые термины. Давайте разберем термины которые мы будем использовать на уроке. Слайдер картинок (Image slider). В мире веб дизайна слайдер картинок используется для организации слайд шоу или прокрутки картинок на вашей странице. Для создания слайдера используются плагины или подключаемые модули. Параллакс скроллинг (parallax scrolling) — это тренд в разработке сайтов где фоновые рисунки и… Читать далее »

2 урок. Навигационное меню

Какие стили нужно использовать для создания меню с использованием  Bootstrap? Как же создать самое простое меню в Bootstrap? Алгоритм создания меню. Использовать тег <NAV> для объявления меню. Разместить в нем тег <DIV> к которому применить класс conatainer для отображения меню внутри контейнера. Это позволит корректно отображать меню. Разместить в контейнере заголовок сайта с текстовым описанием или логотипом.… Читать далее »

Тема 1. Bootstrap. Framework и Модульная сетка.

Что такое Framework? Фреймворк это набор всевозможных библиотек и классов для быстрой разработки сайтов. Главная цель фреймворка, предоставить разработчику удобную среду для разработки веб сайта с большим стандартным функционалом. Сам фреймворк состоит из встроенных классов для: работы с базой данных, создания дизайна, анимации создания слайдеров и многое другое. Все эти функции вы можете легко использовать… Читать далее »