学习网页设计心得体会

HTML的历史最早可以追溯到20世纪40年代。在1945年，Vannevar Bush在一篇文章中阐述了文本和文本之间通过超级链接相互关联的思想，并在文中给出了一种能实现信息关联的计算机Memex的设计方案。随后经过一系列的发展研究，1989年Tim Berners_Lee对SGML做了大刀阔斧的简化和完善，穿凿了最初的HTML，并用它在自己编写的图形化Web浏览器上看得到最早的web页面。

而现在的网页设计伴随着网络的快速发展而快速兴起，作为上网的主要依托，由于人们使用网络的频繁而变得非常重要。生活中我每天上网都要接触到网页，原来没有留意过网页的设计，直到这学期学习了网页设计基础这门课程，我才注意到原来一个网页的制作需要用到很多知识与技术。经过这段时间的学习了解，现在我打开一个网页都会习惯性的先看看排版、布局和色彩运用。

初期的网站都是由静态网页组成，网页中只有文字、图形、图像等，用户只能被动的接受这些信息。那时的web页面的核心是HTML，它编写很方便，不要求有特定的语言环境，可以有任何一种编辑器写好（如word、写字板、记事本），然后可以放到浏览器观看结果。现在HTML已经有很多专门的编辑软件，如Frontpage、Hotdog、Dreamweaver等。

通过老师的讲解、对课本的翻阅、以及同学的互相帮助，我学习到了一些关于建设网站和制作网页的知识，对网页制作的基础知识也有了一定的掌握。通过dreamweaver制作网页，我用到了一些基本的功能：图片插入和对齐设置；文字的格式、颜色、背景颜色的设置等。但是在自己尝试着做的时候，总是出现这里那里的问题。不是图片不能固定在自己想要的位置，就是滚动文本的显示区域不知道为什么撑过了页面，还有就是不同分辨率、不同浏览器都会对浏览网页产生影响。而且在css方面，我总是不太熟悉各种代码是控制哪些东西的。

页面设计应以美观、大方、简洁为原则，保持一致的风格。为了达到最佳的视觉表现效果，应讲究整体布局的合理性，使浏览者有一个流畅的视觉体验。网页最主要的功能就是给每个上网者提供一种形式，让他们能够了解网站提供的信息。要研究网页设计，就需要站在用户的角度来看。用户是一个网站成败的关键。如果用户要花很多时间进入网站，很有可能他会立即关掉网站，或者网站操作很不方便用户也会马上离开，这种网站是很失败的设计，只会让用户失望的离去。

而在学习网页设计基础课程之外，我还会寻找一些与网页设计相关的书籍来深入了解HTML的同时也拓宽自己的知识面。一本好的书籍不仅可以丰富我们的知识、拓宽我们的眼界，而且其可以在我们日常生活中遇到问题时没准我们可以在书上找到答案。根据本次课程我一共借阅四本相关书籍：《HTML+CSS+DIV网页设计与布局》《网页制作三合一培训教程》《网页设计与制作教程》《网页设计与制作》

首先我要介绍的是《HTML+CSS+DIV网页设计与布局》这本书，其以HTML语言为基础，围绕最新的CSS技术精髓展开深入讲解，它主要介绍了认识网站开发、网页文字和图片、超链接、表格、多媒体、滚动字幕、列表、表单、框架、设置文本样式、设置网页背景样式、设置边框和边距样式、设置表格和列表样式、控制元素布局、网页布局与设计技巧等。我了解了在网页设计中运用CSS和DIV的好处，比如：使用了DIV+CSS制作方法，在修改页面的时候更加容易省时。根据区域内容标记，到CSS里找到相应的ID，使得修改页面的时候更加方便，也不会破坏页面其他部分的布局样式。保持了视觉的一致性；以往表格嵌套的制作方法，会使得页面与页面，或者区域与区域之间的显示效果会有偏差。而使用DIV+CSS的制作方法，将所有页面，或所有区域统一用CSS文件控制，就避免了不同区域或不同页面体现出的效果偏差。

当然了，并不是说它就是完美的，它也是有缺点的。所以我们在使用DIV+CSS的时候需要通过不断的实践和体检，积累丰富的设计经验，根据自己的需求在恰到好处时使用才能很好的掌握这门技术。

其次是《网页制作三合一培训教程》，其全面介绍Dreamweaver MX 2004，Fireworks MX 2004，Flash MX 2004等三个软件的各项功能与基本技巧。具体介绍：第一章为网页知识的综合概论。第二章到第四章介绍Dreamweaver MX 2004，从初级入门到复杂效果的实现都进行了深入浅出的介绍。第五章到第八章介绍Fireworks MX 2004，将这一图形处理软件的各个功能都予以研究。第九章到第十一章介绍Flash MX 2004，让我短期速成了解了Flash动画的制作。第十二章和第十三章制作了两个综合实例，更注重三个软件的整体性，综合运用前面学习到的各种技术，并加以灵活运用，更加上大量高级技巧，让我顺利建造各种类型的网站。

然后是《网页设计与制作教程》，主要阐述Interact网页的制作方法，并简单介绍动态网页编程工具。它的内容包括了：WWW概述，网页制作概述，使用DreamweaverCS3制作网页，使用ExpressionWeb制作网页，使用PhotoshopCS3美化网页，FireworksCS3，FlashCS3，网页标记语言HTML、DHTML与CSS，网页编程，网站建设实例。我学到了新的美化网页的方法，运用了更多以前未运用的技巧。这使我学到了更多的知识，并且为我自己在制作网页这方面积累了一些。这些将是我人生中的一次重要的经历，将是我今后走上社会后的一笔巨大的财富。

最后是《网页设计与制作》，介绍了网页设计涉及的基本概念、网站开发的技术层面及工具，并提供了一些典型的网页实例，使学习者具备一定的网页设计知识。重点介绍HTML语言和JavaScript语言，使学习者能够掌握两种语言的代码使用方法，并能根据网页开发的需要，合理使用这些语言。同样，介绍了网页编辑软件Dreamweaver CS4、网页图像处理软件FireworksCS4和网页动画制作软件Flash CS4的基本使用方法。我明白了学习网页设计也需要兴趣和耐心，网页设计应该注重实用性。学习到了一些关于建设网站和制作网页的知识，对flash也有所了解。通过对这本书的阅读，我对计算机有了更深层次得到了解，也有了更浓厚的兴趣。尤其是对网页制作的过程与一些技巧手法更有了另外一番了解，对网页制作的基础知识也有了一定的掌握。

通过对网页设计书籍的翻阅，我学习到了一些关于建设网站和制作网页的知识，在实践查阅资料时，对flash也有所了解。我还了解了一些基础的网络技术。在这个过程中，我同样认识到网页设计不是一门学科的独秀，而是多种课程的综合。同时在制作一个网页时我了解到一个优秀的网页设计应该具备一些基本原则。首先，要确定网页设计的内容一个优秀的风站要有一个明确的主题。其次，要了解你网站所在行业的客户，及你的网页属于哪个类别。内容是整个网页的核心，在网页设计之前必须明确网页的内容安排。

不知不觉，我已经学习《网页设计与制作》这门课程将近一个学期了，虽然时间有点短，但这一个学期以后我却受益匪浅，不仅让我全面的、系统的学会了页设计与制作的基础知识，还让我学会了自己动手去制作属于自己的网页，这对于我来说是很值得高兴的，能让我在以后的工作生活中更好的展现自己。我在设计过程中也出现了很多的问题，但通过看书，上网查询，请教老师等方式，不断的学习、解决、提高，设计出的网页不论是外观还是内容，都在不断的进步、改善。可以说在自己动手，不断实践的过程中，网页设计水平得到了很大的提高。

当然，我对于网页设计软件的强大功能运用得还不够。在网页设计过程中，由于没有网页制作代码的知识，所以在设计时也遇到了很多麻烦，有时插入一个特效脚本也是很麻烦。我将在以后的学习过程中不断加强这方面的学习。

当前的软件的功能日趋复杂，不学到一定的深度和广度是难以在实际工作中应付自如的。因此反映出学习的还不够，缺点疏漏。需在加以刻苦钻研及学习，不断开拓视野，增强自己的实践操作技能，为以后能做出出色的网页。

总体来说，通过今次的对网页设计的学习以及书籍的阅读，有收获也有遗憾、不足的地方，但我想，我已经迈入了网页设计的大门，只要我再认真努力的去学习，去提高，凭借我对网页设计的热情和执着，我将来设计出的网页会更加专业，更完善。也希望老师在今后的日子里多指导。