网页设计心得 体会

-精选财经经济类资料- -最新财经经济资料-感谢阅读- 1 网页设计心得体会 跟学习别的东西一样，学习网页 设计也需要兴趣，所谓的兴趣也不是三 分钟热度，是一种执著。 学习网页设计需要耐心，如 果你没有耐心，你学不好网页设计，应 为当你碰到一个问题时，如果不能立刻 得到问题的答案，你可能需 要很长时间去解决，我就碰到过一个问 题，用了半个月时间才解决。 学习网页设计需要坚持，坚 持不断的学习，因为设计网页的软件在 不断的更新，你不断的学习 -精选财经经济类资料- -最新财经经济资料-感谢阅读- 2 不要掉入技术的陷阱，你的 网页设计技术一流，你对软件的掌握程 度已经达到一定水平，但是你设计的网 页确不堪目睹，这是因为网 页设计是是介于平面设计和编程技术两 者之间的”边缘科学 .”不仅涉及到美学 , 心理学,平面构成,色彩搭配等 平面设计的方面的知识,还涉及到 html,javascript,css,asp,php 等编程语言 技术方面的知识.只有综合运 用多种知识,才能设计出视听特效,动感 十足,富于个性的 web 页面,才能全面展 现互联网这一新型媒体的独 特魅力和多维空间的超强功能. 注重实用，个人认为网页设 计应该注重实用性，因为它是让人浏览 -精选财经经济类资料- -最新财经经济资料-感谢阅读- 3 的，是用户可以抚摸，可以评论，可以 交互的。我提倡简单的美。 申明 我也是个网页设计初学 者，并不是什么设计名师，这是我个人 的灼见。有什么不对的地方，还请大家 见谅。 网页设计心得体会： 现在，计算机和网络已经深入到 了我们生活中的方方面面，也已经成了 生活中不可缺少的一部分，网络成了我 们获取知识和信息的一种便捷工具，现 在的网民也在不断的增多，所以，了解 和学习网络知识是我们作为一名大学生 迫切所需的。 这学期选择的这门课程让我学到 了不少关于计算机和网络的知识。老师 把课程内容安排的很合理，讲的大都是 很基础的知识，这对于像我这样对网络 了解不多的学生来说很容易理解，接受。 -精选财经经济类资料- -最新财经经济资料-感谢阅读- 4 在这门课上我学习到了一些关于 建设网站和制作网页的知识，对 flash 也有所了解。课上我还学到了一些基础 的网络技术，用制作网络的工具做网页 等。 通过对这门课的学习，我对计算 机有了更深层次得到了解，也有了更浓 厚的兴趣。尤其是对网页制作的过程与 一些技巧手法更有了另外一番了解，对 网页制作的基础知识也有了一定的掌握。 在具体的制作一个网页时我了解 到一个优秀的网页设计应该具备以下一 些基本原则 1 确定网页设计的内容 一个优秀的风站要有一个明确的 主题,整个网站围绕这个主题,也就是你 在网页设计之前要明确你这个网站有什 么目的,用来做什么，所有页面都是围绕 着这个内容来制作，有了明确的内容对 排名有很重要的作用。 -精选财经经济类资料- -最新财经经济资料-感谢阅读- 5 2 了解你网站所在行业的客户 用户是一个网站成败的关键,如果 用户要花很多时间进入你网站很有可能 用户会立即关掉你网站,或者你网站操作 很不方便用户也会马上离开,这种网站是 很失败的设计,只会让用户失望的离去. 3、做一个典型用户 不以用户身份亲身体验网站你才 能发现问题，才知道那些需要改进，尽 量不要让客户去发现问题，在前期设计 时就应该把这些问题解决。 4 优化内容 内容是整个网站的核心。在网站 设计之前必须明确网站的内容安排。 优秀网页设计是要建立在平凡的 基础上的。 然后在具体的规划一个网站时， 可以用树状结构先把每个页面的内容大 纲列出来，尤其要制作一个大的网站 的时候，特别需要把这个架构规划好， 也要考虑到以后可能的扩充性，免得做 好以后又要一改再改整个网站的架构， -精选财经经济类资料- -最新财经经济资料-感谢阅读- 6 很浪费时间和财力。 大纲列出来后，还必须考虑每个 页面之间的链接关系。是星形，树形， 或是网形链接。这也是判别一个网站优 劣的重要标志。链接混乱，层次不清的 站点会造成浏览困难，影响内容的发挥。 框架定下来了，然后开始一步一 步有条理，有次序地做来，就胸有成竹 得多，也会为主页将来发展打下良好的 基础。 下一步，就以动手制作具体内容 了，题材选定，框架选定，接下来就开 始往主页里面填内容。我们称作资料收 集 如果是个人主页，有能力的人完 全可以靠自己来创作所有的内容。大部 分人的方法是：从报纸，杂志，光盘等 媒体中把相关的资料收集整理，再加上 一定的编辑后就可以了。另外一个好的 方法是从网络上收集，您只要到搜索引 擎上查找相应的关键字，就可以找到一 -精选财经经济类资料- -最新财经经济资料-感谢阅读- 7 大堆的资料。 在准备材料的时候我们可以用到 学习的 flash 知识来制作一些小的动画 和动态图片，flash 提供了功能齐全的 绘图和编辑图形工具。可以直接在编辑 区里绘画，编辑修改非常灵活，它的另 一大特点是“ 交互性” 强。在动画播放时， 可以用鼠标或键盘对动画的播放进行控 制，效果可以很直观的反映出来。 然后是开始正式制作主页。通过 dreamweaver 作为制作软件，只需要用 到软件中的一些基本的功能：图片插入 和对齐设置；文字的格式、颜色、背景 颜色的设置等就可以制作出一个简单的 网页。 通过个人网页的制作最终把自己 的网页上传到互联网上，那种成就感是 无法用语言形容的。在今后的闲余时间， 我将会学习制作网页的更多知识，使它 成为自己的一项技能。 教改学习心得体会 by01061 班 16 号 王建云 -精选财经经济类资料- -最新财经经济资料-感谢阅读- 8 本学期的网业设计课程，开展了 动态思维训练教学活动，对于我们学生 来说，可以激发学习兴趣，调动学习的 自觉性，自己动脑、动手，动口，运用 网络资源，结合教材及老师的指导，通 过自身的实践，创作出积聚个人风格、 个性的个人网页。总体来说，整个学期 的学习过程，我学会了很多知识，虽然 过程比较艰辛，但在 intenet 领域中，有 了一个展示自我的空间，我觉得很开心、 很有成就感。 一.充分发挥动手能力 作为网页设计的初学者，我对网 页设计非常感兴趣，一心想设计出一个 美观、实用、内容丰富的个人网页。本 学期的教改方案由以前学生单纯接受知 识变为主动参与教学活动。在这样的压 力和动力下，通过自己动手、动脑，通 过网络资源，老师的指导，在不断发现 问题和解决问题的过程中学到了很多知 识，也增强了我的创作能力和动手能力， 在网页设计过程中，从构思到设计、完 -精选财经经济类资料- -最新财经经济资料-感谢阅读- 9 善、维护，整个过程我都全身心投入， 使我真正学到了网页设计的知识。 二.在设计过程中不断提高网页设 计水平 在本次网页设计中，我不仅学到 了很多关于网页设计方面的知识，也从 中学会了关于网络、编程等方面的知识。 我从最初开始运用 frontpage 设计网页， 到后来运用 dreamweaver、flash 、fireworks 等网软 件设计网页，完善网页。在这个过程中， 我通过自学教材、上网查询，学习了 dreamweaver、flash 、fireworks 等网页 软件的应用，学会了管理、维护自己的 站点，以及一些简单动画、控件的制作 等等。在设计过程中也出现了很多的问 题，但通过看书，上网查询，请教老师 等方式，不断的学习、解决、提高，设 计出的网页不论是外观还是内容，都在 不断的进步、改善。可以说在自己动手， 不断实践的过程中，网页设计水平得到 了很大的提高。 -精选财经经济类资料- -最新财经经济资料-感谢阅读- 10 三.不足之处 由于平时工作比较繁忙，学习时 间比较少，对于网页设计软件的强大功 能运用得还不够。在网页设计过程中， 由于没有网页制作代码的知识，所以在 设计时 也遇到了很多麻烦，有时插入一 个特效脚本也是很麻烦。在网页制作过 程中，想提高设计水平，想有个理想的 网页，必须学会代码的运用，我将在以 后的学习过程中不断加强这方面的学习， 希望老师能简单介绍一下代码，让我也 对它有个初步的认识，以后再加强学习 也才会有所提高。 总体来说，通过今次的对网页设 计的学习，有收获也有遗憾、不足的地 方，但我想，我已经迈入了网页设计的 大门，只要我再认真努力的去学习，去 提高，凭借我对网页设计的热情和执着， 我将来设计出的网页会更加专业，更完 善。也希望老师在今后的日子里多指导。 -精选财经经济类资料- -最新财经经济资料-感谢阅读- 11 学号:80906107 姓名: 唐琪伟专 业: 计算机科学与技术 网页设计心得体会 做出一个好的网页一般都离不开 dreamweaver, flash, photoshop 这三个软 件,当然,还可以用到其他一些辅助软件 就会加快网页的设计了,比如: sothinkdhtmlmenu, sothink_logo_maker 等软件 ,这些软件不 仅可以快速开发出导航,logo 等,而且很 漂亮,美观. 制作网页,首先是确定主题, 每一 版块都有其个性的色彩，清晰明了，便 于阅读浏览，大致分几部分，每一部分 又分几小部分，内容比较充分，多样。 内容精彩丰富，简洁明快，语言风趣， 通俗易懂。页面可爱清爽。 而我们这次的实习就是用这几款 软件来设计,主要使用 div+css 来布局,避 开传统的 table 布局 div+css 的网页布局对 seo 的好处 一、不存在表格的嵌套问题:很多“网站 -精选财经经济类资料- -最新财经经济资料-感谢阅读- 12 如何推广”的文章中称，搜索引擎一般 不抓取三层以上的表格嵌套，这一点一 直没有得到搜索引擎相关的官方证实。 我的几项实验结果没有完全出来，但根 据目前掌握的情况来看，spider 爬行 table 布局的页面，遇到多层表格嵌套时， 会跳过嵌套的内容或直接放弃整个页面。 使用 table 布局，为了达到一定 的视觉效果，不得不套用多个表格。如 果嵌套的表格中是核心内容，蜘蛛爬行 时跳过了这一段没有抓取到页面的核心， 这个页面就成了相似页面。网站中过多 的相似页面会影响排名及域名信任度。 div+css 的网页布局对 seo 的好处 二、精简的代码使用 divcss 布局，页面 代码精简，这一点相信对 xhtml 有所了 解的都知道。观看更多的 html 教程内 容。 代码精简所带来的直接好处有两 点：一是提高蜘蛛爬行效率，能在最短 的时间内爬完整个页面，这样对收录质 -精选财经经济类资料- -最新财经经济资料-感谢阅读- 13 量有一定好处;二是由于能高效的爬行， 就会受到蜘蛛欢迎，这样对收录数量有 很大好处。 而 div+css 布局基本上不会存在 这样的问题，从技术角度来说，xhtml 在控制样式时也不需要过多的嵌套。这 虽然没有得到确认，但还是建议使用 table 布局的朋友们，在设计时尽可能的 不要使用多层表格嵌套，seoer 们在文 章中说明了这一点，相信他们也不是没 有依据。 div+css 的网页布局对 seo 的好处 三、对搜索引擎的排名基于 xthml 标准 的 div+css 布局，一般在设计完成后会 尽可能的完善到能通过 w3c 验证。截止 目前没有搜索引擎表示排名规则会倾向 于符合 w3c 标准的网站或页面，但事实 证明使用 xthml 架构的网站排名状况一 般都不错。 div+css 的网页布局对 seo 的好处 四、提高网页的访问速度:div+css 布局 较 table 布局减少了页面代码，加载速 -精选财经经济类资料- -最新财经经济资料-感谢阅读- 14 度得到很大的提高，这在蜘蛛爬行时是 非常有利的。过多的页面代码可能造成 爬行超时，蜘蛛就会认为这个页面无法 访问，影响收录及权重。 真正的 seoer 不只是为了追求收 录、排名，快速的响应速度是提高用户 体验度的基础，这对整个搜索引擎优化 及营销都是非常有利的。换一个角度抛 开 div+css 对 seo 的有利影响 .单独来讲 这种 div+css 布局也是很有益的,可以说 是实下是最流行的网页布局方式.当然 div+css 布局也有不完善的方面. 总之 div+css 布局的优势如下: 由于将大部分页面代码写在了 css 当中，使得页面体积容量变得更小。 相对于表格嵌套的方式，div+css 将页 面独立成更多的区域，在打开页面的时 候，逐层加载。而不像表格嵌套那样将 整个页面圈在一个大表格里，使得加载 速度很慢。 页面体积变小，浏览速度变快， 这就使得对于某些控制主机流量的网站 -精选财经经济类资料- -最新财经经济资料-感谢阅读- 15 来说是最大的优势了。 由于使用了 div+css 制作方法，在修改页面的时候 更加容易省时。根据区域内容标记，到 css 里找到相应的 id，使得修改页面的 时候更加方便，也不会破坏页面其他部 分的布局样式。 div+css 最重要的优势之一：保 持视觉的一致性；以往表格嵌套的制作 方法，会使得页面与页面，或者区域与 区域之间的显示效果会有偏差。而使用 div+css 的制作方法，将所有页面，或 所有区域统一用 css 文件控制，就避免 了不同区域或不同页面体现出的效果偏 差。 我们都知道网站做出来是给浏览 者使用的，对浏览者和浏览器更具亲和 力，div+css 在这方面更具优势。由于 css 富含丰富的样式，使页面更加灵活 性，它可以根据不同的浏览器，而达到 显示效果的统一和不变形。 好的网页，也离不开 photoshop，前面我也说了，flash 的制 -精选财经经济类资料- -最新财经经济资料-感谢阅读- 16 作所需要的图片都要在 photoshop 中事 先 ps 好的。那么 photoshop 的作用就显 得很重要了，网页中的 flash 都仅仅是 一小部分，图片占的分量还是比 flash 要大的，故好的 photoshop 技术，那么 ps 出来的 图片就会显得更好，这样网页的档次也 会随着上升。这次的网页设计，因为是 仿照一张图片，那么就要求我们要懂得 photoshop 中的切片工具的使用。切好 片后，还要获取图片的背景色。这样我 们又得掌握吸管工具的使用了。切片过 程中要注意的就是图片的大小要控制在 一个像素以内。所以我们需要先放大， 然后才来控制切片线的位置。 从制作网页过程中，我学到了新 的美化网页的方法，运用了更多以前未 运用的技巧。这使我学到了更多的知识， 并且为我自己在制作网页这方面积累了 一些经验。这些将是我人生中的一次重 要的经历，将是我今后走上社会后的一 笔巨大的财富。这次实习的收获对我来 -精选财经经济类资料- -最新财经经济资料-感谢阅读- 17 说有不少，我自己感觉在知识、技能等 方面都有了不少的收获。总体来说这次 是对我的综合素质的培养，锻炼和提高。 这两周的学习实习中我在老师的指导下 以大量明晰的操作步骤和典型的应用实 例，教会我们。使更丰富全面的软件技 术和应用技巧，使我们真正对所学的软 件融会贯通。当前的软件的功能日趋复 杂，不学到一定的深度和广度是难以在 实际工作中应付自如的。因此反映出学 习的还不够，缺点疏漏。需在加以刻苦 钻研及学习，不断开拓视野，增强自己 的实践操作技能，为以后能做出出色的 网页。 网页设计心得体会报告 网页设计伴随着网络的快速发展 而快速兴起，作为上网的主要依托，由 于人们使用网络的频繁而变得非常重要。 生活中我每天上网都要接触到网页，原 来没有留意过网页的设计，但是经过这 段时间的学习了解，现在我打开一个网 页都会习惯性的先看看排版、布局和色 -精选财经经济类资料- -最新财经经济资料-感谢阅读- 18 彩运用。 通过老师的讲解和对课本的翻阅， 我学习到了一些关于建设网站和制作网 页的知识，对网页制作的基础知识也有 了一定的掌握。通过 dreamweaver 制作 网页，我用到了一些基本的功能：图片 插入和对齐设置；文字的格式、颜色、 背景颜色的设置等。但是在自己尝试着 做的时候，总是出现这里那里的问题。 不是图片不能固定在自己想要的位置， 就是滚动文本的显示区域不知道为什么 撑过了页面，还有就是不同分辨率、不 同浏览器都会对浏览网页产生影响。而 且在 css 方面，我总是不太熟悉各种代 码是控制哪些东西的。除了查找解决问 题我还总结了经验。例如：1、命名站 点或者文件夹的的时候一定要注意，最 好用相应的英语或者汉语拼音，要见名 知意，如图片文件夹用 image 或者 tu， 这样可以避免页面调用时不正确的现象 发生。2、调用 style 时可以单击鼠标右 键选择 custon style 来调用 style 标准， -精选财经经济类资料- -最新财经经济资料-感谢阅读- 19 也可以在状态栏中的元素列表上单击右 键来调用 style。虽然不同的方法达到的 效果看似一样，但实际上产生的 html 代码则完全不同。在这个过程中，我同 样认识到网页设计不是一门学科的独秀， 而是多种课程的综合，它是 flash、photoshop 等网页软件的综合应 用。例如 flash 提供了功能齐全的绘图 和编辑图形工具。可以直接在编辑区里 绘画，编辑修改非常灵活，它的另一大 特点是“交互性 ”强。在动画播放时，可 以用鼠标或键盘对动画的播放进行控制， 可以很直观的反映出效果。 页面设计 应以美观、大方、简洁为原则，保持一 致的风格。为了达到最佳的视觉表现效 果，应讲究整体布局的合理性，使浏览 者有一个流畅的视觉体验。网页最主要 的功能就是给每个上网者提供一种形式， 让他们能够了解网站提供的信息。要研 究网页设计，就需要站在用户的角度来 看。用户是一个网站成败的关键。如果 用户要花很多时间进入网站，很有可能 -精选财经经济类资料- -最新财经经济资料-感谢阅读- 20 他会立即关掉网站，或者网站操作很不 方便用户也会马上离开，这种网站是很 失败的设计，只会让用户失望的离去。 所以网页容量即包括图像在内的网页字 节数最好不要超过 50k。 - 1 - 还涉及到界面弱化的问题。一个 好的界面设计它的界面是弱化的，它突 出的是功能，着重体现的是网站业提供 给使用者主要是什么。这就涉及到浏览 顺序、功能分区等等。要让访客在 0.5 秒内就能把握网站的行业性质，1 秒内 就知道该从哪个地方开始使用这个网站， 能点一次的，绝不点第二次。当然上面 说的是大多数功能性网站，对于宣传展 示性网站，诸如加特效的或 flash 网站， 可能就不得不花哨一些，但不能太过分。 网站不是动画片，在效率越来越高，社 会心理越来越浮躁的中国，人们的耐心 越来越小，心理承受能力越来越低。效 果可以体现意境，点到为止。 下面简单介绍下网页设计的理念 -精选财经经济类资料- -最新财经经济资料-感谢阅读- 21 和要点。网页设计理念：内容决定形式： 先把内容充实上，再分区块，再定色调， 再处理细节。先整体，后局部，最后回 归到整体：全局考虑，把能填上的都填 上，占位置。然后定基调，分模块设计。 最后调整不满意的几个局部细节。功能 决定设计方向: 看网站的用途，决定设 计思路。商业性的就要突出赢利目的； 政府型的就要突出形象和权威性的文章； 教育性的，就要突出师资和课程。 网 页设计的两大要点是：整体风格和色彩 搭配。 一、确定网站的整体风格: 1、将 标志 logo，尽可能的放在页面最突出的 位置。2、突出标准色彩。3、总结一句 能反映网站精髓的宣传标语。4、相同 类型的图像采用相同效果，比如说标题 字都采用阴影效果，那么在网站中出现 的所有标题字的阴影效果的设置应该是 完全一致的。 二、网页色彩的搭配: 1、用一种 色彩。指选定一种色彩，然后调整透明 -精选财经经济类资料- -最新财经经济资料-感谢阅读- 22 度或饱和度，这样页面看起来色彩统一， 有层次感。2、用两种色彩。先选定一 种色彩，然后选择它的对比色。3、用 一个色系。就是用一个感觉的色彩，例 如淡蓝，淡黄，淡绿；或者土黄，土灰， 土蓝。在网页配色中，还要切记一些误 区：1、不要将所有颜色都用到，尽量 控制在三至五种色彩以内。2、背景和 前文的对比尽量要大，以便突出主要文 字内容。 不积跬步，无以至千里。我已经 在老师的指引下迈入了网页设计的大门， 在今后的闲余时间继续认真学习制作网 页的更多知识以实现自身技能的提高。 心得体会之网页设计 网页设计 心得体会报告 网页设计伴随着网络的快速发展 而快速兴起，作为上网的主要依托，由 于人们使用网络的频繁而变得非常重要。 生活中我每天上网都要接触到网页，原 来没有留意过网页的设计，但是经过这 段时间的学习了解，现在我打开一个网 -精选财经经济类资料- -最新财经经济资料-感谢阅读- 23 页都会习惯性的先看看排版、布局和色 彩运用。 通过老师的讲解和对课本的翻阅， 我学习到了一些关于建设网站和制作网 页的知识，对网页制作的基础知识也有 了一定的掌握。通过 dreamweaver 制作 网页，我用到了一些基本的功能：图片 插入和对齐设置；文字的格式、颜色、 背景颜色的设置等。但是在自己尝试着 做的时候，总是出现这里那里的问题。 不是图片不能固定在自己想要的位置， 就是滚动文本的显示区域不知道为什么 撑过了页面，还有就是不同分辨率、不 同浏览器都会对浏览网页产生影响。而 且在 css 方面，我总是不太熟悉各种代 码是控制哪些东西的。除了查找解决问 题我还总结了经验。例如：1、命名站 点或者文件夹的的时候一定要注意，最 好用相应的英语或者汉语拼音，要见名 知意，如图片文件夹用 image 或者 tu， 这样可以避免页面调用时不正确的现象 发生。2、调用 style 时可以单击鼠标右 -精选财经经济类资料- -最新财经经济资料-感谢阅读- 24 键选择 custon style 来调用 style 标准， 也可以在状态栏中的元素列表上单击右 键来调用 style。虽然不同的方法达到的 效果看似一样，但实际上产生的 html 代码则完全不同。在这个过程中，我同 样认识到网页设计不是一门学科的独秀， 而是多种课程的综合，它是 flash、photoshop 等网页软件的综合应 用。例如 flash 提供了功能齐全的绘图 和编辑图形工具。可以直接在编辑区里 绘画，编辑修改非常灵活，它的另一大 特点是“交互性 ”强。在动画播放时，可 以用鼠标或键盘对动画的播放进行控制， 可以很直观的反映出效果。 页面设计 应以美观、大方、简洁为原则，保持一 致的风格。为了达到最佳的视觉表现效 果，应讲究整体布局的合理性，使浏览 者有一个流畅的视觉体验。网页最主要 的功能就是给每个上网者提供一种形式， 让他们能够了解网站提供的信息。要研 究网页设计，就需要站在用户的角度来 看。用户是一个网站成败的关键。如果 -精选财经经济类资料- -最新财经经济资料-感谢阅读- 25 用户要花很多时间进入网站，很有可能 他会立即关掉网站，或者网站操作很不 方便用户也会马上离开，这种网站是很 失败的设计，只会让用户失望的离去。 所以网页容量即包括图像在内的网页字 节数最好不要超过 50k。 - 1 - 还涉及到界面弱化的问题。一个 好的界面设计它的界面是弱化的，它突 出的是功能，着重体现的是网站业提供 给使用者主要是什么。这