学完了html和css怎么做静态网页啊，没有头绪，初学者都是这样的么，感觉手拿筷子，不知道怎么用？ 自己自学完CSS和HTML，又去学了些天JS、感觉不难，突然想做个静态网页，不用js那种，发现特别乱，一点头绪都没有，感觉就像前面一双筷子，不知道怎么用，2天（1天10个小时）模仿了个百度和腾讯静态的，还各种问题，排版什么的我感觉也明白了，写网页就是写不好，初学者都这样么，还是我比较笨，还是方法不对，求指点，哎 自学前端，经历了跟题主一样阶段，最初是在w3school上学习基础知识，各种标签、样式记了一大堆，当我打开编辑器，想做一个自己想像中的静态页面的时候，依然没有头绪。 现在的我已经开始体会到前端开发的乐趣，不会因为“没有头绪”而感到挫败，因此跟题主分享一下我的学习心得。 1.找一个顺手的IDE，不要相信什么“记事本也能写html”的话，趁手的IDE有html模版，有语言高亮，自动补全等功能，对于新手来说是相当友好了。 我用的sublime3，这个软件免费（虽然按ctrl＋s的时候，偶尔会弹出付费提示，但是频率不高，直接忽略就好了），内存占用小，安装包只有14.2MB，下载安装非常方便。用sublime写html，有模板，而且自带语法高亮、自动补全这些插件，上手so easy。 当你只用花几分钟下载安装好sublime，打开创建一个html模版，直接看到这样一个画面的时候，是不是觉得很愉悦呢！<head>标签里那一堆烦人的设置，不用自己敲出来，彩色的代码跃然眼前，爱上编程就在一瞬间。
2.通过在网页上右键查看源文件来模仿一个网页，并不是一个好主意。 自从我发现鼠标右键网页就可以审查素看到网页代码的时候，我天真的以为模仿一个页面只需要把网页下载下来保存成html文件，或者右键查看源文件就OK了，然而，当我找到一个看似简单的页面查看源文件时，彻底懵逼了，为什么一个搜索页面，主要素就一个标题+搜索框，源文件却如此复杂。
搜狗这个页面的源文件，竟然有374行代码，仅凭简单的前端基础，这些代码中有很多看都看不懂，更别提模仿了。所以初学者想从做静态页面来熟悉前端知识，右键查看源文件是搞不定的。 3我的诀窍：视频课程练习+网站模板素材 真正帮助我做出静态页面的学习路径，是视频教学+素材网站。 我在慕课网找了一个免费的视频教学课程，叫“从psd到html”，课程提供了做网页的psd文件，可是我的电脑了并没有安装Photoshop，psd文件是打不开的，而且据我所知，现在很多公司的UI设计图用的都是sketch生成的html文件交给前端工程师，没有必要在电脑上装一个Photoshop。 于是我想自己找些网页的图片素材，跟着教程把这个静态页面做出来，找素材的过程中，我发现网上很容易找到一些精美网页模板，下载了几个下来，发现是非常好的学习素材。 于是我一边跟着视频课程做网页，一边研究这些模板网页的布局、样式。试着用各种方式实现同一种效果，做完一个网页，把position+float布局，以及flex布局的基础知识都学会了。 布局搞定，块级素的盒装模型在实践中也有了更深的理解，网页的骨架就会做了，再细节，比如用css画个三角形，画个阴影啊什么，慢慢学习就好，到这个阶段，就不会觉得“没有头绪”了。
2024最新激活全家桶教程，稳定运行到2099年，请移步至置顶文章：https://sigusoft.com/99576.html
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。 文章由激活谷谷主-小谷整理,转载请注明出处：https://sigusoft.com/19252.html
