网页设计学习心得

网页设计学习心得

　　篇一：网页制作学习心得

　　网页制作学习心得体会

　　刘少波 2010221111120024

　　转眼间，我已经学习《网页设计与制作》这门课程一个学期了，虽然时间有点短，但是这个学期以后我受益匪浅。

　　记得最初接触dreamweaver的时候，我很茫然。因为以前从来没有见到过这种格式的软件操作窗口和如此多的陌生名词，只能用鼠标到处乱点。并且刚开始几节课，老师并没有给我们讲关于如何去使用这个软件的知识，基本上每几课有90%的时间在给我说一些有关电脑的基本知识和如何学习软件的操作，当时觉得没什么用，甚至有点反感，害怕一个学期以后没什么收获，最后问了一下周围的同学，原来大家都有这样的想法。

　　渐渐的，在老师的悉心教导下，我们开始熟悉这个软件了。然而一个学期也快结束了。最后几节课，老师布置了一个任务，要求做一个网站。虽然学了一个学期，但是我觉得我的能力完全没有这么高，做个网站真的很不容易。

　　最开始是确定主题。我一直都想不出应该做一个关于什么的网站，一次，一个朋友告诉我她在省博物馆，叫我帮她查一下勾践剑在哪个展厅。打开百度，我以外的发现省博物馆的网站进不去，于是突然想到可以做一个与博物馆有关的网站。于是开始收集各方面的资料。

　　确定了主题就开始布局了。最开始使用了一个表格，然后在表格内进行拆分合并处理，接着就把通过ps处理出来一个版头并且把修改过大小的图片放进去了。预览时，问题出现了，发现版头与下面的图片文字之间出现了很大的一段距离，但是在软件中已经把距离缩小为0了，多次尝试后没有效果。最后想到可以另外再加一个表格，把版头放在一个表格内面，这样问题就解决了。预览是效果还不错。

　　但是总觉得首页做得太普通，一次浏览学长做的网页时，觉得他们的文字滚动窗口做得效果做得不错，于是想借见一下。就决定把自己网站的左边修改修改。复制了他的代码，把上面的内容修改成我的网站需要的文字。本以为可以轻松的完成，但是却出现大问题了。因为需要滚动的文字占的空间太大，把左边的那部分表格全部占满了，而在实际的网页预览中，这个有文字滚动的框只占了左边的

　　三分之一，左边有三分之二留白了。我就想可不可以把文字这样一层层的放在上面，试了很多方法，在网站查了很多资料，可能因为没有专业术语作为搜索的关键词，查不到任何相关的资料，试过div标签，试过不停的拆分表格，最后还是没有效果。就这样试着试着，突然想到了层这个概念。于是在布局中点击了绘制层，结果成功了，经过一些加工，终于成功的完成左边的布局。

　　印象还比较深刻的是插入声音，记得老师曾经给我们讲过很多次怎样插入声音，可是等到自己做网页的时候却忘记了，于是问其他人，结果居然都忘记了，

　　于是自己在百度上收。最后终于找到了一个可以使用的代码，但是在加入声音路径时出现了问题。在属性内加入源文件，结果就是加不进去MP3的音乐文件，然后自己就尝试加入了一个视频，记下了路径格式，然后照着这种格式写下了指向声音源文件的路径，最后成功了。

　　在设计过程中还出现了很多的问题，但通过看书，上网查询，请教同学等方式，不断的学习、解决、提高，设计出的网页不论是外观还是内容，都在不断的进步、改善。可以说在自己动手，不断实践的过程中，网页设计水平得到了很大的提高。就我而言，也在学习网页中总结了如下经验。看书不要过多，看一本就可以了。关于网页设计的书太多了，每本书里的内容也太多了，林林总总的，而且有些乱。书看多了，花的时间比较多。我觉得想学基本技巧的应该不用太多地看书。.初学者要清楚地了解网页制作的基本流程。就是第一步做什么,下一步又该怎样。从绘画网页框架图到最后发布网站，大概是怎样的一个过程，怎样实现的，应该要心里有数。.按流程的顺序学习，不要试着先把所有做网页用到的软件都吃透了再开始做网页。应该边学边尝试。注意代码。尽管我们对代码还不熟悉，但完全不懂代码的话做网页还是比较困难的。至少要看到代码知道大概是怎么一回事。平时浏览网页时多多留意别人的设计和效果，多收集有用的信息。这方面我们还是刚刚开始的。有必要借鉴一下。要细心和耐心。这两个不用多说啦，做什么事情都应该这样吧。网页设计更是这样，比画画，十字绣更要细心和耐心。因为网页设计很多时不是你构思好要弄成怎样就可以很轻易地做出来，要多多思考和分析。

　　总体来说，通过今次的对网页设计的学习，有收获也有遗憾、不足的地方，但我想，我已经迈入了网页设计的大门，只要我再认真努力的去学习，去提高，

　　凭借我对网页设计的热情和执着，我将来设计出的网页会更加专业，更完善。

　　篇二：网页设计学习心得体会

　　网页设计学习心得体会

　　这两个星期是我们的网页设计实训时间，这正是考验我们实力的时候了。

　　经过一个学期的网页设计的学习，我们的专业基础更加扎实了，我们对于自己的专业学习更加有信心了。一开始对于网站设计我是抱着好奇以及兴趣认真地学习，刚开始接触网页设计会觉得很神奇，平时上网接触到的网页可以通过自己的努力来建成。一心想着设计一个美观大气的大网站，可以与其他网站媲美。对于我这种初学者，有这种天真的梦想促使我更努力的学习网页设计。

　　平时老师授课，讲解了有关网页设计的理论知识以及实际操作的示范。网页设计更着重于实际操作，我们在机房通过每次上课的学习运用，已经有了一定的基础。一开始我们都是看着别人的网站去模仿建设，到后来每个人在设计自己的网页时都有自己的人个人风格，这就是网页设计的乐趣。他不仅可以激发同学们的兴趣，还可以把自己的风格更大胆地展示出来，是一个可以展示自我的空间，使我们更有成就感。

　　这两个星期我们实训课让我们更清楚地认识到自己的建站水平。实训任务是建立自己班级的网站，刚开始觉得两个星期足够我们去建成一个网站，但是我们都太高估我们自己了。一开始设计网站时不知道从何下手，之前老师上课讲的知识一时不知道怎么灵活运用起来，我才发觉对我软件功能的不太熟悉，除了基本的框架构建，其他的设计都需要比较长的时间去思考以及翻查书本。但是同学们都很积极地向老师提问，把自己存在的问题一一的解决掉。虽然建立网站不是很顺利，也只有这样我们才可以正视自身，把平时半桶水的听课方式给改掉。在这次的网站建设过程中，我发现自己对于知识不能灵活运用，不能巧妙地结合起来，对代码的不熟悉，这更加是一个大问题。建站过程中会遇到代码出错，代码位置写错之类的问题，当测试的时候出现了错误但是不能看懂出错原因，只能靠网上搜索。因为对于这种程序的东西我会比较抗拒，从小就不喜欢思维性太强的学习，所以建站会遇到比较多这种问题，但是我只能积极去面对才能完成任务，毕竟这是我的专业，为了专业而专业，不能说不喜欢就不愿意去学，这次实训我反省了自身的存在问题。我们建立网站的时候都发挥自己的创新力、想象力，用心地完成这个大项目。会遇到很多的问题，经常因为一个细小的步骤而出错，做动态网页的时候会遇到更多类似的问题，通常都会花费我很多时间来解决出错原因。打个比方，我会一个上午都在弄留言板，因为不知道出错原因，当请教老师或是同学的时候才恍然大悟，原来是这么简单的。当然，最终可以解决困难我还是很欣慰的。

　　当我真正建立起自己的网站的时候，我看着自己的作品非常地兴奋，这是我用心血完成的只属于自己的网站，特别地欣慰。因为过程的困难，我更加珍惜自己第一次的作品，做每一步都会小心翼翼，就像母亲生怕会失去自己的孩子一样，我就是这样的感受。

　　我可以说网页设计给了我很大的收获，我是用我的热情去学习，也是用我的真心去设计，属于自己的东西永远是最美好的。网页设计不是用嘴巴就可以设计的，更需要的我们的坚持、创新、用心，才能收获更大的胜利。

　　篇三：《网页设计与制作》学习心得

　　《网页设计与制作》学习心得

　　说实话，短短三个星期能将《网页设计与制作》这本书粗略的学完，简直有点不敢相信。不过能懂得基本的框架和思路，这一点在以后的学习过程中是非常有帮助的。

　　其实买电脑的时候就装上了网页四剑客，可能稍微接触多一点的子软件是《Flash CS3》，但吕老师和我们谈及用《Dreamweaver》制作网页的时候，感觉有点茫然。

　　一开始老师并没有详细的介绍软件的使用，只是强调建立的主要部分：新建站点。其中images、index两个单词要牢记。因为这个是以后网页建设的主要部分。随后布置的作业中强调了表格插入的重要性。

　　学习与实践环节

　　第一部分：家庭作业是进行简单的网页制作，以书本上的百川商城为例，按照步骤，新建站点，创建名为images的文件夹及名为index的空白HTML文档，各边距设置为0。值得注意的是，在创建文档前就要规划好将文件保存的具体位置。在文档中添加表格，首先以一行一列、800像素、变宽粗细为0、单元格边间距为0为目标建立对象，为了显示的效果更佳入眼，我们将表格居中对齐，再插入4行一列的表格，俗称表格嵌套，第一行分为两栏用于制作logo和banner，可以根据图片的像素设置好宽和长，第二行为导航栏，第三行为页面内容，第四行为版本信息。这些就是我们平常浏览网站的基本布局，将不同的内容放在网页的不同位置，目的是使得浏览者能轻松准确的获取网站所要表达的信息。做好上述准备工作，就要在表格中添加素材，可以根据常用菜单栏进行要求的填充和写入。本作业时详细的指导我们完成第一个网页制作，其中涉及了表格、文字、图片及水平的应用，对于各自的使用，老师均作了很详细的图文并茂的介绍，布局时要先确定网页的分辨率及灵活度调整等。我们在这个简单的网页设计与制作过程中也学到了很多知识，学到了很多操作。

　　第二部分：学习的是主页面设计与制作，我就不过多的谈论步骤了，这个项目制作中使用了布局表格的嵌套功能，这将有利于页面内容的布局和定位，运行网页时整体不会出现异常情况，使页面与当初设计的样式相同，另外，为了使当浏览器大小改变时对页面布局不产生影响，一定将表格宽度设置成固定宽度。

　　第三部分：讲述了CSS与层与子连接的使用，这个是学习网页制作个人认为最难的部分，但对于一个普普通通的网页，通过给这个文件添加CSS规则，可以得到十分美观的网页。使用CSS样式可以对网页中的文本、图像、超链接、表格等各种网页元素的显示属性做出非常精细的设置。使用CSS设置页面格式时，内容与表现形式是相互分开的，可以统一定制多个网页的页面布局和页面元素的一致外观，提供了便利的更新功能。子连接就是我们平常进入网站的子业部分，将子业部分与CSS相结合，能够统一网页风格，吸引更多的浏览者。第四部分主要讲述表单页面设计与制作及课外扩展，因为这部分相对而言简单，所以不过多的介绍了。

　　在设计过程中肯定存在着许多的问题，但通过看书，上网查询，请教同学等方式，不断的学习、解决、提高，设计出的网页不论是外观还是内容，都在不断的进步、改善。在自己动手，不断实践的过程中，网页设计水平得到了很大的提高。就我而言，也在学习网页中总结了如下经验。初学者要清楚地了解网页制作的基本流程。就是第一步做什么,下一步又该怎样。绘画网页框架图，大概是怎样的一个过程，怎样实现的，应该要心里有数。按流程的顺序学习，不要试着先把所有做网页用到的软件都吃透了再开始做网页。应该边学边尝试。平时浏览网页时多多留意别人的设计和效果，多收集有用的信息。这方面我们还是刚刚开始的。有必要借鉴一下。要细心和耐心。因为网页设计很多时不是你构思好要弄成怎样就可以很轻易地做出来，要多多思考和分析。

　　总体来说，通过选修课对网页设计的了解与学习，体会有很多，有句话说得好“没有做不到，要善于吸取别人的优点，努力的赶上。要是你觉得在他的优点这方面做的没他好，你可以选择怎样的去用他的优点来为你服务，千万不能想着孤僻自己，独善其身或是有“个人自扫门前雪，莫管他人瓦上霜”的心理。我们要学会团队合作的精神。这点不过我们在这方面上不能忽视，什么地方我们都用的到。

　　耐心、细心、思考、分析是我这次选修课程最大的收获。

本文来源：https://www.2haoxitong.net/k/doc/df2405129a6648d7c1c708a1284ac850ac02043b.html