网页设计心得：资料准备、网站规划及页面排版等要点总结
快来阅读，学习网页设计的心得，这里有精心挑选的4篇，其内容是经多美网整理而来，期望能对大伙有所助益。
学习网页设计的心得 篇1
这次实训涉及这门课程的学习，做好一个网页，实属不易，它涵盖网页选题，内容采集整理，图片处理，页面排版设置，背景，外加整套网页的色调等诸多方面。
所以我得出一下总结：
一、 准备资料和挑选符合目的主题的合适素材
制作网页自然是要去收集、筹备资料的，于网络之上多逛逛，瞅见姿色曼妙的网页，予以留存，权当往后自身设计主页之际的借鉴，此外，亦涵盖搜罗美化主页兴许会用到的各类材料，像是背景以及小小的动画图标之类的，能够于硬盘之上构建一个文件夹，细分出“图片、声音、动画”等文件夹，培育浏览网络时目睹具备创意、新颖的图像，便点击鼠标右键存入你硬盘对应的文件夹的习惯，时日一久便拥有了一个颇为可观的图库，等到制作网页之时顺手拿来或者予以修正便成了属于你自己的物品了。
二、 规划好整个网站
应以醒目优先来进行主页设计，要做到令人一眼就能明白，千万别去堆砌过多没必要的细节，也不能让画面变得过于繁杂。记住，页面给予人的第一观感是最为关键的！那在网上四处浏览网站的人数量众多，要是你的主页给人的第一印象缺乏吸引力，那就极为难以让他们深入去观赏，并且他们恐怕就再也不会访问你的网站了。
三、 善用图片，增强艺术效果
我记住了老师讲过的，网页具备迷人之处的其中一点，算得上是它上面能够装点多样漂亮的图片。精美的图片设计，可让自身网页增色许多，使人过目难以忘怀。图片的内容得有一定实际作用，切不可虚饰浮夸，并且还要留意与文字的颜色进行搭配。绝佳的图像集合好看与资讯为一体。
四、善于借鉴他人主页制作中的设计技巧
因为于网络之上借由浏览器去浏览任意主页之际，皆能够查看到该主页制作之时所编写的绝大多数网页编程源代码。所以要是想知悉并掌握一些优秀主页所采用的设计技巧，那就尝试着把其源代码调出，仔细地去揣摩，并且模仿着一步步去实现。
最后感谢老师多日来的辛勤教导!
学习网页设计的心得 篇2
很快地，就来到了期末，学习网页设计的这门课程即将完结，虽说时间略微短些，然而在学习了这几周过后我收获颇多。
记起最开始接触dreamweaver之际，我满心茫然，只因刚碰到陌生软件内心会很惧怕跟不上老师讲课进程。起头的那几节课，老师讲得颇为基础，还能够跟得上，慢慢的老师授课进程开始提速，有点跟不上了，得课后自己去补上，向老师跟周围同学请教。慢慢的，在老师的精心指引下，我们开始熟悉这个软件了。老师布置的首个任务，要求制作一个自我形象网站。鉴于学习时间比较短，老师只要求用PS做好模板就行，任务相对而言较为简单。不过呢，也得要求具备很强的设计感，还要色彩搭配呈现出和谐之态，并且要尽可能地去做成那种既实用又契合实际情况的漂亮网页。
第二个教网页设计的老师，要求相对来讲比较高，要用dreamweaver去做一个比较贴近真实情况的网页，而且还要做一个二级页面，于是就开始去收集各方面的资料，确定了主题后就开始进行布局了，最开始试用了一个表格，然后在那个表格之内进行拆分合并的处理，接着便把通过ps制作处理出来的一个版头以及把修改过大小的图片放置进去了。
中间时段之时进行预览，问题已然出现，察觉到版头跟下面的图片文字之间出现了极为显著的一大段距离，然而在软件里已将距离缩减成零了，历经多次尝试之后却毫无成效。最终想到能够额外再增添一个表格，将版头放置在一个表格内部，如此这般问题便得以解决。预览时效果还算良好。可是始终感觉首页制作得太过平常，某次浏览学长所做的网页之际，发觉他们的文字滚动窗口制作出来的效果颇为不错，于是便想着借鉴一番。随即决定把自己网站的左边予以修改。他的代码被复制了，上面的内容被修改成我网站所需文字。本以为能轻松完成，不过却出现大问题了！
因需滚动文字所占空间过大，将左边那部分表格全然占满，在实际网页预览里，有文字滚动的框仅占左边Oeasy教你玩转网页设计浏览工具建站程序的三分之一，左边三分之二留白，我便寻思能否把文字如此一层层置于上面，尝试诸多方法，在网站查找诸多资料，因无专业术语作搜索关键词，查不到任何相关资料，试过div标签，试过不停拆分表格，最终仍无效果。是这样的，在不断尝试的过程当中，忽然间灵机一动，想到了层面这个名词概念。紧接着，在进行页面布局操作时段点击来绘制层面，最终获得成功。此后，经过一系列的精细加工，最终大功告成的完成了左侧一部分的页面布局。令人觉得印象特别深刻的是插入声音这一环节，清楚地记得老师往昔多次向我们讲解过关于怎样去插入声音的具体方法，然而当自己动手制作网页之际却忘得一干二净，于是向其他人进行询问，结果令人意想不到的是大家居然都忘得差不多了，于是自己前往百度进行搜索查询。最终好不容易找到了一个能够实际使用的代码，不过在添加声音路径的时候却意外地冒出了问题。将源文件添加到属性里面，然而其最终的结果却是没办法把MP3音乐文件加进去，随后自己便试着加了一个视频，把路径格式给记录了下来，依据这种格式写下了指向声音源文件的路径，最终成功达成。于设计进程当中还出现了诸多的问题，不过借助看书、上网查找、向同学求救等方式，持续地学习、解决、提升 ，所设计出来的网页不管是外观方面还是内容层面 ，都在持续地进步、改进。能够讲在自己动手、不断实践的进程里，网页设计水平获取了极大的提高。热情和执着，我将来设计出的网页会更加专业，更完善。
学习网页设计的心得 篇3
炎热夏日里，闷热机房内，我们再度完成网站建设实习了。实习这段时间，有好多好多话语想说，都是难受得以至于无法忍受。然而后面再思考思考，经历了苦以后方明白，是有甜滋味的。
在这实习期间，我晓得div是html（超文本语言）里的一个元素，div加cs是一种网页的布局方式，div加css涵盖行内样式，内嵌式，链接式，导入式，css选择器，标记选择器，类别选择器，id选择器，选择器声明，css继承。并且有id与class的区别，id不被允许重复运用，仅能用一回，css规范跟其他规范javascript控制方法相同。
实事求是讲，我对于div+css完全不曾知晓，然而至少我晓得它是网页的一种布局格式、这比全然不了解要好上许多，有话语表明不懂就应当去学，没错，既然选择了这个专业，就绝不能在这个专业方面模棱两可，故而，就需要不断学习再学习，战胜恐惧、树立自信的最为快捷且切实可行的办法，便是去做你所惧怕之事，直至你获取成功的经验。
两周的实训历程，我们经历了前期合同那些洽谈、签订事宜，又历经后期网站的制作、发布过程，此经历让我收获颇丰。它不但使我知晓借助网络去洽谈商务时的礼仪以及细节之处，还让我的网站制作知识，连同技能，都有了极大提升。
开始的时候，我们借助发送电子邮件的方式，去开展网上商务的接洽事宜。但因为没能把工作给做好，对于商务邮件的格式缺乏了解，致使邮件发送出去已经过了很长一段时期，而双方却仅仅只是处在认识的阶段，确切来讲真的是很失败。
拟定合同时，因无法切实满足客户需求，致使一些条款和报价不合理，所以要不停地一次又一次反复修改合同。这主要源于我们不能准确解读客户要求，而且我们拿不出公司为大洋礼品公司网站建设的特色。
刚进入网站制作的起始阶段，因之前从未制作过网页，虽团队定下各个分工，可仍有些许迷茫。公司尚未确定好风格以及大致的布局，而且收集各类资料须有一个时间漫长且过程繁杂的寻觅过程。借助浏览各种各样礼品网站，内心大致就生成了确定的想法以及整体的设计。
我的主要任务包含“诚聘英才”，包含“产品导航”，包含“展会礼品”，包含“广告促销礼品”。我最先着手做的是“诚聘英才” ，我是参照中国电信诚聘英才的首页来做的 ，它看上去制作仿佛简单 ，实际上布局万分复杂且精致。在处理图片时我碰到了诸多困难 ，最为典型的便是有一回我想要在图片里插入文字 ，然而始终没办法插入 ，之后通过向老师请教 ，总算知晓了其中的奥秘。究其缘由乃是图层遭锁定，需再度拷贝图层，于拷贝所得的图层之上方可插入文字，而且文字本身亦是一个图层，其具备可移动的特性。虽说我针对诚聘英才网页投入诸多，然而却未被采纳，与此同时我已然设计了logo，同样也未被采纳。
“产品导航”这个问题，困扰了我一上午，此刻公司首页已然制作完成，它跟合同上的“产品导航”页面的布局是类似的，这致使我一时间很难做出抉择，我是既要设计，又要思考的，此时我为公司定下的色彩风格是红色，我设计的导航栏是交互式按钮，还设计了初始字体、悬停时的字体颜色以及按下时的字体颜色。可这所有的一切都是徒劳无功的，因后续我们把风格设定成了蓝色，且导航栏明确全都采用首页里插入的图片，然而我觉着这般存在些不妥之处：像是它没办法去设置超链接的字体颜色，这可是较为不专业的一种表现。团队因为欠缺及时的沟通，致使其他组员一些不错的想法无法得以实施，的确是我们团队协作的一个问题所在处呀。
展会礼品、广告促销礼品因套用相同布局，设计方面不存在难点，只是在该基础上对产品作进一步分类以及搜集图片颇为费神且耗时。我制作这一系列网页时，均格外留意修改网页标题。网页标题极为关键，它是每次打开一张网页时呈现的头标。
再前面的那一个阶段的工作里头，我有着一个不算大的收获，这个收获，是关于图片位置的，实际上，在图片属性当中，图片定位要选择绝对定位，然后，还需要在其下方来输入距离左边以及距离上边的具体数值才行，这真的是一种相当不错的办法。
在后期，当我们着手进行每个人所制作的网页整合工作时，碰到了诸多问题。起初，我们觉得超链接是能够进行整合的，然而事实并非如此，超链接的整合只能在一个文件内部来操作。当时，已经耗费了一天的工时，可是直到晚上的时候才发觉，问题并非仅有这一个，每个人所做的网页都是保存在网站文件夹之下的，而最终上传到服务器上的时候，只能存在一个网站文件夹。所以，后来我们组有三个人进行了加班熬夜。原本觉得这样大概就可以了，然而当我们借助windowsxxiis里的默认web站点把网站上传去进行本地调试时，却发觉全部网页导航栏的图片都没法显示出来，部分超链接也没办法连接，这可让我们有点慌了神。经过向老师打听，晓得或许是图片命名方面的问题，web服务器识别不了用中文命名的图片，而且网页也得命名成英文才行。于是我们又忙着去修改图片以及网页的名称。由我制作的展会礼品，其网页都被放置于private文件夹之下，这致使所有想要连接到展会礼品首页的操作皆无法开展。我首要务必把private文件夹里的网页全都剪切出来，还要检查超链接，而这一切唯有在frontpage文件夹试图的状况下才能够施行。与此同时还得在http上予以检测，进而做及时的修正。超链接检测乃是我展会礼品网页的一个关键问题。公司主页里名为“展会礼品”的选项，一直没法连接至“展会礼品首页”，多次去做超链接操作，始终不能成功，实际上，是我所连的超链接路径有误，实际上，我需依据浏览器显示的无法连接的网页路径，来对超链接作出修改。
历经这般调试、测试之后，网站没出现图片显示不出的情形，也不存在超链接无法进行连接的状况。
在互联网愈发深入生活各个角落的时代，网页的表现形式恰似往昔书本中的文字，传达着网络语言，每一条线传递给阅读者一种感觉，每一个色块传递给阅读者一种感觉，每一种版式传递给阅读者一种感觉，每一种组合传递给阅读者一种感觉。实际上，网页的表现形式已然是互联网极为关键的元素。它是一项具备创造性、能带来成就感的工作。
学习网页设计的心得 篇4
经历了一个学期的网页设计学习之后，我们的专业基础变得越发扎实了，我们对于自身专业学习愈发有信心了。最初的时候，对于网站设计，我是怀揣着好奇以及兴趣认真去学习的，刚一开始接触网页设计，会感觉十分神奇，平日里上网所接触到的网页能够凭借自己的努力给建成。满心想着去设计一个美观大气的大型网站，能够和其他网站相媲美。对于像我这样的初学者而言，有这种天真的梦想推动着我更加努力地去学习网页设计。
平常老师授课，讲解了涉及网页设计的理论知识，进行了实际操作的示范。网页设计更侧重于实际操作，我们于机房借助每次上课的学习运用，已有了一定基础。起初我们都参照别人的网站去模仿建设，到后来每个人在设计自己网页时都具备自身个人风格，这即网页设计的乐趣所在。它不但能够激发同学们的兴趣，还能够更大胆地展示自身风格，是一个能够展示自我的空间，让我们更具成就感。
当我切实地建立起属于自己的网站之际，我望着自身的作品，满心都是兴奋，毕竟这是经由我倾注心血才完成的、独独属于我的网站，心中充斥着特别的欣慰。由于过程存在困难，所以我愈发珍视自己首次完成的作品，做每一步操作时都会谨小慎微，仿若母亲那般生怕会失去自己孩子似的，我便是怀有如此这般的感受。
我能够讲网页设计给予了我极大的收获，我是以我的热情去开展学习，并且是以我的真心去进行设计的，归属于自身的事物向来都是最为美妙的。网页设计并非仅靠嘴巴就能完成设计的，更为需要的是我们具备坚持、创新以及用心的品质，才能够收获更为巨大的胜利。
请小编喝杯咖啡吧！