民俗采风动员会.pptVIP

3.14 层应用 创建层 第三章 Dreamweaver软件 3.14 层应用 设置层属性 第三章 Dreamweaver软件 3.14 层应用 添加对象 层创建好后，就可以在层中添加对象，如文字、图像等，其操作方法与插入对象相同。 单击层『边框』，可以选中层；当鼠标指针放到层边框线上指针变为十字时，按住鼠标左键可以拖动层，将其放置页面任何位置。 拖动层四周的小方块，调整层的大小。 第三章 Dreamweaver软件 3.15 表格案例 表格 第三章 Dreamweaver软件 3.15 表单案例 表单（Form）用于实现网页浏览者与服务器之间信息的交互，通常用来接收用户输入的信息，如进行网上调查、网站搜索、反馈网站信息或提供访问者登录站点等功能。 在网页文档中表单是一个红色虚线区域，各种表单元素都被存放在该区域中，通过表单元素实现信息的交互。 第三章 Dreamweaver软件 3.15 表单案例 表单 表单（Form）用于实现网页浏览者与服务器之间信息的交互，通常用来接收用户输入的信息，如进行网上调查、网站搜索、反馈网站信息或提供访问者登录站点等功能。 在网页文档中表单是一个红色虚线区域，各种表单元素都被存放在该区域中，通过表单元素实现信息的交互。 第三章 Dreamweaver软件 表单构成：一是表单本身，它可以在静态页面中用HTML代码来描述； 二是用于处理用户在表单中输入信息的服务器端应用程序，如CGI 、ASP或JSP程序等。 表单的作用：当访问者单击表单中的某个按钮时，浏览器将其中的各个对象的内容发送到网页上，并按要求进行处理，处理后再将处理结果返回给用户。例如，填写网上调查，须先按要求填写信息，经服务器端应用程序处理后，再将提交成功与否的信息反馈给用户。 3.16 超 链 接 从一个连接点到另一个连接点 链接点：文字、图片等网页中的任意对象。 链接目标：书签、网站、图片、电子邮件、一个文件、一个函数或者是一个程序等。 链接与被链接文档之间的路径 绝对路径 / 根相对路径 / 文档相对路径 绝对路径用来提供链接对象的完整路径，路径的开头都会包含如HTTP、FTP、FILE之类的协议，即使用完整的统一资源定位符URL如：。 如果在文档中建立了绝对路径，当目标文档移动后，链接也就无效。所以，绝对路径适用于创建对当前站点以外文件的链接。只要网站的地址不变，无论文档在站点中如何移动，都可以实现正常跳转而不发生错误。尤其是由一个网站链接另一个网站时，必须使用绝对路径。 第三章 Dreamweaver软件 3.16 超 链 接 相对路径用于建立站点内的文件间的相对关系，不受站点文件夹所在位置的影响。 通常又分为“根目录相对的路径”和“文档相对的路径”。 根目录相对路径总是从当前站点的根目录开始，站点上的所有文件都存放在站点的根目录下。根目录相对路径使用斜杠告诉服务器从根目录开始。 例如：/Webroot/index.htm表示将链接到站点根目录下Webroot文件夹中的index.htm文件。 文档相对路径是指和当前文档所在的文件夹相对的路径。 例如：file.htm指定的就是当前文件夹的文档；../file.htm指定的则是当前文件夹上级目录中的文档；而Webroot/file.htm则是指当前文件夹下Webroot文件夹中的文档。 又如：index.htm和default.htm在同一目录下，从index.htm链接到default.htm只需要在“链接”栏填上default.htm就可以，如果default.htm在index.htm的上级文件夹，则填写为：../default.htm即可，“../”表示返回上级文件夹。 第三章 Dreamweaver软件 3.17 CSS层叠样式表 基本概念 CSS（Cascading Style Sheet），中文为“层叠样式表”，简称样式表，它是一系列格式设置规则的集合，控制 Web 页面内容的外观。 使用 CSS 可以灵活并更好地控制页面外观，从精确的布局定位到特定的字体和样式，CSS是一个非常灵活的工具，利用CSS可以将所有有关文档的样式指定内容全部脱离出来。 第三章 Dreamweaver软件 3.17 CSS层叠样式表 创建CSS样式 为当前页面添加新的CSS样式； 直接创建CSS样式文件，然后再被网页文档引用。 打开Dreamweaver，选择“文件/新建”命令弹出新建文档窗口，选择“常规/基本页中的CSS”，单击『创建』按钮，进入新样式文档窗口。 选择“文件/保存”命令弹出“另存为”对话框窗口，保存文档于当前站点的CSS文件夹中，文件命名为“ys1”。 选择“窗口/CSS样式”命令，打开CSS样