Мультимедиа и интерактивность

Содержание лекционного материала:

Анимация. GIF-анимация. Flash-анимация. Загружаемая и потоковая аудиовизуальная информация. Звук. Редактирование звука. Потоковое аудио. Видео. Редактирование видео. Потоковое видео. Формы. Принцип работы форм. Использование элемента <form>. Создание объектов для ввода информации. Создание списков. Использование элемента <textarea>. Создание форм в таблицах.

Практическая работа: 16/2 часов

Разработка графики GIF- и Flash-анимации.

СРС: 10/22 часов

Разработка поисковых эскизов для анимационной графики.

 

Публикация Web-узла и дальнейшая поддержка

Содержание лекционного материала:

Выбор оператора. Простой коммутируемый доступ. DSL и доступ по кабелю. Бесплатные утилиты. Доступная техническая поддержка. Дополнительный адрес электронной почты. Персональные и коммерческие учетные записи. Поддержка SQL-базы данных. Поддержка SSL-протокола. Выбор Интернет-оператора. Регистрация доменного имени. Процесс передачи файлов узла. Проверка Web-узла. Периодическое обновление и поддержка узла.

Практическая работа: 12/2 часов

Регистрация доменного имени. Процесс передачи файлов узла. Проверка Web-узла.

СРС: 8/16 часов

Подготовка к защите курсовой работы

Полезные ссылки бесплатных сервисов

 

→ Дизайн + Код ←

 

Источники бесплатных дизайнов

· http://freebbble.com Бесплатные элементы дизайна из Dribbble.

· https://dribbble.com/search?q=freebie Поиск по Dribbble с запросом “freebie”. Сокровище.

· http://graphicburger.com Привлекательные работы, сделанные с заботой о каждом пикселе.

· http://pixelbuddha.net Бесплатные и премиум работы для профессионального сообщества.

· http://wearebridge.co/ux-tools/Axure-MATERIAL-UI-Kit/home.html Работы в стиле материального дизайна на основе руководства от Google.

· http://www.premiumpixels.com Бесплатные работы для творческих ребят.

· http://fribbble.com Бесплатные работы формата PSD от пользователей сайта Dribbble.

· http://freebiesbug.com Свежие бесплатные работы для дизайнеров.

· http://ru.365psd.com Скачивайте бесплатный psd каждый день.

· http://dbfreebies.co Лучшие бесплатные работы с сайтов Dribbble и Behance.

· https://marvelapp.com/resources/ Бесплатные работы от дизайнеров, которых мы любим.

· http://uispace.net Высококачественные работы для крутых людей.

· http://www.pixeden.com/free-design-web-resources Бесплатные работы.

· https://creativemarket.com/free-goods Свежие бесплатные работы по понедельникам.

· http://www.teehanlax.com/tools/iphone/ Интерфейс iOS 8 в формате PSD (iPhone 6).

· http://www.teehanlax.com/tools/ipad/ Интерфейс iPad в формате PSD.

· http://www.freepik.com Графические элементы для каждого.

· http://www.techandall.com Бесплатные работы, новости и прочая информация.

· http://www.invisionapp.com/tethr Самый красивый комплект элементов дизайна для iOS.

 

Выбор цвета

· http://www.materialpalette.com Генератор и экспорт палитры цветов в стиле материального дизайна.

· http://www.flatuicolorpicker.com Лучшие цвета для интерфейсов в стиле flat.

· http://flatuicolors.com Красивые цвета в стиле flat.

· http://coolors.co Супер быстрый генератор цветовых схем для крутых дизайнеров.

· http://bjango.com/mac/skalacolor/ Необычный подбор цветов.

· http://couleursapp.com Простое приложения для определения цветов, которые вы видите на экране.

· http://www.materialui.co/colors Палитра цветов для Android, веба и iOS в стиле материального дизайна.

· http://colorfulgradients.tumblr.com Автоматическое создание градиентов.

· http://briangonzalez.github.io/jquery.adaptive-backgrounds.js/ Выделение доминирующих цветов из изображения.

· http://brandcolors.net Цвета, используемые знаменитыми брендами.

· http://paletton.com/#uid=1000u0kllllaFw0g0qFqFg0w0aF Создание цветовой схемы.

· http://www.0to255.com Простой инструмент поиска оттенков цвета.

· http://www.colourlovers.com Создавайте и делитесь цветами, палитрами и паттернами.

· https://color.adobe.com/ru/create/color-wheel/ Цветовые комбинации от сообщества Kuler.

· http://bootflat.github.io/color-picker.html Идеальные цвета в стиле flat.

· http://hex.colorrrs.com Конвертер из Hex в RGB.

· http://getuicolors.com Поиск подходящих цветов для интерфейсов.

· https://www.coleure.com Умный подбор цветов.

· http://colllor.com Генератор цветовой палитры.

· https://chrome.google.com/webstore/detail/palette-for-chrome/oolpphfmdmjbojolagcbgdemojhcnlod Создание палитры цветов из любого изображения.

 

Вдохновение

· http://www.materialup.com Ежедневное вдохновение материальным дизайном.

· http://fltdsgn.com Лучшие работы в стиле flat.

· http://www.siteinspire.com Вдохновение веб-дизайном.

· http://ui-cloud.com Самая крупная коллекция интерфейсов в мире.

· http://www.gomoodboard.com Создание красивых досок настроения (moodboard).

· https://www.crayon.co Вдохновение для маркетологов.

· http://land-book.com Галерея лэндингов.

· https://dribbble.com «Покажи и расскажи» для дизайнеров.

· https://dribbble.com Сообщество креативных профессионалов со всего мира.

· http://pttrns.com Вдохновение для создания мобильных интерфейсов.

· https://www.pinterest.com/warmarc/flat-ui-design/ Коллекция дизайнов в стиле flat, спасибо Эрику.

· http://www.awwwards.com Награды за дизайн, креативность и инновацию.

· http://www.thestarterkit.info Источник для программистов и дизайнеров.

· https://onepagelove.com Коллекция одностраничных веб-сайтов.

· http://www.uiparade.com Элементы интерфейсов.

· https://www.thebestdesigns.com Лучшее из веб-дизайна.

· http://agiledesigners.com Лучшие ресурсы для программистов и дизайнеров.

· https://niice.co Поисковик со вкусом.

 

Бесплатные стоковые фотографии

· http://www.sitebuilderreport.com/stock-up Лучшие бесплатные стоковые фотографии с разных веб-сайтов в одном месте.

· http://www.pexels.com Лучшие бесплатные фото в одном месте.

· http://allthefreestock.com Бесплатные стоковые изображения, иконки и видео.

· https://unsplash.com Бесплатные (делайте, что хотите) фотографии высокого разрешения.

· http://www.splashbase.co Поиск бесплатных фото и видео в высоком разрешении.

· http://startupstockphotos.com Вперед. Создайте что-нибудь.

· http://jaymantri.com Бесплатные изображения.

· http://moveast.me Путешествие португальца на восток.

· http://travelcoffeebook.com Красивые моменты путешествий.

· http://www.designerspics.com Бесплатные фотографии для коммерческого и персонального использования.

· http://deathtothestockphoto.com Ежемесячные бесплатные фотографии вам на почту.

· http://foodiesfeed.com Бесплатные фотографии еды в высоком разрешении.

· http://mazwai.com Бесплатные видео клипы и фотографии.

· http://jeshoots.com Стильные современные фотографии.

· http://superfamous.com Фотографии голландского дизайнера FolkertGorter.

· http://picography.co Бесплатные фотографии высокого разрешения.

· http://pixabay.com Бесплатные качественные фотографии.

· http://magdeleine.co Бесплатная качественная фотография на каждый день.

· http://snapographic.com Бесплатные стоковые фотографии для персонального и коммерческого использования.

· http://littlevisuals.co 7 фотографий высокого разрешения в ваш почтовый ящик каждые 7 дней.

· http://www.splitshire.com Качественные бесплатные стоковые фотографии.

· http://nos.twnsnd.co Винтажные фотографии из публичных архивов.

· http://littlevisuals.co Абсолютно бесплатные фотографии.

· http://www.lifeofpix.com Бесплатные фотографии высокого разрешения.

· http://www.gratisography.com Бесплатные фотографии высокого разрешения.

· http://getrefe.com/downloads/category/free/ Бесплатные фотографии.

· http://getrefe.com/downloads/category/free/ Коллекция бесплатных фотографий.

· http://cupcake.nilssonlee.se Фотографии от JonasNilssonLee.

· http://thepatternlibrary.com Бесплатныепатерны для вашего проекта.

· http://publicdomainarchive.com Новые бесплатные стоковые фотографии.

· http://isorepublic.com Высококачественные бесплатные фотографии для творческих людей.

· http://stokpic.com Бесплатные фотографии.

· http://kaboompics.com Лучший способ получить бесплатные изображения.

· http://wefunction.com/category/free-photos/ Бесплатные паки фотографий.

· http://mmt.li Бесплатные стоковые фотографии от JeffreyBetts.

· https://pjrvs.com/a/photos Бесплатные фотографии высокого разрешения.

· http://lockandstockphotos.com Бесплатные стоки для вас.

· http://raumrot.com Бесплатные фотографии высокого разрешения.

· http://photos.bucketlistly.com Коллекция фотографий из путешествий

· Еще немного источников: http://www.freedigitalphotos.net | http://morguefile.com | http://www.publicdomainpictures.net | http://www.stockvault.net | http://www.imagefree.com | http://www.dreamstime.com/free-images_pg1 | http://www.rgbstock.com | http://www.freeimages.com | http://freerangestock.com | http://freephotosbank.com.

Вручную отобранные коллекции бесплатных фотографий:

· → от Free Goodies for Designers: ( http://dealjumbo.com/freebies/the-ultimate-photo-pack-free-version/ | http://dealjumbo.com/freebies/people-places-and-things-photo-bundle/ | http://dealjumbo.com/freebies/30-free-photos-from-kaboompics/ | http://dealjumbo.com/freebies/12-free-nature-photos/ | http://dealjumbo.com/freebies/12-free-nature-photos-v-2/ | http://dealjumbo.com/freebies/12-free-nature-photos-v-3/ | http://dealjumbo.com/freebies/13-free-geometric-backgroundsshapes/ | http://dealjumbo.com/freebies/10-free-geometric-backgrounds/ | http://dealjumbo.com/freebies/free-hero-header-presentation-images/

· → от Dribbble: ( https://dribbble.com/shots/1659014-Free-Download-Nature-Photo-Pack | https://dribbble.com/shots/1584133-2014-workspace-free-photos | https://dribbble.com/shots/1561280-Free-Vintage-Photos | https://dribbble.com/shots/1093355-Free-Blurred-Backgrounds | https://dribbble.com/shots/609751-8-Backgrounds-Free-download | https://dribbble.com/shots/1671186-Hip-Bundle-mockups-collection | https://dribbble.com/shots/1789659-Freebie-Friday | https://dribbble.com/shots/1669946-Freebie-Hero-Image | и https://dribbble.com/shots/1619059-His-Mercies-Background-2x .),

· → от Graphic Burger: ( http://graphicburger.com/wood-forest-free-photos/ | http://graphicburger.com/iceland-free-photos-vol-1/ | http://graphicburger.com/iceland-free-photos-vol-2/ | http://graphicburger.com/5-bokeh-backgrounds-vol-1/ | http://graphicburger.com/5-bokeh-backgrounds-vol-1/ | http://graphicburger.com/5-blurred-backgrounds-vol-1/ | http://graphicburger.com/3-curved-wooden-backdrops-vol-1/ )

 

Бесплатная типографика

· http://www.typegenius.com Поиск идеальной комбинации шрифтов для вашего проекта.

· http://www.typegenius.com 100 % бесплатные коммерческие шрифты.

· http://www.fontface.ninja Расширение для браузера для отображения шрифтов, которые использует веб-сайт.

· https://www.google.com/fonts Бесплатные шрифты, оптимизированные для веб-сайтов.

· http://hellohappy.org/beautiful-web-type/ Лучшие примеры использования Google шрифтов.

· http://www.dafont.com Коллекция бесплатных шрифтов.

· http://www.dafont.com Огромный выбор бесплатных шрифтов.

· http://www.fontpark.net/en/ Самый большой архив бесплатных шрифтов в одном месте.

· http://font-to-width.com Сжимает тексты в контейнеры определенного размера.

 

Бесплатные иконки

· http://fontello.com Генератор шрифта из иконок.

· http://www.flaticon.com Поисковик по 16000+ векторным иконкам.

· https://github.com/google/material-design-icons/releases/tag/1.0.0 750 бесплатных иконок от Google.

· http://fortawesome.github.io/Font-Awesome/ Шрифт из иконок.

· http://glyphsearch.com Поиск пиктограмм в различных базах данных.

· http://makeappicon.com Генератор иконки различных размеров для приложения.

· http://www.endlessicons.com Бесплатные плоские иконки.

· https://icomoon.io 4000 + бесплатных векторных иконок, генератор иконок.

· https://thenounproject.com Тысячи иконок от различных дизайнеров.

· http://perfecticons.com Создание пиктограмм социальных сетей.

· https://www.iconfinder.com/free_icons Бесплатные иконки.

· Бесплатные круглые иконки: https://roundicons.com/doodle-icons-free-set/ | https://roundicons.com/free-icons/ | https://roundicons.com/free-vector-line-icons-set/

· http://iconsweets.com 60 бесплатных векторных иконок для Photoshop.