‘壹’ 零基础学习Web 前端，求大神指点，该如何下手谢谢！
1. Web前端是做什么的？
学习之前我对网页设计、UI、网页制所盒Web前端的概念很混淆，上网查了才明白：网页设计是指运用一些软件对网站进行美化，解决“好看”的问题；UI是指人与界面互动的优化，解决“舒适”的问题；网页制作着重PC端网页制作；而Web前端包括PC端和移动端的前端界面制作。
2. Web前端的基础技能及工作职责是什么？
爱它就要更深入了解它，学习Web前端就要清楚地知道Web前端工程师需要什么基础技能及其工作职责。其实，这“很简单”，只要你精通HTML+css（包括现在的HTML5+CSS3）、JavaScript、JQuery，了解界面设计，了解后端编程，服务器知识+后端语言基础。
3. 怎么样才能学好拿高薪，Web前端开发职业的前途怎样？
个人觉得三百六十行，行行都蕴藏的无限可能，干一行就爱一行，只要脚踏实地，努力学技术，技术硬了，自然会有前途和“钱”途。但是努力学习之前，必须要明确的目标，否则就是“看起来很认真”而已。
4. 如何学？
零基础学前端的话，这些书籍资料可以参考一下：
1、《JavaScript高级程序设计(第3版) 红皮书 》，适合有一定编程经验的Web应用开发人员阅读，也可作为高校及社会实用技术培训相关专业课程的教材。
2、《JavaScript权威指南(第6版)》 犀牛书，本书不仅适合初学者系统学习，也适合有经验的 JavaScript 开发者随手翻阅。
3、《JavaScript DOM编程艺术 (第2版)》，本书在简洁明快地讲述JavaScript和DOM的基本知识之后，通过几个实例演示了专业水准的网页开发技术，透彻阐述了平稳退化等一批至关重要的 JavaScript编程原则和最佳实践，并全面探讨了HTML5以及jQuery等JavaScript库。
4、《CSS权威指南(第三版)》，不管你是一个有经验的Web开发人员还是一个彻底的初学者，《CSS权威指南(第3版)》都是你的CSS学习源泉。
5、《JavaScript设计模式》，适合JavaScript初学者、前端设计者、JavaScript程序员学习，也可以作为大专院校相关专业师生的学习用书，以及培训学校的教材。
6、《你不知道的JavaScript(上中下卷) 》，本书既适合JavaScript语言初学者了解其精髓，又适合经验丰富的JavaScript开发人员深入学习。
7、《Vue.js权威指南》，该书内容全面，讲解细致，实例丰富，适用于各层次的开发者。
学习路线：
第1阶段：前端页面重构(4周)
内容包含了：(PC端网站布局项目、HTML5+CSS3基础项目、WebApp页面布局项目)
第2阶段：JavaScript高级程序设计(5周)
内容包含：(原生JavaScript交互功能开发项目、面向对象进阶与ES5/ES6应用项目、JavaScript工具库自主研发项目)
第3阶段：PC端全栈项目开发(3周)
内容包含：(jQuery经典交互特效开发、HTTP协议、Ajax进阶与PHP/JAVA开发项目、前端工程化与模块化应用项目、PC端网站开发项目、PC端管理信息系统前端开发项目)
第4阶段：移动端项目开发(6周)
内容包含：(Touch端项目、微信场景项目、应用Angular+Ionic开发WebApp项目、应用Vue.js开发WebApp项目、应用React.js开发WebApp项目)
第5阶段：混合(Hybrid,ReactNative)开发(1周)
内容包含：(微信小程序开发、ReactNative、各类混合应用开发)
第6阶段：NodeJS全栈开发(1周)
内容包括：(WebApp后端系统开发、一、NodeJS基础与NodeJS核心模块二、Express三、noSQL数据库)
视频教程：
网页链接
‘贰’ web开发都需要学什么内容
主要分为4部分吧，前端、后台、数据库和web服务器，下面我简单介绍一下：
1.前端：这个毋庸置疑，你所看到的所有web页面几乎都是基于Html，CSS和JS的，页面的布局、色彩的搭配、动态效果的实现，几乎都是基于前端的，这个是网页的骨架和基础，所以做web应用开发的话，首先需要学习的就是前端，不需要你对前端知识多么的精通，掌握Vue、React等框架，但最起码能看懂页面大概代码，标签属性等，所以，如果你对前端一点都不了解的话，建议花个几天时间学习，很简单，网上资料很多：
2.后台：前端开发出来的页面都是静态的，一成不变的，要实现数据的实时更新显然是不可能的，这个时候就需要后台开发语言，完成与数据库的交互，将数据库中存储的数据实时取出展现到前台页面，开发语言就很多了，像常见的Java，C#，Php，Python，Go等都可以（几乎都有对应web框架），如果你没有任何基础，又想快速开发出网页的话，可以学习一下Php，专门用于web开发的语言，学习起来很简单：
3.数据库：这个就不多说了，你所看到的几乎所有网站在存储数据的时候，都会使用数据库，不管是关系型还是非关系型的，一是存储方便，二是容易管理，至于数据库的种类，这个就很多了，像常见的MySQL，SQL Server，Oracle，PostgreSQL等，都可以作为后端存储数据库，至于选择哪个数据库，这个根据实际项目需求而定，如果你没有任何数据库基础的话，可以学习一下MySQL数据库，开源、简单、容易学习：
4.web服务器：开发的网站，当用户进行访问时，需要对用户提供服务，也就是对用户的请求做出响应，用户请求哪一个页面，返回哪一个页面，这时候就需要web服务器，至于种类的话，有Apacha，Tomcat，IIS和Nginx等，比较流行的是Nginx，这个需要根据项目实际需求而定，性能、负载等都需要考虑，感兴趣的话，可以自己研究一下：
就分享这4个方面吧，要想完完全全弄懂这4个方面需要花费很大的功夫和时间，建议选择一两个方向学懂学通就行，其他方面可以了解一下，网上也有相关教程和资料
‘叁’ 如何制作网站 web
第一步：建站系统选择
不懂技术和设计的情况下，你就需要用到自助建站系统了，需要找网页制作公司的模板，这样可以让你零基础做出一个比较美观的网站。后台都是可视化操作，模板设计感强，简洁典雅，做出来的网站效果也非常好。
第二步：头图设计
访客打开你的网站后，浏览顺序一般是从上至下……因此，若想快速吸引访问者注意力，就一定要重视头图banner！让客户感受到视觉上的美观和愉悦，而不是看了你网站一眼就迅速关掉。头图一定要要足够显眼、吸睛。让客户一眼明白你是干什么的，千万不要太啰嗦，免得浪费客户时间。
第三步：详细信息展示
在标题头图之下，一般是企业简介、重要产品展示、团队成员、详细业务介绍、媒体报道等，网站靠后部分则是留言表单、联系方式。中间可以根据需求添加商城、博客等版块。这样的版块排列顺序比较有逻辑，便于客户理解。
如何制作网页，添加这样的功能呢？在上线了网站编辑器点击左侧【添加新版块】，可以添加各种功能——商城、定价表、相册、产品展示、大尺寸媒体、留言表单、横向布局、纵向布局等。版块的布局、顺序均可调整，版块内的文字内容、图片也可随时更改。
第四步：加强客户联系
网站是从互联网引流的好渠道，你可以在网站底部添加自己的社交媒体平台按钮，吸引客户关注你，进而为自己积攒私域流量。
第五步：发布上线
在网站后台的“设置”里你可以设置网站域名、标题、logo等等。全部做好并预览无误后点击左下角的“上线”，就成功发布自己的网站了。
‘肆’ 网页设计制作详细流程
分析如下：
1、首先下载安装Dreamweaver，打开后，新建一个网页，一般选择“HTML”建立网页。选择“经典”界面，有助于我们更便捷使用这个软件。
(4)web页面教程扩展阅读：
网页设计
设计网站要注意两个要点：整体风格和色彩搭配。
风格
网站的整体风格及其创意设计是最难以学习的。难就难在没有一个固定的模式可以参照和模仿。给你一个主题，任何两人都不可能设计出完全一样的网站。
风格（Style）是抽象的。是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI（标志、色彩、字体、标语）、版面布局、浏览方式、交互性、文字、语气、内容价值、存在意义、站点荣誉等等诸多因素。
色彩搭配
无论是平面设计，还是网页设计，色彩永远是最重要的一环。当我们距离显示屏较远的时候，我们看到的不是优美的版式或者是美丽的图片，而是网页的色彩。
网页配色小技巧：
1．用一种色彩：这里是指先选定一种色彩，然后调整透明度或者饱和度，这样的页面看起来色彩统一，有层次感；
2．用两种色彩：先选定一种色彩，然后选择它的对比色；
3．用一个色系：简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。
在网页配色中，还要切记一些误区：
1．不要将所有颜色都用到，尽量控制在三至五种色彩以内；
2．背景和前文的对比尽量要大（绝对不要用花纹繁复的图案作背景），以便突出主要文字内容。
‘伍’ 网页制作教程
1.先确定要做的是一个什么网站，就是说做这个网站是用来干什么的；比如说，我想做的网站是一个企业网站，是做电子电器的，那么就要围绕这些内容来进行构想，也可以参考一些同类的网站，
2.根据构想好的网站主题来取一个域名，域名一定要取好，这个对你网站以后的发展很重要，所以一定要根据你网站的主题来取好（如果是企业网站的话，一般都会以公司品牌名的全拼或者简拼来取）；
3.域名取好后，接下来就是上面所说的网站建设最复杂的部分了（网页设计、程序开发），即网站程序源码，我是使用别人开发好的网站模板源码来进行修改的，因为这样可以省去很多时间，其实很多网站都会找一些相关性的网站模板来根据自己想要做的网站来进行修改的；
4.待网站程序源码搞好并在本地测试正常后，根据网站要用到的空间需求来租用服务器空间，一般的企业网站用300M的空间就足够了（以视频形式展示的企业网站除外），还有一点需要注意的是：服务器分国内和国外，最大的区别就是国内的空间要进行备案而国外的空间不用，购买后可直接使用；
5.服务器空间购买好后，就将网站的程序源码用ftp上传工具上传到服务器空间，并将后台数据导入到空间数据库，网站就可以正常在互联网上运营了
‘陆’ 怎样制作自己的网页 web开发教程 企业建网站
我这边主要介绍一下企业找外包团队制作网站的一些流程，一般都是这样：
第一个步骤，就是网站制作公司的人员，来公司了解一下客户的主要目标和想法。一般的用户可以在这一步的时候，认真的跟网站制作公司的人员进行沟通。只有这样才可以做好网站。
第二个步骤就是进行初步的网站构架。这个主要是为实现网站的基本功能而坐的。有的网站看着很花哨，其实构架很简单，但是有的功能比较复杂。根据网站制作的技术人员的说法，网站框架的搭建比较考验技术，但是网站的整体就比较考验网站美工设计的能力。
第三个步骤就是网站的功能开发。如提交一个信息是否方便，是否能够有效传达企业的信息等。包括页面的特效，菜单展现形式，这些尽管策划人员前期已经规划，但是还是需要在网站功能开发中参与，以保证网站功能与开发需求的一致性，工作量少，但是却不可忽略。
第四个步骤上传网站并测试。网页制作完毕，最后要发布到Web服务器上，才能够让全世界的朋友观看，现在上传的工具有很多，如LeadFTP，CuteFTP是常用的网页上传工具。
网站开发制作的过程耗时还是蛮久，如果用网站模板制作，就会方便快捷很多。
‘柒’ web开发的步骤是怎么样的
web开发流程其实并不复杂，如果概括来说应该是这么几个步骤
1.客户沟通，了解客户需求，拟定需求分析文档。
这是第一步，当然也是最重要的一步，如果说整个web开发是盖楼房，那这一步就是了解到底自己想要盖一个怎样的楼房。连这个概念都没有，谈何盖楼房？不过这一步也是最让人头疼的，因为毕竟客户不是技术人员，他们描述的很多需求其实都是非常抽象的。这些都要通过自己不断的沟通不断的摸索才能把握住客户的心理，尤其在美工设计方面，有时候你觉得很好的，可能客户就不满意。我就不赘述了。
2.数据库设计。
这一步也非常关键，因为整个数据库设计的好坏直接关系到你项目数据表之间的关系逻辑是否清晰，是否全面，是否冗余。在数据库设计的时候要遵循给定的命名约定，要有一定的规则，这样以后使用起来就会方便很多。还要理清各表格之间的关系，以免出现逻辑混乱。
3.网站布局设计
这一步就是真正地开始页面设计了，也就是设计建筑框架图纸了。你不需要把什么都做到很精细，可以通过一些软件把基本布局设计好，总共有几个页面，每个页面要完成什么功能，把页面之间的联系粗略打通，让客户可以知道你的整个网站整体是怎么样的流程，可以完成怎么样的功能，如果客户基本满意，那么你就可以进入下一步了。
4.页面设计
这一步就算是对建筑的具体设计了，精确到每个细节。这一步可以完全在PS中完成，比如设计一个index模板，其实一个index就能代表整个网站的整体风格，如果客户对你的整体网站设计风格满意的话，你就可以着手设计其他页面，然后切片写css+div这些美工需要完成的事情了。切片概括起来讲就是把你需要的图片素材整理出来，然后在制作html页面的时候可以加以使用，把设计好的页面用html完整地表现出来。
5.服务器代码设计编写
这一步就是php、jsp之类的服务器语言编写了（其实是跟页面美工同时进行的），因为只要整体的网站功能和布局都清楚了，代码师完全不需要考虑表现层是怎样的，而只要完成自己逻辑层的功能就够了（这就是MVC体现出来的好处）。这一步就是对服务器代码进行编写，完成网站需要的具体功能。
‘捌’ Web前端课程都学什么
html、CSS3、js、node开发、vue、React、微信小程序等等。
‘玖’ web前端学习教程流程有什么
Web前端不仅薪资比较高，而且发展前景也很可观，越来越多的年轻人纷纷选择web前端作为未来的职业发展方向，但是就怎么选择学习方法而言，但是很多都是零基础来学习web前端的，对于这个行业可能一概不知，该怎么去学习呢？什么样的学习方法更适合学。，那么这份最详细的web前端学习路线分享给大家。
第一阶段：前端页面重构
内容包含了：（PC端网站布局项目、HTML+CSS基础项目、WebApp页面布局项目）
第二阶段：JavaScript高级程序设计
内容包含：）原生 JavaScript交互功能开发项目、面向对象进阶与 ES/ES应用项目、JavaScript工具库自主研发项目）
第三阶段：PC端全栈项目开发
内容包含：（jQuery经典交互特效开发、HTTP协议、Ajax进阶与PHP/JAVA开发项目、前端工程化与模块化应用项目、PC端网站开发项目、PC端管理信息系统前端开发项目）
第四阶段：移动端项目开发
内容包含：（Touch端项目、微信场景项目、应用 Angular+Ionic开发 WebApp项目、应用 Vue.js开发 WebApp项目、应用 React.js开发 WebApp项目）
第五阶段：混合（Hybrid,ReactNative）开发
内容包含：（微信小程序开发、React Native、各类混合应用开发）
第六阶段：NodeJS全栈开发
内容包括：（WebApp后端系统开发、一、NodeJS基础与NodeJS核心模块二、Express三、noSQL数据库）
第七阶段：大数据可视化
内容包含：（大数据可视化化基础与实战、一、数据可视化入门、二、D.js详解、三、其他JS库）
对于想学习web前端的同学来说：首先是自学，其实自学也不是不可以，只要有毅力能坚持，自己学习是完全没有问题的，现在有很多同学也是自己找资料视频来学习。最后技术也学的挺牛的，得看个人兴趣和悟性，软件开发本来就是一项比较枯燥的工作，如果只是单纯的觉得这项行业工资高而进来的话，可能学习中遇到技术难题，就会知难而退了，难以坚持下去，而真正爱这行的会迎难而上，不解决不罢休，这也是为什么有些能自学下来有些却不行的原因。
如果选择培训机构的话，对于没有基础或者毅力坚持下去的同学是比较好的学习方式，首先培训机构课程比较完善，没有基础的同学往往不知道从哪个方向去学习，而培训机构能更好的满足这部分学员，一般培训机构的老师都是经验比较丰富的，讲课的时候重点和难点会详细讲解，及时解决，这样学习的能保障每个学员都能弄懂，而且不用自己苦思冥想找答案。这样也大大的提升了学习的热情。最重要的是培训机构有阶段性的项目练习，这个对于自学的同学来说是没有的，现在的企业都是看着每个求职者的动手能力，如果有项目的实践操作，在应聘中也更有竞争力。
其实不管自学还是培训机构也好，最重要的是看自己的热情，还有能不能吃苦和努力，web前端开发确实是高薪职业，市场需求也很大，只要你有本事，你就是企业需求的人才，那么想快速达到这个技术能力，自己该怎么做怎么学就看你自己的选择了。
‘拾’ 如何用web制作以下网页
这种是比较简单的，也就是通过控件和字符串进行，所以，可以通过DREAMWEAVER和C#等进行，在设计的时候要注意代码的符号，以免影响页面的整体变化情况。。
打开eclipse,建立一个servlet ，在创建一个java包
打开WebContent---WEB-INF---web.xml，点击打开web.xml,进行配置servlet的路径。
打开文件file，建立一个2.jsp的文件，在2.jsp中写登陆代码，并连接好数据库，具体的根据自己的实际情况而定。不会的可以在网上找登录界面的代码进行替换或根据LING---MAODIANSHANG进行改写复制。总之，要注意代码的字符