网页设计与制作项目教程 教学课件 作者 姜华 精品课程网站设计与制作项目8.pptVIP

项目八 网络留言簿 【项目说明】 简易网站留言簿实现用户留言的一般操作，包括显示留言、发表留言、删除留言、修改留言，暂不考虑用户管理及权限控制. 【技能目标】 初步掌握WEB服务器配置 初步掌握ACCESS数据库设计 掌握使用Dreamweaver 连接数据库 掌握使用Dreamweaver实现数据库记录的添加、删除、修改 【知识准备】 学习网站站点的建立和管理，学习Dreamweaver CS4的基本操作，学习简单的文本、图像等的基本设置。 效果图 项目一 网络留言簿 准备1 配置WEB服务器 准备2 建立动态站点 准备3 建立Access数据库 准备4 表单 任务一 站点配置与数据库设计 任务二 签写留言页面 任务三 查看留言页面制作 任务四 留言回复页面制作 任务五 留言删除页面制作 准备一 配置WEB服务器 1、什么是WEB服务器？ 能提供网站访问的服务器叫Web服务器。 2、什么是IIS？ IIS（Internet Information Server，互联网信息服务）是一种Web（网页）服务组件。 3、安装IIS 4、安装完成，测试IIS 准备二 建立动态站点 Dreamweaver CS4 具有强大的站点管理和文件管理功能，前面章节已讲述过静态站点的配置。 1.在本地计算机创建站点目录（如果已经有站点目录可略过此步） 2.打开IIS，创建虚拟目录，具体步骤如下图所示： 准备三 建立Access数据库 1.使用Access建立数据库 2.数据库的连接 3.连接Access数据库 1.在Dreamweaver中建立好动态站点。 2.“窗口”“数据库”。 3.在数据库面板中单击加号（+号）按钮，在弹出的菜单中选择“自定义连接字符串”命令，在弹出 的窗口中输入连接名称，然后单击“定义”按钮。 准备三 建立Access数据库 4.在弹出的窗口中选择“系统DSN”选项卡，并单击“添加”按钮，在“创建新数据源”窗口中，选中“Microsoft Access Driver(*.mdb)”，然后点“完成”按钮。 5.在“ODBC Microsoft Access 安装”窗口中输入数据源名称，然后点数据库“选择”按钮，在“选择数据库”窗口中定位到数据库所在路径，并选中数据库，然后点“确定”按钮。 6. 在数据源名称窗口中数据源名称所在的下拉列表中，选中刚新建数据源,然后点“测试”按钮，如果提示“成功创建连接脚本”，则说明创建成功。 准备四 表单 互联网上，网站的管理者常常需要与用户实现交互，这就需要用到表单。表单内有多种可以与用户进行交互的表单元素，如文本框、单选框、复选框、提交按钮等元素。 1.表单元素 使用Dreamweaver CS4可以创建各种表单元素，如文本框、滚动文本框、单选框、复选框、按钮、下拉菜单等。在“插入”工具栏的“表单”类别中列出了所有表单元素 准备四 表单 2.插入表单 1)将光标放在“编辑区”中要插入表单的位置；然后在“插入”工具栏的“表单”类别中，单击“表单”按钮；此时一个红色的虚线框出现在页面中，表示一个空表单， 2)单击红色虚线，选中表单；在“属性检查器”中，“表单名称”文本框中输入表单名称；在“方法”下拉列表框中，选择处理表单数据的传输方法，“Post”方法是在信息正文中发送表单数据，“Get”方法是将值附加到请求该页面的URL中；在“目标”下拉列表框选择服务器返回反馈数据的显示方式，这里选择“_blank”，即在新窗口打开；“MIME类型”下拉列表框指定提交服务器处理数据所使用MIME编码类型。 准备四 表单 3.插入文本字段 1)单行文本字段与密码文本字 2)多行文本区域 插入文本域的具体操作方法如下：“插入”菜单“表单”“文本域”，若要设为密码类型文本域或多行文本则需要选中新插入的文本域，将文本类型改为“密码”或“多行文本”，如下图所示： 准备四 表单 4.插入复选框 复选框是在一组选项中，允许用户选中多个选项。复选框是一种允许用户选择对勾的小方框，用户选中某一项，与其对应的小方框就会出现一个对勾。具体操作步骤如下： “插入”菜单“表单”“复选框”。 5.插入单选按钮 单选按钮是在一组选项中，只允许选择一个选择项，例如性别、文化程度等选项。使用单选按钮的表单如图所示。插入方法与插入复选框相同。 准备四 表单 6.插入列表/表单 列表和菜单也是表单中常用的元素之一，它可以显示多个选项，