网页设计与制作课件.pptVIP

布局工具栏 表单工具栏 文本工具栏 应用程序工具栏 FLASH元素工具栏 HTML工具栏 meta 标签是记录有关当前页面的信息（如字符编码、作者、版权信息和关键字）的 head 元素。这些标签也可以用来向服务器提供信息，如页面的失效日期、刷新间隔和 PICS 等级。 属性指定 Meta 标签是否包含有关页面的描述性信息 (name) 或 HTTP 标题信息 (http-equiv)。 值指定在该标签中提供的信息类型。如说明、关键字和刷新。内容是实际的信息。 属性设置面板 文本属性面板 表格属性面板 图片属性面板 FLASH属性面板 其他浮动面板 1. 创建网页 2. 设置页面属性 Macromedia Dreamweaver MX是一个站点创建和管理工具，因此使用它不仅可以创建单独的文档，还可以创建完整的 Web 站点。 Dreamweaver 站点由三部分组成： 本地文件夹是工作目录 远程文件夹是存储文件的位置 动态页文件夹是 Dreamweaver 处理动态页的文件夹 PWS 或 IIS 3. 创建并管理网站 站点 是下列任意一项的简称： Web 站点：一组位于服务器上的页，使用 Web 浏览器访问该站点的访问者可以对其进行浏览。 远程站点：服务器上组成 Web 站点的文件，这是从创作者的角度而不是访问者的角度来看的。 本地站点：与远程站点上的文件对应的本地磁盘上的文件。在本地磁盘上编辑文件，然后将它们上传到远程站点。 Dreamweaver站点定义：本地站点的一组定义特性，以及有关本地站点和远程站点对应方式的信息。 3.1 创建本地站点 1. 规划站点 2. 构建站点的基本结构 3. 定义站点 3.2 创建远程站点 7.2 Dreamweaver MX 2004 主要参数设置 CSS 行为 3.3 CSS的引用 四种方式： 整页套用样式； 样式定义中引用样式文件的方式； 引入样式文件的方式； 使用局部样式。 3.3.1整页套用样式 style type=text/css !-- CSS代码段 -- /style 格式： 3.3.2 样式定义中引用样式文件 style type=”text/css” ！-- @import “外部样式表名.css” 其他样式表的声明 /style 格式： 3.3.3 样式文件的引入 Link Rel=STYLESHEET Href=外部样式文件名.CSS Type=text/css 格式： 3.3.4 使用局部样式 局部样式可称为内嵌样式。局部样式是混合在HTML标识里使用的，用这种方法，可以很简单的对某个元素单独定义样式，只对所定义的标识起作用，并非对整个页面起作用。内嵌样式的使用是直接将在HTML标识里加入style参数。而style参数的内容就是CSS的属性和值。 h1 style=color:orange;font-family:宋体CSS扩展了HTML的功能/H1 p style=background:red;font-family:courierStylesheets: The Tool of the Web Design Gods /P 3.4 CSS的继承性 继承性就是层叠性。所谓CSS的继承性是指被包在内部的标识将拥有外部标识的样式性质。 3.5 CSS的优先顺序 引用方式的优先级依照后定义的优先原则，优先级最高的是内嵌样式，内部样式表高于导入外部样式表，链入的外部样式表和内部样式表之间是最后定义的优先级高。 3.5.1 不同引用方式的优先顺序 3.5.2 不同选择器的优先顺序 ID选择符优先级高于类选择符和HTML标识选择符；因为ID选择符是最后加在元素上的，所以优先级最高；其次是类选择符；如果特定属性的某条规则拥有上下文选择器的设定，而且该元素还有另一条规则内含一般选择器的设定，那么位于上下文规则中的设定将取得更高的优先权，因为它比较特殊。 _blank 将链接的文档载入一个新的、未命名的浏览器窗口。 _parent 将链接的文档载入父框架页或包含链接的框架窗口。如果包含链接的框架没有嵌套，则相当于 _top；链接的文档载入整个浏览器窗口。 _self 将链接的文档载入链接所在的同一框架或窗口。此目标是默认的，所以通常不需要指定它。 _top 将链接的文档载入整个浏览器窗口，从而删除所有框架。 第七章 Dreamweaver MX网页设计 本章要点： Dreamweaver Mx基本操作 创建并管理网站 页面布局 样式 创建动态效果 制作网页的例子 Macromedia公司开发的Dreamweaver MX、Fireworks　MX和Flash　MX被称为网页制作三剑客。三剑客的推出，无论在网页制作功能上，还是统一、人性化