# | Название видеоурока | Видео / Тесты | Решило | Рейтинг | Доступ |
---|---|---|---|---|---|
1 |
![]() |
|
|||
На этом уроке мы узнаем, о чем курс, и что мы изучим Отчёт отправил: 10670. Сергей Соколов Выполнено за 10 мин. [Показать отчёт] Научился: Посмотрел презентацию курса. Очень подробно рассказано что буде на этом курсе. В общем вперед!!! =) Сложности: ничего Комментарии: =) |
|||||
2 | Начало - подключение bootstrap |
1 тест |
|||
На этом занятии мы создадим проект html5 и подключим
к нему библиотечку bootstrap Отчёт отправил: 10670. Сергей Соколов Выполнено за 10 мин. [Показать отчёт] Научился: Создал в NetBeans html5 проект, скачал и подключил библиотеку bootstrap. Скопировал готовый пример страницы Сложности: ничего Комментарии: =) |
|||||
3 | Структура сайта и сетка |
|
|||
На этом уроке мы создадим общую структуру сайта портфолио
и поработаем с сеткой - адаптивной мобильной резиновой системой разметки Отчёт отправил: 10670. Сергей Соколов Выполнено за 30 мин. [Показать отчёт] Научился: создал основные теги страницы сделал и подключил таблицу стилей изменил высоту container и цвет фона заголовка познакомился с принципом работы сетки bootstrap поиграл с префиксами классов для разных экранов =) id - должен быть уникальным на всей странице и в основном используется как указатель на элемент class - может использоваться на странице сколько угодно раз, можно указать несколько классов. Поэтому для верстки удобнее использовать class Сложности: сформулировать разницу между class и id Комментарии: =) |
|||||
4 | Навигационное меню |
|
|||
На этом уроке создадим адаптивное навигационное меню
Отчёт отправил: 10670. Сергей Соколов Выполнено за 15 мин. [Показать отчёт] Научился: Сделал отличное меню. При маленьком размере экрана оно превращается в кнопку и открывается по нажатию. Сложности: не делать дурацких опечаток =) Комментарии: =) |
|||||
5 | Фиксированная панель и субменю |
1 тест |
|||
На этом уроке мы поиграем с положением навигационной панели и
сделаем субменю для нескольких пунктов Отчёт отправил: 10670. Сергей Соколов Выполнено за 20 мин. [Показать отчёт] Научился: Зафиксировал меню в верхней части страницы. Теперь при прокрутке страницы он остается на месте. =) Добавил подменю Сложности: ничего Комментарии: =) |
|||||
6 | Подготовка картинок для портфолио |
|
|||
На этом уроке мы подготовим картинки для портфолио (2-х размеров)
Отчёт отправил: 10670. Сергей Соколов Выполнено за 1 час. 50 мин. [Показать отчёт] Научился: Подготовил картинки для фото=) Сложности: ничего =) Комментарии: =) |
|||||
7 | Рефакторинг страницы |
1 тест |
|||
На этом уроке мы проведем рефакторинг кода,
и реализуем структуру, запланированную для header, в навигационной панели Отчёт отправил: 10670. Сергей Соколов Выполнено за 30 мин. [Показать отчёт] Научился: Выполнил рефакторинг html кода страницы =) Сделал адаптивное меню с логотипом в левом верхнем углу. =) Сложности: ничего Комментарии: =) |
|||||
8 | Размещение работ портфолио |
|
|||
На этом уроке мы создадим страницу-портфолио наших работ,
используя элемент accordeon Отчёт отправил: 10670. Сергей Соколов Выполнено за 30 мин. [Показать отчёт] Научился: Сделал страницу портфолио с работами. Научился делать accordeon Сложности: ничего Комментарии: =) |
|||||
9 | Подробности в модальное окно |
|
|||
На этом уроке мы создадим подробное описание каждой работы нашего портфолио
в модальном окне, а таже реализуем скачивание исходников или переход на сайт из записей портфолио Отчёт отправил: 10670. Сергей Соколов Выполнено за 55 мин. [Показать отчёт] Научился: Научился делать модальные окна с помощью bootstrap. Научился делать красивые ссылки на скачивание с glyph-иконкой Сложности: ничего Комментарии: =) |
|||||
10 | Работа над ошибками |
|
|||
На этом уроке мы внесем исправление в параметры панелей нашего accordeon и добьемся
хорошего отображения на различных устройствах Отчёт отправил: 10670. Сергей Соколов Выполнено за 5 мин. [Показать отчёт] Научился: Исправил ошибки в верстке Сложности: ничего Комментарии: =) |
|||||
11 | Оформляем footer |
|
|||
На этом уроке мы оформим блок footer с использованием
иконок font-awesome Отчёт отправил: 10670. Сергей Соколов Выполнено за 30 мин. [Показать отчёт] Научился: Познакомился с пакетом font awesome. Оформил футер нашего сайта, добавив в него ссылки на социальные сети в виде иконок. Сложности: ничего Комментарии: =) |
|||||
12 | Делаем главную страницу |
1 тест |
|||
На этом уроке мы оформим главную страницу портфолио,
сделаем "выставку" 6 последних работ, и 6 лучших, а также реализуем форму авторизации на сайте Отчёт отправил: 10670. Сергей Соколов Выполнено за 40 мин. [Показать отчёт] Научился: Сделал главную страницу с миниатюрами работ. Сделал меню для авторизации =) Сложности: ничего Комментарии: =) |
|||||
Итого: 12 видеоуроков |
3 час. 55 мин. 4 теста |
15 чел. | |||
Финалисты: Максим Лапшинов, Ludmila, Сергей Соколов, Алексей Малышев, Алексей|BrisK|Кривицкий, WildOrc, Иван Воронин, Слава, Dmitry Sinitsin, Tekashnik, Андрей Гладков, Yefim, Rita, Max, Николай Денисов . |