学习网页设计心得体会

文学网整理的学习网页设计心得体会（精选5篇），供大家参考，希望能给您提供帮助。

学习网页设计心得体会 篇1

随着学习进度的逐渐加快，学习的内容也逐渐开始变多、变难，不再像一开始那样老师一讲完就可以马上上手把网页做出来。自然而然的，在制作网页的时候也不再像一开始那样顺利，总会出现各种各样的错误。不过对于学习上的问题，老师在课堂上也会尽可能地为我们解答，并且为我们提供了很多练习的机会，这使得我即使在面对一些困难的问题时，也能沉着地应对。

不过课堂时间毕竟是短暂，仅仅靠一周两个课时的课堂学习时间想要把网页设计制作完全学习得很好是不可能的事。再者网页制作在我看来是一门实践重于理论的科目，如果仅仅学习了理论知识却不付诸实践，那对学习实际上是毫无助益的。因此在课余的时间里，老师给我们布置了与所学内容相对应的课外作业。在完成课外作业的时候，如果遇到了难以解决的问题，我会回顾老师上课时用的课件寻求解决的办法，与此同时，也在间接地巩固知识。

因此，尽管过程并不都是一帆风顺，但经过本学期的学习与实践，我也逐渐掌握了网页设计制作的一些基本技能与知识。虽然明年就大四的我以后大概是不会再像这个学期那样有学习网页制作的课程了，但我会利用课余时间通过自学了解、学习更多关于网页设计制作的知识，掌握网页设计制作的技能的。

自己怎么制作简单网页

首先在设计制作网页之前，你要却确定你的网页内容是什么?一个网站必须要有一个明确的主题。特别是对于个人网站，必须要找准一个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。主题要鲜明，在你的主题范围内内容做到大而全、精而深。然后针对你的内容找到相关的资料。接下来就是具体的制作步骤了：

第一步：创建一个文本文档 你需要创建一个文本文档包含单词，你想要出现在您的Web页面。只要你给你的文档名称结尾，大多数文字处理程序将会工作的很好。思考逻辑的地方插入你的文本。

第二步：学习基本的HTML标记 现在您需要插入一些格式化标记你的文档，会告诉一个互联网浏览器如何安排你的文字和图片在屏幕上。这些标签组成一个语言称为超文本标记语言，或者HTML。

第三步：查看一个示例Web页面

你或许在阅读会感到有点困惑，这是为了看一个实习的HTML文档更简单，然后看看它是怎么被翻译成一个Web页面。您可以查看“源文档“后边的任何Web页面将“视图”菜单(在Safari——其他的浏览器或许略有不同)并挑选“查看源代码。“当你这样做时，你会看到文档和HTML标签，创立页面当时在你的浏览器窗口。

第四步：获得电子图像 如果你还没有制作主页的图像文件，您可以下载一些来自其他Web页面。用你的常识来决定哪些图片你可以使用，哪些你不应该。根据什么样的电脑和浏览器你正在使用，你必须使用一种稍有不同的程序下载到你的硬盘映像。这里可以使用Safari浏览器: 使用鼠标指针的位置在图像——按住鼠标按钮并拖动图像到你的计算机的桌面——放开按钮，您将看到一个小图标。这时图像已经下载到你的硬盘。确保你的文件名称和格式——点击图标来查看图像，因为它将出现在您的Web页面。

第五步：插入HTML标签

如今您现已准备好插入格局符号在您自个的文档。记住要开始您的文档与< html >和完毕它与< / html >。你类型符号之间的<标题>…< /标题>将出如今你正在阅读网页阅读器窗口的顶端。

第六步：查看和编辑您的页面

保存您的.文本文档和返回到浏览器。在文件菜单中，选择“打开文件…”或“另存为…”。从那里你应该能够找到你的文档的名称并点击“开始”。你的文档将会出现在你的窗口，看起来就像个网页了!

第七步：上传

您需要有一个互联网服务提供商，允许您将您的网页页面在一个服务器上，这样其他人能够阅览它。假如没有，您能够继续操练与文件在您的计算机的硬盘。能够找到一些其他网站的页面相关的一些办法。他们可能会添加一个链接到你的页面注册您的网站查找引擎如google或雅虎。一旦你添加你的URL其间一个数据库，感兴趣的人通常主题你的页面将得到一个清单，你的网站当他们做一个查找。

另外，这边有一些软件可以利用，一款功能强大、使用简单的软件往往可以起到事半功倍的效果。比较常用的优秀软件有Dreamweaver和Frontpage，如果你是初学者Frontpage20xx是首选。除此以外还有Photoshop、Photoimpact等。另外还有一些能够用于动态网页设计的软件。那么，有了这些，即使不同网页设计的菜鸟们也可以按照规划一步步地把自己的想法变成现实了，快快尝试一下自己制作网页吧!要记得，网页做好之后，还要不断地进行宣传，这样才能让更多的朋友认识它。

学习网页设计心得体会 篇2

从开始的实习，让我体验到这个暑假回会过得更有意义，会特别漫长特别充实。的确学习是一个漫长的过程，学习要耐得住寂寞的抵住诱惑。

通过这次的实习，不仅让我觉得我应该改变自己的内向，学会转变与人主动交流，才能解决问题，让我觉得设计还是不错的，但是自己的专业真的很需要培养与加强，感觉到学校教的和自己学的远远不够。而且在接下来的日子还要规划好自己的未来，才能更好得在岗位上发挥自己的才能。

最后感谢av给我这么一个机会，留在公司实习，公司不仅需要各类型的人才，更需要一个有坚定和远见的老板；感谢william，看过头像和手机桌面，女儿很可爱，想必是个和蔼的爸爸，从一开始便觉得他是个很会阅人的hr，但后来才知道是pm，不过没有变的，总是耐心地培养我，给我很多资料和很多网站，提高自己的审美和用户体验感受；感谢mk，认真的时候很认真，玩的`时候还像个大孩子。

喜欢和参数组交流时逗逗我，调剂我，这点我最喜欢了，因为有你们整个公司才显得有活气，没有那么沉闷；感谢kevin，虽然接触不多，感觉他很用心，是市场方面的主管，看的最多就是修空调，快递要发票的时候，会为公司的财政斤斤计较，到后来q总q总得叫我，真不好意思呢；感谢小杨，能够和你愉快的合作。

如果可以我也想学jsp，后来小白走了，你又要一个人辛苦了；感谢aam，强硬的技术支持，我想没有你这位核心人物为公司撑下一片蓝天，可能我们这个产品就很难走下去了；谢谢一起在虎之翼公司里工作的所有工作人员。

我很喜欢你们，喜欢这样的工作氛围，谢谢你们。

学习网页设计心得体会 篇3

一连上了两个星期的页实训课，可以说学到很多以前没有学到的东西。虽然在大一的时候我们的专业出开设了页设计课，但感觉这两个星期学到的远远比以前学一个学期的要多，要丰富。

每一天都有新的内容要学，让人感觉很兴奋，很高兴，恨不得马上就把它给学会。通过这次实训使我更熟练掌握dreamweaver、 flash 、fireworks 、photoshop等软件的功能和应用。不但如此，更增加了同学间的友谊，陪养了彼此间的团结。

在这期间，每一天老师都会发一些素材和实训给我们，首先是页素材的准备，在上查看一些页背景和背景颜色搭配，让我了解到页的颜色不能多过3种色彩。接下来的几天再结合自己的页来进行策划，在做首页之前，先用图纸把页的结构画出来，内容和结构都想清楚用fireworks把页设计出来，再切割图片，把它们导成html格式在dreamweaver中进行进一步的编辑。

我们的站主要是围绕宿舍而展开的一串活动、人物等，宿舍给我们一种很温馨、很快乐的感觉，所以我们决定将这次的页名叫funny room。主题确定了，那么分工出就明确了，我们组有三个人，两个人负责找素材，另一个美术的就负责页的页面设计，但是我们始终不是学美术方面的，所以色彩方面搭配的不是很，后来采用了色彩比较清新自然的绿色来作为首页的主色调，让人第一眼看上去就有难忘的'感觉。而从第二页开始就采用粉色为主色调，让人可以感受到我们的主题，因为首页和其它的颜色不一样，所以我们就把首页当作是过渡页，第二页开始才是页的内容。为了增加页的新鲜感和活泼感，还适当在添加一些透明flash和一些页特效。在这实训的时间里面，我们分工合作，共同努力，对页反复调试和修改，特别是对于fireworks软件不那么熟悉，有很多的实例都要看过老师的演示才会明白，不过这也恰恰让我学到更多。虽然中途难不免会有因为意见的不合而发生一些小小的争吵，但我觉得不影响我们的页设计，反而会因为这些不同的意见而重新学到更多的知识。

学习网页设计心得体会 篇4

跟学习别的东西一样，学习网页设计也需要兴趣，所谓的兴趣也不是三分钟热度，是一种执著。学习网页设计需要耐心，如果你没有耐心，你学不好网页设计，应为当你碰到一个问题时，如果不能立刻得到问题的答案，你可能需要很长时间去解决，我就碰到过一个问题，用了半个月时间才解决。学习网页设计需要坚持，坚持不断的学习，因为设计网页的软件在不断的更新，你不断的学习不要掉入技术的陷阱，你的网页设计技术一流，你对软件的掌握程度已经达到一定水平，但是你设计的网页确不堪目睹，这是因为网页设计是是介于平面设计和编程技术两者之间的"边缘科学."不仅涉及到美学，心理学，平面构成，色彩搭配等平面设计的方面的知识，还涉及到html，javascript，css，asp，php等编程语言技术方面的知识.只有综合运用多种知识，才能设计出视听特效，动感十足，富于个性的web页面，才能全面展现互联网这一新型媒体的独特魅力和多维空间的超强功能.

注重实用，个人认为网页设计应该注重实用性，因为它是让人浏览的'，是用户可以抚摸，可以评论，可以交互的。我提倡简单的美。

申明一点，我也是个网页设计初学者，并不是什么设计名师，这是我个人的灼见。有什么不对的地方，还请大家见谅。

学习网页设计心得体会 篇5

转眼间，已到了期末，学习网页设计这门课程也要结束了，虽然时间有点短，但是学过这个几周以后我受益匪浅。

记得最初接触dreamweaver的时候，我很茫然，因为刚接触陌生的软件心里会很害怕跟不上老师的进程。刚开始几节课，老师讲得比较基础，还能跟得上，渐渐的老师授课的进程开始加速，有些跟不上了，需要下课后自己补上，问老师和周围的同学。渐渐的，在老师的悉心教导下，我们开始熟悉这个软件了。老师布置的第一个任务，要求做一个自我形象网站。由于学习的时间较短，老师只要求用PS做好模板即可，任务相对简单。但也要求设计感强，色彩搭配和谐，并且尽可能的做成实用又符合实际的漂亮网页。

第二个网页设计老师要求相对较高，用dreamweaver做一个比较接近真实的网页，还要做一个二级页面。于是开始收集各方面的资料。确定了主题就开始布局了。最开始使用了一个表格，然后在表格内进行拆分合并处理，接着就把通过ps处理出来一个版头并且把修改过大小的图片放进去了。

中间时预览，问题出现了，发现版头与下面的图片文字之间出现了很大的一段距离，但是在软件中已经把距离缩小为0了，多次尝试后没有效果。最后想到可以另外再加一个表格，把版头放在一个表格内面，这样问题就解决了。预览是效果还不错。但是总觉得首页做得太普通，一次浏览学长做的网页时，觉得他们的文字滚动窗口做得效果做得不错，于是想借见一下。就决定把自己网站的左边修改修改。复制了他的代码，把上面的内容修改成我的网站需要的文字。本以为可以轻松的完成，但是却出现大问题了。

因为需要滚动的文字占的空间太大，把左边的那部分表格全部占满了，而在实际的网页预览中，这个有文字滚动的框只占了左边Oeasy教你玩转网页设计浏览的工具建站程序三分之一，左边有三分之二留白了。我就想可不可以把文字这样一层层的放在上面，试了很多方法，在网站查了很多资料，可能因为没有专业术语作为搜索的关键词，查不到任何相关的'资料，试过div标签，试过不停的拆分表格，最后还是没有效果。就这样试着试着，突然想到了层这个概念。于是在布局中点击了绘制层，结果成功了，经过一些加工，终于成功的完成左边的布局。印象还比较深刻的是插入声音，记得老师曾经给我们讲过很多次怎样插入声音，可是等到自己做网页的时候却忘记了，于是问其他人，结果居然都忘记了，于是自己在百度上收。

最后终于找到了一个可以使用的代码，但是在加入声音路径时出现了问题。在属性内加入源文件，结果就是加不进去MP3的音乐文件，然后自己就尝试加入了一个视频，记下了路径格式，然后照着这种格式写下了指向声音源文件的路径，最后成功了。在设计过程中还出现了很多的问题，但通过看书，上网查询，请教同学等方式，不断的学习、解决、提高，设计出的网页不论是外观还是内容，都在不断的进步、改善。可以说在自己动手，不断实践的过程中，网页设计水平得到了很大的提高。热情和执着，我将来设计出的网页会更加专业，更完善。