网页前端设计需要学习什么

最近关于HTML5吵得火热，很多人认为HTML5出现会秒杀Flash，以至于在各大web前端开发论坛吵得不可开交。论坛里三言两语说的不够 尽兴，只好在自己一亩三分地里敞开了说说。也当一次神棍，展望一下web前端开发的未来。首先这里所说的HTML5也不仅指HTML5本身，而是泛指HTML5、CSS3、 JavaScript以及新的浏览器API所包含的整 个web端技术。谁需要HTML5？Google最需要！Apple的Jobs也需要。但这两个肯定各怀鬼胎。微软无所谓了，反正他还有Silverlight。Mozilla/Firefox非盈利组织，目标可能会高尚些，是w3c标准就要支持。Opera那点浏览器市场占有率估计还没敢有太多想 法。Google的云计算帝国就差一个支持 RIA(Rich Internet Applications)富互联网应用的客户端了，试想 HTML5得到普及，的应用转向BS模式时，微软帝国的桌面软件生态环境必定受到很大威胁，垂涎多年的Google一定是最大受益者。当在一台操作系 统免费的电脑上使用和MS Word差不多功能的免费Google Doc时，你还会掏钱买微软的Word吗？当你所有的办公应用都只需要打开浏览器窗口 时，你还会花钱买操作系统吗？Google的Chrome OS操作系统界面已经说明了这个意图。Jobs也需要HTML5，他是打着小算盘，想让浏览器原生支持视频音频，这样iPhone、iPad就不用嵌入Flash，Jobs当然 不能让Flash进iPhone OS，要不然App Store里的游戏谁去买？同时，如果大量的应用都能基于浏览器实现时，用户就不会被 Windows的桌面应用套牢了。漂亮的Mac电脑谁不喜欢。他们选择 HTML5都是为了更大野心，期望HTML5带来整个软件生态环境的改变，同时避开不受自己控制的Flash。Macromedia和后来的当家Adobe把握住了互联网应用的发展需求，不断的完善的Flash，使之已经超越了浏览器本身的功能。各 大浏览器厂商也看到这种应用的需求，不甘于一个本该浏览器实现的功能，由一个几兆大小的 Plugin实现了，并玩的风生水起。于是不遗余力的推进 HTML5，并且矛头直指Flash。用户想要HTML5吗？用户要的不是技术，是应用，是体验。如果你能拿Ajax实现一个开心农场，我想没谁会在乎它是不是Flash做的。开发者想要 HTML5吗？那需要一个成熟的HTML5+CSS3+JS的开发环境，需要各个浏览器提供统一的用户体验，即标准的完全兼 容。还需要增加新的学习成本。Flash 的优势？Flash比HTML5强在哪？性能，功能？如果说HTML5将拥有和Flash所有内置对象类似的DOM 呢，还有GPU的2D、3D加 速呢?这不是没可能，毕竟HTML5还只是草案。当然Flash也能不停的更新。开发群体：我认为Flash的优势是在开发人员上，十多年的积累，有众多优秀的艺术家、程序员和互动设计师集中在Flash平台上做互动媒体开发。也 使无数的类库有了AS版，如FLARToolKit，Touchlib，OpenCV这些互动、图像分析的c++库都移植到了Flash平台。在RIA应 用上有相对成熟且开源的Flex框架，越来越多的企业在尝试使用Flex替代Ext等 Ajax框架，为客户提供更好RIA应用体验。持续发展：FlashPlayer 是一个封闭的系统，是由Adoeb独家控制，相对于开放的HTML5标准这是弱势，也是技术上的优势，它可以很灵 活，可以随时加入新技术，新功能。而 HTML5是一个公开标准，既然是标准就意味着不会经常改动。Flash的改进升级只需要用户升级 FlashPlayer插件，插件的升级相对用户来说，是轻量级的。HTML标准的改进意味着升级浏览器，这是相对重量级的用户操作，尤其是还有很多人不 明白什么是浏览器。HTML5开放标准一旦确定下来，就会有一个很长的使用周期，今天看是足够先进的功能，十年后呢。就像当年我们用着 HTML4+CSS2+JS沾沾自喜以为足够表现Web应用时，谁能想到今天Flash不断改进所开拓的天地呢。或许十年后我们又该讨论HTML6秒杀 Flash的话题了。超越web应用：如果当时SUN能重视Java Applet，或许就没有Flash的今天，SUN也不会沦落到被收购的境地。而如今Adobe AIR更 是让Flash超越Java Applet，让Flash超越了web，脱离了浏览器。Flash到如今功能不断增强，在多媒体领域也在不断地压缩自家老 大哥Director的应用空间。多点触摸、人脸识别、Socket通讯同步、AR增强现实、实时视频等等功能在Flash平台上的实现，让越来越多的互 动多媒体项目采用Flash方案。希望Adobe继续能扩展Adobe AIR平台的功能，提高性能。能有越来越多的跨平台桌面应用在AIR上实现。

这个看你学哪门语言了，自己学估计得一年半载，可以专门去培训下，估计4-5个月吧

在网站推广方法中，搜索引擎推广是最重要的方法之一，而Google目前是世界最NB的搜索引擎了，占全球56％的搜索引擎市场，所以网站在Google中的推广不可忽视。不过，目前大多网站在Google中的推广都是给Google钱，做Google右边的广告。 Google右侧广告虽然效果还凑合，但是价格毕竟太高了（每次点击，0.05美元），不是我们平常的网络老百姓能够承受了的。如何不给Google一分钱在Google中更好的推广自己的网站呢？这里我教大家一套秘笈---- Google左侧排名。 Google左侧排名，主要是通过技术手段，提高网站在Google中的综合评分自然的获得较好的排名的。这里我们一下Google左侧排名技巧： 第一步：Google排名第一步要先了解Google排名的因素: Google排名因素据说超过300种，这个数据是一个国外的著名的SEO（搜索引擎优化研究）研究者提供的，不过我们必须研究那么深，因为我们祖先有句非常有道理的话是这么说的：万变不离其宗！ Google排名因素主要有以下几条： A: 网站结构：合理的网站结构可以让Google轻松搜索到你网站的大多内容，收录你大量的页面，的关注你这个网站。是排名很重要的一条因素。 B: 标签设计：搜索引擎都喜欢通过一些标签来认识网页，判断网页，Google也不见外。此条因素也非常重要。 C: PageRank：也就是常说的PR值。Google对网页的等级评分。是排名因素中的重中之中，下面会给大家详细谈一下。 D: 网站流量：网站流量越大，Google越关注，而且不光对你网站更新非常快，而且对排名的好处也是非常大的。 E: 其他因素还有很多很多，这里就不列出来了，只要前面那四项我们想办法做好就OK。 第二步：优化网站：优化网站主要包括：网站结构优化，网站标签优化，网站页面优化，为的是让Google更容易搜索你的网站并且关注你想排的关键词。这里举个实际例子给大家谈： A: 结构优化：让想GOOGLE收录你网站的网页，关键就是要让各个页面之间相互都有连接。另外最好再做一个详细的网站地图页面。例如： 各个页面之间的连接结构 网站地图 B: 标签设计：网页标签主要是两个标签，一个是网页标题，一个是简介标签，一个是关键词标签。标签中要适当的突出关键词。例如在Google中输入“电子商务”一次排名第一的网站首页标签是这么设计的： 电子商务指南是一个专业的电子商务交流学习站点，主要有以下栏目：电子商务新闻、电子商务研究、电子商务论文、电子商务法律、电子商务论坛。另外提供电子商务与网络营销咨询策划服务.">。 电子商务"> 这三段标签要放在与之间 注：标题标签长度不可超过40个字符（20个汉字）为好。 注：简介标签要清晰明了的写出网页简介内容，另外突出关键词。不要过长和写与网页内容不相干的内容 注：关键词标签写太多容易被认为作弊，老实写出就OK，不要写与自己网页无关的词。 C: 网页优化： 首页：许多网站首页都是纯FLASH或者是一个图片，这样结构的网站很不合理，首页是一个网站的入口，起到的主要就是导航作用。首页最好一个清晰明了又有内容的页面。 另外，网页文本内容中要突出关键词，里面遇到的关键词可以用加粗。另外文本中有其他页面的关键词的话，可以将这个关键词加上超链接，导向相关页面。 注：每个网页突出的关键词越少越好，最好不要超过3个。另外，网页中的关键词的密度一定要把我好一个度，不要太低，也不高太高。一般在3％左右比较合适。 第三步：提高网站的PR值. PR值是Google对网页的评分，主要根据网页之间的连接来计算：比如，A站有B站的连接，一个用户从A站点击B站在A站的连接进入B站，就表示A站投了B站一篇，将被GOOGLE记录。一个网页的外部连接越多，它的PR值就越高。 提高网页PR值主要有以下几中方法: A: 和PR值高的网站做友情连接。 B: 登陆YAHOO, DMOZ 等许多网页目录。 C: 到一些自助连接站点登陆自己网站的连接。 D: 优化网站结构，让网站自身页面之间都有很好的连接。 第四步：提高网站流量：想让自己网站本身的流量越好越好，首先第一条就是要把网站自身内容做好，粘住浏览过你网站的客流，让他们第一次上你网站就记住你网站，并且下次需要相关信息了还会来你的网站。另外就是配合着做其他方面的推广。 Google左侧排名不给Google一分钱，而且如果左边排名达到后，效果是Google右侧广告效果的三十倍以上。还犹豫什么，赶快行动吧！

据我了解的可以选择魔据条件不错，我自己认为五十人左右还是可以接受的，但是还是自身要足够努力才行，像有些机构一百人以上，那就有点接受不了了，感觉老师也顾忌不过来不要去，可以去实际考察一下。

一般是培训机构或自学了。推荐自学，培训机构教的东西都非常浅。

一、菜鸟级网页制作软件 如果你是一个网页制作初学者，那么让下面几种软件带你走进那绚丽多彩的网页制作世界吧！ ①Microsoft FrontPage 如果你曾对Word很熟悉，那么相信你用FrontPage进行网页设计一定会非常顺手。使用FrontPage制作网页，你能真正体会到“功能强大，简单易用”的含义。页面制作由FrontPage中的Editor完成，其工作窗口由3个标签页组成，分别是“所见即所得”的编辑页，HTML代码编辑页和预览页。FrontPage带有图形和GIF动画编辑器，支持CGI和CSS。向导和模板都能使初学者在编辑网页时感到更加方便。 FrontPage最强大之处是其站点管理功能。在更新服务器上的站点时，不需要创建更改文件的目录。FrontPage会为你跟踪文件并拷贝那些新版本文件。FrontPage是现有网页制作软件中惟一既能在本地计算机上工作，又能通过Internet直接对远程服务器上的文件进行工作的软件。 ②Netscape编辑器 Netscape Communicator和Netscape Navigator Gold3.0版本都带有网页编辑器。如果你喜欢用Netscape浏览器上网，使用Netscape编辑器真是简单方便！当你用Netscape浏览器显示网页时，单击编辑按钮，Netscape就会把网页存储在硬盘中，然后就可以开始编辑了。你也可以像使用Word那样编辑文字、字体、颜色，改变主页作者、标题、背景颜色或图像，定义描点，插入链接，定义文档编码，插入图像，创建表格等，是不是与FrontPage 2000还有些像?但是，Netscape编辑器对复杂的网页设计就显得功能有限了，它连表单创建、多框架创建都不支持。 Netscape编辑器是网页制作初学者很好的入门工具。如果你的网页主要是由文本和图片组成的，Netscape编辑器将是一个轻松的选择。如果你对HTML语言有所了解的话，能够使用Notepad或Ultra Edit等文本编辑器来编写少量的HTML语句，也可以弥补Netscape编辑器的一些不足。 ③Adobe Pagemill Pagemill功能不算强大，但使用起来很方便，适合初学者制作较为美观、而不是非常复杂的主页。如果你的主页需要很多框架、表单和Image Map图像，那么Adobe Pagemill的确是你的首选。 Pagemill另一大特色是有一个剪贴板，可以将任意多的文本、图形、表格拖放到里面，需要时再打开，很方便。 ④Claris Home Page 如果使用Claris Home Page软件，你可以在几分钟之内创建一个动态网页。这是因为它有一个很好的创建和编辑Frame(框架)的工具，你不必花费太多的力气就可以增加新的Frame(框架)。而且Claris Home Page 3.0集成了FileMaker数据库，增强的站点管理特性还允许你检测页面的合法连接。不过界面设计过于粗糙，对Image Map图像的处理也不完全。 二、中级网页制作软件 如果你对网页设计已经有了一定的基础，对HTML语言又有一定的了解，那么你可以选择下面的几种软件来设计你的网页，他们一定会为你的网页添色不少。 ①DreamWeaver 自制动态HTML动画的网页 DreamWeaver是一个很酷的网页设计软件，它包括可视化编辑、HTML代码编辑的软件包，并支持ActiveX、JavaScript、Java、Flash、ShockWave等特性，而且它还能通过拖拽从头到尾制作动态的HTML动画，支持动态HTML(Dynamic HTML)的设计，使得页面没有plug-in也能够在Netscape和IE 4.0浏览器中正确地显示页面的动画。同时它还提供了自动更新页面信息的功能。 DreamWeaver还采用了Roundtrip HTML技术。这项技术使得网页在DreamWeaver和HTML代码编辑器之间进行自由转换，HTML句法及结构不变。这样，专业设计者可以在不改变原有编辑习惯的同时，充分享受到可视化编辑带来的益处。DreamWeaver最具挑战性和生命力的是它的开放式设计，这项设计使任何人都可以轻易扩展它的功能。 ②Fireworks 第一款彻底为Web制作者们设计的软件 Fireworks的来头实在不小，它的出现使Web作图发生了革命性的变化。Fireworks是专为网络图像设计而开发，内建丰富的支持网络出版功能，比如Fireworks能够自动切图、生成鼠标动态感应的javascript。而且Fireworks具有十分强大的动画功能和一个几乎完美的网络图像生成器(Export功能)。它增强了与dreamweaver的联系，可以直接生成dreamweaver的Libaray甚至能够导出为配合CSS式样的网页及图片！ ③Flash 让你的网页动起来 Flash是用在互联网上动态的、可互动的shockwave。它的优点是体积小，可边下载边播放，这样就避免了用户长时间的等待。#{6FLASH6}#可以用其生成动画，还可在网页中加入声音。这样你就能生成多媒体的图形和界面，而使文件的体积却很小。FLASH虽然不可以像一门语言一样进行编程，但用其内置的语句并结合JavaScripe，您也可做出互动性很强的主页来。有人曾经说过：下个世纪的网络设计人不会用FLASH，必将被淘汰出局！我相信这句话没错！ ④HotDog Professional 制作要加入多种复杂技术的网页 HotDog是较早基于代码的网页设计工具，其最具特色的是提供了许多向导工具，能帮助设计者制作页面中的复杂部分。HotDog的高级HTML支持插入marquee，并能在预览模式中以正常速度观看。这点非常难得，因为即使首创这种标签的Microsoft在FrontPage中也未提供这样的功能。HotDog对plug-in的支持也远远超过其他产品，它提供的对话框允许你以手动方式为不同格式的文件选择不同的选项。但对中文的处理不很方便。 HotDog是个功能强大的软件，对于那些希望在网页中加入CSS、Java、RealVideo等复杂技术的高级设计者，是个很好的选择。 ⑤HomeSite 制作可完全控制页面进程的网页 Allaire的HomeSite是一个小巧而全能的HTML代码编辑器，有丰富的帮助功能，支持CGI和CSS等等，并且可以直接编辑perl程序。HomeSite工作界面繁简由人，根据习惯，可以将其设置成像Notepad那样简单的编辑窗口，也可以在复杂的界面下工作。 HomeSite更适合那些比较复杂和精彩页面的设计。如果你希望能完全控制你制作的页面的进程，HomeSite是你最佳选择。不过对于生手过于复杂。 ⑥HotMetal Pro 制作具有强大数据嵌入能力的网页 HotMetal既提供“所见即所得”图形制作方式，又提供代码编辑方式，是个令各层次设计者都不至于失望的软件。但是初学者需要熟知HTML，才能得心应手地使用这个软件。HotMetal具有强大的数据嵌入能力，利用它的数据插入向导，可以把外部的Access、Word、Excel以及其他ODBC数据提出来，放入页面中。而且HotMetal能够把它们自动转换为HTML格式，是不是很棒?此外它还能转换很多老格式的文档(如WordStar等)，并能在转换过程中把这些文档里的图片自动转换为GIF格式。 HotMetal为用户提供了“太多”的工具，而且它还可以用网状图或树状图表现整个站点文档的链接状况。 三、高级网页制作软件 ①Microsoft Visual Studio 该系列的版本有：2003、2005、2008和未来的版本； 适合开发动态的aspx网页，同时，还能制作无刷新网站、webservice功能等，仅适合高级用户。 ②Jbuilder 不论是各种版本，均适合使用其开发出JSP网页，仅适合高级用户。 ③记事本 别以为记事本功能非常少，软件很简单；但是，如何想使用它来制作网页，也仅适合高级用户；因为在其内容，没有任何可视化的操作可直接制作网页，而只能编写各种HTML代码、CSS代码、JS代码和各种动态脚本，方能制作出网页来。 参考资料： 网站、网页制作（团）