学习UI设计和web前端属于两种分类，一个是设计师是不用写代码的，偏重于设计，一个是网页前端开发，偏重于代码编程，还是要学习很多开发代码知识的，比如html，js，css，h5等，这些都是网页开发的必备知识，其次还要学习各种成熟的端框架，比如jquery，easyui，extjs，vue，Angular，Bootstrap，Node.js，React.js等等。在学习这些内容之前取决于你是想要一些参考素材网站还是想要一些教学资料网站，如果是素材网站就比较多了，设计方面比如千图网，千库网，包图网，花瓣网，ui中国，学ui网，致设计，一起学设计，优阁网等。web前端，比如17素材网，W3Cschool，前端学院，runoob.com，h5之家。也建议多看看论坛，博客园，csdn，希望对你的学习有所帮助。
强烈推荐慕课网，如果从零基础开始，可以先看看免费课程，有了一定基础再看付费的实战课程。从我个人经历感受，开发这个东西光看书学理论是远远不够的，必须有能落地的实例才能掌握，所以建议稍微学点基础就直接拿简单项目练手。以问题为导向学习会掌握得很牢固。把项目中遇到的问题去基础课程里查阅，或者去各大论坛询问，会成长很快的。加油！
CSS称之为样式表，HTML为标记语言。是前端web开发必须掌握的知识之二，再就是JavaScript是前端Web开发也必须掌握的编程语言。
我先用一个网站【千图网】的源码分析来了解CSS、HTML、JavaScript各自的作用上图是千图网首页的布局,我先通过Google Chrome来调试看看这个网站的首页（点击鼠标右键选择查看就可以看到如下图所示）
左边显示的是HTML的主要内容，右边显示的是CSS的内容
CSS是什么呢？其作用又是什么？打开昵图网首页，我们可以看到整体布局非常美观。那如果没有CSS会怎么样呢？我们可以查看这个首页的的源码，可以看到是有引用css样式表文件。
我现在将css引用给删掉
我们再来看下首页的效果
通过以上操作，你应该就能明白css的作用是什么了吧?
css的主要作用就是用于网页的排版布局和美化，能够让我们开发出来的网页更好看
HTML是什么？其作用是什么？一个网页是有很多个部件组成的,有文字显示、有输入栏、有列表、有图片、有视频、有跳转到新的页面的链接。我还是用上面网站的首页结合检查功能来说明。
上图中红色框标出来了，各种类型的部件。
上图中左侧显示了部分的Html的内容。更多的html的内容，可以到
https://www.w3school.com.cn/index.html
进行了解。非常详细HTML标记语言的作用就是告诉浏览器，在加载的时候显示的是什么控件，再结合css就能够显示出非常漂亮美观的静态页面了。那如果要做一些动态的页面和数据交互，就需要用到JavaScript，你在这里没有提到这个问题，我就不做具体的说明了。可以自行查阅相关文档及说明！
为什么看了视频还是看不懂？要如何学习？对于初学者来说，其实我是不在建议直接看视频来学习。个人的的建议是前期购买专业的web前端开发书或者通过我上面讲到的w3school网站进行学习，将相关的基础识知点完全掌握，并跟着书上或者网站上的代码进行实际的敲打一篇或者多篇。一直到脑子里有印象和概念，看到一个网页，能够知道这个网页的布局是什么样子的，用到了哪些部件，这个部件对应的html标签是什么？可能用到了什么样的css样式？
只有做了这一步后，你再看视频教程。更多的是建议看一些项目实战的视频，采取第一次将视频看完,然后实际编写一次。如果遇到有不记得的地方，回看视频的，对照视频进行编写巩固。通过这样子的方式 不断的加深记忆以及理解html和css的作用。
多敲代码、多敲代码、多敲代码。编译运行查看实际效果，反复的这个过程中，我相信你现在提到的这个问题，最终就不是问题了。
如你自己本身自学能力不足，还有一个建议就是去专门的IT教育机构进行系统的专业的学习。如果你选择IT教育机构培训，一定要注意的就是机构的选择，这里面也有比较多的坑。
我不是专门的web前端开发，但由于平时的工作原因，有时也需要自己写了些web页面。可以关注我私信沟通交流！
版权说明：Copyright © 广州京杭网络科技有限公司 2005-2024 版权所有 粤ICP备16019765号
广州京杭网络科技有限公司 版权所有
免费热线：400-683-0016
扫二维码关注公众号
当前位置：