网页前端设计学习

最简单的说，网站前端就是你能看到的都是前端，后端是在服务器上，一般使用着看不到 前端主要是html、CSS、JS等。后台常用的就是PHP、JSP、.net等

　　　　　　Web前端的学习建议　　Web前端的学习误区。入门快、见效快让我们在不知不觉中已经深深爱上了网页制作。此时，很多人会陷入一个误区，那就是既然借助这么帅的IDE，通过鼠标点击菜单就可以快速方便地制作网页。　　那么我们为什么还要去学习HTML、CSS、JavaScrpt、jQuery等这些苦逼的代码呢?这不是舍简求繁吗?随着学习的深入，就会发现我们步入了一种窘境——过分的依赖IDE导致我们不清楚其实现的本质，知其然但不知其所以然。　　很多小伙伴都喜欢自学web前端开发，但是一个让人自学是很难的，网上虽然可以找到大量的视频，但是很多都是过时的，并没有什么用！我给大家推荐一个裙，前面三个数是四九四，后面三个是 〇 六 四，最后三个就是 九 叁 四，这里每天都有大神免费直播教学，如果你想学习可以加入，不是来学习的就不要加了。　　　　什么是html？　　Web前端开发是从网页制作演变而来的,名称上有很明显的时代特征。在互联网的演化进程中,网页制作是Web1.0时代产物,那时网站的主要内容是静态的,用户使用网站的行为也以浏览为主。2005年以后,互联网进入Web2.0时代,各种类似桌面软件的Web应用大量涌现,网站的前端由此发生了翻天覆地的变化。　　网页不再只是承载单一的文字和图片,各种富媒体让网页的内容更加生动,网页上软件化的交互形式为用户提供了更好的使用体验,这些都是基于前端技术实现的。说得直白点就是美工photoshop,交互设计,flash,js,html+css。就小规模公司而言,一个技术员都得会这几样技能,这样很锻炼人的,慢慢的你就会成为公司的主力。大规模的公司把这些分得很细,所以,你可以精通一门,熟悉其他的,进军大公司。　　　　在学习Web前端中的一些建议和方法。　　在CSS布局时需要注意的一个问题是很多同学缺乏对页面布局进行整体分析，不能够从宏观上对页面中盒子间的嵌套关系进行把握，就急于动手去做，导致页面中各元素间的关系很混乱，容易出现盒子在浮动时错位等情况。建议大家在布局时采用“自顶向下，逐步细化”的思想，先用几个盒子将页面从整体上划分，然后逐步在盒子中继续嵌套盒子。　　　　　　“君子生非异也，善假于物也”，在学习的过程中还要多浏览一些优秀的网站，善于分析借鉴其设计思路和布局方法，见多方能识广，进而才可以融会贯通，取他人之长为我所用。　　　　　　web前端开发工程师做为互联网行业紧缺的职位之一，人才缺口巨大，每天还在不断的更新。人才少，薪资自然也是很吸引人的，据某网站77939样本统计从业人员平均月薪9690元，而且跟据经验的增加，薪资也是在不断的攀高的。潭州教育就业环节拥有专业的就业团队，对毕业学员全程指导，真正兑现万元就业。　　更容易进名企　　专业的前端人才对口的大多数都是知名企业，像百度，淘宝，京东……都在急招，大企业对每个职业的专业化更加有要求，发展前景好。　　引用乔布斯的话，Web就是未来，我们作为前端开发工作者也是未来。相信Web前端开发的明天会更好。　　

前端部分书很多，建议跟着 慕课网 这种在线培训的课程，边学边练。一部分书供参考。一、Javascript方面的书籍：1 JavaScript权威指南（第6版）：号称javascript圣经，前端必备；前端程序员学习核心JavaScript语言和由Web浏览器定义的JavaScript API的指南和综合参考手册；2 JavaScript高级程序设计(第3版) ：前端必备书，如果你想真正进入前端世界，这是一本不可多得的进阶书，没什么好说的，必须细细品读；3 JavaScript语言精粹 ：这是一本值得任何正在或准备从事JavaScript开发的人阅读，并且需要反复阅读的js书籍；4 基于MVC的JavaScript Web富应用开发 ：这不是一本适合初学者看的书籍，更适合具有一定前端开发经验的从业人员看的框架书，如果你想构建一个复杂的前端应用，你会如获至宝；5 JavaScript DOM编程艺术(第2版)：好书主要是dom操作和兼容方面的知识，值得一看；6 JavaScript经典实例 ：可以看看，主要是有关javascript一些典型小工具，有些剖析的并不深入，总体来说可以看看；7 JavaScript设计模式 ：写js不难。如何编写优美、结构化和可维护的代码呢？反复的揣摩这本书吧；8 JavaScript编程精解 ： 了解一下可以；9 JavaScript模式 ： 又一本设计模式的好书，如果你想让自身的Javascript技巧提高到一个新层次，成为专业的开发人员和程序员，反复阅读吧；10 JavaScript高效图形编程： 是一本具有很强实操性的JavaScript图书，主要涉及JavaScript性能优化、高级UI设计、Web游戏开发、面向移动设备的开发、图形编程知识等11 JavaScript RIA开发实战——最佳实践、性能、表现：主要介绍如何采用最合理的方式为RIA编写可靠的、易于维护的HTML、CSS和JavaScript代码，以及如何使用Ajax技术在后台实现浏览器与Web服务器的动态通信。可以细细读一下；12 高性能JavaScript ： 又一本好书，涵盖了当今JavaScript开发者需要了解的所有性能问题，毫无疑问，它已加入我的性能最佳实践列表；值得细细品读并实践；13 悟透JavaScript（美绘本）： 这是一本可以让你轻松加愉快的阅读的一本好书，读完你可能会领悟：哦原还可以这样；14 Ajax权威指南 : 详细的展示了ajax技术的发展以及应用，对于了解ajax技术很不错的一本详尽书籍；15 Node.js开发指南 : Node.js是一种新兴的开源技术，它将JavaScript从Web浏览器移植到常规的服务器端，使用Chrome的V8虚拟机来解释和执行JavaScript代码，能用于构建高性能、高可扩展的服务器和客户端应用，以实现真正“实时的Web应用”；16 Node Web开发 : 雅虎架构师精准解读最炙手可热的Web开发技术；17 jQuery Mobile权威指南：是系统学习jQuery Mobile的权威参考书；18 数据可视化实战：使用D3设计交互式图表 ：web矢量图类库d3.js的工具书；19 jQuery权威指南 : 学习jquery的入门书籍；20 精彩绝伦的jQuery ： 名字起的不错，能忽悠不少人，入门级书籍；21 锋利的jQuery ： 不错的一本jquery应用书籍； 二、Html和Css方面书书籍：1 HTML 5与CSS 3权威指南 ：html5和css3入级好书；详尽讲解了HTML5与CSS 3的所有功能和特性；2 HTML5移动Web开发指南：介绍了一下移动端的web开发技术，以及一些移动端框架：QueryMobile、Sencha Touch，以及PhoneGap；3 响应式Web设计：HTML5和CSS3实战 ：有关响应式设计的知识并不是很多，大量篇幅写了html5和css3，这本书比较一般；4 HTML5程序设计(第2版) ： 很全面的介绍了一下html5技术，前端人员都应该看一看；5 编写高质量代码:Web前端开发修炼之道 ： 不可多得的一本前端开发规范书，前端开发人员的必读书；6 精通CSS：高级Web标准解决方案 ：css兼容性解决方案汇总，好书；7 CSS禅意花园 ：主要的Web设计原则以及它们运用的CSS布局技巧；8 CSS权威指南 ： css经典工具书；9 高性能网站建设进阶指南：Web开发者性能优化最佳实践 ： 好书啊！网站性能优化，浏览器加载渲染详细解析；10 网站重构——应用Web标准进行设计 : 前端开发人员必读书，一本可以帮助网页设计师快速了解和掌握web标准设计的书；11 变幻之美 DIV+CSS网页布局揭秘 ： 详细的介绍了从效果图到web布局实现的整个过程；12 HTML5 Canvas基础教程 : canvas入门书籍；

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

网站开发开发大致分为前端（客户端）和后端（服务器端），前端主要负责实现视觉和交互效果，以及与服务器通信，完成业务逻辑。它的核心价值在于实现用户体验，大型互联网公司的用户体验部门，一般会包括用户研究、交互设计、前端技术和视觉设计等方面的内容。如果你想成为一个优秀的web前端开发工程师，可以来这个裙，前面三个数是4 九 4，中间是零 六 4，最后的三个是9 叁 4，三个数连起来就是了，如果不想学习的就不要加了。　　web前端开发需要掌握的技术：　　1.学习html,这个是最简单的,也是最基础的.要熟练掌握div、form table、ul li 、p、span、font这些标签,这些都是最常用的,特别是div和table,div用于布局、table也可以用于布局,但是不灵活,基本 table是用来和数据打交道.　　2.学习css,这里说的css不包括css3,一般我们看到web前端开发工程师的要求里面,有一个会使用css+html 或者 css+div 来进行界面布局,所以css是用于辅助html来布局和展示的,我们称之为“css样式”,为什么会说css+div呢?因为我上面说了div就是 html主要用于布局的东西,所以div就是核心掌握的东西!那么css肯定必须要配合div来使用才好.css要熟练掌握float、position、width、height，以及对于的最大最小、会使用百分百、overflow、margin、padding等等,这些都是跟布局有关系的样式,一点要掌握.　　3.学习js. 可能前两个大家觉得还过的去,看到js就蛋疼了,其实吧,js入门很简单的,不需要会很多东西的,只要会根据某个id、或者name拿到网页dom或者样式、或者值,然后会给某个id或者name的元素标签赋值、或者追加数据、追html,这个是跟数据有关系的操作,然后数据逻辑判断,效果方面的,无非就是跳转、弹框、隐藏什么的,把这些全部结合其他就是实际用途了,代码一点都不难,会了这些基础js,其他的直接百度就好了.然后看多了,用多了,就什么都不是问题了.　　4.学习jquery.jquery是相当于把js封装了一套的一个js插件,目的就是操作起来更方便,代码写的更少,jquery入门也很简单,那些是入门需要学的和js一样,只是换成了jq的代码.其他的一样百度就够了.　　5.最好会点后台语言,比如java、php,为什么呢?因为我们前台界面的数据都是从后台来的,如果会点后台代码,就知道怎么跟后台交互数据是最好的, 这样节约时间,也可以让前端代码更规范.不然可能因为你的写法和后端给来的数据不能结合上,那么前端代码又得重新写,那就更蛋疼了.　　6.学习css3+html5,为什么这个放最后呢?哈哈,因为我自己也不太会,毕竟术业有专攻嘛,虽然这个很流行,但是我是搞后端的,在工作中用不到它,只有在自己网站需要改样式,或者朋友网站样式出问题的时候,我才会去临时去研究下.但是如果你们是准备专门搞前端,那么最好还是学一下的.　　web前端开发需要掌握的技术：　　1.学习html,这个是最简单的,也是最基础的.要熟练掌握div、form table、ul li 、p、span、font这些标签,这些都是最常用的,特别是div和table,div用于布局、table也可以用于布局,但是不灵活,基本 table是用来和数据打交道.　　2.学习css,这里说的css不包括css3,一般我们看到web前端开发工程师的要求里面,有一个会使用css+html 或者 css+div 来进行界面布局,所以css是用于辅助html来布局和展示的,我们称之为“css样式”,为什么会说css+div呢?因为我上面说了div就是 html主要用于布局的东西,所以div就是核心掌握的东西!那么css肯定必须要配合div来使用才好.css要熟练掌握float、position、width、height，以及对于的最大最小、会使用百分百、overflow、margin、padding等等,这些都是跟布局有关系的样式,一点要掌握.　　3.学习js. 可能前两个大家觉得还过的去,看到js就蛋疼了,其实吧,js入门很简单的,不需要会很多东西的,只要会根据某个id、或者name拿到网页dom或者样式、或者值,然后会给某个id或者name的元素标签赋值、或者追加数据、追html,这个是跟数据有关系的操作,然后数据逻辑判断,效果方面的,无非就是跳转、弹框、隐藏什么的,把这些全部结合其他就是实际用途了,代码一点都不难,会了这些基础js,其他的直接百度就好了.然后看多了,用多了,就什么都不是问题了.　　4.学习jquery.jquery是相当于把js封装了一套的一个js插件,目的就是操作起来更方便,代码写的更少,jquery入门也很简单,那些是入门需要学的和js一样,只是换成了jq的代码.其他的一样百度就够了.　　5.最好会点后台语言,比如java、php,为什么呢?因为我们前台界面的数据都是从后台来的,如果会点后台代码,就知道怎么跟后台交互数据是最好的, 这样节约时间,也可以让前端代码更规范.不然可能因为你的写法和后端给来的数据不能结合上,那么前端代码又得重新写,那就更蛋疼了.　　6.学习css3+html5,为什么这个放最后呢?哈哈,因为我自己也不太会,毕竟术业有专攻嘛,虽然这个很流行,但是我是搞后端的,在工作中用不到它,只有在自己网站需要改样式,或者朋友网站样式出问题的时候,我才会去临时去研究下.但是如果你们是准备专门搞前端,那么最好还是学一下的.

前端部分书很多，建议跟着 慕课网 这种在线培训的课程，边学边练。一部分书供参考。一、Javascript方面的书籍：1 JavaScript权威指南（第6版）：号称javascript圣经，前端必备；前端程序员学习核心JavaScript语言和由Web浏览器定义的JavaScript API的指南和综合参考手册；2 JavaScript高级程序设计(第3版) ：前端必备书，如果你想真正进入前端世界，这是一本不可多得的进阶书，没什么好说的，必须细细品读；3 JavaScript语言精粹 ：这是一本值得任何正在或准备从事JavaScript开发的人阅读，并且需要反复阅读的js书籍；4 基于MVC的JavaScript Web富应用开发 ：这不是一本适合初学者看的书籍，更适合具有一定前端开发经验的从业人员看的框架书，如果你想构建一个复杂的前端应用，你会如获至宝；5 JavaScript DOM编程艺术(第2版)：好书主要是dom操作和兼容方面的知识，值得一看；6 JavaScript经典实例 ：可以看看，主要是有关javascript一些典型小工具，有些剖析的并不深入，总体来说可以看看；7 JavaScript设计模式 ：写js不难。如何编写优美、结构化和可维护的代码呢？反复的揣摩这本书吧；8 JavaScript编程精解 ： 了解一下可以；9 JavaScript模式 ： 又一本设计模式的好书，如果你想让自身的Javascript技巧提高到一个新层次，成为专业的开发人员和程序员，反复阅读吧；10 JavaScript高效图形编程： 是一本具有很强实操性的JavaScript图书，主要涉及JavaScript性能优化、高级UI设计、Web游戏开发、面向移动设备的开发、图形编程知识等11 JavaScript RIA开发实战——最佳实践、性能、表现：主要介绍如何采用最合理的方式为RIA编写可靠的、易于维护的HTML、CSS和JavaScript代码，以及如何使用Ajax技术在后台实现浏览器与Web服务器的动态通信。可以细细读一下；12 高性能JavaScript ： 又一本好书，涵盖了当今JavaScript开发者需要了解的所有性能问题，毫无疑问，它已加入我的性能最佳实践列表；值得细细品读并实践；13 悟透JavaScript（美绘本）： 这是一本可以让你轻松加愉快的阅读的一本好书，读完你可能会领悟：哦原还可以这样；14 Ajax权威指南 : 详细的展示了ajax技术的发展以及应用，对于了解ajax技术很不错的一本详尽书籍；15 Node.js开发指南 : Node.js是一种新兴的开源技术，它将JavaScript从Web浏览器移植到常规的服务器端，使用Chrome的V8虚拟机来解释和执行JavaScript代码，能用于构建高性能、高可扩展的服务器和客户端应用，以实现真正“实时的Web应用”；16 Node Web开发 : 雅虎架构师精准解读最炙手可热的Web开发技术；17 jQuery Mobile权威指南：是系统学习jQuery Mobile的权威参考书；18 数据可视化实战：使用D3设计交互式图表 ：web矢量图类库d3.js的工具书；19 jQuery权威指南 : 学习jquery的入门书籍；20 精彩绝伦的jQuery ： 名字起的不错，能忽悠不少人，入门级书籍；21 锋利的jQuery ： 不错的一本jquery应用书籍； 二、Html和Css方面书书籍：1 HTML 5与CSS 3权威指南 ：html5和css3入级好书；详尽讲解了HTML5与CSS 3的所有功能和特性；2 HTML5移动Web开发指南：介绍了一下移动端的web开发技术，以及一些移动端框架：QueryMobile、Sencha Touch，以及PhoneGap；3 响应式Web设计：HTML5和CSS3实战 ：有关响应式设计的知识并不是很多，大量篇幅写了html5和css3，这本书比较一般；4 HTML5程序设计(第2版) ： 很全面的介绍了一下html5技术，前端人员都应该看一看；5 编写高质量代码:Web前端开发修炼之道 ： 不可多得的一本前端开发规范书，前端开发人员的必读书；6 精通CSS：高级Web标准解决方案 ：css兼容性解决方案汇总，好书；7 CSS禅意花园 ：主要的Web设计原则以及它们运用的CSS布局技巧；8 CSS权威指南 ： css经典工具书；9 高性能网站建设进阶指南：Web开发者性能优化最佳实践 ： 好书啊！网站性能优化，浏览器加载渲染详细解析；10 网站重构——应用Web标准进行设计 : 前端开发人员必读书，一本可以帮助网页设计师快速了解和掌握web标准设计的书；11 变幻之美 DIV+CSS网页布局揭秘 ： 详细的介绍了从效果图到web布局实现的整个过程；12 HTML5 Canvas基础教程 : canvas入门书籍；

web前端主要是通过div+css等技术来完成一个传统pc网页的静态页面制作，移动web前端是通过html5+css3等技术来完成一个手机端访问的网页的制作，一个是针对pc一个是针对手机，这个就是它们最大的区别了。国内像切图网等就是专门提供这样的服务的，只需要提供设计稿就可以了。

其实前端开发的入门是比较低的，不需要其他语言编程的基础（有的话更好上手）；可以由html开始学起，html只是标签语言，可以说没什么难度，大概了解他的标签和作用后，就开始学javascript语言，一个好的前端开发工程师，javascript技能是必备的。javascript是一门松散的面向对象编程语言，上手容易，但想学精通却没有那么简单，不过对一新手一切可以慢慢来。补充一点：前端技能包括HTML,DIV+CSS, Java Script；PS,dreamweaver只是辅助工具；PHP，Mysql是后台php语言的基本要求。前端对于初学者来说只需关注HTML,DIV+CSS, Java Script这三方面就行了。 是这样的，我毕业一年都在做行政，本身是计算机专业，不过是计算机科学，这些都没学过……想从事这方面，我是不是该我上面提到的哪些课程一起上了呢？ 其实我也是今年六月毕业的，大学有点c++基础。我当初一开始学的是javascript，然后html一点点补上去的；我觉得没必要都上吧，至少从目前来说，可以先由html和javascript入手，等到自己渐渐了解了前端，再慢慢补充自己感兴趣的技能。我是这样认为的，不知你有什么想法。 恩，我现在是上班么，可能自制力也稍差，觉得自己自学的话1是不知道花多久方法对不对，2是怕野生学出来的好多公司不要，毕竟现在看招聘要么应届要么有经验么，所以想去上门课，就是不知道是不是设计方面跟开发方面同时上，这样要四个多月周期很长，个人倾向于能不能先只学开发方面，就你说的这个，PS什么后面自学一下 我觉得可以先学开发

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