任娟网页制作课件项目十幻灯片.pptVIP

项目十 制作留言板  ——动态网页入门 创建动态网页测试环境 创建“留言板”数据库——了解数据库 制作留言板——应用表单和表单对象 任务一 创建动态网页测试环境 相关知识 一、动态网页工作原理 动态网页一般使用“HTML+数据库+ASP”或“HTML+数据库+PHP”或“HTML+数据库+JSP”等技术来实现。目前中小型网站较常用的是“HTML+数据库+ASP”技术。 二、安装IIS 要制作动态网页，首先需要有一个测试服务器。在Windows XP操作系统下，只要安装了IIS，就可以将自己的电脑设置为测试服务器。在安装Windows XP时，默认状态下是不会安装IIS的，所以需要单独安装，本节来看看在Windows XP操作系统下如何安装IIS。 实施步骤 安装IIS后，需要进行简单的设置（将网站与IIS联系起来）才能用于测试网页，本节我们就来看看具体的设置方法（具体操作见视频1-1）。 任务二 创建“留言板”数据库 ——了解数据库 相关知识 一、数据库简介 数据库（DataBase）是以一定组织形式存放在计算机存储介质上的相互关联的数据集合。 数据库看起来像是一个表格，按照行和列来表示信息。一般来说，表的每一行称为一个“记录”，每一列称为一个“字段”，字段和记录是数据库中最基本的术语。 实施步骤 本任务使用Access 2003创建一个包含4个字段的数据库，它们分别是编号、昵称、留言、日期和时间。利用该数据库可以保存用户个人信息及留言内容（具体操作见视频2-1）。 任务三 制作留言板 ——应用表单和表单对象 相关知识 一、认识表单 表单多用于填写用户信息。例如，用户在网页上进行注册、登录、留言等操作时，都是通过表单向网站数据库提交或读取数据的。 二、插入表单 在Dreamweaver的“插入”栏中有一个“表单”类别，选择该类别，可插入的表单对象快捷按钮将显示在“插入”栏中。 三、插入表单对象 我们可以把表单看做一个容器，表单对象就是放在这个容器里的东西，只有添加了表单对象，表单才能真正起作用，才可以让访问者输入数据或执行其他操作。常用的表单对象主要有文本字段、单选按钮、复选框和按钮等。 实施步骤 1 ．制作留言列表页面 在开始网页制作之前，需要先在Dreamweaver中创建站点，动态网站更是如此（具体操作见视频3-1）。 （1）创建动态站点 （2）插入表单 本节通过为留言列表页面制作表单，来学习和巩固表单在实际网页制作中的应用（具体操作见视频3-2）。 （3）创建数据库连接 利用Dreamweaver中的“数据库”面板可以非常容易地连接服务器和数据库（具体操作见视频3-3）。 （4）创建记录集 记录集就是数据库表中各条记录的集合，此处创建记录集的目的是读取数据库中的内容。以前创建记录集需要手动编写SQL语句；现在好了，使用Dreamweaver提供的“绑定”面板，只需在弹出菜单中选择数据库连接和表即可轻松创建（具体操作见视频3-4）。 （5）设置动态文本 动态文本是指需要从数据库中读取，而不是直接输入到网页中的文本。使用Dreamweaver提供的“服务器行为”面板，可以轻松设置动态文本，而不需要再一个个地插入（具体操作见视频3-5）。 2 ．制作留言页面 留言板肯定要具有留言功能，本节我们就来看看如何使用Dreamweaver实现网页的留言功能。首先来插入表单和表单元素（具体操作见视频3-6）。 （1）插入表单和表单元素 （2）插入记录 由于在制作留言列表页面时已经创建了数据库连接，此处只需要将前面创建的文档包含至该文档中即可。本节重点讲解插入记录的方法（具体操作见视频3-7）。 知识拓展 一、常用动态网页制作技术比较 目前，最常用的三种动态网页制作技术是ASP（Active Server Pages）、JSP（JavaServer Pages）和PHP（Hypertext Preprocessor）。 二、动态网页不能正常显示的解决方法 如果你的网页不能正常显示，并且提示“Microsoft OLE DB Provider for ODBC Drivers (0”错误，可通过本节的方法解决。 三、留言板欣赏 网站留言板最好与网站主题风格一致，一般的企业或单位网站都采用我们项目十中例子的形式，上面是网站Logo加导航条，下面被分成两列，左侧或右侧是网站内容相关的链接，剩下的一列就是留言板内容。另外，还有一种比较简单的形式，就是整个页面中只有留言板内容，比如新浪博客的留言板。