网页设计心得体会.doc

1、精品文档学号 :80906107姓名 : 唐琪伟专业 : 计算机科学与技术网页设计心得体会做出一个好的网页一般都离不开dreamweaver, flash,photoshop这三个软件 ,当然 ,还可以用到其他一些辅助软件就会加快网页的设计了 ,比如 : SothinkDHTMLMenu, Sothink_Logo_Maker 等软件 ,这些软件不仅可以快速开发出导航 ,logo 等,而且很漂亮 ,美观 .制作网页 , 首先是确定主题 , 每一版块都有其个性的色彩， 清晰明了，便于阅读浏览，大致分几部分，每一部分又分几小部分，内容比较充分，多样。内容精彩丰富，简洁明快，语言风趣，通俗易懂。页面

2、可爱清爽。而我们这次的实习就是用这几款软件来设计 ,主要使用 div+css 来布局 ,避开传统的 table(表格 )布局DIV+CSS 的网页布局对 SEO 的好处一、不存在表格的嵌套问题 :很多 “网站如何推广 ”的文章中称，搜索引擎一般不抓取三层以上的表格嵌套，这一点一直没有得到搜索引擎相关的官方证实。 我的几项实验结果没有完全出来， 但根据目前掌握的情况来看， Spider 爬行 Table 布局的页面，遇到多层表格嵌套时，会跳过嵌套的内容或直接放弃整个页面。使用 Table 布局，为了达到一定的视觉效果，不得不套用多个表格。如果嵌套的表格中是核心内容，蜘蛛 (Spider) 爬行时

3、跳过了这一段没有抓取到页面的核心，这个页面就成了相似页面。 网站中过多的相似页面会影响排名及域名信任度。DIV+CSS 的网页布局对 SEO 的好处二、精简的代码使用 DIVCSS 布局，页面代码精简，这一点相信对 XHTML 有所了解的都知道。观看更多的 HTML 教程内容。代码精简所带来的直接好处有两点： 一是提高蜘蛛 (Spider) 爬行效率，能在最短的时间内爬完整个页面，这样对收录质量有一定好处 ;二是由于能高效的爬行，就会受到蜘蛛 (Spider) 欢迎，这样对收录数量有很大好处。而 DIV+CSS 布局基本上不会存在这样的问题，从技术角度来说， XHTML 在控制样式时也不需要过

4、多的嵌套。这虽然没有得到确认，但还是建议使用Table 布局的朋友们， 在设计时尽可能的不要使用多层表格嵌套， SEOer(seo 工作者们 )们在文章中说明了这一点，相信他们也不是没有依据。.精品文档DIV+CSS 的网页布局对 SEO 的好处三、对搜索引擎的排名基于XTHML标准的 DIV+CSS 布局，一般在设计完成后会尽可能的完善到能通过W3C 验证。截止目前没有搜索引擎表示排名规则会倾向于符合W3C 标准的网站或页面，但事实证明使用 XTHML 架构的网站排名状况一般都不错。DIV+CSS 的网页布局对 SEO 的好处四、提高网页的访问速度:DIV+CSS布局较 Table 布局减少

5、了页面代码，加载速度得到很大的提高， 这在蜘蛛 (Spider)爬行时是非常有利的。过多的页面代码可能造成爬行超时，蜘蛛(Spider) 就会认为这个页面无法访问，影响收录及权重。真正的 SEOer(seo 工作者们 )不只是为了追求收录、排名，快速的响应速度是提高用户体验度的基础，这对整个搜索引擎优化及营销都是非常有利的。换一个角度抛开 DIV+CSS对 SEO的有利影响 . 单独来讲这种 div+css 布局也是很有益的 , 可以说是实下是最流行的网页布局方式 . 当然 div+css 布局也有不完善的方面 .总之 Div+css 布局的优势如下 :由于将大部分页面代码写在了CSS 当中，

6、使得页面体积容量变得更小。相对于表格嵌套的方式，DIV+CSS 将页面独立成更多的区域，在打开页面的时候，逐层加载。而不像表格嵌套那样将整个页面圈在一个大表格里，使得加载速度很慢。页面体积变小，浏览速度变快，这就使得对于某些控制主机流量的网站来说是最大的优势了。由于使用了 DIV+CSS制作方法，在修改页面的时候更加容易省时。根据区域内容标记，到 CSS里找到相应的 ID ，使得修改页面的时候更加方便，也不会破坏页面其他部分的布局样式。DIV+CSS 最重要的优势之一：保持视觉的一致性；以往表格嵌套的制作方法，会使得页面与页面，或者区域与区域之间的显示效果会有偏差。而使用 DIV+CSS 的制

7、作方法， 将所有页面， 或所有区域统一用CSS 文件控制，就避免了不同区域或不同页面体现出的效果偏差。我们都知道网站做出来是给浏览者使用的，对浏览者和浏览器更具亲和力， DIV+CSS 在这方面更具优势。由于CSS 富含丰富的样式，使页面更加灵活性，它可以根据不同的浏览器，而达到显示效果的统一和不变形。好的网页，也离不开photoshop，前面我也说了， flash 的制作所需要的图片都要在 photoshop 中事先 PS 好的。那么 photoshop 的作用就显得很重要了， 网页中的flash 都仅仅是一小部分，图片占的分量还是比flash 要大的，故好的.精品文档photoshop技术

8、，那么 PS出来的图片就会显得更好， 这样网页的档次也会随着上升。这次的网页设计，因为是仿照一张图片，那么就要求我们要懂得 photoshop 中的切片工具的使用。 切好片后， 还要获取图片的背景色。 这样我们又得掌握吸管工具的使用了。切片过程中要注意的就是图片的大小要控制在一个像素以内。所以我们需要先放大，然后才来控制切片线的位置。从制作网页过程中， 我学到了新的美化网页的方法， 运用了更多以前未运用的技巧。这使我学到了更多的知识， 并且为我自己在制作网页这方面积累了一些经验。这些将是我人生中的一次重要的经历， 将是我今后走上社会后的一笔巨大的财富。这次实习的收获对我来说有不少， 我自己感觉在知识、 技能等方面都有了不少的收获。 总体来说这次是对我的综合素质的培养， 锻炼和提高。 这两周的学习实习中我在老师的指导下以大量明晰的操作步骤和典型的应用实例， 教会我们。使更丰