2024年学习网页制作的心得 篇1
想要做好网页设计，需要掌握的软件和技术还挺多的，但不建议都把这些技术掌握的很精通，毕竟人的精力是有限的，可以选择其中的一项技术来认真钻研，并达到熟练掌握运用。
一.视觉方面
如果你是设计专业或者对视觉有很浓厚的兴趣，那就可以选择做这个方向的网页设计，也就是通过设计软件，根据原型图或者草图制作高保真效果图。要做这方面的网页设计，需要掌握的设计软件有photosho,illustrator等视觉设计软件。
ps主要用来设计网页效果图和对效果图进行切片以及一些网页小元素的处理和制作，用处可以说相当大，学好PS就完全可以制作出精美的网页了。illustrator主要是处理一些矢量图形或者图标，辅助PS进行网页设计，这要看你哪个软件掌握的熟练，就以哪个为主。
掌握了基本的网页设计软件，下面就要多学习一些网页的基本知识，比如网页尺寸，网页布局排版等规范，这些需要长时间的练习和积累，要多看多想多做，慢慢你就会发现自己水平提高了，设计的网页也越来越专业和漂亮。
二.网页前端
这个方向的网页设计，需要掌握和精通前端html代码以及css样式js这些，也就是通过这些把ps设计好的效果图实现成可以通过浏览器浏览访问的网页页面。对代码有兴趣的朋友可以朝这个方向发展。
推荐使用的软件是Dreamweaver，方便易学，可以快速进行网页布局和css，当然随着学习的深入，你会知道其他很多前端设计软件，这里不再一一介绍。
上面介绍的是网页设计的两个方向，当然也可以两者都掌握，那就是全能型网页设计师了，很受欢迎。最好精通其中一个，另外的技术适当了解。
2024年学习网页制作的心得 篇2
我是老李，我来回答！更多技术分享，欢迎点关注
这两年来，互联网发展越来越好，网页技术也变成了刚需技能，就算你不是想做开发工程师，也应该学一点来做个简单网页。
今天就来讲一下基础的一些网页开发需要学习的路线吧。
首先，基本的网页制作我们一般都是指基础的PC端网页开发，完成基本的布局，完整表达网页需要展示的内容信息，表达出人性化的网页效果。
那么这种程度应该怎么学习呢？？首先，无论学任何一个技术，都是从零基础开始的，网页开发也是一样。做软件开发，是从事编程开发工作，必须先从语法基础开始学习，通过语法组成产品效果。
网页开发的基础语法，由HTML+CSS+JavaScript组成，这是网页开发最基本的3个语言。网页布局基础：HTML+CSSHTML就是超文本标记语言，组成网页内容的最基本语言。你可以直接说他是网页的骨架，网页的图片、文字、视频、音频、程序都需要他引入到网页中体现。光是HTML做网页，只是有了内容，当然是远远不够的。因为只是HTML的话，只能用Table做布局才能勉强做出个成型的网页来。但是从Web2.0时代开始，都是盒子模型布局法了，也就是用DIV+CSS来实现布局了。CSS就是层叠样式表。通过样式属性来对标签进行布局规范，在不再使用table布局的时候，只要CSS样式对网页标签进行对应的布局实现才是正确的开发方式了。HTML(div)+CSS布局，是基础入门的基本步骤，在这个阶段，你需要学习的内容，包括有：1.标签语义化，SEO2.页面加载的流程和原理3.网页结构4.盒子模型（W3C盒子模型和IE盒子模型）5.CSS选择器6.CSS布局浮动、定位在刚刚开始的阶段，大家学习的布局方式基本都是以px为单位的静态布局方法。熟悉好布局方法，先给自己一个小目标，做一个简单的电商网页的基本结构出来，不用特效，不需要交互。浏览器脚本语言：JavaScriptJavaScript是我们学习前端开发中非常重要的一个内容，也是一个大家经常掉坑里的难点。JavaScript现在可以说是互联网时代使用率最高的脚本语言了，在网页中，所有的数据渲染，特效的交互都需要利用JavaScript，来影响浏览器的显示。JavaScript不只是开发网页特效和渲染数据的重要内容，如果你想往编程开发工程师发展，在学习前端开发的后期，大量使用算法和框架的时候，对JavaScript基础的考验也是很多的。在基础阶段，我们学习JavaScript需要注意：1.基本关键字指令2.基本数据类型、数组3.函数4.面向对象编程5.原型链、闭包6.JSON7.Ajax8.DOM(文档对象模型 原生DOM操作)9.事件捕获、冒泡、代理10.常用函数方法在JavaScript部分学习，主要还是要去理解好交互的原理，把原理分析清楚，真的理解语法，那写出多复杂的逻辑也是手到擒来。快速开发网页特效jQuery说到学习JavaScript，很多小白同学肯定会很头痛他的原生写法。每次逻辑业务都需要手动写，也就是用一次就造一次轮子。觉得很麻烦。如果能简单一点就好了。因为JavaScript有可以封装的特性，所以在后面也出现了很多用JavaScript封装的类库、插件。比如说最经典的类库就是jQuery了。jQuery类库就是在类库里面封装好了很多JavaScript的事件方法。jQuery通过封装，减轻了遍历、对象选择等等很多的问题。把网页特效的实现变得简单化，通过调用方法就可以了。在学习jQuery的时候，需要重点认识的有:1.jQuery语法和JavaScript原生语法的差异2.Dom对象和jQuery对象3.jQuery的入口函数和JavaScript的入口函数的差异4.jQuery事件的执行逻辑。学习jQuery，最需要达到的效果就是能快速的完成网页的特效，比如说轮播图、手风琴菜单、旋转木马、放大镜等等这些特效。能完成一个电商网站的布局+特效开发是最基本的要求了。这些就是零基础学习必备的一些基本内容，在入门前端开发最基本需要掌握的东西，把基础理解好，才能为后面的学习做更多的准备。
我是前端开发老李，如果你想学习更多前端开发的内容，点击关注不迷路！
2024年学习网页制作的心得 篇3
网页呈现给我们的，就是一些富文本及动画，它除了页面上的排版，还有我们看不到的数据交换。
而想要得到这样的效果，必须先要学会排版，图文动画的混合呈现，可以学DW，是一个所见即所得的软件，对新人学习很有帮助。
至于图片的制作，可以学习PHOTOSHOP，仅此软件即可，其它的CDR,AI都不必学习，因为最终网页上的图片都是像素图，矢量软件并无太大作用。
动画的制作，目前还可以用FLASH，但它在不久的将来便会淘汰。故推荐HTML5+JAVASCRIPT来做动画。这就涉及到程序的编写，如果要写动态网站，有数据交换，则可以学PHP，这是一种开源的高效的程序，封装的类和方法直接调用即可。
2024年学习网页制作的心得 篇4
看你从事什么工作岗位，或者是想从事什么岗位工作。如果只是出于爱好，网页还是要懂一些，如果是很系统的学习我觉得没必要，毕竟你不是用于专门设计开发，比如你是做管理和销售的，学它基本用的少，就算是要做也是专业人员干的事。
再者，互联网也不一定是网页制作，可能是信息安全，系统架构，数据架构，美工，文案，数据管理，硬件工程师等等，他们一定会去做网页吗？
就算你想学做网页，现在会做的人多了。就算你学会了，那网站你要学吗，数据库你要学吗，服务器你要学吗，等等。详细可以私信我。
别忘了，互联网中不只是网页，网页只是互联网中信息共享，信息管理的一种文本形态。当然时间多，建议你学。
2024年学习网页制作的心得 篇5
开门见山吧。1、软件选择
常用的有dreamweaver, expression blender等，建议先学习dreamweaver，dreamweaver自带的代码提示功能与可视视图。对于小白来说，是个容易上手的工具。2、书本与网络教程
书本先熟悉html标签与css语言的用法，书本上的实例，跟着做。有时间经常做练习。对于一些理解困难的问题多做笔记，去网上查，一些博客分享的案例都写的很详细。网上有一部分免费的课程，如腾讯课堂、YY教育学习平台等。还有一些问答平台。如在头条的悟空问答里提问，里面有不少高手。3、案例分析
在网上多看看如头条、阿里、腾讯网站的布局。网页布局是一个个DIV盒子组成，分析DIV的层级结构，学习制作页面的规范，如DIV的命名、注释等。规范对网站的维护与团队协作起到了很重要的作用，提高了效率。还有一点，你跳槽了，工作交接到另一位小伙伴手上，不至于另一个人接手看不懂。4、借助工具
借助浏览器自带的检查工具。一些浏览器都自带检查工具。如谷哥浏览器的“检查元素”、IE的“检查元素”、火狐的“查看元素”等。如谷哥右健的“检查元素”，可以清晰的 看到代码层级、标签元素、对应的CSS样式，可以让你马上检查出问题的所在。5、向高人请教
项目比较急的情况下，自己研究费时间、到网上找答案不全面。这个时候就要找你的同事、朋友请教了，注意对别人客气一点，有求于别人嘛。把问题用笔记本一次性全部记录下 来，再向别人请教。解决问题的方法与结论做详细的笔记，免得一个问题反复的问别人，大家都很忙的。6、总结经验
在做项目的时候，定期总结，碰到的一些难题，刻意的多做几次，有利于加深理解。下次做同样的项目，问解就很快的解决了。这样提升了效率，不至于每一次都去百度上找答案。7、加强JS的学习
建议先学习原生的Javascript后面对熟悉各种框架非常有用。如Jquery ,Vue, Angular等。
最后保持持续学习的心态。欢迎大家补充！
2024年学习网页制作的心得 篇6
作为BAT的Java开发工程师来回答。不论你打算做FE还是UI，HTML只是非常基础的前端入门语言，如果未来想在互联网前端领域发展，你还要学习JavaScript和CSS。三驾马车
我在前面的回答里也强调过，如果想在前端开发发展，那么HTML，JavaScript和CSS作为前端的三驾马车是最最基础的入门语言，无论如何绕不开的。
据我了解，除了计科相关的职位，有些设计专业也会学习HTML。（我弟弟是学习设计的，就有一门选修课是用HTML写一个网页，我教了他display什么的，让他觉得特别神奇。）也就是说，就算你未来不打算做网页开发的FE，而打算做网页设计的UI，对前端语言有所了解，也能对你的未来职业发展很有帮助，因为可以让你更专业的与FE和PM沟通你的设计稿。
如果题主已经学完了HTML，那么想必已经能写出简单的HTML网页框架了。在这里介绍一个小tip（也许你已经会了），可以让你平时看到喜欢的页面的时候就能看看当前页面的html，从而更好的指导自己使用HTML。那就是F12按键，这个快捷键可以快速调出当前页面的前端数据，是调试开发非常有用的工具。
不仅是看当前页面的html和css（上图elements），有时候前端要看点击了某个按钮后调用了哪些请求，携带了哪些参数的时候，也会用这个功能，点击右边红框network即可。就可以看到当前页面发送了哪些请求，request和response分别是什么，是前端开发者自我调代码和查bug时候必不可少的工具。
如我上面所说，学会了HTML之后，还要学习负责描述页面细节的CSS，和脚本语言JAVASCRIPT，这两者也都可以通过我上面介绍的方式来调试。
学会了上述三驾马车之后，就可以根据你的个人情况决定下一步走向：是做一个前端开发的FE，还是做设计的UI呢。其实如果是一个大一大二的学生，就算不是专业设计专业，也是来得及现在学，未来从事UI的，我们UI团队有个妹子就是计算机专业毕业的，她和我说她本科时候最喜欢去设计专业蹭课，硕士期间的课题是人工智能，但是也不影响人家追求人生真爱，做一个UI，而且由于她坚实的计算机知识基础，反而比其他UI更加受欢迎，升职速度也更快。
因此，题主如果现在还年轻，完全可以按照自己的真心热爱，好好的做一个选择。
我是苏苏思量，来自bat的Java开发工程师，每日分享科技类见闻，欢迎关注我，与我共同进步。
2024年学习网页制作的心得 篇7
网页制作是一个很广很深的技术话题，需要分几个层次去学习。
首先，HTML5，JavaScript，CSS三大基础是必须的。
有人可能会说，全都没学过也可以用Wordpress做一个网页或互联网应用。但是如果想要根据需求创造新功能，和复杂的用户交互的能力，逃不出以上三大基础。初学者如果不是要参加理论考试，建议通过视频或交互式教程学习。强力推荐免费的闯关式学习社区：
https://www.freecodecamp.cn/
然后，做些简单的项目，学些简单的工具。
当学习完三大基础后，要实际操作操作。这时候最好自己着手设计一个小项目，比如简单的静态名片页，静态博客等等。
在没有接触后端的技术前，静态页面是最好的练习。（静态指的是数据不是动态更新的，而是以静态形式存在的）。
同时可以看看如何利用一些静态页面生成器快速搭建一个静态网站。例如，Hugo, Jekyll，…… 一来能偷个懒，自动化一些工作，二来学会看工具文档，最后还能看看自动生成的代码和自己写的有何不同。
之后，选择深入某个或各个方向的技术与工具
选择一个方向先入手。例如前端交互的 React, Angular, Vue，前端样式的Sass, PostCSS等。例如后端服务器技术，nginx, Node.js + express, .NET, ruby on rail， PHP 等。数据库 MySQL, MongoDB, PostgreSQL。甚至全栈的 Django, Meteor等。当然还有Wordpress, Drupal这种针对某些工作可以很方便的工具。
还有很多没提到，也就不一一列举了。选择一个自己感兴趣的或是需要用到的，从一个技术点深入。如果愿意继续学下去，从一个点会很快扩展到全栈的任何一个点。
最后，学习的过程没有最后
网页和Web应用的技术每时每刻都在更新。学习的过程永远不会停止，不仅仅是熟悉工具的使用，更多是自己的思路、经验、开发模式等能力不断成熟的过程。
直到有一天，你可以做到：看到一个需求、一个功能，能立刻找到解决的工具。哪怕是个新的工具从没用过的，也可以立刻看着文档现学现用。这就足够了。