网页前端设计要学哪些

学习seo就是一门实践课，想学好，非实践不行。但是seo技术的思维也很重要，一般来说，我觉得学习seo技术之前就应该先学习好seo基础的东西，比如怎么建设网站、怎么解析网站域名、了解网站排名的因素有哪些以及搜索引擎的最新动态，这些都是做好seo的不二法门. 分享一些SEO经验 了解SEO常见的名词+了解搜索引擎基本工作原理+网站建设流程 首先要去了解一些SEO基本的名词+了解搜索引擎的基本工作原理，这是做SEO最基本要学习的。对于网站建设的流程，你可以不用精通程序、不用精通web前端设计，但是至少应该懂得网站如何建立起来，又是如何上传到空间里面的!对于网站建设方面提到的工具，你都应该了解一下。很多刚入门的SEO甚至不知道什么是FTP、什么是数据库。也不知道什么是动态程序、什么是静态页面，什么是伪静态技术。这些在SEO前期，不需要你去深入了解，但是至少应该知道它是干什么的，起到什么作用。 有一个自己的网站或者企业的网站 拥有一个自己的网站，你可以更好的去学习了解SEO，反正是自己的网站，自己可以随便捣腾测试。可以随便更改下标题、更改网站一些布局、更改网站一些风格。因为这是你自己的网站，你不需要对自己网站的排名负责。而且现在建立一个网站要比前几年节省成本多了，现在只需要买一个域名+免费空间，你就能打造自己的网站了。 而对于刚接触SEO在维护企业站的这些人来说，如果公司不是很重视SEO的话，那恭喜你，你也可以拿你网站去练手了。只有你实际接触网站用心去做SEO了，你的技术才能进步。不过在学习的过程中是应该有个思维流程的!从什么是SEO到如何提高网站的排名，这中间会有很多问题需要你自己去解决发现。因为知识点很琐碎，甚至你有时候会发现自己的论据永远不能证明自己的论点，这就是SEO的神奇之处，也是百度的复杂之处。 了解下基本的HTML 必须得了解下html语言，而且你一定得知道自己网站的keywords、Description、title是什么意思。通过网页右键查看源代码还能了解HTML的机构，以及什么CSS、什么是DIV，网站ALT标签等等。 会用一些站长工具、统计 SEO学习让我看来最重要的就是数据分析，你得能够看懂流量统计里面那些PV/IP、跳出率、转化率说明了你网站的什么问题，你一定要像一个医生那样，利用百度统计、站长工具这些“诊断仪器”，对你的网站实行从头到脚的全部 诊断，以便分析出你的“病人”现在到底是否健康! 学习一些编辑、推广技巧 在企业做SEO也好，给自己网站做SEO也罢，掌握一些文章编辑技巧与推广技巧，是SEO学习中必不可少的环节。因为大多数公司把你招聘过去，是不会让你天天进行数据分析、天天去优化网站页面的，的企业招聘SEO其实把你当做编辑+外推+seo来使用的。多学一些知识是没有坏处的。 去阅读一些SEO方面的书籍 至于书籍的名字我就不说了，百度上搜索一下就能找到了。看书的好处是可以让你对SEO有非常系统全面的了解，在看完书籍以后，你可能会冒出很多疑问，那么，顺着你的疑问一路找下去，你就已经了解了SEO的入门了。 多逛一些SEO论坛和SEO界知名的博客 对于SEO行业论坛，我想做SEO大部分都知道有哪几个论坛，对于SEO界的知名博客，我想百度一下也会有人给你回答出来。逛论坛的好处就是可以让你见识各种各样的问题同时可以与别人探讨，而逛SEO大神的博客可以让你从他们的原创内容中学到一些真真的技术。 从2011年底到2012年的八月份，在这将近一年的时间里，对于SEO，我想我算是入门了吧!很多想学SEO的都不知道应该从哪个地方切入，特别是对于一些应届毕业生来说。我想最后的学习渠道还是去某个网络公司，先从SEO专员学起，虽然干的工作累了一些、工资拿的低了一些。但是你能够快速成长起来的。因为在网络公司特别是建站公司的话，会让SEO专员负责多个网站的优化。那个时候，是你最累的时候，也是你学习SEO最快的时候。 你能接触到很多行业的网站，也能见各式各样的网站结构。所以我个人认为，作为SEO入门，SEO需要学习的应该是我上面所说的一些基础知识。这篇文章写的是 SEO需要学习什么上篇，可能很多人也猜对了，那就还有中篇、下篇的。对于SEO学习的中篇，我会给大家分享一下，在工作一年左右的SEOer应该学习些什么，这篇文章算是对入门级SEO分享一些东西。 当然我还要重复一下的是，我并不是什么SEO大神、大拿、大圣，而是一个从业三年左右的SEOer，我甚至没有拿得出手的案列让你们去看。但是我还是想用自己的工作经验去帮助一些那些需要的人，仅此而已!

一、菜鸟级网页制作软件 如果你是一个网页制作初学者，那么让下面几种软件带你走进那绚丽多彩的网页制作世界吧！ ①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代码和各种动态脚本，方能制作出网页来。 参考资料： 网站、网页制作（团）

我这半个专业人给你指导下，哈哈，应该有平面，网页，前端，用户等等把

前端设计主要的工作无非就是按照效果图使用前端的代码来做出符合要求的静态页面，使用的软件大致如下（不同人是使用的可能不同）：1、以Photoshop为代表的图片处理技术。网页设计的第一步是按照客户的需求来设计网站效果图，这个工作是由美工来完成的，现在网页设计严格的来说不包括美工的工作，即美工只负责设计效果图网页的设计师只负责严格按照效果图将效果图的样式以网页的形式做出来，那可能有人会问为什么网页设计师还需要ps呢？那是因为网页设计师也就是前端设计师需要将美工制作的效果图（一般是psd格式的）使用ps的切片功能将其中用的到的图片裁切出来放到网页上去用，此时就要使用photoshop来完成这个工作，所以作为网页设计师或者前端设计师会一些基本的Photoshop知识还是很有必要的。2、前端代码编辑器如dreamweave、hubuilder等，建议初学者使用记事本等文本编辑器。我们知道现在的网页设计都是纯手写代码基本没有使用可视化编辑的了，原因是可视化编辑的网页有很多弊端如代码冗余、后期改版难以控制和维护、网页的执行效率和性能不高等。此时解决的办法就是纯手写htm、css、js等代码来做我们的网页，但是我们在实际开发过程中又有些问题，学习的网页的初期我们可以使用记事本或者有些简单的文本编辑工具来写代码，但是在实际开发过程中我们需要借助有些好的编辑器来提高我们的效率， 此时就需要使用功能强大的编辑器，提供代码高亮、代码提示等功能来提高开发的速度，常见的前端代码编辑器有dreamweave、hubuilder、sublime等等，这个根据个人的习惯和工作的环境进行选择即可。但是建议初学者使用记事本等文本编辑器，这样能让我们记住一些关键词，有利于学习。3、一些更高级的前端工具和软件我们也需要学习。在实际的开发过程中，以上的工具并不能完全满足我们的需要，尤其是开发一些大型的项目的时候，我们需要使用和借助的工具来帮助我们进行开发，这里简要说一些。例如当我们进行团队合作的时候，我们可能还会使用一些版本控制工具来进行团队合作，如svn、github等，在进行项目管理的时候我们可能还需要一些前端的包管理工具如grunt、webpack等。这些工具都是一个专业前端工程师应该学些的。总结：简单的介绍了一些网页设计中需要使用的软件和工具，可能不是很全面，但是可以给大家作为一个参考。

自己开发，而且还是零基础的话。 那你需要学的东西会比较多，并且时间也会比较长。 网站分为前端和后台，学习肯定是从前端学起，前端又分 html,css 和 javascript，这三种语言是基础， 首先学。 基础学完推荐去看一种框架，框架可以让你更深层次的了解代码的结构，并且加大工作效率。 然后是后台，后台基本的 PHP、数据库(mysql）和 CMS，其中CMS一定要学会，使用CMS建站是非常简单的。 但是也需要一定的基础才可以学习。 自学的话，推荐你几个网站：w3cschool，菜鸟教程，慕课网，极客学院。 都是学习编程的，视频、图文教程都有。 如果不想自学，你可以来我们学校参加培训。 祝你学习愉快

首先，html，css，JavaScript是需要学习的。前端后台都需要学，只是前端需要学的更深入。后台虽然主要是学习服务器端的语言数据库相关内容，但是后台和前端总是有交互的。例如前端写了一个注册的页面，那么这个页面输入的数据如何上传到后台，这就需要你了解最基本的html代码了。前端方面JavaScript学会后，会有很多相关的框架，有专门用在PC端的，也有用在手机端的，具体学习哪些要看你的侧重点，而且框架类型很多，可以初步掌握一个，然后根据以后的工作再学习。全部学会根本不可能。后台方面你可以先学php sql，然后再根据情况具体学习。还有一些别的东西例如AJAX，用于页面异步提交数据，虽然没有这个网页也能使用，但是现在的网站应该没有不使用这个功能的。jQuery作为一个JavaScript的框架（大概算是框架的一种吧），可以极大的简化写JS的难度。至于工资问题，我家所在的是三线城市，web前端之类的工资基本就是3000-5000，我同学在上海做java程序员，也涉及一些网页后台相关的工作，刚工作就是9000+的工资。做一个网站涉及美工，前端，后台等多种工作，具体工资要看你所在的公司对这些职位的要求，可能做一个小的项目，前端和美工就是一个人，一个人画图，然后把前端做了，然后后台交给专门做后台的，也可能是多个人一起做一个后台功能，多个人做前端。具体工资问题你可以自己查相关的招聘网站看看（我感觉像学到全能基本不现实，在实际工作中慢慢摸索倒是差不多。专注前端或者后台中的一项学好，然后再转向另外一个慢慢学，这样会比较好。）刚开始学你可以选择去培训学校 ，也可以选择在网上先看教程自学