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 在控制样式时也不需要过多的嵌套。这虽然没有得到确认，但还是建议使用 Table
4、 布局的朋友们，在设计时尽可能的不要使用多层表格嵌套，SEOer(seo 工作者们 )们在文章中说明了这一点，相信他们也不是没有依据。DIV+CSS 的网页布局对 SEO 的好处三、对搜索引擎的排名基于 XTHML标准的 DIV+CSS 布局，一般在设计完成后会尽可能的完善到能通过 W3C 验证。截止目前没有搜索引擎表示排名规则会倾向于符合 W3C 标准的网站或页面，但事实证明使用 XTHML 架构的网站排名状况一般都不错。DIV+CSS 的网页布局对 SEO 的好处四、提高网页的访问速度:DIV+CSS布局较 Table 布局减少了页面代码，加载速度得到很大的提高，这在蜘蛛(Spider)爬
5、行时是非常有利的。过多的页面代码可能造成爬行超时，蜘蛛(Spider)就会认为这个页面无法访问，影响收录及权重。真正的 SEOer(seo 工作者们)不只是为了追求收录、排名，快速的响应速度是提高用户体验度的基础，这对整个搜索引擎优化及营销都是非常有利的。换一个角度抛开 DIV+CSS 对 SEO 的有利影响.单独来讲这种 div+css 布局也是很有益的,可以说是实下是最流行的网页布局方式.当然 div+css 布局也有不完善的方面.总之 Div+css 布局的优势如下:由 于 将 大 部 分 页 面 代 码 写 在 了 CSS 当 中 ， 使 得 页 面 体 积 容 量 变 得 更 小 。
6、相 对 于 表 格 嵌 套 的 方 式 ， DIV+CSS 将 页 面 独 立 成 更 多 的 区 域 ， 在 打 开 页 面的 时 候 ， 逐 层 加 载 。 而 不 像 表 格 嵌 套 那 样 将 整 个 页 面 圈 在 一 个 大 表 格 里 ， 使得 加 载 速 度 很 慢 。页 面 体 积 变 小 ， 浏 览 速 度 变 快 ， 这 就 使 得 对 于 某 些 控 制 主 机 流 量 的 网 站来 说 是 最 大 的 优 势 了 。由 于 使 用 了 DIV+CSS 制 作 方 法 ， 在 修 改 页 面 的 时 候 更 加 容 易 省 时 。 根 据 区 域内 容 标 记 ， 到
7、CSS 里 找 到 相 应 的 ID， 使 得 修 改 页 面 的 时 候 更 加 方 便 ， 也 不会 破 坏 页 面 其 他 部 分 的 布 局 样 式 。 DIV+CSS 最 重 要 的 优 势 之 一 ： 保 持 视 觉 的 一 致 性 ； 以 往 表 格 嵌 套 的 制 作方 法 ， 会 使 得 页 面 与 页 面 ， 或 者 区 域 与 区 域 之 间 的 显 示 效 果 会 有 偏 差 。 而 使用 DIV+CSS 的 制 作 方 法 ， 将 所 有 页 面 ， 或 所 有 区 域 统 一 用 CSS 文 件 控 制 ，就 避 免 了 不 同 区 域 或 不 同 页 面 体 现
8、出 的 效 果 偏 差 。我 们 都 知 道 网 站 做 出 来 是 给 浏 览 者 使 用 的 ， 对 浏 览 者 和 浏 览 器 更 具 亲 和力 ， DIV+CSS 在 这 方 面 更 具 优 势 。 由 于 CSS 富 含 丰 富 的 样 式 ， 使 页 面 更 加灵 活 性 ， 它 可 以 根 据 不 同 的 浏 览 器 ， 而 达 到 显 示 效 果 的 统 一 和 不 变 形 。好的网页，也离不开 photoshop，前面我也说了，flash 的制作所需要的图片都要在 photoshop 中事先 PS 好的。那么 photoshop 的作用就显得很重要了，网页中的 flash 都
9、仅仅是一小部分，图片占的分量还是比 flash 要大的，故好的photoshop 技术，那么 PS 出来的图片就会显得更好，这样网页的档次也会随着上升。这次的网页设计，因为是仿照一张图片，那么就要求我们要懂得photoshop 中的切片工具的使用。切好片后，还要获取图片的背景色。这样我们又得掌握吸管工具的使用了。切片过程中要注意的就是图片的大小要控制在一个像素以内。所以我们需要先放大，然后才来控制切片线的位置。从制作网页过程中，我学到了新的美化网页的方法，运用了更多以前未运用的技巧。这使我学到了更多的知识，并且为我自己在制作网页这方面积累了一些经验。这些将是我人生中的一次重要的经历，将是我今后走上社会后的一笔巨大的财富。这次实习的收获对我来说有不少，我自己感觉在知识、技能等方面都有了不少的收获。总体来说这次是对我的综合素质的培养，锻炼和提高。这两周的学习实习中我在老师的指导下以大量明晰的操作步骤和典型的应用实例，教会我们。使更丰富全面的软件技术和应用技巧，使我们真正对所学的软件融会贯通。当前的软件的功能日趋复杂，不学到一定的深度和广度是难以在实际工作中应付自如的。因此反映出学习的还不够，缺点疏漏。需在加以刻苦钻研及学习，不断开拓视野，增强自己的实践操作技能，为以后能做出出色的网页。
