All Articles Web
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库,由John Resig写的,这使得它容易使交互式Web应用程序。 jQuery有负载能力从其他JavaScript文件的代码以创建交互式菜单,表格,动画,和用户界面元素,如丰富的用户体验。事实上,jQuery可以填充一个网页与你定义编程的组件。这是一个相当紧凑和合理的语言工作,您可以使用它显示音乐和视频的Web体验。

在这个例子中,我将向您展示如何使用jQuery周期插件为了使一个简单的幻灯片控制速度的参数和淡入/淡出。有了这些基本的技术完成,可以扩大您的网站,快捷方便。


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中呈现的一个DIV

您可以下载jQuery的周期插件在这里http://jquery.malsup.com/cycle/ 。从这一点来说,它只是一个打开Photoshop或您选择在幻灯片中定义的每个图像的大小和名称的图像编辑器的问题。


02 - HTML5的领养

如IE浏览器还没有有能力来解析新的HTML5标准的架构。一个模式仅仅是一个奇特的方式,说是有韵和集合的部分原因。 HTML5的部分组成元素,赋予意义的搜索引擎,浏览器和Web开发。

如现代浏览器的Mozilla Firefox,Safari和Firefox的WebKit的家庭准备为未来的Web开发人员需要采用HTML5标准,规范是由万维网联盟(W3C)批准之前。幸运的是我们作为多媒体开发,我们能够达到与富媒体和互动体验,展示​​我们的音频和视频网络上的观众,同时提高我们的搜索引擎优化(SEO)为了扩大观众。

随着网络超过电视和广播节目的覆盖​​面,它变得越来越重要,艺术家们利用互联网的力量,为了达到那些与自己的共性。通过Facebook和Twitter等Web应用程序的合作,可以提高你的水平和垂直距离。这就是说,你不仅增加学到的技能,而且还可以加深你对这些技能的理解,通过在互联网上发现的技术研究,可以将这些资源的贡献,促进在全球范围内的学习。


03 - 少即是多

图片讲千言万语,正如他们所说,通常用户希望找出为什么你的网站是在访问您的网站秒问题有兴趣。我们中有多少法官由最初的几个酒吧,我们所听到的音乐吗?

可以使用任何文本编辑器(甚至是记事本或文本编辑器)创建一个网页与多媒体内容所需的代码。 代码清单1显示,一系列图像加载并通过浏览器中显示,定义尺寸和其他各种参数。有在网络上提交您的内容几乎无限的可能性,但这些选项可以分为三个主要的技术组织:CSS,JavaScript和HTML。

注意在代码清单1( 代码1下载 ),img_1.jpg是具有一定规模。这必须与实际尺寸的图像,所以,代码应该是每更新您的图像的大小,当然。事实上,许多JavaScript库是这样的,它们包含的主要套路,为使您的网页的行为以一定的方式,但留下的几个参数,你可以自定义,来满足个人的创造性需要。


04 - Web的未来

即使使用JavaScript变得非常熟悉,会产生一个在网页设计领域的富有成效的工作寿命,你可能只需要了解JavaScript的一个小的子集,利用它的潜力。

CSS3的,如未来的技术将允许您传送您现有的所有现代浏览器的Adobe Flash技能,即使是那些不支持Flash!

你可以复制/粘贴到您所选择的文本编辑器代码清单1的代码,并上传到您的虚拟主机与这个jQuery的幻灯片快速启动和运行。我用我的网站主办苹果的Mobile Me服务,但在以后的文章,以及讨论如何创建自己的主机商!


05 - 页结构

对于初学者开发,重要的是要明白,一个网页只有当图像,JavaScript和其他文件在正确的文件夹。所有的HTML文件应该在根目录,也就是说,该目录包含所有其他。

一个网页的主体结构,概括地说,是一个头部和身体,包裹在一个HTML的容器。在头一节中,你可以插入JavaScript和CSS代码,直接在你的身体定义可见光和听觉的媒体,如图像,视频和各种格式的音频,。


06 - 社会方面

我认为,一个网页应该是很简单,对于一个艺术家的作品展示与观众最少的投资。换言之,应该有一点前期的精力花费在经历了艺术品,您创建并发布到Web。这是因为艺术形式的感知质量是非常主观的,作为人类,我们没有2人的反应可能以同样的方式是一件艺术品。音乐是一个很情绪化的艺术形式,和听者可能会很特别的感觉,音乐描绘类型。

的网站成为一个社交场所越来越多,小乐在后台的一个简单的幻灯片,在一个繁忙的环境很好的分流,使得它工作或娱乐。事实上,一个网页的部分,可另一个网页的另一部分内可见。这是Web应用程序的本质,反对网页,有您的内容在网络上的互换能力,繁殖在许多环境下的曝光和可用性。例如,新闻网站可以直接访问您的网站的最新片,展示了特定领域的兴趣或新版本。


07 - 进一步

由于您的网站的行为方式的理解变得更加详细,你可以开始开发更复杂的网页,甚至作为净标签甚至是一个不折不扣的制作公司等集体为其他艺人制作的网页。在数字域,然后您就可以融入商业或企业联合组织您的内容。许多YouTube意见书,赢得了数十万美元,只是从媒体一起放在的广告收入!想象一下,您的内容有多少种方法可以融入万维网访问。相当铺天盖地,当你真正静下心来思考如何迅速内容是冗余的分布式在线。

下一次,我将解释如何去加入您的内容网页,通过详细的步骤我走过,以设定自己的Web服务器,让你和我可以创建网站的朋友和客户的细节,而避免了巨额费用,雇用一家公司的主机为您的网站时,可以积累的。

我希望,你将能够使用这个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: