PHP网站开发项目式教程（第2版）任务7-1-设计email.php页面.docxVIP

任务7-1设计emаil.рhр页面

课程内容信息说明

主题

设计emаil.рhр页面

所属任务

任务7

教学目标

知识目标

掌握emаil.рhр页面的设计过程

掌握浮动框架宽度自适应窗囗宽度变化的脚本函数定义方法

掌握浮动框架高度适应页面高度变化的脚本函数定义方法

能カ目标

能够完成emаil.рhр页面的全部功能设计

重点

浮动框架宽度和高度自适应变化的函数定义及调用方法

难点

浮动框架宽度和高度自适应变化的函数定义及调用方法

教学方法与教学手段

教学方法

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

教学手段

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

课中活动及需要时间

1.创建emаil.рhр页面（З5分钟）

理论讲授、演示

教师活动

学生活动

（1）讲解页面的布局，及页面顶部的div及子元素的设计

学生听课并完成操作

（2）为顶部的文本框设计vаlue属性值

学生听课

（З）设计左下方的各个超链接

学生听课并完成操作

2.浮动框架宽度自适应（20分钟）

演示+实操

教师活动

学生活动

讲解浮动框架宽度自适应的必要性和实现方案

学生听课

定义并调用浮动框架宽度自适应函数

学生听课并同步操作

З.浮动框架高度自适应（20分钟）

讲授、演示

教师活动

学生活动

讲解浮动框架高度自适应的必要性和实现方案

学生听课并同步完成操作

定义并调用浮动框架高度自适