SlideShare a Scribd company logo
1 of 15
Download to read offline
Основы HTML и CSS
Евгений Тарасенко
Работа с типографикой
Шрифты бывают платные и бесплатные.
Необходимо проверять лицензию на
шрифт.
Работа с типографикой
Семейства шрифтов:
- С засечками
- Без засечек
- Моноширинные
- Декоративные
Работа с типографикой
Свойство font-family должно содержать
несколько имён шрифтов.
Последним должен быть тип шрифта,
наиболее популярные это sans-serif и serif.
Работа с типографикой
Требуйте от дизайнеров или заказчиков
шрифты используемые в макете.
Иначе придется подбирать похожий из
бесплатных.
Установка фона
Добавление фонового изображения
- с повторением
- без
Установка градиента
Не подбирайте градиент на глаз,
посмотрите как он задан в photoshope или
спросите дизайнера.
Создание списков
- Маркированные списки
- Нумерованные списки
- Списки описания
Создание списков
Стилизация пунктов списка
Использование изображений для маркера
Горизонтальное отображение списка
Добавление изображений
Поддерживаемые форматы:
- gif
- jpg
- png8
- png24
- svg
Встроенные фреймы
Используются для добавления сторонних
HTML страниц в текущую.
Не читать про атрибут seamless
Построение форм
Понимать как отправляются данные форм
- что отправляется
- куда
- каким образом
- когда
Таблицы
- Структура таблицы
- Объединение нескольких ячеек
- Стилизация, границы
Написание хорошего HTML
- Использование семантических
элементов
- Style guide
- Практичные имена классов
- Отделяйте содержимое от стиля
- Избегайте лишних <div>
- Валидация финального кода
Написание хорошего CSS
- Style guide
- Использовать селекторы классов
- Избегать комбинированных селекторов
- Сокращённые свойства и значения
- Модульность стилей для повторного
использования

More Related Content

More from SmartTools

Cтажировка 2016-08-02 02 Юлия Ашаева. Инструменты тестировщика
Cтажировка 2016-08-02 02 Юлия Ашаева. Инструменты тестировщикаCтажировка 2016-08-02 02 Юлия Ашаева. Инструменты тестировщика
Cтажировка 2016-08-02 02 Юлия Ашаева. Инструменты тестировщикаSmartTools
 
Стажировка 2016-07-27 02 Денис Нелюбин. PostgreSQL и jsonb
Стажировка 2016-07-27 02 Денис Нелюбин. PostgreSQL и jsonbСтажировка 2016-07-27 02 Денис Нелюбин. PostgreSQL и jsonb
Стажировка 2016-07-27 02 Денис Нелюбин. PostgreSQL и jsonbSmartTools
 
Стажировка 2016-07-14 02 Евгений Тарасенко. JavaScript
Стажировка 2016-07-14 02 Евгений Тарасенко. JavaScriptСтажировка 2016-07-14 02 Евгений Тарасенко. JavaScript
Стажировка 2016-07-14 02 Евгений Тарасенко. JavaScriptSmartTools
 
Стажировка 2016-07-12 02 Денис Нелюбин. Web, HTTP, TCP/IP
Стажировка 2016-07-12 02 Денис Нелюбин. Web, HTTP, TCP/IPСтажировка 2016-07-12 02 Денис Нелюбин. Web, HTTP, TCP/IP
Стажировка 2016-07-12 02 Денис Нелюбин. Web, HTTP, TCP/IPSmartTools
 
Стажировка 2016-07-08 01 Евгений Тюменцев. S.O.L.I.D.
Стажировка 2016-07-08 01 Евгений Тюменцев. S.O.L.I.D.Стажировка 2016-07-08 01 Евгений Тюменцев. S.O.L.I.D.
Стажировка 2016-07-08 01 Евгений Тюменцев. S.O.L.I.D.SmartTools
 
Стажировка 2016-07-07 02 Евгений Тюменцев. Акторная модель
Стажировка 2016-07-07 02 Евгений Тюменцев. Акторная модельСтажировка 2016-07-07 02 Евгений Тюменцев. Акторная модель
Стажировка 2016-07-07 02 Евгений Тюменцев. Акторная модельSmartTools
 
Стажировка 2016-07-06 02 Денис Нелюбин. Linux и git.
Стажировка 2016-07-06 02 Денис Нелюбин. Linux и git.Стажировка 2016-07-06 02 Денис Нелюбин. Linux и git.
Стажировка 2016-07-06 02 Денис Нелюбин. Linux и git.SmartTools
 

More from SmartTools (7)

Cтажировка 2016-08-02 02 Юлия Ашаева. Инструменты тестировщика
Cтажировка 2016-08-02 02 Юлия Ашаева. Инструменты тестировщикаCтажировка 2016-08-02 02 Юлия Ашаева. Инструменты тестировщика
Cтажировка 2016-08-02 02 Юлия Ашаева. Инструменты тестировщика
 
Стажировка 2016-07-27 02 Денис Нелюбин. PostgreSQL и jsonb
Стажировка 2016-07-27 02 Денис Нелюбин. PostgreSQL и jsonbСтажировка 2016-07-27 02 Денис Нелюбин. PostgreSQL и jsonb
Стажировка 2016-07-27 02 Денис Нелюбин. PostgreSQL и jsonb
 
Стажировка 2016-07-14 02 Евгений Тарасенко. JavaScript
Стажировка 2016-07-14 02 Евгений Тарасенко. JavaScriptСтажировка 2016-07-14 02 Евгений Тарасенко. JavaScript
Стажировка 2016-07-14 02 Евгений Тарасенко. JavaScript
 
Стажировка 2016-07-12 02 Денис Нелюбин. Web, HTTP, TCP/IP
Стажировка 2016-07-12 02 Денис Нелюбин. Web, HTTP, TCP/IPСтажировка 2016-07-12 02 Денис Нелюбин. Web, HTTP, TCP/IP
Стажировка 2016-07-12 02 Денис Нелюбин. Web, HTTP, TCP/IP
 
Стажировка 2016-07-08 01 Евгений Тюменцев. S.O.L.I.D.
Стажировка 2016-07-08 01 Евгений Тюменцев. S.O.L.I.D.Стажировка 2016-07-08 01 Евгений Тюменцев. S.O.L.I.D.
Стажировка 2016-07-08 01 Евгений Тюменцев. S.O.L.I.D.
 
Стажировка 2016-07-07 02 Евгений Тюменцев. Акторная модель
Стажировка 2016-07-07 02 Евгений Тюменцев. Акторная модельСтажировка 2016-07-07 02 Евгений Тюменцев. Акторная модель
Стажировка 2016-07-07 02 Евгений Тюменцев. Акторная модель
 
Стажировка 2016-07-06 02 Денис Нелюбин. Linux и git.
Стажировка 2016-07-06 02 Денис Нелюбин. Linux и git.Стажировка 2016-07-06 02 Денис Нелюбин. Linux и git.
Стажировка 2016-07-06 02 Денис Нелюбин. Linux и git.
 

Стажировка 2016-07-07 04 Евгений Тарасенко. Основы HTML и CSS (часть 2)