把网页的效果图设计成图片（用Photoshop的比较多，当然可以设计图片的一切工具都可以）前端代码。SemanticUI基于自然语言有效原则的UI组件框架Foundation优秀的响应式前端框架Materialize基于材料设计的现代化响应式前端框架。
1、web前端设计是什么专业？
web前端分为web开发与ui设计。楼主说的应该是后者吧，对于ui设计师来说，他们的专业可以是美术专业，也可以是计算机专业。主要从事的内容是对客户的需求使用ps等批图工具，以视觉稿的方式产出，同时，还有对视觉稿进行页面的排版显示。涉及的技术有：平面设计能力，html，css等，不负责页面的交互逻辑处理。
只是以网页的形式展示静态页面，从薪酬方面来讲，ui设计师的待遇较差些，但负责的工作量相对较少，比较适合女孩子从事的职业。对于web开发工程师来讲，他们的专业都是来自于计算机专业，软件工程，电子信息工程等等，主要从事的内容是实现页面的交互操作以及与后端进行数据交互，实现数据显示与数据传输。涉及的技术以js为主，包括vue，angular，react等框架，同时要兼备一些网络安全知识，
2、web前端主要学习什么？
一个非常好的问题，先理解一下Web前端开发的发展趋势。移动互联网时代，前端开发成为重点，并且出现了多个移动端平台，Android，iOS，微信小程序，支付宝小程序，还有不断出现的新操作系统，比如阿里YunOS，华为鸿蒙，等等，为了支持这些平台和系统，越来越多的应用开始使用H5跨平台架构，于是重新定义了一个新名词，叫做“大前端”。
一，H5跨平台开发这时的H5前端开发已经不再是单单的网页开发了，而是前端应用开发，具体到H5Hybrid架构，常用三剑客：HTML,css,JavaScript1)HTML和css是页面设计，没有代码逻辑2)JavaScript编程，还有其它衍生语言，比如常用的TypeScriptJavaScript是一种脚本语言，由解释器加载执行，常用在网页前端动态展示、和服务后端交互等场景。
二，JavaScript开发学习JavaScript语言基础，掌握基本的编程方法，如果对着教程学习比较枯燥，难以坚持，那么可以多利用网上的一些学习资源，边学习边动手，比如HackerRank在线练习网站，提供了丰富的编程练习题。三，学习框架JavaScript前端开发有很多成熟的框架可用，比如JQuery,AngularJS，React，还有前后端都跑通的NoteJS，
新手学习时，推荐当前普遍使用的Top3开发框架，太新或者太旧的都不适合用来学习练手。阿里开源框架AntDesignPro是一个功能完善的脚手架，推荐新学者练手，逐步沉淀和总结代码实现，四，积累项目经验学习的最终目的是学以致用，在实际项目中积累经验，不断提升。有了一定技术基础后，推荐尝试参与开源项目，在开发功能、提交代码的过程中，提升非常快，
3、网页设计主要是学习什么？
单纯的“网页设计”肯定还是以设计角度为主，我来给你分析一下这个网页的组成。网页分成：前端设计和前端代码前端设计：就是把网页的效果图设计成图片（用Photoshop的比较多，当然可以设计图片的一切工具都可以）前端代码：把设计好的效果图，切图用代码写出来，（我一般用Dreamweaver和sublime）网页组成网页是由html CSS JS 图片 媒体文件组成HTML网页的具体内容和结构HTML的全称是HyperTextMarkupLanguage，超文本标记语言其实它就是文本，由浏览器负责将它解析成具体的网页内容CSS网页的样式（美化网页最重要的一块）CSS的全称是CascadingStyleSheets,层叠样式表它用来控制HTML标签的样式，在美化网页中起到非常重要的作用JavaScript网页的交互效果，比如对用户鼠标事件作出响应JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型，你把它当成前端的编程语言就可以了。
