Верстка сайта для интернет магазина (на примере магазина настольных игр).
Реализация фронтенда и бэкенда на Django с данной версткой - https://github.com/Shorh/GB_Python_Django
- Основные понятия в веб-разработке
- что такое гипертекст, теги и атрибуты
- основные теги оформления текста
- Основы языка разметки документов HTML
- спецсимволы
- комментарии в HTML
- гиперссылки
- типы изображений для web
- загрузка изображений на страницу
- списки, формы и их элементы.
- Основы языка оформления стилей документа CSS
- селекторы (id, class, tag)
- селекторы атрибутов.
- основные свойства стилей
- вложенность
- наследование и группирование свойств
- проверка подключения файла стилей
- Псевдоклассы и псевдоэлементы, табличная верстка
- приоритеты применения стилей
- псевдоклассы и псевдоэлементы
- создание таблиц
- объединение ячеек
- вложенные таблицы
- стилевое оформление таблиц
- Формирование блочной модели, блочная верстка
- основные теги для верстки (div и span)
- отступы элементов (margin и padding)
- обтекаемые элементы; позиционирование блоков
- Работа с макетом дизайна в формате PSD
- выделение основных частей макета
- нарезка макета
- вёрстка макета сайта при помощи блоков
- вставка частей макета в вёрстку
- Разметка сайта и знакомство с Bootstrap
- создание основной разметки сайта
- применение overflow и clear в реальной вёрстке
- заполнение разметки частями нарезанного макета
- приёмы позиционирования элементов
- знакомство и применение Bootstrap