Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Основы HTML и CSS
Евгений Тарасенко
Работа с типографикой
Шрифты бывают платные и бесплатные.
Необходимо проверять лицензию на
шрифт.
Работа с типографикой
Семейства шрифтов:
- С засечками
- Без засечек
- Моноширинные
- Декоративные
Работа с типографикой
Свойство font-family должно содержать
несколько имён шрифтов.
Последним должен быть тип шрифта,
наиб...
Работа с типографикой
Требуйте от дизайнеров или заказчиков
шрифты используемые в макете.
Иначе придется подбирать похожий...
Установка фона
Добавление фонового изображения
- с повторением
- без
Установка градиента
Не подбирайте градиент на глаз,
посмотрите как он задан в photoshope или
спросите дизайнера.
Создание списков
- Маркированные списки
- Нумерованные списки
- Списки описания
Создание списков
Стилизация пунктов списка
Использование изображений для маркера
Горизонтальное отображение списка
Добавление изображений
Поддерживаемые форматы:
- gif
- jpg
- png8
- png24
- svg
Встроенные фреймы
Используются для добавления сторонних
HTML страниц в текущую.
Не читать про атрибут seamless
Построение форм
Понимать как отправляются данные форм
- что отправляется
- куда
- каким образом
- когда
Таблицы
- Структура таблицы
- Объединение нескольких ячеек
- Стилизация, границы
Написание хорошего HTML
- Использование семантических
элементов
- Style guide
- Практичные имена классов
- Отделяйте содер...
Написание хорошего CSS
- Style guide
- Использовать селекторы классов
- Избегать комбинированных селекторов
- Сокращённые ...
Upcoming SlideShare
Loading in …5
×

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

105 views

Published on

Основы языка разметки HTML и каскадных таблиц стилей (CSS)

Published in: Education
  • Be the first to comment

  • Be the first to like this

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

  1. 1. Основы HTML и CSS Евгений Тарасенко
  2. 2. Работа с типографикой Шрифты бывают платные и бесплатные. Необходимо проверять лицензию на шрифт.
  3. 3. Работа с типографикой Семейства шрифтов: - С засечками - Без засечек - Моноширинные - Декоративные
  4. 4. Работа с типографикой Свойство font-family должно содержать несколько имён шрифтов. Последним должен быть тип шрифта, наиболее популярные это sans-serif и serif.
  5. 5. Работа с типографикой Требуйте от дизайнеров или заказчиков шрифты используемые в макете. Иначе придется подбирать похожий из бесплатных.
  6. 6. Установка фона Добавление фонового изображения - с повторением - без
  7. 7. Установка градиента Не подбирайте градиент на глаз, посмотрите как он задан в photoshope или спросите дизайнера.
  8. 8. Создание списков - Маркированные списки - Нумерованные списки - Списки описания
  9. 9. Создание списков Стилизация пунктов списка Использование изображений для маркера Горизонтальное отображение списка
  10. 10. Добавление изображений Поддерживаемые форматы: - gif - jpg - png8 - png24 - svg
  11. 11. Встроенные фреймы Используются для добавления сторонних HTML страниц в текущую. Не читать про атрибут seamless
  12. 12. Построение форм Понимать как отправляются данные форм - что отправляется - куда - каким образом - когда
  13. 13. Таблицы - Структура таблицы - Объединение нескольких ячеек - Стилизация, границы
  14. 14. Написание хорошего HTML - Использование семантических элементов - Style guide - Практичные имена классов - Отделяйте содержимое от стиля - Избегайте лишних <div> - Валидация финального кода
  15. 15. Написание хорошего CSS - Style guide - Использовать селекторы классов - Избегать комбинированных селекторов - Сокращённые свойства и значения - Модульность стилей для повторного использования

×