Содержание
- 2. Дизайн Графический Программируемый
- 3. Графический дизайн Приемущества Недостатки Полная свобода дизайнера Можно внедрять всякие «завитушки» Старая школа Для создания адаптивного
- 4. Программируемый дизайн Приемущества Недостатки Легко переносится в CSS свойства Можно импортировать как SVG Удобно создавать адаптивные
- 5. Технологии Старая школа Макет в .PSD Язык разметки текста HTML5 Таблицы стилей CSS3 JQuery Новая школа,
- 6. Важна ли адаптивность?
- 7. Принцип: HTML HTML код:
- 8. Принцип: стили CSS код:
- 9. Принцип: Фреймворк Bootstrap HTML код:
- 10. Растровые картинки vs правила CSS
- 11. Растровые картинки vs правила CSS
- 12. Растровые картинки vs правила CSS
- 13. Растровые картинки vs правила CSS
- 14. Растровая картинка: 300 байт (со сжатием)
- 15. CSS правило: 53 байта В этом примере эффективность выше в 6 раз. Это значит, что страница
- 16. Дизайн-макет
- 17. Дизайн-макет
- 18. Дизайн-макет
- 19. Вёрстка
- 20. Результат вёрстки Набор файлов: HTML, CSS, JS
- 21. Результат вёрстки
- 22. Илья Ершов Веб-разработчик, руководитель интернет-проектов [email protected] Skype: ershov.ilya www.ershov.pw Ссылки и дополнительные материалы на странице: www.j.mp/mfpa-links
- 24. Скачать презентацию