1.web前端开发和网页制作有什么区别？详细点
2.js和java的区别
3.0基础如何自学html和css
4.前端设计师要学什么

web前端开发和网页制作有什么区别？详细点

       自从接触网站开发以来到现在已经有六个年头了，网网站今天偶然整理电脑资料看到当时为参加系里面一个比赛而做的页源源码第一个网站时，勾起了在这网站开发道路上的网网站一串串回忆，成功与喜悦、页源源码烦恼与纠结都历历在目，网网站感慨颇多。页源源码记账本 app 源码在此与大家分享，网网站希望对初学Web前端的页源源码各位童鞋来说有所帮助。欢迎各位吐槽、网网站拍砖。页源源码

       先从大家学习上的网网站一个误区开始谈起。

       前端开发是页源源码一个近几年兴起的新兴行业，所以远没有电子商务那样成熟的网网站课程体系，大学内也没有完整的页源源码前端课程体系，所以学习前端在国内无非就是网网站培训，以及自学。

       培训是针对那些有条件的人来说，很多小伙伴更喜欢的是自学。但是一个人自学毕竟力量是有限的，为了让想学习的大旗支付平台源码人可以更好的学习，给大家推荐一个裙，前面是6 5 7，中间是一  3 七，最后面就是九 零 六，这里有很多想学习的人和你一起交流，也有大牛每天晚上免费教学，想要学习的人都可以加入我们，但是我们只欢迎想学习的人，不是来学习，随便看看的就不要进了。

       Web前端的学习误区　

       网页制作是计算机专业同学在大学期间都会接触到的一门课程，而学习网页制作所用的第一个集成开发环境（IDE）想必大多是Dreamweaver，这种所见即所得的“吊炸天”IDE为我们制作网页带来了极大的方便。　　

       入门快、见效快让我们在不知不觉中已经深深爱上了网页制作。此时，很多人会陷入一个误区，那就是既然借助这么帅的IDE，通过鼠标点击菜单就可以快速方便地制作网页。绝地求生截图源码　　

       那么我们为什么还要去学习HTML、CSS、JavaScrpt、jQuery等这些苦逼的代码呢？这不是舍简求繁吗？　

       但是随着学习的深入，就会发现我们步入了一种窘境——过分的依赖IDE导致我们不清楚其实现的本质，知其然但不知其所以然。

       因此在页面效果出现问题时，我们便手足无措，更不用提如何进行页面优化以及完成一些更高级的应用了。其原因是显而易见的——聪明的IDE成全了我们的惰性，使我们忽略了华丽的网页背后最本质的内容——code。

       正确的方向胜过无谓的努力　

       有两只蚂蚁想翻越一段墙，寻找墙那头的食物。一只蚂蚁来到墙脚就毫不犹豫地向上爬去，可是每当它爬到大半时，就会由于劳累、疲倦而跌落下来。虽然它不气馁，一次次跌下来，php 获取远程源码又迅速地调整一下自己，重新开始向上爬去。　

       另一只蚂蚁观察了一下，决定绕过墙去。很快，这只蚂蚁绕过墙来到食物前，开始享受起来；而另一只蚂蚁还在不停地跌落下去又重新开始。　　

       很多时候，成功除了勇气、坚持不懈外，更需要方向。也许有了一个好的方向，成功来得比想象的更快。如果在错误的路上奔跑,再怎么努力也是白搭。学习Web前端也是如此，首先应该选择一个正确的学习路线。　　

       Web前端的学习路线结合我的学习经历、近年来辅导学生的经验以及公司中实际项目的需求，在这里将Web前端的暂态稳定程序 源码学习分为以下几个阶段

       第一阶段——HTML的学习。　

       超文本标记语言（HyperText Mark-up Language 简称HTML）是一个网页的骨架，无论是静态网页还是动态网页，最终返回到浏览器端的都是HTML代码，浏览器将HTML代码解释渲染后呈现给用户。因此，我们必须掌握HTML的基本结构和常用标记及属性。　　

       HTML的学习是一个记忆和理解的过程，在学习过程中可以借助Dreamweaver的“拆分”视图辅助学习。在“设计”视图中看效果，在“代码”视图中学本质，将各种视图的优势发挥到极致，这种对照学习的方法弥补了单纯识记HTML标签和属性的枯燥乏味，想必对各位初学的小盆友们来说必定是极好的！

       在学习了HTML之后，我们只是掌握了各种“原材料”的制作方法，要想盖一幢楼房就还需要把这些“原材料”按照我们设计的方案组合布局在一起并进行一些样式的美化。　　

       于是进入第二个阶段——CSS的学习。

       CSS是英文Cascading Style Sheets的缩写，叫做层叠样式表，是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言其样式是可以复用的，这样就极大地提高了我们开发的速度，降低了维护的成本。　　

       同时CSS中的盒子模型、相对布局、绝对布局等能够实现对网页中各对象的位置排版进行像素级的精确控制。通过此阶段的学习，我们就可以顺利完成“一幢楼房”的建设。　　

       “楼房”建设完成之后，我们可以交给用户使用，但是如果想让用户获得更佳的体验，我们还可以对“楼房”进行更深一步的“装修”，让它看起来更“豪华”一些。

       为了完成这个任务，我们进入第三个阶段——JavaScript的学习。

       JavaScript是一种在客户端广泛使用的脚步语言，在JavaScript当中为我们提供了一些内置函数、对象和DOM操作，借助这些内容我们可以来实现一些客户端的特效、验证、交互等，使我们的页面看起来不那么呆板，屌丝瞬间逆袭高富帅！有么有？

       此时，也许你还沉浸在JavaScript给你带来的惊喜之中，但你的项目经理却突然对你大吼道:

       “这个效果在××浏览器下不兼容，重新搞……”

       “不兼容？”瞬间石化了有木有？

       “我擦，坑爹啊！那可是花了我一个晚上写了几百行代码搞定的啊，吐血了都!”

       JavaScript的兼容性和复杂性有时候的确让我们头疼，还好有“大神”帮我们做了封装。

       接下来我们进入第四个阶段——jQUery的学习。

       jQuery是一个免费、开源的轻量级的JavaScript库，并且兼容各种浏览器（jQuery2.0及后续版本放弃了对IE6/7/8浏览器的支持），同时现在有很多基于jQuery的插件可供选择，这样在我们实现一些丰富的动态效果时更方便快捷，大大节省了我们开发的时间，提高了开发速度，这也充分体现了其write less,do more的核心宗旨。这个Feel倍儿爽！有么有？

       “豪华大楼”至此拔地而起，但是每天这样日复一日，年复一年的盖楼，好繁琐！能不能将大楼里面每一个单独部件模块化，当需要盖楼时就像堆积木一样组合在一起，这样岂不是爽歪歪？可以实现吗？答案是肯定的。

       这种思想在Web前端开发中也是适合的，于是乎就出现了各种前端框架，在这里推荐给大家的是Bootstrap。 Bootstrap是Twitter推出的一个开源的用于前端开发的工具包，是一个CSS/HTML框架，并且支持响应式布局。一经推出后颇受欢迎，一直是GitHub上的热门开源项目。

       在项目开发过程中，我们可以借助Bootstrap提供的CSS样式、组件、JavaScript插件等快速的完成页面布局和样式设置，然后再有针对性的微调样式，这样基于框架进行开发大大缩短了开发周期。站在巨人的肩膀上就是爽！

       Web前端的学习建议

       最后给大家聊聊在学习Web前端中的一些建议和方法。

       在CSS布局时需要注意的一个问题是很多同学缺乏对页面布局进行整体分析，不能够从宏观上对页面中盒子间的嵌套关系进行把握，就急于动手去做，导致页面中各元素间的关系很混乱，容易出现盒子在浮动时错位等情况。建议大家在布局时采用“自顶向下，逐步细化”的思想，先用几个盒子将页面从整体上划分，然后逐步在盒子中继续嵌套盒子。

       “君子生非异也，善假于物也”，在学习的过程中还要多浏览一些优秀的网站，善于分析借鉴其设计思路和布局方法，见多方能识广，进而才可以融会贯通，取他人之长为我所用。

       同时还要善于使用Firebug这个利器。Firebug一方面可以在我们学习过程中帮助我们调试自己的页面，另一方面我们可以使用Firebug方便地查看、分析别人网站的源代码，“偷”也是一种技能！

       随着移动互联网热潮的到来，移动开发越来越受到大家的追捧，响应式布局、微网站等需求量不断增加，也是我们Web前端未来的发展方向之一，学有余力的同学可以多多关注。最后祝愿大家能在Web前端开发道路上走出一片更宽更广的天地！

js和java的区别

       JavaScript 与Java是两个公司开发的不同的两个产品。Java 是原Sun Microsystems公司推出的面向对象的程序设计语言，特别适合于互联网应用程序开发;而JavaScript是Netscape公司的产品，为了扩展Netscape浏览器的功能而开发的一种可以嵌入Web页面中运行的基于对象和事件驱动的解释性语言。JavaScript的前身是LiveScript;而Java的前身是Oak语言。

       ä¸‹é¢å¯¹ä¸¤ç§è¯­è¨€é—´çš„异同作如下比较：

       åŸºäºŽå¯¹è±¡å’Œé¢å‘对象：Java是一种真正的面向对象的语言，即使是开发简单的程序，必须设计对象;JavaScript是种脚本语言，它可以用来制作与网络无关的，与用户交互作用的复杂软件。它是一种基于对象(Object-Based)和事件驱动(Event-Driven)的编程语言，因而它本身提供了非常丰富的内部对象供设计人员使用。

       è§£é‡Šå’Œç¼–译：Java的源代码在执行之前，必须经过编译。JavaScript是一种解释性编程语言，其源代码不需经过编译，由浏览器解释执行。(目前的浏览器几乎都使用了JIT(即时编译)技术来提升JavaScript的运行效率)

       å¼ºç±»åž‹å˜é‡å’Œç±»åž‹å¼±å˜é‡ï¼šJava采用强类型变量检查，即所有变量在编译之前必须作声明;JavaScript中变量是弱类型的，甚至在使用变量前可以不作声明，JavaScript的解释器在运行时检查推断其数据类型。

       ä»£ç æ ¼å¼ä¸ä¸€æ ·ã€‚

       è¡¥å……：上面列出的四点是网上流传的所谓的标准答案。其实Java和JavaScript最重要的区别是一个是静态语言，一个是动态语言。目前的编程语言的发展趋势是函数式语言和动态语言。在Java中类(class)是一等公民，而JavaScript中函数(function)是一等公民，因此JavaScript支持函数式编程，可以使用Lambda函数和闭包(closure)，当然Java 8也开始支持函数式编程，提供了对Lambda表达式以及函数式接口的支持。对于这类问题，在面试的时候最好还是用自己的语言回答会更加靠谱，不要背网上所谓的标准答案。

0基础如何自学html和css

       ã€€ã€€

       Web前端的学习误区

       ã€€ã€€ç½‘页制作是计算机专业同学在大学期间都会接触到的一门课程，而学习网页制作所用的第一个集成开发环境(IDE)想必大多是Dreamweaver，这种所见即所得的“吊炸天”IDE为我们制作网页带来了极大的方便。

       ã€€ã€€

       ã€€ã€€å…¥é—¨å¿«ã€è§æ•ˆå¿«è®©æˆ‘们在不知不觉中已经深深爱上了网页制作。此时，很多人会陷入一个误区，那就是既然借助这么帅的IDE，通过鼠标点击菜单就可以快速方便地制作网页。

       ã€€ã€€é‚£ä¹ˆæˆ‘们为什么还要去学习HTML、CSS、JavaScrpt、jQuery等这些苦逼的代码呢?这不是舍简求繁吗?

       ã€€ã€€ä½†æ˜¯éšç€å­¦ä¹ çš„深入，就会发现我们步入了一种窘境——过分的依赖IDE导致我们不清楚其实现的本质，知其然但不知其所以然。

       ã€€ã€€å› æ­¤åœ¨é¡µé¢æ•ˆæžœå‡ºçŽ°é—®é¢˜æ—¶ï¼Œæˆ‘们便手足无措，更不用提如何进行页面优化以及完成一些更高级的应用了。其原因是显而易见的——聪明的IDE成全了我们的惰性，使我们忽略了华丽的网页背后最本质的内容——code。

       ã€€ã€€

       ã€€ã€€é‚£ä¹ˆæˆ‘们应该怎么学习前端开发这门技术呢？ 现在很多小伙伴喜欢在互联网上找视频资料学习网页制作，但是光看视频你是不可能学会网页制作的，没有人指导你，而且很多视频已经过时了，并没有什么用!  如果你真的想学习网页制作这门技术，你可以来这个裙，前面是，中间是零六思，最后是！在这里有最新的HTML课程免费学习 也有很多人指导你进步，不需要你付出什么，只要你是真心想学习的，随便看看的就不要加了，加了也是浪费大家的时间。

       ã€€ã€€ã€€ã€€æ­£ç¡®çš„方向胜过无谓的努力

       ã€€ã€€æœ‰ä¸¤åªèš‚蚁想翻越一段墙，寻找墙那头的食物。一只蚂蚁来到墙脚就毫不犹豫地向上爬去，可是每当它爬到大半时，就会由于劳累、疲倦而跌落下来。虽然它不气馁，一次次跌下来，又迅速地调整一下自己，重新开始向上爬去

       ã€€ã€€å¦ä¸€èš‚蚁观察了一下，决定绕过墙去。很快，这只蚂蚁绕过墙来到食物前，开始享受起来;而另一只蚂蚁还在不停地跌落下去又重新开始。

       ã€€ã€€å¾ˆå¤šæ—¶å€™ï¼ŒæˆåŠŸé™¤äº†å‹‡æ°”、坚持不懈外，更需要方向。也许有了一个好的方向，成功来得比想象的更快。如果在错误的路上奔跑,再怎么努力也是白搭。学习Web前端也是如此，首先应该选择一个正确的学习路线。

       ã€€ã€€

       ã€€ã€€

前端设计师要学什么

       é—®é¢˜ä¸€ï¼šç½‘站前端开发都需要学什么呢？ HTML5前端开发学习的内容：

        第一阶段：前端页面重构：PC端网站布局、HTML5+CSS3基础项目、WebAPP页面布局；

        第二阶段：JavaScript高级程序设计：原生JavaScript交互功能开发、面向对象开发与ES5/ES6、JavaScript工具库自主研发；

        第三阶段：PC端全栈项目开发：jQuery经典特效交互开发、HTTP协议，Ajxa进阶与后端开发、前端工程化与模块化应用、PC端网站开发、PC端管理信息系统前端开发；

        第四阶段：移动端项目开发：Touch端项目、微信场景项目、应用Vue.js开发WebApp项目、应用Ionic开发WebApp项目、应用React.js开发WebApp；

        第五阶段：混合（Hybrid）开发：各类混合应用开发；

        第六阶段：NodeJS全栈开发：WebApp后端系统开发。

        问题二：Web前端开发主要学哪些？ 了解web前端

        Web前端开发是从网页制作演变而来的，名称上有很明显的时代特征。在互联网的演化进程中，网页制作是Web1.0时代产物，那时网站的主要内容是静态

        的，用户使用网站的行为也以浏览为主。年以后，互联网进入Web2.0时代，各种类似桌面软件的Web应用大量涌现，网站的前端由此发生了翻天覆

        地的变化。网页不再只是承载单一的文字和图片，各种富媒体让网页的内容更加生动，网页上软件化的交互形式为用户提供了更好的使用体验，这些都是基于前端技

        术实现的。说得直白点就是美工photoshop，交互设计，flash，js，html+css。就小规模公司而言，一个技术员都得会这几样技能，这样

        很锻炼人的，慢慢的你就会成为公司的主力。大规模的公司把这些分得很细，所以，你可以精通一门，熟悉其他的，进军大公司。

        网页开发工具

        学习web前端开发，网页开发工具有FrontPage，会用 Word

        的人很容易学会FrontPage。还有一个常用的是Dreamweaver。这两种都是使用最多的HTML网页制作工具，我使用的是Dreamweaver

        cs6,因为这套软件提供了一套直观的可视界面，融合了html5一些新的内容。包括网格布局什么的。

        学习内容

        HTML、CSS和JavaScript。html是内容，css是表现，javascript是行为。前端开发的门槛其实非常低，与服务器端语言先慢后

        快的学习曲线相比，前端开发的学习曲线是先快后慢。所以，对于从事IT工作的人来说，前端开发是个不错的初入点。也正因为如此，前端开发的领域有很多自学

        成“才”的同行。html是最基础的，现在流行的是html5设计，先学会网页布局。css是用来美化html页面的为页面提供布局和格式。最后再学

        javascript。如果你把每天看电影、看电视剧的时间用来学习，我想一个星期入门是没有问题的。

        基础知识：

        1. html + css。这部分建议在 w3school 上学习，边学边练，每章后还有小测试。之后可以模仿一些网站做些页面。本站提供的个人博客模板yangqq/download/都是比较简单的单页，可以下载下来模仿自己做一个。理解css每个元素的属性，样式的实现不一定只有一种写法，多想一想还有没有什么需要改进的地方。

        《条HTML代码编写技巧》

        《CSS简明教程》

        《Div+CSS 规则整理 以及注意问题》

        2、JavaScript。不是所有的网页都必须有js，但是要想实现一些超酷的功能和界面的时候，就需要涉及到js。如果没有其他编程语言的基础的话，学起来可能要费些力，还是建议先在

        w3school上学习。之后建议马上看《javascript语言精粹》

        《JS经典实例》

        3、Photoshop、flash。熟悉会一点儿就行了，没必要全部都学得精通，当然如果你在学习的过程中，发现你ps或者flash比较感兴趣的话，也可以尝试做美工这一行。

        4、html5和css3。可以先了解一下，然后再入手。毕竟IE的浏览器大多还不支......>>

        问题三：网站前端工程师需要学习哪些知识 掌握各种修图软件，如PS\Fireworks\AI，不要求专业设计师水平，但要会用会改，今天是一专多能的时代，光会编程讨不好饭碗的；

        精通JavaScript、jQuery、ExtJS等页面效果框架，这是前端工程师的最核心技能，是专做页面效果的技术。其实精通了JavaScript，后端编程语言，如.NET、PHP、Ruby都很容易掌握，因为其原理是一样的；

        精通一二种模板语言，并能修改，如织梦或wordpress的模板；

        掌握thinkphp与zend框架，能修改此类开源源码；

        掌握html5与sencha，这是做手机等移动设备的页面前端技术；

        掌握一二种后端编程语言，如PHP、.NET、JAVA，能读懂后端源码，实际上其原理跟JS差不多；

        掌握node.js，熟悉各种自动化部署工具；

        掌握FLASH，能制作出动态f搐ash相册，会Flash AS3.0编程。

        问题四：学WEB前端开发需要注意什么,有哪些技能需要学习? WEB前端学习固然很重要,除了技术的更新之快,我们也应该正确认识前端,给你分享我的一个经验和心得希望对你或者大伙有帮助。我开始是在慕课网学的，它是一个免费学习网站，网站课程为短视频，学习内容基本都是实操性很强的案例课程。

        问题五：前端开发工程师需要学习什么知识 HTML CSS JAVASCRPT 这是基本的前端技术，当然懂些后端技术也是很必要的，PHP JSP ASP……前端工程师需要的知识面非常广

        问题六：学UI设计还是web前端开发？ 你可以结合一下，先学UI设计，因为现在UI设计的招聘开始需求HTML5技术，如果你学UI可以学习一些HTML、CSS、JS等技术，不需要你完全掌握，但能会的话更好，前台攻城狮其实我感觉挺枯燥，不是说你可以随心所欲的去写前台的。

        问题七：是该学UI设计 还是Web 前端开发呢？ 本人前端，工作也有些时候了，跟UI也接触很多，在这就随便说两句吧。

        其实你这个问题就不是别人能帮你解答的，UI和WEB都是不错的方向，无论哪个方向，都要看你自己喜好的是哪方面。UI会要求你的色彩感，设计感比较强，而WEB则要求你的逻辑性和思维性比较强。两者都不简单，而且两者都很缺乏人才，这里的缺乏并不是说真的缺少人，而是缺乏中高端人才。因为大家基本都是学一阵，在工作一阵后就放弃了，很少有能坚持下去的。

        UI的学习我就不太说了，毕竟不是专业的，怕误人子弟。

        web的学习总结来说就是前易后难，入门比较简单，会html+css+简单的js交互就可以了，这个时候也可以说入门了，你也能拿到一份一般的薪资工作。而在往深入的话，还要学习设计模式，oop，mvc等等，以及各种框架，经过至少2-3年的时间，才勉强能叫做前端开发工程师，至于在往后就要看个人方向了，可以学习几门后端语言，成为全端人才，也可以在前端领域一直深入研究。

        好了，就这样吧。

        问题八：网页设计学要学习什么web前端呢？二者有何不同。都要学习什么 分 网页设计的主要内容是设计网页，就是做出网页的psd文件，是图片。

        web前端的主要工作是把psd文件切成一张网页，就是把图片变成网页的过程。

        因为工作毕竟是要各个岗位的同事互相协作的，比如切图的工作，可能有时候会是设计把psd的图给切好了给前端工程师，他们只要负责写css就可以了。

        所以说网页设计主要学习的肯定是设计网页，至于web前端的知识学了总比不学好。

        希望能帮到你！

        问题九：web前端开发都需要学什么？ 我还是了解的

        问题十：设计师该如何学习前端 从零基础开始学习，首先就是基本的网站术语，网站的工作原理等等 这些你是需要知道，

        然后就是从基础的html 开始 包括html的基本标记 div css 样式 页面的排版布局 浮动 定位这些 是需要了解的，这些没有问题了 可以学习JS H5 响应式页面 和移动端的界面制作 以及一些比价好的框架等等

        这个课程大纲 内容都市基础的重点知识，可以参考一下。不过之前没有接触过这方面 学习是比较困难 的 ，尤其入门就需要比较长的时间。因为想入这一行 首先需要有人带你入门 ，需要全面系统的每天坚持来学习。