网页设计的心得体会.docx

精品文档 学号 :姓名 : 唐琪伟 专业 : 计算机科学与技术 网页设计心得体会 做出一个好的网页一般都离不开 dreamweaver, flash, photoshop这三个软 件 ,当然 ,还可以用到其他一些辅助软件就会加快网页的设计了 ,比如 : SothinkDHTMLMenu, Sothink_Logo_Maker 等软件 ,这些软件不仅可以快速开发出导航 ,logo 等,而且很漂亮 ,美观 . 制作网页 , 首先是确定主题 , 每一版块都有其个性的色彩， 清晰明了，便于阅读浏览，大致分几部分，每一部分又分几小部分，内容比较充分，多样。内容 精彩丰富，简洁明快，语言风趣，通俗易懂。页面可爱清爽。 而我们这次的实习就是用这几款软件来设计 ,主要使用 div+css 来布局 ,避开传统的 table(表格 )布局 DIV+CSS 的网页布局对 SEO 的好处一、不存在表格的嵌套问题 :很多 “网站如何推广 ”的文章中称，搜索引擎一般不抓取三层以上的表格嵌套，这一点一 直没有得到搜索引擎相关的官方证实。 我的几项实验结果没有完全出来， 但根据目前掌握的情况来看， Spider 爬行 Table 布局的页面，遇到多层表格嵌套时，会跳过嵌套的内容或直接放弃整个页面。 使用 Table 布局，为了达到一定的视觉效果，不得不套用多个表格。如果嵌套的表格中是核心内容，蜘蛛 (Spider) 爬行时跳过了这一段没有抓取到页面的核心，这个页面就成了相似页面。 网站中过多的相似页面会影响排名及域名信任度。 DIV+CSS 的网页布局对 SEO 的好处二、精简的代码使用 DIVCSS 布局，页面代码精简，这一点相信对 XHTML 有所了解的都知道。观看更多的 HTML 教程内容。 代码精简所带来的直接好处有两点： 一是提高蜘蛛 (Spider) 爬行效率，能在最短的时间内爬完整个页面，这样对收录质量有一定好处 ;二是由于能高效的爬 行，就会受到蜘蛛 (Spider) 欢迎，这样对收录数量有很大好处。 而 DIV+CSS 布局基本上不会存在这样的问题，从技术角度来说， XHTML 在控制样式时也不需要过多的嵌套。这虽然没有得到确认，但还是建议使用 Table 布局的朋友们， 在设计时尽可能的不要使用多层表格嵌套， SEOer(seo 工作者们 )们在文章中说明了这一点，相信他们也不是没有依据。 . 精品文档 DIV+CSS 的网页布局对 SEO 的好处三、对搜索引擎的排名基于 XTHML 标准的 DIV+CSS 布局，一般在设计完成后会尽可能的完善到能通过 W3C 验证。 截止目前没有搜索引擎表示排名规则会倾向于符合 W3C 标准的网站或页面，但 事实证明使用 XTHML 架构的网站排名状况一般都不错。 DIV+CSS 的网页布局对 SEO 的好处四、提高网页的访问速度 :DIV+CSS 布局较 Table 布局减少了页面代码，加载速度得到很大的提高， 这在蜘蛛 (Spider) 爬行时是非常有利的。过多的页面代码可能造成爬行超时，蜘蛛 (Spider) 就会认 为这个页面无法访问，影响收录及权重。 真正的 SEOer(seo 工作者们 )不只是为了追求收录、排名，快速的响应速 度是提高用户体验度的基础，这对整个搜索引擎优化及营销都是非常有利的。 换一个角度抛开 DIV+CSS对 SEO的有利影响 . 单独来讲这种 div+css 布局也是很有益的 , 可以说是实下是最流行的网页布局方式 . 当然 div+css 布局也有不完善的方面 . 总之 Div+css 布局的优势如下 : 由于将大部分页面代码写在了 CSS 当中，使得页面体积容量变得更小。 相对于表格嵌套的方式， DIV+CSS 将页面独立成更多的区域，在打开页面 的时候，逐层加载。而不像表格嵌套那样将整个页面圈在一个大表格里， 使得加载速度很慢。 页面体积变小，浏览速度变快，这就使得对于某些控制主机流量的网 站来说是最大的优势了。 由于使用了 DIV+CSS制作方法，在修改页面的时候更加容易省时。根据区域内容标记，到 CSS里找到相应的 ID ，使得修改页面的时候更加方便，也不会破坏页面其他部分的布局样式。 DIV+CSS 最重要的优势之一：保持视觉的一致性；以往表格嵌套的制作方法，会使得页面与页面，或者区域与区域之间的显示效果会有偏差。 而使用 DIV+CSS 的制作方法， 将所有页面， 或所有区域统一用 CSS 文件控 制，就避免了不同区域或不同页面体现出的效果偏差。 我们都知道网站做出来是给浏览者使用的，对浏览者和浏览器更具亲 和力， DIV+CSS 在这方面更具优势。由于 CSS 富含丰富的样式，使页面更 加灵活性，它可以根据不同的浏览