边做边学——Dreamweaver CS3网页设计案例教程 官辛华 10新.pptVIP

本章简介： 随着网络的普及，越来越多的人在网上拥有自己的个人网站。一般情况下，个人网站的设计者除了想宣传自己外，还希望收到他人的反馈信息。表单为网站设计者提供了通过网络接收用户数据的平台，如注册会员页、网上订货页、检索页等，都是通过表单来收集用户信息。因此，表单是网站管理者与浏览者间沟通的桥梁。 * 第10章　使用表单 课堂学习目标 使用表单和文本域 应用复选框和单选按钮 创建列表和菜单 创建文件域和提交按钮 10.1　咖啡厅会员注册网页 案例分析 设计理念 操作步骤 相关工具 10.1.1　案例分析 爱喝咖啡的人越来越多，咖啡除了它苦中有乐的口感，还有引人入胜的香气以及提神醒脑的作用。本例是为喜爱喝咖啡的人群制作的会员注册网，网站的会员可以享受多重优惠，网站还为会员提供了最便捷的网络预订体验。在网页设计上要体现出清新自然，简洁美观的风格。 10.1.2　设计理念 在网页设计、制作过程中，将背景设计为蓝色到浅黄色的渐变效果，体现清新自然的氛围。标志的设计体现出咖啡屋的品位。导航栏的内容结构清晰明确。中间是咖啡屋的写实照片，环境优雅宜人。下方是简单的会员注册表。网页的整体设计简单大方，颜色清朗明快，充满时尚的生活气息。 咖啡厅会员注册网页效果图 10.1.3　操作步骤 1 2 3 10.1.4　相关工具 创建表单 在文档中插入表单的具体操作步骤如下。 （1）在文档窗口中，将插入点放在希望插入表单的位置。 （2）启用“表单”命令，文档窗口中出现一个红色的虚轮廓线用来指示表单域。 创建表单 2.表单的属性 在文档窗口中选择表单，“属性”面板中出现表单属性。 “属性”面板 3.单行文本域 通常使用表单的文本域来接收用户输入的信息，文本域包括单行文本域、多行文本域和密码文本域3种。一般情况下，当用户输入较少的信息时，使用单行文本域接收；当用户输入较多的信息时，使用多行文本域接收；当用户输入密码等保密信息时，使用密码文本域接收。 插入单行文本域 插入多行文本域 插入密码文本域 文本域属性 4.隐藏域 隐藏域在网页中不显示，只是将一些必要的信息存储并提交给服务器。插入隐藏域的操作类似于在高级语言中定义和初始化变量，对于初学者而言，不建议使用隐藏域。 若要在表单域中插入隐藏域，先将光标放在表单轮廓内需要插入隐藏域的位置，然后插入隐藏域。 5.单选按钮 为了使单选按钮的布局更加合理，通常采用逐个插入单选按钮的方式。若要在表单域中插入单选按钮，先将光标放在表单轮廓内需要插入单选按钮的位置，然后插入单选按钮。 6.单选按钮组 先将光标放在表单轮廓内需要插入单选按钮组的位置，然后打开“单选按钮组”对话框。 启用“单选按钮组”对话框有以下几种方法。 （1）单击“插入”面板“表单”选项卡中的“单选按钮组”按钮。 （2）选择“插入记录 表单 单选按钮组”命令。 7.复选框 为了使复选框的布局更加合理，通常采用逐个插入复选框的方式。若要在表单域中插入复选框，先将光标放在表单轮廓内需要插入复选框的位置，然后插入复选框。 复选框 10.1.5 实战演练-化妆品用户登录网页 使用单行文本域按钮制作生日文本域，使用复选框按钮制作提示信息效果，使用单选按钮组制作血型组选项。 效果图 10.2　儿童会员注册网页 案例分析 设计理念 操作步骤 相关工具 10.2.1　案例分析 筷乐餐饮是是中国餐饮业的领军企业之一，面向全国，拥有百家连锁店。本例是为筷乐餐饮店制作的儿童会员注册网页，所有儿童会员可获得餐厅提供的定期免费用餐券。在网页设计上要体现出餐饮店的经营理念和企业文化。 10.2.2　设计理念 在网页设计、制作过程中，使用橘色和黄色作为网页背景，充分体现饮食的特点，令人心情愉悦、胃口大开。中间的儿童会员注册区域设计新颖独特，能吸引儿童的参与和消费。整个网页设计活泼生动，简洁大方。 儿童会员注册网页效果图 10.2.3　操作步骤 1 2 3 4 10.2.4　相关工具 1. 创建列表和菜单 插入下拉菜单 若要在表单域中插入下拉菜单，先将光标放在表单轮