6.4.1 百度登录页制作
图6.4.1是百度登录页，现在我们利用表单工具来制作网站登录页的效果。制作过程如下。
图6.4.1 百度登录页面
①进入DreamWeaver CC 2019程序，打开课程资源网站，在站点里新建一个网页并命名为login.html，打开该网页。
②调出表单工具，单击表单工具，插入一个表单域。在表单域里插入一个7行1列的表格，设<table></table>标签的对齐属性为“居中”。效果如图6.4.2所示。
图6.4.2 表单内的居中对齐表格
③插入内容。
a.将表格第一行拆分为两列，第一列插入课程资料的“百度标志”图片；第二列输入“用户名密码登录”。
b.第二行插入表单工具“单行文本框”，值（vlaue）设为“手机/邮箱/用户名”，文本框前面的“Text Field：”可以删掉，单元格的对齐属性设为“居中”。
c.第三行插入表单工具“单行文本框”，值（vlaue）设为“密码”，设置同上。
d.第四行插入“复选框”，后面“Checkbox”改为“下次自动登录”。
e.第五行插入按钮，值（vlaue）改为“登录”，单元格属性设为“居中”。
f.第六行输入文字“忘记密码？”。
g.第七行拆分为两列，第一列输入文字“扫码登录”，第二列输入文字“立即注册”。效果如图6.4.3所示。
图6.4.3 百度登录页面的制作
④依次对第六行的文字“忘记密码？”和第七行的文字“扫码登录”“立即注册”建立空链接。方法如下：
⑤对登录按钮进行如下设置：
⑥分别设置表单与表格的背景颜色。
a.表单背景设置：(https://www.daowen.com)
b.表格背景设置：
所有设置完毕，效果如图6.4.4所示。
图6.4.4 百度登录页制作
6.4.2 起点图书网站调查问卷页制作
图6.4.5是起点图书网站调查问卷页，现在我们利用表单工具来制作调查问卷页的效果。制作过程如下：
图6.4.5 起点图书网站调查问卷页制作
①进入DW CC程序，打开课程资源里面的起点图书网站，在站点里新建一个网页命名为question.html，打开该网页。效果如图6.4.6所示。
图6.4.6 调查问卷网页文件的建立
②调出表单工具，选择表单工具，插入一个表单域。在表单域里插入一个11行2列的表格，设<table></table>标签的对齐属性为“居中”。
③将表格第1行第1列插入课程资料的“起点图书网站”Logo图片；第2列输入“图书调查”；在第2行选中两个单元格进行合并，输入“最受欢迎的四大名著调查表”文字。第3行第1列插入“账号：”，第2列插入表单工具“单行文本框”，文本框前面的“Text Field：”可以删掉，单元格的对齐属性设为“居中”。
④第4行第1列输入“密码：”第2列插入表单工具“密码框”文本框，前面的“Text Field：”可以删掉，单元格的对齐属性设为“居中”。第5行第1列输入“性别：”，第2列输入单选按钮组“男”“女”两项。
⑤第6行第1列输入文字“出生日期”；第2列插入“日期”表单元素。第7行第1列输入文字“您的职业是：”，第2列输入单选按钮组“学生”“在职员工”“在役军人”“农民”4项。
⑥第8行第1列输入文字“您的学历是：”，第2列输入单选按钮组“高中及以下”“大专”“本科”“研究生及以上”4项。第9行第1列输入文字“您最喜欢的四大名著是：”，第2列输入单选按钮组“红楼梦”“三国演义”“西游记”“水浒传”4项。
⑦第10行第1列输入文字“您喜欢看书的类型有：”，第二列输入复选按钮组“小说”“散文”“诗歌”“古典文学”4项。
⑧第11行插入提交和重置按钮，单元格属性设为“居中”。
⑨设置表格的背景颜色。
所有设置完毕，效果如图6.4.5所示。
免责声明：以上内容源自网络，版权归原作者所有，如有侵犯您的原创版权请告知，我们将尽快删除相关内容。
