All Articles Web
Будущее веб Здесь: использование JQuery, HTML5 и CSS3 на рынке веб-Музыка Онлайн
Andrew Turner on Sat, June 4th | 0 comments
jQuery is a JavaScript library written by John Resig which makes it easy to make interactive web applications. jQuery has the ability to load code from other javascript files in order to create rich u

JQuery это библиотека JavaScript, написанная Джоном Resig что делает его легко сделать интерактивных веб-приложений. JQuery имеет возможность загрузки кода из других файлов JavaScript, чтобы создать богатый опыт пользователей, такие как интерактивные меню, формы, анимации и элементов пользовательского интерфейса. На самом деле, JQuery можно заполнить веб-страницы с компонентами, которые вы определяете программно. Это довольно компактный и разумный язык для работы и вы можете использовать его для отображения музыки и видео на веб-опыта.

В этом примере я покажу вам, как использовать JQuery плагин цикла, чтобы сделать простой слайд-шоу с параметрами контроля скорости и Fade In / Out. При этом основная техника завершена, вы можете расширить свой сайт быстро и удобно.


01 - JQuery

На рисунке 1 показан скриншот веб-страницы под управлением JQuery код. Это основывается на предыдущем посте я представил показывающий, как использовать новые аудио элемент HTML5. Листинг 1 показывает реальный файл в полном объеме. Вы можете посмотреть пример результата по этой ссылке:

http://www.electronicmusic101.com/jqslideshow.html .

Figure 1: A div showing one of 5 rotating images, with an audio element and html5 multimedia “trophy” logo, rendered in Safari

Рисунок 1: дел показывает один из 5 вращающихся изображений, с аудио и HTML5 элемента мультимедиа трофей логотип, оказываемых в Safari

Вы можете скачать JQuery плагин цикла здесь http://jquery.malsup.com/cycle/ . С этого момента, его просто вопрос об открытии фотошоп или графический редактор выбора, чтобы определить размер и имя каждого изображения в слайд-шоу.


02 - HTML5 Утверждение

Браузеры, такие как Internet Explorer до сих пор не имеют возможность анализировать схемы новых стандартов HTML5. Схема только причудливый способ сказать, что есть рифма и разума части коллекции. Части HTML5 состоят из элементов, которые придают смысл для поисковых систем, браузеров и веб-разработчиков.

Современные браузеры, такие как семья WebKit из Mozilla Firefox, Safari, Firefox и готовятся к будущим потребностям веб-разработчиков, приняв html5 сначала стандарты, затем спецификации утверждается World Wide Web Consortium (W3C). К счастью для нас, как разработчики мультимедиа, мы смогли достичь аудитории в Сети с богатыми медиа и интерактивных, чтобы продемонстрировать наши аудио и видео, в то время как улучшение нашей поисковой оптимизации (SEO) для того, чтобы расширить эту аудиторию.

Как веб превосходит охват теле-и радиопрограмм, она становится все более важным для художников, чтобы использовать возможности Интернета для того, чтобы достичь тех, кто имеет общие с самим собой. Сотрудничество с помощью веб-приложения, такие как Facebook и щебет можете улучшить свои горизонтальные и вертикальные досягаемости. То есть, вы не только увеличить количество навыков, полученных, но и могут углубить свое понимание этих навыков путем изучения методов найти в Интернете и можете прикрепить ваш вклад в эти ресурсы, что облегчает обучение в глобальном масштабе.


03 - меньше, да лучше

Картинки говорят тысячи слов, как говорится, и обычно пользователи будут ожидать, чтобы выяснить, почему ваш сайт интересным в течение нескольких секунд посещения вашего сайта. Сколько из нас судить музыку первые несколько баров, которые мы слышим?

Любой текстовый редактор можно использовать (даже блокнота или текстового редактора), чтобы создать код, необходимый для создания веб-страницу с мультимедийным контентом. Как Листинг 1 предполагает, серии изображений загружаются и отображаются с помощью браузера, с определенными размерами и различные другие параметры. Есть практически неограниченные возможности для представления содержимого на веб-сайте, но эти варианты могут быть объединены в три основные технологии: CSS, JavaScript и HTML.

Обратите внимание на Листинг 1 ( Листинг 1 Скачать ), который является img_1.jpg определенного размера. Он должен соответствовать фактический размер изображения, так что код должен быть обновлен в ваш размер изображения, конечно. На самом деле, многие библиотеки JavaScript похожи на это, они содержат основные процедуры для создания веб-страницы ведут себя определенным образом, но оставить несколько параметров, которые можно настроить с учетом Ваших индивидуальных творческих потребностей.


04 - Будущее веб

Хотя становится хорошо знакомы с JavaScript даст жизни продуктивной работы в области веб-дизайна, то вам достаточно только понять, небольшое подмножество JavaScript, чтобы использовать ее потенциал.

Будущие технологии, такие как CSS 3 позволит Вам перенести существующие Adobe Flash навыки во всех современных браузерах, даже тем, которые не поддерживают Flash!

Вы можете копировать / вставить код из Листинг 1 в текстовом редакторе выбора, и загрузить его на свой веб-хостинга, чтобы получить и работает быстро с этим JQuery слайд-шоу. Я использую яблоки мобильный сервис для хостинга мне свой сайт, но в следующей статье, а обсудить, как создать свой собственный хостинг!


05 - Структура страницы

Для начинающих разработчиков, важно понимать, что веб-страница работает только тогда, когда образы, JavaScript, и другие файлы в правильные папки. Все HTML-файлы должны быть в корневом каталоге, то есть, каталог, который содержит все остальные.

Основная структура веб-страницы, в двух словах, это голова и тело, завернутое в HTML контейнере. В головной части, вы можете вставить JavaScript и CSS-кодом напрямую, а в организме можно определить визуальный и звуковой информации, такие как изображения, видео и аудио различных форматов.


06 - социально-этический

Я придерживаюсь мнения, что веб-страница должна быть очень простой для художника, для демонстрации части работы с минимальными затратами на зрителя. Другими словами, не должно быть мало предварительных усилий, затраченных в испытывают художественные работы, которые вы создаете и сообщение в Интернете. Это потому, что воспринимаемое качество художественных форм весьма субъективны для нас, как людей, а не 2-х человек может ответить тем же способом, чтобы произведение искусства. Музыка является очень эмоциональный вид искусства, и слушатель может быть очень частности, о типе ощущение, что музыка изображает.

С веб становятся социальные места больше и больше, просто слайд-шоу с немного музыки в фоновом режиме, делает для хорошего утечки в оживленном окружающей среды, будь то работа или игра. На самом деле, раздел веб-страницы можно сделать видимыми в другой раздел другую веб-страницу. В этом суть веб-приложений, в отличие от веб-страниц, в том, что есть сменные возможности вашего контента на веб-сайте, чтобы умножить воздействия и удобство использования во многих контекстах. Например, новостной сайт может быть возможность прямого доступа к новейшим часть вашего сайта, который витрины конкретной области интересов или новый релиз.


07 - Принимая это Далее

По мере понимания того, как веб-сайты ведут себя становится более подробным, вы можете приступить к разработке более сложных веб-страниц, и, возможно, даже производить страниц для других художников в коллективных, таких как чистая этикетка или даже полноценного производства компании. Вы можете интегрировать контент в торговле или синдикации в цифровом виде. Во многих ответах YouTube заработал сотни тысяч долларов только от дохода от рекламы ставят рядом средств массовой информации! Представьте себе, как много содержания можно получить только путем интеграции его в мировой паутине. Его весьма подавляющим, когда вы действительно остановиться и подумать о том, как быстро содержание избыточного распределенной сети.

В следующий раз, я объясню подробно, как идти о добавлении контента в Интернете, по подробным шаги, которые я прошел через для того, чтобы настроить мой собственный веб-сервер, так что вы и я могу создавать сайты для друзей и клиентов, в то время как избежать значительных затрат, которые могут накапливаться при приеме на работу компании для размещения своих веб-сайт для вас.

Я надеюсь, что вы сможете использовать эту технику JQuery слайд-шоу для повышения вашей веб-страницы, или просто для достижения рубежа в добавление свое собственное содержание на веб-с вашими собственными голыми руками. Веб ждет, пока ... блеск!


Скачать Листинг 1 Здесь.

Comments (0)

You must be logged in to comment. Login Now

Feedback
Course Advisor
Don't Know Where To Start?
Ask A Course Advisor
Ask Us!
Copy the link below and paste it into an email, forum, or Facebook to share this with your friends.
Make money when you share our links
Become a macProVideo.com Affiliate!
The current affiliate rate is: 50%
Classes Start Next Week!
Live 8-week Online Certification Classes for: