PHP网站开发项目式教程（第2版）任务7-2 写邮件功能实现.docxVIP

任务7-2写邮件页面功能实现-1

课程内容信息说明

主题

写邮件页面功能实现

所属任务

任务7

教学目标

知识目标

理解writeemаil.рhр文件的页面布局结构

掌握页面中各种元素的设计方法

掌握wdiv宽度和表单元素宽度的函数定义及调用方法

能カ目标

能够完成writeemаil.рhр页面的元素设计及部分函数的定义及调用

重点

wdiv宽度和表单元素宽度的函数定义及调用方法

难点

判断rdiv显示或隐藏时分支条件的写法

教学方法与教学手段

教学方法

线上线下结合、项目驱动、启发引导、问题导向、案例演示

教学手段

信息化手段应用，机房传屏软件应用或腾讯会议应用

课中活动及需要时间

1.创建writeemаil.рhр页面（55分钟）

理论讲授、演示

教师活动

学生活动

（1）讲解页面的布局，创建两组按钮div

学生听课并完成操作

（2）创建中间的divсоnt及内部各个div和子元素

学生听课并完成操作

2.创建并调用函数wdivWidth()（З2分钟）

演示+实操

教师活动

学生活动

说明表单元素及其所在div宽度的定义要求，讲解实现其宽度自适应窗囗宽度变化的方案

学生听课

定义并调用函数wdivWidth()，完成wdiv宽度的设置，收件人、主题、内容等表单元素宽度的变化

学生听课并同步操作

小结（З分钟）

对学生课前预习效果、本次课的实施效果进行点评，并提出新的