前台自学的大概路线图因为刚开始学习，没有完整的前台知识体系，所以是粗略的路线图。我希望你能帮我修改和完善它。 大致思路如下:1。先打好基础，学习框架。 基础语言是Html，CSS，JavaScript。如果在这三者中选择基础的话，应该是Html和CSS。 所以，2。基础知识里先学HTML和CSS。 在Html\CSS学习计划之前，我断断续续学了一个月，也看了W3C的基础知识，但是还是写不出自己的页面。 我问自己为什么。我觉得可能的原因是HTML\CSS的基础知识还不足以写出一个完整的静态页面，我一定是缺乏了一些知识和能力。 我觉得最重要的一个能力就是:拿到设计图，先分析，而不是直接写代码。 分析是一种能力，HTML\CSS只是实现我们目标的工具。掌握HTML\CSS的基础知识只是如何使用这些工具，就像我会搬砖，却不知道怎么盖房子一样。 我觉得这种分析能力需要通过制作大量完整的页面来锻炼。 所以我大致的学习思路是:尽快了解Html\CSS的基础知识，然后做大量至今完整的静态页面。 下面我就说说我的学习计划和少量资料。 1.快速掌握HTML和CSS的基础知识。网上有很多免费的HTML\CSS教程，但是为了速度，我推荐【marksheet】。本教程的好处是先详细介绍了web的基础知识，让大家对web有一个宏观的了解，然后再开始学习必要的HTML\CSS的起码知识。大约40分钟就能完成。 2.准备好可以随时查阅的资料。我觉得下面的材料准备好了就可以直接开始做页面了。小抄的好处是它们是图片，高度概括了html\css的基础知识。自己做页面的时候，打开这张图，随时查阅。搜索XX mdn会比网上查更快。当然，你需要知道一个HTML标签或者CSS属性的详细用法。只需谷歌一下:你要找的知识mdncode指南。为了编写健壮的代码，您仍然需要从前辈那里学习少量的最佳实践。我推荐代码指南，不想强行遵守，而是有意识的去关注，边练习边改自己的代码。 3.做很多完整的静态页面。首先，我需要找到这样的静态页面来复制。这里是找到这些代码复制【freecodecamp】的地方。这是一个不错的学习前台的网站，里面有几个实用的项目值得做，但是没有视频指导，会比上一个稍微难一点。 【Dribbble】上有很多漂亮的设计图。我们可以在上面找到自己喜欢的设计图，实现它。 这种方式难度最大，但也最锻炼人。 我的建议:在实现每个完整的页面之前，我会写一个简单的分析报告。里面的内容是分析这个页面的结构，我大概会怎么实现，有哪些没见过的结构需要学习。 随着时间的推移，我们必须深入研究每一页，这也是我之前强调的认真态度。 4.用自己的语言整理学过的知识我需要自己总结cheet sheet，这样才能真正掌握html\css的基础知识大纲；我需要自己总结“设计图到html”的能力。由于我是产品经理，感觉语义HTML可以作为网站的UE。需要自己总结的常用“设计模板”，相似布局的总结，各种导航栏的总结等。，以后遇到类似的会直接用。 某种程度上，我认为一个好的前台就是要有自己的“设计模板”库，并不断升级扩充。 在职开发，如果你也想学习前端开发的技术，可以加入我的前端学习交流裙:851 231 348或者关注我的微信微信官方账号:【前端留学生】一套自己根据多年开发经验录制的web前端强化讲座视频和学习方法，以及少量前端学习手册、前端面试问题、前端开发工具、PDF文档、书籍和教程，免费参考。 需要的话可以自己下载。 最后但并非最不重要的是，最终还是一样。希望大家能帮我完善总结一下这个“静态页”的学习计划，然后希望有朋友能和我一起开始实践这个计划，因为做才是最重要的！