DreamweaverCS网页制作电子教案模块讲述.pptVIP

3.7 Spry布局控件 1．Spry菜单栏 2．Spry选项卡式面板 3．Spry折叠式 4．Spry可折叠面板 实训9 CC的小店——行为的使用 实训目的 1．学会行为的创建、编辑和应用。 2．学会使用行为创建动感效果网页的方法。 实训9 CC的小店——行为的使用 添加行为后的效果 3.8 添加行为 行为是Dreamweaver CS5预置的JavaScript程序库。每个行为包括一个动作和一个事件，其中，事件指引发动作产生的条件，即触发动态效果的原因，例如鼠标移到某对象上，单击某对象等。动作指事件发生后计算机系统执行的一个动作，即最终完成的动态效果，例如打开浏览器窗口、弹出信息、播放声音等。 Dreamweaver CS5采用了“行为”面板来完成行为中动作和事件的设置，从而实现动态效果。 1．“行为”面板 2．添加行为 3．更改或删除行为 4．动作名称及其作用 5．事件名称及其作用 实训10 制作在线调查表 实训目的 1．学会Web服务器的安装与配置。 2．学会表单的创建与属性设置。 实训10 制作在线调查表 3.9 动态网页设计基础 1．静态网页和动态网页 在网站设计中，网页根据其生成方式不同，分为静态网页和动态网页。 （1）静态网页 静态网页指纯粹HTML格式的网页，是网站建设初期经常采用的一种形式。网页设计者把内容设计成静态网页，向每位浏览者发送完全相同的页面，访问者只能被动地浏览网页内容，不涉及任何交互活动。静态网页文件的扩展名一般是htm、html、shtml、xml等。 （2）动态网页 动态网页是采用动态网站技术（如ASP、JSP、PHP）生成的网页，以数据库技术为基础，根据浏览者的输入信息提供不同的页面，与网页上的各种动画、滚动字幕等视觉上的“动态效果”没有直接关系。根据使用服务器技术不同，动态网页文件的扩展名一般为aspx、asp、jsp、php等。 3.9 动态网页设计基础 2．动态网页的特征 ① 动态网页一般以数据库技术为基础，可以大大降低网站维护的工作量。 ② 采用动态网页技术的网站可以实现更多的功能，如用户注册、用户登录、在线调查、后台管理等。 ③ 动态网页实际上并不是独立存在于服务器上的网页文件，只有当用户请求时服务器才返回一个完整的网页。 ④ 采用动态网页的网站在进行搜索引擎推广时需要做一定的技术处理才能适应搜索引擎的要求。 3.10 Web服务器的安装与配置 网站要在服务器平台下运行，离开一定的平台，动态交互式网站就不能正常运行。要将本地计算机设置为Web服务器，必须在计算机上安装能够提供Web服务的应用程序，对于开发ASP面来讲，安装IIS是最好的选择。 IIS的英文全称是“Internet Information Server”，中文含义是因特网信息服务。它是一种网页服务组件，其中包括Web服务器、FTP服务器和SMTP服务器等，分别提供网页浏览、文件传输和邮件发送等服务。 3.10 Web服务器的安装与配置 1．安装IIS IIS的作用是将客户端与服务器端进行连接，当访问者在浏览器中发出一个请求时，这个请求通过网络发送到服务器，然后服务器再将它交给IIS处理，并根据请求的文件进行相应的处理。 2．配置IIS IIS安装完成后，必须对其进行配置才能正常使用。 3.11 插入表单 表单是Internet用户和服务器之间进行信息交流的一种重要工具，它将用户信息收集起来并提交给Web服务器上特定的程序进行处理。表单应用非常广泛，如制作网络调查、博客论坛、留言板、用户注册和网络购物等。 1．表单的组成 一个完整的表单由两部分组成：表单对象和应用程序。其中表单对象就是HTML源代码，起描述作用；应用程序是服务器和客户端的交互，通过它们实现对用户信息的处理，不使用处理脚本或应用程序就不能搜集表单数据。 一个完整的表单对象有三个基本组成部分。 ① 表单标签：包含了处理表单数据所用CGI程序的URL，以及数据提交到服务器的方法。多数情况下，通常将表单标签称为表单。 ② 表单域：包含了文本字段、密码字段、隐藏域、文本区域、复选框、单选按钮、列表/菜单和文件域等。 ③ 表单按钮：包括提交按钮、重置按钮和普通按钮，用于将数据传送到服务器上的CGI脚本或者取消输入，还可以用表单按钮来控制其他定义了处理脚本的处理工作。 3.11 插入表单 3.11 插入表单 2．插入表单 创建一个表单对象前应先插入一个表单，用于确定表单的范围，所有的表单对象都应建立在表单中。要插入表单，首先将光标先定位到要插入表单的位置，然后使用以下操作之一。 ① 选择“插入→表单→表单”命令。 ② 单击“插入”面板“表单”类别中的表单按钮 。 插入的表单在文档窗口中以红色虚线表示。如果没有看