第八章dreamweaver网页制作.ppt

相关概念 静态网页：不论何时阅读，显示内容相同，不能互动响应；使用的语言常是：HTML,扩展名.htm .html . Shtml .xml HTML网页上的动态效果，如滚动字幕、flash等 的动态效果 是视觉上的动态，不是动态网页 动态网页：能响应，比如输入用户名 密码后缀 .asp . jsp .php . perl .cgi,使用语言HTML+ASP 或 HTML+PHP 或 HTML+JSP 静态、动态网页区别 程序是否在服务器端运行，是重要标志。在服务器端运行的程序、网页、组件，属于动态网页，它们会随不同客户、不同时间，返回不同的网页，例如ASP、PHP、JSP、ASP.net、CGI等。运行于客户端的程序、网页、插件、组件，属于静态网页，例如html页、Flash、JavaScript、VBScript等等，它们是永远不变的。 动态网页特点 动态网页以数据库技术为基础，可以大大降低网站维护的工作量； 采用动态网页技术的网站可以实现更多的功能，如用户注册、用户登录、在线调查、用户管理、订单管理等等； 动态网页实际上并不是独立存在于服务器上的网页文件，只有当用户请求时服务器才返回一个完整的网页； 静态网页特点 静态网页每个网页都有一个固定的网址，且网页URL以.htm、.html、.shtml等常见形式为后缀，不含有“？” 网页内容一经发布到网站服务器上，无论是否有用户访问，每个静态网页的内容都是保存在网站服务器上的，即静态网页是实实在在保存在服务器上的文件，每个网页都是一个独立的文件； 静态网页的内容相对稳定，故容易被搜索引擎检索 静态网页没有数据库的支持，在网站制作和维护方面工作量较大，因此当网站信息量很大时完全依靠静态网页制作方式比较困难； 静态网页运行数据快 　 静态与动态网页 静态网页是相对于动态网页而言，是指没有后台数据库、不含程序和不可交互的网页。你编的是什么它显示的就是什么、不会有任何改变。静态网页相对更新起来比较麻烦，适用于一般更新较少的展示型网站。 开发网页的工具 HTML开发工具 记事本 DW Frontpage 动态网页开发工具 Php Asp jsp HTML、XML 、XHTML语言 HTML 制作超文本文档的简单标记语言，独立与各种操作平台。 超文本，指可以加入图片、声音、动画、多媒体等内容，还可以链接； 1990年以来，HTML语言是WWW的标准表示语言； HTML、XML 、XHTML语言 XML 可扩展表示语言 HTML主要处理信息如何显示，为了管理信息的内容和结构，引入XML,弥补HTML的不足； XML不是标记语言，不是HTML，对它进行功能的补充，故仅仅使用XML无法写出页面 HTML、XML 、XHTML语言 XHTML 不要编译就可以在浏览器上阅读 是HTML的升级 可以说XTML是HTML向 XML的过度； 初始HTML 后缀 .html 或者 .htm Html不是编程语言 Html语言特点 html.../html head.../head标签成对出现 Html语法结构 Html语法 TABLE BORDER=n 调整表格的宽线高度 TABLE CELLPADDING 调整数据域位之边界 TABLE CELLSPACING 调整表格线的宽度 TABLE HEIGHT 调整表格的高度 TABLE WIDTH 调整表格的宽度 TABLE.../TABLE 产生表格的卷标 TD ALIGN 调整表格字段之左右对齐 TD BGCOLOR 设定表格字段之背景颜色 TD COLSPAN ROWSPAN 表格字段的合并 TD NOWRAP 设定表格字段不换行 TD VALIGN 调整表格字段之上下对齐 TD WIDTH 调整表格字段宽度 TD.../TD 定义表格的数据域位  * 弹出式菜单 输入文字并设置超链接。在网页中输入文字，因为单独的文本文字是无法添加行为的，按照 Dreamweaver 中的约定，将文字的超链接设置为“ javascript:; ”才能够添加行为。所以将文字的超链接设为“ javascript:; ”，并执行【显示弹出式菜单】行为， * 超级链接 【页面之间的超级连接】 1、在网页中选中要做超级链接的文字或者图片。 2、在属性面板中单击黄色文件夹图标，在弹出的对话框里选中相应的网页文件就完成了。做好超级链接属性面板出现链接文件显示。 * 超级链接 【邮件地址的超级连接】 选定要链接的图片或文字（比如：欢迎您来信赐教！），在插入栏点 或点插入菜单选“电子邮件链接”弹出如下对话框，填入E-Mail地址即可。 * 超级链接 【制作图片上的超级链接】 是指在一张图片上实现多个