关于自学网站制作的一些建议

时间：2023-07-24 14:09:01 | 来源：网站运营

时间：2023-07-24 14:09:01 来源：网站运营

关于自学网站制作的一些建议：01、HTML/CSS/JS怎么学

对于HTML、CSS、JavaScript的基础知识的学习，可以到 http://www.w3school.com.cn 上学，可以边学边练，每章后还有小测试。我最开始学习这个也是在上面每天一边看一边练习，我个人觉得还是比较方便的，最后再去模仿写一些网站静态页面。JavaScript如果没有其他编程语言的基础的话，学起来可能要费些力，还是建议先在 w3school上学习。

还有就是在学习JavaScript的时候，你也需要同时学点jQuery 的知识，这个可以帮助你提升学习信心。因为jQuery 是一个 JavaScript 库，jQuery 极大地简化了 JavaScript 编程。很容易学习。例如，你引入库以后，可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素，可以实现元素的淡入淡出效果，可以在元素上创建滑动效果等等。当然，如果到了后面，你CSS知识学得比较扎实的话，建议能用CSS实现的，就不要用JavaScript 实现，这么做的目的主要是为了便于SEO优化。

像二级菜单，图片轮播，鼠标滑动显示文字，排序等等效果，只要能够用CSS实现的，就尽量不要用JavaScript来写。但是，你在学习的过程中，要尽量尝试用多种方式来实现。最后，就是在学习中，遇到一些问题，这个时候，是非常正常的，但是你要学会先自己调试解决，如果解决不了，就上百度或者谷歌（谷歌需要梯子才可以上）搜一下，看看别人写的经验方法，也可以到w3school上查文档。

能自己解决的就自己解决，这样你会有印象，在看别人经验方法的同时，你还能增加印象，下次遇到这类问题就能迎刃而解。

02、多看各种好的网站布局当学了一些HTML、CSS、JavaScript 、jQuery后，就需要开始学以致用，练习写一些静态页面。在刻意练习写静态页面之前，我们需要多看一些网站的网页布局与网页源码。

因为我们写的每一个练习页面都不是自己凭空想出来的，都是有一些参考案例或者素材来源的。其实，在我们的实际工作中，我们的网页设计师在设计一个网页时，也是需要收集大量的参考案例，把他们认为好的网页收藏起来进行参考，然后再根据需求做一些网页效果图。而我们自己在写页面代码练习的时候，也是需要遵循这样一个过程，先做一个简单的网页效果图，这个在前面第三点已经说过具体怎么操作，你可以根据自己情况来。接着，我们通过所学的知识技能后，开始写网站页面，所以这个时候，我们就需要多看各种优秀网站的布局与源码。例如，我们想做一个自己的个人博客的话，我们就需要去看各种各样的个人博客网站，看他们的页面布局，网站源码，以及网页色彩的搭配等等。

03、刻意练习，模仿别人的站点，将页面实现还原网站页面的代码实现都是根据网页设计效果图来做的，如果你实在不想学习PS的话，觉得我前面说的那样做，有点麻烦的话，又想节约学习时间，那我建议你就直接模仿别人的站点来进行页面布局代码的练习。我这里说的模仿别人的站点，不是说让你鼠标右键另存为，也不是照搬别人的代码，而是参考他人的页面设计效果，自己写HTML布局，写CSS样式，写JavaScript交互效果。如果实在写不出来，你可以查看一下别人的源码，直接按键盘【F12】审查元素，看看别人怎么写的，千万不要复制别人的代码，一定要自己一行一行的敲出来，这样你才会有印象。刻意练习模仿别人的站点，最基本的原则就是不要照搬别人的代码，要多自己想想，怎么做简单，怎么实现可以更好，需要有自己的思维方式。我们采用刻意练习模仿别人站点页面的目的，是为了帮助我们快速提高网站制作的学习效率。因为你不用去做设计图，从而节约了大量时间。但是，在实际工作中，大部分企业都会有专业设计师出设计效果图。而有的企业，就不一定了。有的时候，在某些企业，你接到了项目，还会要求出一个页面实现效果图。所以我建议你在学习网站制作的时候，一边学习网站代码的同时，也简单学习一下PS基础操作，这个对你肯定是非常有用的。

总结原本这节内容是要给大家介绍一些关于网站制作中，经常出现的一些名词，但是在开始写这节内容的时候，我就做了一些调整，我想，我们应该先来聊一聊我们在网站制作中，需要学习掌握的一些知识技能，这样便于我们后面的使用。关于专业名词的介绍，我就在后面的内容中，遇到了，我们再介绍说明，就不特意这样安排一节内容来介绍了，毕竟专门弄一节内容来讲一些专业名词也是挺枯燥的。