毕业论文设计用户注册页面
在之前的章节中，已经介绍了用户登录界面的设计，事实上在用户登录网站之前，往往还需要访问用户注册的页面，注册为网站的会员。使用Dreamweaver的文本区域表单组件和菜单/列表表单组件，以及之前介绍的文本字段组件和按钮组件，可以方便地制作各种用户注册的页面，如图6-36所示。
图6-36 用户注册页面
1 设计思路
用户注册页面也是互联网中最常见的用户交互页面类型。其与用户登录网站类似，都是提供一些表单供用户填写，通过网页获取用户填入的信息，再把用户信息写入到网站的数据库中。用户注册往往是网站用户系统中与用户交互的第一步。具有十分重要的作用。
1．用户注册页面分析
在设计用户注册页面时，首先需要设计具体的注册填写项目，包括各种必填项目、选填项目等。设计项目时不能盲目的设计，而应参考以下一些规范。
设计项目应目的明确
设计注册填写项目时，应该有明确的目的。每一个需要用户填写的内容，都应该是网站经
营者需要获得的信息，而不是无聊的玩笑。一些小网站往往要求用户填写数页的注册信息内容，将其保存起来，却从来不对这些信息进行分析和总结，这样的注册没有任何意义，反而延长了用户在注册网站时花费的时间，给用户造成很坏的印象。
为什么需要用户注册？通常互联网中各种经营性的网站获得用户信息有许多种，例如，获得用户的（电话号码，手机号码，，通信地址等）、喜好和习惯（生活规律，业余爱好，擅长领域，工作习惯等）、个人信息（教育程度，社会阶层，职业年龄，性别经历等）、真实身份（身份证号，学生证号，工号帐号，其他身份等）。获取的这些信息都应该与网站的经营目的有关，如图6-37所示。
图6-37 网站注册项目的作用
在设计网站注册的填写项目时，应量体裁衣，根据网站用户的性质归化注册项目，尽量避免无意义的注册项目，防止这些既浪费用户时间，又占用数据库的空间的项目产生，降低网站系统的运营效率。
●设计项目应精简易填
网站的注册项目还应该通俗易懂。网站所需要面对的并不只是局限于专业用户。过于艰深的词汇可能造
成用户误解，以致注册无法进行。因此，能使用中文时尽量使用中文，能使用简单的词汇，尽量少使用术语。
例如，大多数网民都了解Email代表，因此在要求用户填写时，可使用Email，也可使用“地址”等。然而，对于一些英语不是很熟悉的用户而言，很少有人知道“Zip code”的含义，因此应以“”作为代替。
由于国内大多数用户使用的是汉字而非26个拉丁字母，因此在填写各种问题和答案时，需要比欧美人多开启一次输入法。因此如果不是十分必要，在注册时尽量少使用直接的问题，而应提供尽量详细的选项供用户选择，使用户免于输入的麻烦。网页界面设计中
在国内很多中年网民的打字速度很慢，甚至完全不会打字。因此，大量需要用户输入的注册选项
无疑会给这些用户造成很大的困难。而网站界面设计中，应尽量避免这种情况的发生。
●注册项目应有详细注释
即使已经使用非常简单的语言编写了设计的项目，仍然应该为用户提供详细的注释内容，帮助用理解项目的含义，以及填写项目时所采用的格式等。
例如，在用户名的注册项目中，应清晰地描述用户名可使用的字符，包括是否允许使用中
文，是否允许使用数字，是否允许使用标点符号，以及允许多少位字符等。而在密码的设置中，也应注明密码允许的位数和字符。同时，还应提供确认密码的选项，强制用户再次输入一次密码，防止用户在注册时使用了错误的密码，造成以后无法登录。
对于一些存在多种格式的信息，应提供一些示例范本。防止用户输入错误的格式导致无法注册。例如，在填入日期时，提供注释“1970/1/1”等。
对于一些比较隐私的信息，例如，婚姻状况、手机号码、家庭地址、工作单位、真实姓名等，应在注释中强调，网站不会将其泄漏，以打消用户的顾虑。或提供“保密”的选项供用户选择，再或者将其设置为选填，允许用户不填。
对于一些需要输入大量文本内容的项目，应提供限制字数的提示信息，防止用户输入过多的文本而导致无法注册。同时，还应该将必填文本和选填文本作出区分，并提供说明。
2．本实例分析
本实例设计了一个古典文化网站的用户注册界面。在设计该网站时，运用了许多中国古典风格的图像（如各种写意风格的绘画元素以及中国古典特的物品、修饰等），以突出中国古典特。
在设计网站的Logo时，使用了金文作为Logo文字的字体，为字体添加了深褐的颜并设置金黄的发
光特效和灰的投影特效，模拟金属雕刻的风格。同时为Logo右侧的小标题添加了印章风格的背景，更增添古典意味，如图6-38所示。
图6-38 中国古典风格的Logo
在设计网页的导航条时，为了使导航条更具有中国古典风格，为字体应用了竖排的排版方式，并为其应用了隶书字体，模仿古代竹简的书写方式。（由于很多用户的计算机并未安装这一字体，因此在此使用了整幅的导航条图像，同时为图像添加了热区，以实现分块链接。）如图6-39所示。
图6-39 竖排隶书的导航条
为体现整个网页的中国古典风格，在导航条的右侧添加了一幅写意风格的国画，其内容为河水、小岛、渔船和飞鸟等，将导航条衬托得更加美观，如图6-40所示。
图6-40 导航条右侧的国画
为使网页的Logo、导航条与网页的主题部分之间有一个清晰的分界，在设计用户注册网
页时，为其添加了一行青铜的中国风格砖瓦图像分界线，既将Logo/导航条与网页的主题部分分离开来，又可以与网页的整体风格保持一致，如图6-41所示。
图6-41 青铜砖瓦分界线
为体现出网页主题部分中的古典风格，在网页的主题部分背景中分别添加了瀑布、远处的小船以及右侧的山峰等写意画风格的图像，如图6-42所示。
图6-42 主题部分背景
在主题部分背景上可以添加一个青的双线边框，作为注册表单与普通主题背景的分界线。在该边框中，可以添加一个半透明的白背景，然后再插入注册表单，如图6-43所示。
图6-43 插入的注册表单
在注册表单的边框右下方，可以添加一个芭蕉扇的图标，然后在图标上添加隶书书写的用户注册文本，作为主题部分的标题，如图6-44所示。
图6-44 设计表单的标题
在设计网页的版尾部分时，可以使用回纹作为主题部分与版尾部分的分隔线，将这两部分
隔开，然后，在版尾处添加墨迹的背景，以保持版尾与整个页面的一致性，如图6-45所示。
图6-45 回纹分隔线和墨迹背景的版尾
2 设计过程
设计用户注册页面时，不仅需要使用之前章节介绍的文本字段和按钮等表单组件，还需要使用到项目列表选项，供用户选择项目填写。同时，还需要使用文本域的组件，获取用户输入的大量文本，用于用户的个人简介。
1．制作表单项目
（1）在Dreamweaver中打开素材网页，选中ID为container的div标签，然后执行【插入】|【表单】|【表单】命令，为其插入一个表单容器，如图6-46所示。
图6-46 插入表单
（2）在【属性】面板中设置表单的【表单ID】为regist，设置【动作】为“javascript:void(null);”，将表单容器的动作设置为空，如图6-47所示。
图6-47 设置表单容器动作
（3）将鼠标光标置于表单中，执行【插入】|【表单】|【文本域】命令，在弹出的【输入标签辅助功能属性】对话框中设置【ID】为userName，并单击确定，插入文本域，如图6-48所示。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。