中职高教版高二《网页设计与制作》任务2.3 制作网页注册页面课件

项目2 制作网站注册登录模块 ——任务2.3 制作网页注册页面 任务2.3 制作网页注册页面 目录 01 活动1 实现注册页面布局 02 活动2 实现注册页面功能 01 活动1 实现注册页面布局 任务2.3 制作网页注册页面 活动1 实现注册页面布局 电商网站的注册页面中一般包含4个主要元素：手机号输入框、密码输入框、密码确认框、验证码输入框。其次，注册页面通常还包括用户名输入框、已登录账户的入口等。 电商网站注册页面 项目2 制作网站注册登录模块/任务2.3 制作网页注册页面/活动1 实现注册页面布局 【注册页面的主要元素】 （1）创建站点并新建文件。 （2）插入表格。 （3）插入文字。 （4）拆分单元格。 （5）插入图像。 （6）网页预览。 【作业步骤】 活动1 实现注册页面布局 项目2 制作网站注册登录模块/任务2.3 制作网页注册页面/活动1 实现注册页面布局 【作业步骤】 活动1 实现注册页面布局 效果图 项目2 制作网站注册登录模块/任务2.3 制作网页注册页面/活动1 实现注册页面布局 合并单元格的方法一： 选中要合并的单元格，右键单击【表格】/【合并单元格】，即可将单元格进行合并。 合并单元格的方法二： 选中要合并的单元格，在属性面板中单击“ 合并单元格按钮”即可完成单元格的合并。 【小助手1】表格的合并 活动1 实现注册页面布局 项目2 制作网站注册登录模块/任务2.3 制作网页注册页面/活动1 实现注册页面布局 拆分单元格的方法一： 将光标移至需要拆分的单元格中，右键单击【表格】/【拆分单元格】，在弹出的对话框中选择把单元格拆成“行”或“列”，以及行（列）数，单击确定，完成拆分。 拆分单元格的方法二： 选中要拆分的单元格，在属性面板中单击 “ 拆分单元格按钮”，在弹出的对话框中设置拆分属性即可完成单元格的合并。 【小助手2】表格的拆分 活动1 实现注册页面布局 拆分单元格 项目2 制作网站注册登录模块/任务2.3 制作网页注册页面/活动1 实现注册页面布局 验证码于服务器端生成，发送给客户端，并以图像格式显示。客户端提交所显示的验证码，客户端接收并进行比较，若比对失败则不能实现登录或注册，反之成功后跳转相应界面。 目前，验证码被大多网站所支持并使用于注册登录的。就在于其作用能有效防止恶意登录注册，验证码每次都不同,这就可以排除,用其他病毒或者软件自动申请用户及自动登陆.有效防止这种问题。 【知识链接】 活动1 实现注册页面布局 项目2 制作网站注册登录模块/任务2.3 制作网页注册页面/活动1 实现注册页面布局 02 活动2 实现注册页面功能 任务2.3 制作网页注册页面 表单对象可以使设计人员能用表单中不同的元素与客户机用户相交互，而用不着在之前首先进行数据输入，就可以实现动态改变Web文档的行为。 表单对象最主要的功能就是能够直接访问HTML文档中的表单，它封装了相关的HTML代码。 项目2 制作网站注册登录模块/任务2.3 制作网页注册页面/活动2 实现注册页面功能 【表单对象】 活动2 实现注册页面功能 （1）创建站点，新建文件。 （2）插入表单域。 （3）插入表格。 （4）插入表单对象。 （5）插入文字。 （6）网页预览。 【作业步骤】 活动2 实现注册页面功能 项目2 制作网站注册登录模块/任务2.3 制作网页注册页面/活动2 实现注册页面功能 【作业步骤】 效果图 活动2 实现注册页面功能 项目2 制作网站注册登录模块/任务2.3 制作网页注册页面/活动2 实现注册页面功能 复选框允许在一组选项中选择多个选项。用户可以选择任意多个适用的选项。选择“插入-表单-复选框”，在弹出的对话框中输入好标签属性，单击确定即可插入复选框。 【小助手】复选框 文本域的插入方法 活动2 实现注册页面功能 “输入标签辅助功能属性”对话框 复选框 项目2 制作网站注册登录模块/任务2.3 制作网页注册页面/活动2 实现注册页面功能 活动2 实现注册页面功能 【知识链接】checkbox标签 <checkbox> 标签用于为用户输入创建复选框。 复选框的语法及结构： <input name="Fruit" type="checkbox" value="" /> 使用html input标签，name为自定义，type类型为“checkbox”的表单。 项目2 制作网站注册登录模块/任务2.3 制作网页注册页面/活动2 实现注册页面功能 谢 谢 $