清华大学版（2012）八年级下册信息技术 课件 - 4.15信息互动——制作表单网页 (共24张PPT)

信息互动——制作表单网页 1 任务导航 网页不仅能够提供信息让用户浏览，还能够从用户那里收集信息。表单就是一种比较常用的收集信息的形式，它是网站管理者与浏览者之间沟通的桥梁。表单常用于申请邮箱、注册个人信息、填写调查报告以及购物信息等。 本课，学习利用表单制作“有奖问答”网页，网页效果如图所示。 2 1.设计网页 （1）规划“有奖问答”文件夹 打开“安全自护”站点，在“文件”面板中新建yjwd文件夹，在yjwd文件夹中新建images和other两个文件夹，将素材库中提供的图片素材存放到images文件夹中。 （2）新建网页文件 在yjwd文件夹中新建网页文件，文件名为yjwd.html。修改网页标题为“有奖问答”，设置背景颜色为#EAFF8A，上边距为0。 3 （3）利用表格规划网页 步骤1：插入一个4行3列的表格，边框粗细为0，单元格边距为0，单元格间距为0，表格宽度为680像素，居中对齐。 4 步骤2：合并第1行所有单元格，设单元格高度为90像素。分别设定第2行第1列、第2行第3列、第4行第1列及第4行第3列的单元格宽度为18像素，高度为19像素，如图所示。 5 步骤3：在表格1的下面再插入一个2行1列的表格，边框粗细为0，单元格边距为0，单元格间距为0，表格宽度为900像素，居中对齐。设定第1行的单元格高度为55像素，如图所示。 6 （4）修饰表格 利用表格规划完网页后，根据需要在表格中插入所需的图像文件，设置单元格的背景颜色和背景图像。修饰后的表格如图所示。 7 2.制作表单 （1）插入表单域 步骤1：将光标放置在表格1的第3行第2列单元格中，设置单元格内容的垂直对齐方式为“顶端”。 步骤2：执行“插入”→“表单”→“表单”命令，一个表单域便插入到了网页中，它在网页编辑窗口中显示为一个红色虚线框的范围，如图所示。 8 步骤3：将光标置于表单域（红色虚线框）中，在“属性检查器”中设置表单的属性，如图所示。 9 （2）插入文本域 步骤1：在表单域中插入一个15行1列的嵌套表格，边框粗细为0，单元格边距为0，单元格间距为0，表格宽度为90%。设置表格居中对齐，所有单元格的高度为25像素，分别将第2、3、4行单元格拆分为