网站的设计制作#40;修改#41;.pptVIP

创建CSS样式 设置CSS样式 应用CSS样式 利用CSS样式表制作页面 设置CSS样式 文字样式、区块样式、背景样式、丰富的边框效果 设置CSS样式 鼠标光标效果 设置CSS样式 整体页面的链接效果 页面中局部链接效果 8 第十五章 库和模板的应用 ? 制作库文件（.lbi） ? 向网页中添加库文件 ? 更新库文件 8 ? 制作模板（.dwt） ? 将模板应用到页面 ? 更新模板 使用模板能够大大提高设计者的工作效率。什么样的网站比较适合使用模板技术呢？如果一个网站布局比较统一，拥有相同的导航，并且显示不同栏目内容的位置基本保持不变，这种网站可以考虑使用模板来创建。 利用模板可以帮助用户批量生成具有固定格式的文档。 在制作网站的过程中，经常会进行大量的重复操作，比如有时要把一些元素如：标题图片、版权、导航等应用到数十个网页中，当要修改这些重复使用的页面元素时，如果要逐一修改是很麻烦的。Dreamweaver中利用库文件通过简单的描述，将一个固定的内容插入到不同的页面中，需要更新时，只要改变一个文件就可以使整个站点相关页面同时得到更新。 利用库文件机制，可以快速在文档中输入具有相同格式和内容的文档元素，使它在其它网页被重复使用。 第十六章 框架技术 8 在页面设计中，框架的作用就是将浏览器窗口分割为 多个不同的小窗口，各个窗口可以包含一个单独的、 可以滚动的页面，每一个窗口显示区域称为一个框架。 框架有两个主要部分：一个框架集与个别框架。框架 集定义的内容包括一页中显示的框架数目、框架大小、 框架的源文件等属性。 静态网页的特征 （1）静态网页每个网页都有一个固定的URL，且网页URL 以.htm、.html、.shtml等常见形式为后缀，而不含有“？”； （2）网页内容一经发布到网站服务器上，无论是否有用户访问，每个静态网页的内容都是保存在网站服务器上的，也就是说，静态网页是实实在在保存在服务器上的文件，每个网页都是一个独立的文件； （3）静态网页的内容相对稳定，因此容易被搜索引擎检索； （4）静态网页没有数据库的支持，在网站制作和维护方面工作量较大，因此，当网站信息量很大时完全依靠静态网页制作方式比较困难； （5）静态网页的交互性较差，在功能方面有较大的限制。 在网站设计中，纯粹HTML格式的网页通常被称为“静态网页” 早期的网站一般都是由静态网页制作的。静态网页的网址形式通常为：/eg/eg.htm，也就是以.htm、.html、.shtml、.xml等为后缀的网页。在HTML格式的网页上，也可以出现各种动态的效果，如Gif、Swf格式的动画、滚动字幕等，这些“动态效果”只是视觉上的，与下面将要介绍的动态网页是不同的概念。 静态网页 动态网页的特征 （1）动态网页实际上并不是独立存在于服务器上的网页文件，只有当用户请求时服务器才返回一个完整的网页； （2）动态网页以数据库技术为基础，可以大大降低网站维护的工作量； （3）采用动态网页技术的网站可以实现更多的功能，如： 用户注册、用户登录、在线调查、用户管理、订单管理等； （4）动态网页中的“？”对搜索引擎检索存在一定的问题，搜索引擎一般不可能从一个网站的数据库中访问全部网页，或者出于技术方面的考虑，搜索蜘蛛不去抓取网址中“？”后面的内容，因此，采用动态网页的网站在进行搜索引擎推广时需要做一定的技术处理才能适应搜索引擎的要求。 动态网页 动态网页是与静态网页相对应的，也就是说，网页URL的后缀不是.htm、.html、.shtml、.xml等静态网页的常见形式，而是以.asp、.jsp、.php、.perl、.cgi等形式为后缀，并且在动态网页网址中有一个标志性的符号——“？” 静态网页与动态网页的本质区别在于网页是否必须经 　　　　　　 　　　　　　 过服务器执行。 --静态网页是存储在服务器端的独立的网页文件。 --动态网页是服务器端的动态技术程序的运行结果。 服务器 与数据库交互无固定的URL .asp .php .jsp 纯文本 编辑器 HTML+动态技术命令（脚本语言） 动态网页 浏览器 固定的URL .html htm .shtm .xml 纯文本 编辑器 HTML+脚本语言 静态网页 运行 存储 扩展名 编写环境 代码 　　　　　 　　　　　　 静态网页与动态网页的比较 第二章 网站的策划与组织 网站策划的重要性 网站策划与组织要考虑的问题 ● 网站的定位（性质、类型、功能） ● 定位网站的主题和名称 ● 确定网站的栏目 ● 确定网站的目录结构