最新网页设计知识总结(通用13篇)

总结能够理清思路，凝练经验，使得我们的工作和学习更加高效。写总结时，可以借鉴一些优秀的总结范文，学习别人的表达方式和思路。推荐大家阅读以下总结范文，通过学习他人的经验和方法，不断提升自己的写作水平。

网页设计知识总结篇一

1、规划阶段（网站策划）。

2、设计阶段（网页美工）。

3、实施阶段（网页制作）。

从创建站点开始（学会搭建并定义本地站点）。

规划站点结构的原则（用文件夹来保存文档、使用合理的文件名称、首页名称、将本地和远端站点设为同样的结构）搭建自己的网页文件夹比如（images、midea等等）。

创建站点文档（添加文件和文件夹、文件的管理）。

html代码的基本结构（头部、主体）：

….

…

网页设计知识总结篇二

学习如何通过选择正确的格式，来优化网页图片，并确保文件大小在可行的范围你是足够小的。虽然现在人们已经都在使用宽带，但仍然有人是拨号上网。

此外，虽然移动装置技术的普及，但移动装置却不一定支持像宽频一样的速度，图片文件的大小可能还是会延长网页的加载时间，有可能把用户赶走的。

这里有个选择适合的文件格式的技巧：如果图片是单色，那最好保存成png或者gif格式;如果是连续性的色调(如照片)则最好保存成jpg格式。

有很多的工具可以帮助你进一步优化你的图片，降低他们的文件大小。可以参考这个工具列表来帮助优化你的图片。

尽量把图片数量减到最低，并且灵活使用图片，并且尽可能地减小文件大小。如此一来，将可以大大的减少页面的读取时间和改善网页的性能。

2.保持干净和简单(即：简洁)。

一个好的网页设计不光只是看起来好看而已，还要是用户友好型的。通常来说，一个干净、简单的网页设计最终会成为一个可用性高的网页设计，因为它在与用户的交互中不会使其产生混淆。

当页面上有太多的网站功能和组件时，将会分散网站用户的注意力而失去原本浏览网站的目的。

确保每个页面元素都有其目的，然后问自己以下问题：

1.是否真的需要这个设计么?2.这是什么组件是做什么用，它如何协助用户浏览?

3.如果我突然删除这个组件，大多数人会希望它“回来”吗?

4.如何把这些元素和目标、消息和网站的`宗旨互相结合?

此外，尽管它可能是一个超酷的新概念或界面设计模式，但你还是要确保对你的用户而言该设计仍然是方便和直观的。

人们习惯于通用性的交互模式、网站功能、和网络接口，如果你的设计的确很独特，确保它不是太模糊和晦涩。要有创意，但还要保持简单。

3.导航(条/栏)是最重要的设计。

一个网站最重要的部分就是整个网站的导航。没有它，无论在哪个页面中，用户都会发生卡在这个页面离不开的状况。有了这明显的实际方向，我们将讨论一些建构网站导航时重要的点。

首先，在网站的导航结构上，投入足够的时间和很多规划是非常重要的。虽然这是常识，但仍然有很多设计师想当然地设计网站导航。

摆放位置、风格、所用技术(javascript或css)、可用性和网页易读性，这些是你制作导航设计时需要考虑的。

在没有css的状况下，你的导航设计应该也是可用的，这是基于文字基础的浏览器相容性。你可以尽量去嘲笑文字基础的浏览器，但它们在很多的移动设备上还是流行的。也许更为重要的是，对屏幕用户来说(99.99%的情况下)，没有css的导航功能照样可用访问。

在没有客户端技术情况下(如javascript或flash)，导航功能应该容易进入和使用的。用户可能因安全性或公司政策而没有开启或安装。

所以，制定一个导航系统可以放置的良好位置是必须的，例如放在一个显眼可见的地方。一个好的导航功能，只要网页载入就出现，而不需要鼠标再向下滚动。这是为什么页面要保持干净和简单的重要作用，一个复杂且非常规的设计可能会让用户困惑。

哪怕只有一瞬间，用户也必定不会纳闷：“网站导航在哪里?”

最后，对网站建立阶层结构，多层次的管理。确保它在父层与子层之间易于导航。此外，不管在哪一个网页当中，也应该能很容易到达最高层的页面(例如网站首页)。

最主要的目标就是你的网站导航，尽可能减少操作(动作)，努力而让用户到达他想要浏览的内容。

4.明智和有条理地使用字体。

虽然有成千上万的字体，但你真的能用的只是一小部分(至少要等到主要的浏览器完全支持css3)。所以坚持使用网页安全字体。

如果你不喜欢网页安全字体，可以考虑利用sifr或cufon逐步增强的网页设计。

保持字体的一致性，确认标题和段落的内容看起来有所不同。使用空白、调整行高、字体大小和字母间距属性，使用户轻松愉快地阅读和扫描内容。

也许一个网页设计师常常犯的错误就是使用不对的字体大小。因为我们想尽可能的将内容都塞在一个网页中呈现，所以我们有时设置字体大小而让用户感觉到不舒服。

如果可能的话，尽量保持字体大小12像素以上，特别是对段落内容。虽然很多没有遇到因为字体太小而造成阅读上的困难，但是想想老人家、近视眼和其他类似视觉障碍的族群吧。

5.理解色彩无障碍性。

说完字体后，我们还需要指出使用正确颜色的重要性。例如，黑色文字在白色背景，如果使用高对比度，橙色背景上的红色文字会令你的眼睛感到紧张。

此外，使用一些对特殊形式色盲的用户友好的颜色(检查工具名为vischeck，可以测试某些类型的色盲)。

有些色彩组合只适合运用在前景色的部分，而不适合做背景色。举个例子来说，深蓝色的文字搭配粉红色的背景与粉红色的文字搭配深蓝色的背景，都是使用两种一样的颜色，但用在不同的部分则影响了它的可读性和阅读的舒适度。

重要的是，不仅要使用良好的色彩组合，而且要把它用在页面中的合适元素上。

6.知道如何编写代码。

随著各种所见即所得的网页编辑器充斥市场，网页设计已经成为简单的1-2-3步骤就能设计好一个网站。然而，大多数网页编辑器掺杂了不必要的代码，使你的html结构设计不当，难以维护和更新，导致网页膨胀。

通过自己编写的网页代码，能得到简洁的代码，能够愉快方便地阅读和维护。你可以自豪地说是自己写出来的代码。

但知道如何使用所见即所得的ide或预览功能并不会妨碍学习html和css。你要知道发生了什么事情，才能创造有效并高度优化的网页设计。

7.不要忘记搜索引擎优化。

在设计网站时，一个好的网页设计师应该永远牢记基本的seo概念。例如，网页内容结构、用文字表示标题(即网页的标题和标志)。

此时，以前学习的如何合理编码的能力就派上用场。认识正确、语义和基于标准的html/css后，你会很快认识到p比表格布局好得多，不仅更为准确地展现内容，而且对搜索引擎排名也有帮助。另外，知道用css更换背景、文字和图片也是一个好主意。

8.理解人是没有耐性的。

普通人用几秒钟就决定是否要阅读更多网页内容或到另一个网站。因此，作为一个网页设计师，要有个好方法，能在这珍贵的几秒钟鼓励用户选择前者(看更多内容)。

要知道，如果用户在网页头部看不到感兴趣的内容，没有多少人会向下滚动，去查看整个网页的内容。

所以，在网页头部很容易看到的地方放置网站上的重要元素，但也不要过度拥挤在上半部分网页，否则会吓到用户，而不会往下继续看内容。记住上半部分网页设计的卖点：视其为推销员，使人们有购买想法，即他们想在你的网站上看到什么。

9.了解(并意识到)浏览器的兼容性。

当一个网页设计师必须要知道的一件事，就是你的工作环境(浏览器)是挑剔和难以预料的。如果你的网页设计只能运行在的几种网页浏览器，那是不够的，你需要尽可能多浏览器下测试。这里有一款工具browsershots，可以测试浏览器兼容性。

10.使设计有灵活性和可维护性。

一个好的网页设计师可以确保以后可以很容易更新或修改网站。设计一个有可塑性、易于维护的网站，是一个伟大网页设计师的标志。让你的工作尽可能从结构化转向模块化。

网页设计这个行业是动态的，而且还很“年轻”。事情往往在短暂中变化。牢记这种思想，将推动建立更加灵活的网页设计。

网页设计知识总结篇三

一连上了两个星期的网页实训课，可以说学到很多以前没有学到的东西。

虽然在大一的时候我们的专业出开设了网页设计课，但感觉这两个星期学到的远远比以前学一个学期的要多，要丰富。

每一天都有新的内容要学，让人感觉很兴奋，很高兴，恨不得马上就把它给学会。

通过这次实训使我更熟练掌握 dreamweaver、 flash 、fireworks 、photoshop等软件的功能和应用。

不但如此，更增加了同学间的友谊，陪养了彼此间的团结。

在这期间，每一天老师都会发一些素材和实训给我们，首先是网页素材的准备，在网上查看一些网页背景和背景颜色搭配，让我了解到网页的颜色不能多过3种色彩。

接下来的几天再结合自己的网页来进行策划，在做首页之前，先用图纸把网页的结构画出来，内容和结构都想清楚用fireworks把网页设计出来，再切割图片，把它们导成html格式在dreamweaver中进行进一步的编辑。

我们的网站主要是围绕宿舍而展开的一串活动、人物等，宿舍给我们一种很温馨、很快乐的感觉，所以我们决定将这次的网页名叫funny room。

主题确定好了，那么分工出就明确了，我们组有三个人，两个人负责找素材，另一个美术好的就负责网页的页面设计，但是我们始终不是学美术方面的，所以色彩方面搭配的不是很好，后来采用了色彩比较清新自然的绿色来作为首页的主色调，让人第一眼看上去就有难忘的感觉。

而从第二页开始就采用粉色为主色调，让人可以感受到我们的'主题，因为首页和其它的颜色不一样，所以我们就把首页当作是过渡页，第二页开始才是网页的内容。

为了增加网页的新鲜感和活泼感，还适当在添加一些透明flash和一些网页特效。

在这实训的时间里面，我们分工合作，共同努力，对网页反复调试和修改，特别是对于fireworks软件不那么熟悉，有很多的实例都要看过老师的演示才会明白，不过这也恰恰让我学到更多。

虽然中途难不免会有因为意见的不合而发生一些小小的争吵，但我觉得不影响我们的网页设计，反而会因为这些不同的意见而重新学到更多的知识。

我利用寒假的时间，对网页设计进行了初步的认识和了解，并基本掌握dreamweaver的应用。

通过对网页设计书籍的翻阅，我学习到了一些关于建设网站和制作网页的知识，在实践查阅资料时，对flash也有所了解。

我还了解了一些基础的网络技术。

通过学习，我对计算机有了更深层次得到了解，也有了更浓厚的兴趣。

尤其是对网页制作的过程与一些技巧手法更有了另外一番了解，对网页制作的基础知识也有了一定的掌握。

在这个过程中，我同样认识到网页设计不是一门学科的独秀，而是多种课程的综合，他是、flash、fireworks等网页软件的综合应用。

下面阐述一下我在翻阅《dreamweaver》时的一些关于网页设计的见解。

在具体的制作一个网页时我了解到一个优秀的网页设计应该具备一些基本原则。

首先，要·确定网页设计的内容一个优秀的风站要有一个明确的主题。

整个网站围绕这个主题,也就是你在网页设计之前要明确你这个网站有什么目的,用来做什么，所有页面都是围绕着这个内容来制作，有了明确的内容对排名有很重要的作用;其次，要了解你网站所在行业的客户，及你的网页属于哪个类别。

用户是一个网站成败的关键,如果用户要花很多时间进入你网站很有可能用户会立即关掉你网站,或者你网站操作很不方便用户也会马上离开,这种网站是很失败的设计,只会让用户失望的离去.

在完成以上的基本内容之后网页的基本框架便成形成了，

下面要开始的便是优化工作，

内容是整个网页的核心。

在网页设计之前必须明确网页的内容安排。

优秀网页设计是要建立在平凡的基础上的。

然后在具体的规划一个网页时，可以用树状结构先把每个页面的内容大纲列出来，尤其要制作一个大的网站 (有很多页面) 的时候，特别需要把这个架构规划好，也要考虑到以后可能的扩充性，免得做好以后又要一改再改整个网站的架构，很浪费时间和财力。

大纲列出来后，还必须考虑每个页面之间的链接关系。

是星形，树形，或是网形链接。

这也是判别一个网站优劣的重要标志。

链接混乱，层次不清的站点会造成浏览困难，影响内容的发挥。

框架定下来了，然后开始一步一步有条理，有次序地做来，就胸有成竹得多，也会为主页将来发展打下良好的基础。

下一步，就以动手制作具体内容了，题材选定，框架选定，接下来就开始往主页里面填内容。

如果是个人主页，有能力的人完全可以靠自己来创作所有的内容。

大部分人的方法是：从报纸，杂志，光盘等媒体中把相关的资料收集整理，再加上一定的编辑后就可以了。

另外一个好的方法是从网络上收集，您只要到搜索引擎上查找相应的关键字，就可以找到一大堆的资料。

在准备材料的时候我们可以用一些小的动画和动态图片，flash提供了功能齐全的绘图和编辑图形工具。

可以直接在编辑区里绘画，编辑修改非常灵活，它的另一大特点是“交互性”强。

在动画播放时，可以用鼠标或键盘对动画的播放进行控制，效果可以很直观的反映出来。

然后是开始正式制作主页。

通过dreamweaver作为制作软件，只需要用到软件中的一些基本的功能：图片插入和对齐设置;文字的格式、颜色、背景颜色的设置等就可以制作出一个简单的网页。

总体来说，通过这个假期对网页设计的学习，有收获也有遗憾。

但是，我已经迈入了网页设计的大门，只要我再认真努力的去学习，在今后的闲余时间学习制作网页的更多知识以实现自身技能的提高，我坚信将来设计出的网页会更加专业，更加华丽，使它最终成为自己的一项技能。

网页设计知识总结篇四

?跟学习别的东西一样，学习网页设计也需要兴趣，所谓的兴趣也不是三分钟热度，是一种执著。

?学习网页设计需要耐心，如果你没有耐心，你学不好网页设计，应为当你碰到一个问题时，如果不能立刻得到问题的答案，你可能需要很长时间去解决，我就碰到过一个问题，用了半个月时间才解决。

?现互联网这一新型媒体的独特魅力和多维空间的超强功能.注重实用，个人认为网页设计应该注重实用性，因为它是让人浏览的，是用户可以抚摸，可以评论，可以交互的。

  我提倡简单的美。

?申明 我也是个网页设计初学者，并不是什么设计名师，这是我个人的灼见。

  有什么不对的地方，还请大家

??见谅。

真的是万事开头难啊，遇到了很多问题，比如：插入的图片不符合规格，一下子把其他内容的框架挤开;插入的层太多，大一点的就把小一点的给覆盖掉了;插入的flash不能产生效果。

总之问题一箩筐。

实践出真知，原来自己还有那么多欠缺的知识。

于是回归本源，先把课本上的东西弄通再谈其他。

然后又到图书管里借了几本网页制作方面的书籍来参考。

在对基本知识有了详细的了解之后，做起东西来就得心应手多了，知道引导页能过加映像之后，我决定为我的网页设计一个引导页。

然后是主页和二级页面的设置。

要注意,网上只能使用jpg和gif两种图象格式，其他诸如bmp和tif等很通用的格式都不能用在网上,因为它们太大了,但可以用图象软件进行转换，比如office 97的照片编辑器。

把准备在主页上出现的'图象放进相应的目录里后.

在一步一步的边学边做的过程中，看着心中的东西一点一点的出来，真的很有成就感。

虽然自己的网页技术还差的远，但是回顾一下这周真的学到了很多的东西。

网页的调试

之前把作过的东西放到u盘里，发生过图片显示不出来的状况，还好即使找到了解救的方法，把源文件和web页面放到一起这样就算路径改变的话也不会影响页面的效果。

1.讨论网站主题：因为自己对普罗旺斯很感兴趣，于是就想到要是一下为心中的仙境设计一个旅游网站。

2.定位网站ci形象：旅游网站最重要的就是是浏览者产生想去亲身体验一下的共鸣。

于是在网页设计上面，根据普罗旺斯梦幻般的意境，我采用的是清新隽永的ci形象。

使浏览者有宾至如归的感受。

3.确定栏目和板块：

1]首先要考虑整个网页的长和宽，以及长度和宽度之间的比例。

2]其次就应该考虑导航条的设置了。

3]正文的框架设置 (横向因素和纵向因素交错)

在浏览了很多精美的旅游网站之后，再结合自己的想法，我先在草纸上画出了大体的栏目和板块。

4.网站的整体风格和创意：建立一个浪漫的旅行网站，走映像派路线，目的务必使浏览者留下映像。

1.资料的搜集：由于个人的爱好，我很早以前就收集了许多普罗旺斯的美图，这次就方便多了。

接着就搜集了一些有梦幻效果的网页背景，fiash源代码、小图标和一些gif的动画等。

2.熟悉制作工具软件：

主页制作的基本条件有：网页设计实习总结

文件上传软件：常用的有cuteftp、wsftp等。

网页设计知识总结篇五

大家对网页设计了解多少呢?认识多少?知道网面和平面的区别?小编就和大家一起来聊聊网页设计需要掌握什么技巧。

网页和平面印刷使用色彩模式完全不同， 平面后期的实现依赖于印刷，所以采用cmyk的色彩模式;而网页设计根据屏幕显像方式使用rgb格式 。有一些平面设计师用习惯了cmyk 模式，当用cmyk去做banner或者是网页的时候颜色色差很大。

无论是cmyk模式还是rgb模式，同样是为了设计而服务，只要根据设计的需求遵循色彩模式标准就可以了。这也算是在入门网页设计的时候最基础的知识。

在平面设计中会涉及到一些印刷品设计。比如展架、喷绘布、宣传手册、logo设计、dm单、折页、臂贴、地贴、角旗、车贴、海报、等等，一般根据设计需求而设定像素，不同尺寸的平面设计设置不同的分辨率。

设计一个喷绘布，10m长5m宽，那么根据自己的电脑硬件来考虑设置分辨率，一般会选择 30像素、 45像素、 50像素，如果你电脑硬件条件很好则尝试72像素也行(但是那么大的喷绘布好像很少有用这么高的像素)。

当然了设计设置分辨率也不是很绝对的，还要根据情况而定。但是有一个要记住就是：画面越大分辨率的值就相对于越低,画面越小分辨率的值就要相对于越高。

网页设计知识总结篇六

一个网站的设计成功与否是跟用户的体验有很大的帮助的。如果你的网站设计的给人一种视觉错乱的效果，那么说明，你失败了。任何人，包括搜索引擎都非常的喜欢简单大方的页面。设计网站页面的时候应该注意哪些方面的技巧性问题。

1.色彩在网页设计中的作用。

色彩是艺术表现的要素之一。在网页设计中，我们的设计师根据和谐、均衡和重点突出的原则，将不同的色彩进行组合.搭配来构成美丽的页面。

根据色彩对人们心理的影响，合理地加以运用。如果您的企业有ci，我们将按照其中的vi进行色彩运用。

2.简化网页代码。

搭建网页前端的时候，使用有语义的代码。用描述性的标签组织页面结构，可以提高内容对搜索引擎的可读性。这也会让修饰页面的工作变得更简单干净。

3.模块化和可修改性强。

模块化不仅可以提高重用性，也能统一网站风格，还可以降低程序开发的强度。这里就涉及一些尺寸、模数、宽容度、命名规范等等知识了，不再冗述。

无论是架构还是模块或图片，都要考虑可修改性强。举个简单的例子，logo、按钮等，很多人喜欢制作图片，n个按钮就是n张图片。

4.版式设计通过文字图形的空间组合，表达出和谐与美。

多页面站点页面的编排设计要求把页面之间的有机联系反映出来，特别要处理好页面之间和页面内的秩序与内容的关系。

为了达到最佳的视觉表现效果，我们将反复推敲整体布局的合理性，使浏览者有一个流畅的视觉体验。

5.避免使用flash或者图片作导航栏。

flash虽然有着漂亮的效果，但对于搜索引擎优化来说很不友好，因此我们建议不要用flash和图片作为导航。

网页设计知识总结篇七

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

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

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

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

因为需要滚动的文字占的空间太大，把左边的那部分表格全部占满了，而在实际的网页预览中，这个有文字滚动的框只占了左边oeasy教你玩转网页设计浏览的工具建站程序三分之一，左边有三分之二留白了。我就想可不可以把文字这样一层层的放在上面，试了很多方法，在网站查了很多资料，可能因为没有专业术语作为搜索的关键词，查不到任何相关的资料，试过p标签，试过不停的拆分表格，最后还是没有效果。

就这样试着试着，突然想到了层这个概念。于是在布局中点击了绘制层，结果成功了，经过一些加工，终于成功的.完成左边的布局。印象还比较深刻的是插入声音，记得老师曾经给我们讲过很多次怎样插入声音，可是等到自己做网页的时候却忘记了，于是问其他人，结果居然都忘记了，于是自己在百度上收。

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

网页设计学习心得总结【二】

网页设计心得体会。我利用寒假的时间，对网页设计进行了初步的认识和了解，并基本掌握dreamweaver的应用。

通过对网页设计书籍的翻阅，我学习到了一些关于建设网站和制作网页的知识，在实践查阅资料时，对flash也有所了解。我还了解了一些基础的网络技术。通过学习，我对计算机有了更深层次得到了解，也有了更浓厚的兴趣。尤其是对网页制作的过程与一些技巧手法更有了另外一番了解，对网页制作的基础知识也有了一定的掌握。在这个过程中，我同样认识到网页设计不是一门学科的独秀，而是多种课程的综合，他是、flash、fireworks等网页软件的综合应用。

下面阐述一下我在翻阅《dreamweaver》时的一些关于网页设计的见解。在具体的制作一个网页时我了解到一个优秀的网页设计应该具备一些基本原则。

首先，要·确定网页设计的内容一个优秀的风站要有一个明确的主题。整个网站围绕这个主题,也就是你在网页设计之前要明确你这个网站有什么目的,用来做什么，所有页面都是围绕着这个内容来制作，有了明确的内容对排名有很重要的作用;其次，要了解你网站所在行业的客户，及你的网页属于哪个类别。用户是一个网站成败的关键,如果用户要花很多时间进入你网站很有可能用户会立即关掉你网站,或者你网站操作很不方便用户也会马上离开,这种网站是很失败的设计,只会让用户失望的离去.

在完成以上的基本内容之后网页的基本框架便成形成了，

下面要开始的便是优化工作，

内容是整个网页的核心。在网页设计之前必须明确网页的内容安排。优秀网页设计是要建立在平凡的基础上的。然后在具体的规划一个网页时，可以用树状结构先把每个页面的内容大纲列出来，尤其要制作一个大的网站 (有很多页面) 的时候，特别需要把这个架构规划好，也要考虑到以后可能的扩充性，免得做好以后又要一改再改整个网站的架构，很浪费时间和财力。

大纲列出来后，还必须考虑每个页面之间的链接关系。是星形，树形，或是网形链接。这也是判别一个网站优劣的重要标志。链接混乱，层次不清的站点会造成浏览困难，影响内容的发挥。框架定下来了，然后开始一步一步有条理，有次序地做来，就胸有成竹得多，也会为主页将来发展打下良好的基础。下一步，就以动手制作具体内容了，题材选定，框架选定，接下来就开始往主页里面填内容。

如果是个人主页，有能力的人完全可以靠自己来创作所有的内容。大部分人的方法是：从报纸，杂志，光盘等媒体中把相关的资料收集整理，再加上一定的编辑后就可以了。另外一个好的方法是从网络上收集，您只要到搜索引擎上查找相应的关键字，就可以找到一大堆的资料。

在准备材料的时候我们可以用一些小的动画和动态图片，flash提供了功能齐全的绘图和编辑图形工具。可以直接在编辑区里绘画，编辑修改非常灵活，它的另一大特点是“交互性”强。在动画播放时，可以用鼠标或键盘对动画的播放进行控制，效果可以很直观的反映出来。然后是开始正式制作主页。通过dreamweaver作为制作软件，只需要用到软件中的一些基本的功能：图片插入和对齐设置;文字的格式、颜色、背景颜色的设置等就可以制作出一个简单的网页。

总体来说，通过这个假期对网页设计的学习，有收获也有遗憾。但是，我已经迈入了网页设计的大门，只要我再认真努力的去学习，在今后的闲余时间学习制作网页的更多知识以实现自身技能的提高，我坚信将来设计出的网页会更加专业，更加华丽，使它最终成为自己的一项技能。

网页设计知识总结篇八

网页设计心得体会。

我利用寒假的时间，对网页设计进行了初步的认识和了解，并基本掌握dreamweaver的应用。

通过对网页设计书籍的翻阅，我学习到了一些关于建设网站和制作网页的知识，在实践查阅资料时，对flash也有所了解。

我还了解了一些基础的网络技术。

通过学习，我对计算机有了更深层次得到了解，也有了更浓厚的兴趣。

尤其是对网页制作的过程与一些技巧手法更有了另外一番了解，对网页制作的基础知识也有了一定的掌握。

在这个过程中，我同样认识到网页设计不是一门学科的独秀，而是多种课程的综合，他是、flash、fireworks等网页软件的综合应用。

下面阐述一下我在翻阅《dreamweaver》时的一些关于网页设计的见解。

在具体的制作一个网页时我了解到一个优秀的网页设计应该具备一些基本原则。

首先，要·确定网页设计的内容一个优秀的风站要有一个明确的主题。

整个网站围绕这个主题,也就是你在网页设计之前要明确你这个网站有什么目的,用来做什么，所有页面都是围绕着这个内容来制作，有了明确的内容对排名有很重要的作用;其次，要了解你网站所在行业的客户，及你的网页属于哪个类别。

用户是一个网站成败的关键,如果用户要花很多时间进入你网站很有可能用户会立即关掉你网站,或者你网站操作很不方便用户也会马上离开,这种网站是很失败的设计,只会让用户失望的离去.

在完成以上的基本内容之后网页的基本框架便成形成了，

下面要开始的便是优化工作，

内容是整个网页的核心。

在网页设计之前必须明确网页的内容安排。

优秀网页设计是要建立在平凡的基础上的。

然后在具体的规划一个网页时，可以用树状结构先把每个页面的内容大纲列出来，尤其要制作一个大的网站 (有很多页面) 的时候，特别需要把这个架构规划好，也要考虑到以后可能的扩充性，免得做好以后又要一改再改整个网站的架构，很浪费时间和财力。

大纲列出来后，还必须考虑每个页面之间的链接关系。

是星形，树形，或是网形链接。

这也是判别一个网站优劣的重要标志。

链接混乱，层次不清的站点会造成浏览困难，影响内容的发挥。

框架定下来了，然后开始一步一步有条理，有次序地做来，就胸有成竹得多，也会为主页将来发展打下良好的.基础。

下一步，就以动手制作具体内容了，题材选定，框架选定，接下来就开始往主页里面填内容。

如果是个人主页，有能力的人完全可以靠自己来创作所有的内容。

大部分人的方法是：从报纸，杂志，光盘等媒体中把相关的资料收集整理，再加上一定的编辑后就可以了。

另外一个好的方法是从网络上收集，您只要到搜索引擎上查找相应的关键字，就可以找到一大堆的资料。

在准备材料的时候我们可以用一些小的动画和动态图片，flash提供了功能齐全的绘图和编辑图形工具。

可以直接在编辑区里绘画，编辑修改非常灵活，它的另一大特点是“交互a性”强。

在动画播放时，可以用鼠标或键盘对动画的播放进行控制，效果可以很直观的反映出来。

然后是开始正式制作主页。

通过dreamweaver作为制作软件，只需要用到软件中的一些基本的功能：图片插入和对齐设置;文字的格式、颜色、背景颜色的设置等就可以制作出一个简单的网页。

总体来说，通过这个假期对网页设计的学习，有收获也有遗憾。

但是，我已经迈入了网页设计的大门，只要我再认真努力的去学习，在今后的闲余时间学习制作网页的更多知识以实现自身技能的提高，我坚信将来设计出的网页会更加专业，更加华丽，使它最终成为自己的一项技能。

不知不觉,二个星期的《网页设计与网站建设》课程的实操即将过去,回顾这一段日子,真的令我体会很深,也学会很多东西,懂得很多以前不懂的东西,也明白了一些事情.

自从第一天接触《网页设计与网站建设》课程,我以下定决心要把网页这门课学好,做出一个优秀的网站.所以我时刻没有错过任何学习的机会,无论在课堂上,还是在课外上.更何况这一次实操.回顾今次的实操我觉得我过得很充实,很有意义,因为我可以诚实的说我在实操没有玩过一次游戏,我每时每刻都在设计网站,还记得晚上做网站做到一、二点，可能有人会说我傻，但正因为这个傻的行动，令我学会很多东西，学会别人不懂的东西，做出一个令自己满意的网站，可能跟别人比还需要继续完善，但我不会因为实操结束，就把网页设计抛到九霄云外，我会继续学习网页设计技术，把它变为自己的一项特长。

回顾第一天的《网页设计与网站建设》课程实操，老师叫我们继续完善以前设计的网站，做出留言板、注册的功能。

我很快就完成了，但可能我是一个追求完善的人，所以尽管一个网站做好可以马上交给老师。

但我做出一个别人都不赞同的决定，从头开始做一个网站。

因为我觉得以前那个真的不是太好，尽管实操的时间过去了一半，尽管别人对我说你交原来这个不就行了吗!何必再做一个呢?但真因为我的执著，追求成功，追求完善的人，才会使我今天交出一个令自己满足的答卷。

在制作个人网站时我们首先：

一、必需进行个人网站前台功能设计

包括个人网站主题的确定，前台功能设计与管理、个人网站主页设计、个人网站留言板、注册、忘记密码、搜索等网页设计与管理。

二、对个人网站后台管理功能设计

包括个人网站后台管理功能的设计、后台管理信息系统功能的设计、后台系统权限管理、后台文件管理、个人网站后台管理系统主页设计。

三、网站的发布

通常我们发布一个网站可能以能过域名注册，但我们也可以利用自己主机，装了iis别人就可以通过我的ip地址来访问我的主页。

第一次做的那个网页我已经发布在上网了。

四、个人网站推广

一个网站做好了，就要对个人网站进行推广，这是一个电子商务网站必需做得的一步，因为如果你不对你的网站进行推广，就算你发布了也没有人会知道的。

在设计这个网站时真的体会很多东西，从一开始网页主题的确定，到主页总体的设计、搜集资料、前台功能设计与管理、后台功能设计与管理、每个分页面的设计等。

我都一一进行了规划，因为如果你不规划好，想做什么就做什么，是不会做得好的。

因我为体会到这一句话：“机会中属于有准备的人”。

我详细到一个表格宽度都一一列明。

例如：775宽度，分三栏，每一栏占多少。

因为我深深懂得“细微处才见真功夫”。

在这次实操过程中令我印象最深的是做留言板，因为刚好在上一个星期sql数据库实操做过了，所以今次在做就比较轻松，但我以前是经过一个比较长的练习，做完了n次，可能有人会想，肯定是不会才做这么多次啦!但我想告诉这位同学我每次做得都不是不同的方法。

第一次我用的是access数据库，第二次我用的是sql数据库加权限管理，第三次我用的是数据源名称的连接，第四次我用的是自定义连接字符串，第五次……每一次用的方法都是不同的，可能有人会说我傻，会一种方法就行了，还要那么多吗?但我想说的就是不是这么多次的练习，不是之么多次不同的方法，也就不会造就出今天熟能生巧的我，也不会对同学提出的问题解决到，也不会轻松教会同学，因为你自己首先学会，学通，学广，才能把问题一一的解决。

令我难以忘怀的镜头也是在做留言板的时候，但不是为我自己的而做，而是一步一步教同学做，直到令同学学懂;把同学留言板的问题一一解决;当同学因为做不出而没心情，过去对她进行鼓励的，然后一一解决;当自己也不会，与同学共同研究的情况，这种学习氛围是最难得的，就是在做留言板的时候，令我深深体会到我几句话：认真做事只是把事情做对，用心做事才能把事情做好。

把每一件简单的事情做好就是不简单，把第一件平凡的事情做好就是不平凡。

网页设计知识总结篇九

跟学习别的东西一样，学习网页设计也需要兴趣，所谓的兴趣也不是三分钟热度，是一种执著。

学习网页设计需要耐心，如果你没有耐心，你学不好网页设计，应为当你碰到一个问题时，如果不能立刻得到问题的答案，你可能需要很长时间去解决，我就碰到过一个问题，用了半个月时间才解决。

现互联网这一新型媒体的独特魅力和多维空间的超强功能.注重实用，个人认为网页设计应该注重实用性，因为它是让人浏览的，是用户可以抚摸，可以评论，可以交互的。

我提倡简单的美。

申明我也是个网页设计初学者，并不是什么设计名师，这是我个人的灼见。

有什么不对的地方，还请大家。

见谅。

网页设计知识总结篇十

很多设计师也许一直在苦恼：要如何才能成为一个优秀的设计师呢?有没有什么设计秘籍或者设计技巧可言?个人认为，要成为一个成功的设计师，虽然没有捷径可走，但是也许却有方法可言。如果凡事不讲究方法，相信要达到目的那是相当困难的。而如果方法对路，那么你离目标就不远了。下面北极鱼就给大家分享一篇来自国外设计大师purin的关于设计技巧的文章。希望对那些像我一样迷茫的设计师有所帮助。

网页设计知识总结篇十一

真的是万事开头难啊，遇到了很多问题，比如：插入的图片不符合规格，一下子把其他内容的框架挤开；插入的层太多，大一点的就把小一点的给覆盖掉了；插入的flash不能产生效果。总之问题一箩筐。实践出真知，原来自己还有那么多欠缺的知识。于是回归本源，先把课本上的东西弄通再谈其他。然后又到图书管里借了几本网页制作方面的书籍来参考。

在对基本知识有了详细的了解之后，做起东西来就得心应手多了，知道引导页能过加映像之后，我决定为我的网页设计一个引导页。

然后是主页和二级页面的设置。要注意,网上只能使用jpg和gif两种图象格式，其他诸如bmp和tif等很通用的格式都不能用在网上,因为它们太大了,但可以用图象软件进行转换，比如office97的照片编辑器。把准备在主页上出现的图象放进相应的目录里后.

在一步一步的边学边做的过程中，看着心中的东西一点一点的出来，真的很有成就感。虽然自己的网页技术还差的远，但是回顾一下这周真的学到了很多的东西。

网页设计心得体会。我利用寒假的时间，对网页设计进行了初步的认识和了解，并基本掌握dreamweaver的应用。

通过对网页设计书籍的翻阅，我学习到了一些关于建设网站和制作网页的知识，在实践查阅资料时，对flash也有所了解。我还了解了一些基础的网络技术。通过学习，我对计算机有了更深层次得到了解，也有了更浓厚的兴趣。尤其是对网页制作的过程与一些技巧手法更有了另外一番了解，对网页制作的基础知识也有了一定的掌握。在这个过程中，我同样认识到网页设计不是一门学科的独秀，而是多种课程的综合，他是、flash、fireworks等网页软件的综合应用。

下面阐述一下我在翻阅《dreamweaver》时的一些关于网页设计的见解。在具体的制作一个网页时我了解到一个优秀的网页设计应该具备一些基本原则。

首先，要·确定网页设计的内容一个优秀的风站要有一个明确的主题。整个网站围绕这个主题,也就是你在网页设计之前要明确你这个网站有什么目的,用来做什么，所有页面都是围绕着这个内容来制作，有了明确的内容对排名有很重要的作用;其次，要了解你网站所在行业的客户，及你的网页属于哪个类别。用户是一个网站成败的关键,如果用户要花很多时间进入你网站很有可能用户会立即关掉你网站,或者你网站操作很不方便用户也会马上离开,这种网站是很失败的设计,只会让用户失望的离去.

在完成以上的基本内容之后网页的基本框架便成形成了，

下面要开始的便是优化工作，

内容是整个网页的核心。在网页设计之前必须明确网页的内容安排。优秀网页设计是要建立在平凡的基础上的。然后在具体的规划一个网页时，可以用树状结构先把每个页面的内容大纲列出来，尤其要制作一个大的网站(有很多页面)的时候，特别需要把这个架构规划好，也要考虑到以后可能的扩充性，免得做好以后又要一改再改整个网站的架构，很浪费时间和财力。大纲列出来后，还必须考虑每个页面之间的链接关系。是星形，树形，或是网形链接。这也是判别一个网站优劣的重要标志。链接混乱，层次不清的站点会造成浏览困难，影响内容的发挥。框架定下来了，然后开始一步一步有条理，有次序地做来，就胸有成竹得多，也会为主页将来发展打下良好的基础。下一步，就以动手制作具体内容了，题材选定，框架选定，接下来就开始往主页里面填内容。

如果是个人主页，有能力的人完全可以靠自己来创作所有的内容。大部分人的方法是：从报纸，杂志，光盘等媒体中把相关的资料收集整理，再加上一定的编辑后就可以了。另外一个好的方法是从网络上收集，您只要到搜索引擎上查找相应的关键字，就可以找到一大堆的资料。在准备材料的时候我们可以用一些小的动画和动态图片，flash提供了功能齐全的绘图和编辑图形工具。可以直接在编辑区里绘画，编辑修改非常灵活，它的另一大特点是“交互性”强。在动画播放时，可以用鼠标或键盘对动画的播放进行控制，效果可以很直观的反映出来。然后是开始正式制作主页。通过dreamweaver作为制作软件，只需要用到软件中的一些基本的功能：图片插入和对齐设置;文字的格式、颜色、背景颜色的设置等就可以制作出一个简单的网页。

总体来说，通过这个假期对网页设计的学习，有收获也有遗憾。但是，我已经迈入了网页设计的大门，只要我再认真努力的去学习，在今后的闲余时间学习制作网页的更多知识以实现自身技能的提高，我坚信将来设计出的网页会更加专业，更加华丽，使它最终成为自己的一项技能。

网页设计知识总结篇十二

本实例是通过“站点定义为”对话框中的“高级”选项卡创建一个新站点。

二、仪器用具。

1、生均一台多媒体电脑，组建内部局域网，并且接入国际互联网。

2、安装windowsxp操作系统;建立iis服务器环境，支持asp。

三、实验原理。

通过“站点定义为”对话框中的“高级”选项卡创建一个新站点。

四、实验方法与步骤。

1)执行“站点管理站点”命令，在弹出的“管理站点”对话框中单击“新建”按钮，在弹出的快捷菜单中选择“站点”命令。

2)在弹出的“站点定义为”对话框中单击“高级”选项卡。

3)在“站点名称”文本框中输入站点名称，在“默认文件夹”文本框中选择所创建的站点文件夹。

在“默认图象文件夹”文本框中选择存放图象的文件夹，完成后单击“确定”按钮，返回“管理站点”对话框。

4)在“管理站点”对话框中单击“完成”按钮，站点创建完毕。

五、实验结果。

六、讨论与结论。

实验开始之前要先建立一个根文件夹，在实验的过程中把站点存在自己建的文件夹里，这样才能使实验条理化，不至于在实验后找不到自己的站点。

在实验过程中会出现一些选项，计算机一般会有默认的选择，最后不要去更改，如果要更改要先充分了解清楚该选项的含义，以及它会造成的效果，否则会使实验的结果失真。

实验前先熟悉好操作软件是做好该实验的关键。

实验二：页面图像设置。

一、实验目的及要求：

本实例的目的是设置页面的背景图像,并创建鼠标经过图像。

二、仪器用具。

1、生均一台多媒体电脑，组建内部局域网，并且接入国际互联网。

2、安装windowsxp操作系统;建立iis服务器环境，支持asp。

4、安装acdsee、photoshop等图形处理与制作软件;。

5、其他一些动画与图形处理或制作软件。

三、实验原理。

设置页面的背景图像,并创建鼠标经过图像。

四、实验方法与步骤。

1)在“页面属性”对话框中设置页面的背景图像。

2)在页面文档中单击“”插入鼠标经过图像。

五、实验结果。

六、讨论与结论。

实验结束后我们可以看到页面的背景变成了我们插入的图像，并且要鼠标经过的时候会变成另一个图像，这就是鼠标经过图像的效果。

当然这种实验效果很难在实验结果的截图里表现出来。

这个实验的关键在于背景图像的选择，如果背景图像太大不仅会影响网页的打开速度，甚至图像在插入会也会有失真的感觉，因此在插入前对图像进行必要的处理能使实验的效果更好。

实验三：表格制作。

一、实验目的及要求：

本实例是要创建边框为1像素的表格。

二、仪器用具。

1、生均一台多媒体电脑，组建内部局域网，并且接入国际互联网。

2、安装windowsxp操作系统;建立iis服务器环境，支持asp。

4、安装acdsee、photoshop等图形处理与制作软件;。

5、其他一些动画与图形处理或制作软件。

三、实验原理。

创建边框为1像素的表格。

四、实验方法与步骤。

1)在文档中，单击表格“”按钮，在对话框中将“单元格间距”设置为“1”。

2)选中插入的表格，将“背景颜色”设置为“黑色”(#0000000)。

3)在表格中选中所有的单元格，在“属性”面版中将“背景颜色”设置为“白色”(#ffffff)。

4)设置完毕，保存页面，按下“f12”键预览。

五、实验结果。

六、讨论与结论。

本实验主要通过整个表格和单元格颜色的差异来衬托出实验效果，间距的作用主要在于表现这种颜色差异。

表格的背景颜色和单元格的背景颜色容易混淆，在实验中要认真判断，一旦操作错误则得不到实验的效果。

“表格宽度”文本框右侧的表格的宽度单位，包括“像素”和“百分比”两种，容易混淆，要充分地理解这两种单位表示的意义才能正确地进行选择，否则就不能达到自己想要的效果，设置错误就会严重影响实验效果。

实验四：创建锚点链接。

一、实验目的及要求：

本实例的目的是创建锚点链接。

二、仪器用具。

1、生均一台多媒体电脑，组建内部局域网，并且接入国际互联网。

2、安装windowsxp操作系统;建立iis服务器环境，支持asp。

4、安装acdsee、photoshop等图形处理与制作软件;。

5、其他一些动画与图形处理或制作软件。

三、实验原理。

创建锚点链接。

四、实验方法与步骤。

1)在页面中插入1行4列的表格，并在各单元格中输入导航文字。

2)分别选中各单元格的文字，单击“”按钮，在弹出的“超级链接”对话框上的“链接”文本框分别输入“#01”“#02”“#03”“#04”。

3)在文档中输入文字并设置锚记名称“01”，按下“enter”键换行，输入一篇文章。

4)在文章的结尾处换行，输入文字并设置锚记名称“02”，按下“enter”键换行，输入一篇文章。

5)同样的方法在页面下文分别输入文字和命名锚记为“03”和“04”，并输入文章。

6)保存页面，按下“f12”键预览。

五、实验结果。

六、讨论与结论。

添加瞄记的作用是可以帮读者快速找到自己想要的文章，同时也可以使页面更加精简。

本实验的关键难点在于链接文本框输入的名称和瞄记的名称要相一致才能达到实验的效果，同时要记得是在上一篇文章的结尾处输入文字并设置瞄记名称，并记得输入对应的文章，否则瞄记可能不能用。

熟练程度低在实验中不能很好地使用各种工具，无法一次准确地寻找到适当的位置。

实验中忘记选择“不可见元素”，几次实验都失败，最后才得出正确的结论。

因此在实验前要先做好预习，否则实验过程会比较吃力。

实验五：设置css样式。

一、实验目的及要求：

本实例的目的是通过设置css样式创建表格的虚线边框。

二、仪器用具。

1、生均一台多媒体电脑，组建内部局域网，并且接入国际互联网。

2、安装windowsxp操作系统;建立iis服务器环境，支持asp。

4、安装acdsee、photoshop等图形处理与制作软件;。

5、其他一些动画与图形处理或制作软件。

三、实验原理。

通过设置css样式创建表格的虚线边框。

四、实验方法与步骤。

1)在网页中创建一个表格。

2)在“css样式”面板中单击“”按钮，在弹出的对话框中进行设置，完成后单击“确定”按钮。

3)在弹出的对话框中进行设置，完成后单击“确定”按钮。

五、实验结果。

六、讨论与结论。

对话框中各项指标和属性的设置存在一定的难度，如果没熟练掌握就容易出错使实验失败。

对“ccs”样式所要使用的各种按扭不够熟悉在使用的时候觉得很生硬。

这个实验成功的关键在于对软件的掌握程度以及对各种属性的认识程度，只要充分地掌握了软件的各种操作，对各属性所代表的含义有充分的认识就能很好地完成这个实验。

实验六：创建表单。

一、实验目的及要求：

本实例的目的是创建一个募捐表单。

网页设计知识总结篇十三

我已经在公司工作将近1个月了。刚来的时候还担心无法把工作做好，不知道如何与同事共处。但经过这一个月以来，公司宽松融洽的工作氛围。

在我工作经历中，让我感到幸运的就是公司给我这一次就业机会。与以往的工作经历不同的是，这里给人一种完全放松的工作氛围，没有因为测试出的bug和不能按时提交的软件模块功能而心怀忐忑，接触的人际关系也不再是有限的技术人员，在这里我学到很多以前不曾接处的东西，处理人际关系的能力，会不会说让人喜欢的话，处事的心态等。在此对一个月的工作和生活做一下总结，从中发现自己的缺点和不足，在以后的工作中加以改进，以提高自己的工作水平。

在这一个月的工作和生活中，尽心尽力，履行自己的工作职责，认真及时做好领导布置的每一项任务。当然我在工作中还存在一定的问题和不足，比如：面对同事找不到交谈的话题，工作经验方面有待提高；对旅xx业相关知识情况了解的还不够详细和充实，掌握的技术手段还不够多。对于这些不足，我会在以后的日子里虚心向周围的同事学习，努力丰富自己，充实自己，寻找自身差距，拓展知识面，不断培养和提高充实自己，让工作能力进一步提高。也希望请领导和同事对我多提要求，多提建议，使我更快更好的完善自己，更好的适应工作需要。

在此我定下了明年的工作目标。了解公司的操作过程，运营方式，虽然我是公司的it技术人员，对于学习这些知识表面上看似无任何关联，我只要按公司给的需求开发出相应的系统即可。但我认为，的项目是最适合顾客体验的，要想做出受顾客欢迎的网站，要站在顾客角度上考虑。因此要融入到旅xx业，身处其境，才能做得更好。我跟华哥聊过公司的网络发展，华哥的目标是明年使网成为华南的旅游网，使网成为一个品牌。这是我们网络部的目标，也是我的目标。配合好华哥的工作，使网站能按时上线。与网络部的同事一起努力，把网络推广做到。上司悉心关怀，同事友好相处，让我觉得很温馨。