Dreamweaver MX 2004动态网页设计:创建留言本页面

需积分: 9 0 下载量 177 浏览量 更新于2024-08-22 收藏 815KB PPT 举报
"网页设计与制作第11章主要讲解了动态网页设计,特别是关于表单的使用和简单留言本的制作方法。" 在网页设计中,表单是至关重要的元素,它允许用户向服务器发送数据,实现用户与网站的互动。创建一个留言本通常需要两个基础页面:一个是用于展示用户留言的静态页面,例如"gb.asp";另一个是用户添加留言的动态页面,如"input.asp",这个页面中的关键元素是一个嵌套在表单内的表格,以便用户填写和提交信息。 1. 什么是表单 表单(Form)是由HTML语言定义的,它包含了一系列的表单域,用于接收用户的输入信息,然后将这些信息发送到服务器进行处理。表单标签`<form>`定义了表单的基本属性,包括处理表单数据的URL(即动作属性action)和数据提交方式(方法属性method,通常有GET和POST两种)。 2. 表单域的类型 - 文本框(Text input):提供单行或多行文本输入,如`<input type="text">`和`<textarea>`。 - 密码框(Password input):用户输入的内容以星号或圆点显示,保护用户隐私,如`<input type="password">`。 - 复选框(Checkbox):用户可以选择多个选项,如`<input type="checkbox">`。 - 单选钮(Radio button):用户只能选择一个选项,如`<input type="radio">`。 - 按钮(Buttons):包括提交按钮(Submit)、重置按钮(Reset)和普通按钮(Button),分别用于提交表单、清空表单和执行自定义功能。 - 列表/菜单(Select):用户从预设选项中选择一个或多个,如`<select>`。 - 文件选择框(File input):让用户选择本地文件上传,如`<input type="file">`。 - 隐藏域(Hidden):不显示但可以随表单提交的数据,如`<input type="hidden">`。 3. 表单的配置与使用 表单的设计需要考虑用户界面的友好性和数据的正确性。例如,可以使用CSS来美化表单样式,使用JavaScript进行客户端验证,确保用户输入的数据符合要求。同时,服务器端也需要有相应的程序(如PHP、ASP、JSP等)来接收并处理这些数据。 4. 简单留言本的制作 制作一个简单的留言本,需要创建一个输入页面让用户填写姓名、邮箱和留言内容,这些信息应放在一个表单中。表单提交后,服务器端程序接收到这些数据,将其保存到数据库中。另一个页面则从数据库中读取这些留言并显示出来。 在Dreamweaver MX 2004中,可以通过内置的工具快速创建和编辑表单,包括添加表单域、设置属性以及布局。完成表单设计后,还需要配置服务器环境,如安装和配置Web服务器(如Apache)和数据库(如MySQL),确保动态页面能正常运行。 理解和掌握表单的使用对于网页设计和动态网页制作至关重要,因为它们是构建交互式网站的基础。通过学习这一章,你应该能够创建并管理基本的表单,从而实现用户与网站之间的数据交换,例如创建一个简单的在线留言系统。