教案
课程名称:PHP网页案例任务教程
课题:任务一使用header方法设计友情链接动态网页1
课时:2课时1
主讲教师:某某某教师1
学校:某某某学校0
日期:xxxx年月日1
教案
教学
对象
网络技术A班
授课日期
XXXX年月日
使用
教材
PHP网页案例任务教程
出版单位
电子工业出版社
课题
任务一使用header方法设计友情链接动态网页
计划学时
2学时
教
学
目
标
通过教学活动能掌握使用header方法设计友情链接动态网页的技能
知识目标:友情链接作用
技能目标:能掌握使用header方法设计友情链接动态网页的技能
态度目标:端正态度,配合伙伴完成任务。
德育目标:养成良好的团队协作精神,学会彼此配合协作完成项目任务,成果分享。
教学重点难点
重点:能掌握使用header方法设计友情链接动态网页的技能
难点:能掌握使用header方法设计友情链接动态网页的技能,能排除简单问题故障
教学设计说明
教学内容以岗位工作任务出现,为学生将来快速融入岗位工作打基础。
教学重点是培养学生熟练的操作技能。
通过训练与强调,突破关键点。
训练结束后,接轨企业实际,施工任务单技术归档的填写,是岗位标准化技能训练的一部分。
教学活动流程
教学步骤与内容
教学组织形式
教学方法
达成目标
1、新课导入
新课导入
同学们,逛网站时经常看到底部或侧边栏的“友情链接”——比如学校官网会链接教育局网站、合作企业页面,就像互相串门的“网络名片”。这些链接不仅能方便用户跳转,还能提升网站间的流量互通,就像班级和隔壁班互相分享学习资料,形成“友好互助圈”。
任务描述
工程师小明正在设计集团公司的网站,公司希望提供更好的用户体验和便捷的导航功能。任务的目标是创建名为“070101.php”的动态网页,该网页包含集团导航和友情链接功能,并且这些功能操作便捷,只需用户单击按钮即可。在这个具有动态特性的网页中,用户可以方便地浏览集团公司的集团导航和一系列友情链接。网页的设计着重于用户友好性,让用户通过简单的操作就能够轻松切换到所需的页面。
为了实现这一目标,工程师小明将使用header方法来实现指定URL的跳转,从而创建动态网页。网页的主要布局包括一张引人注目的顶部图片,表单部分则包含下拉菜单和按钮。下拉菜单里列出了几个精选的网站链接,用户可以从中选择感兴趣的链接。而“访问网站”按钮则使用户可以通过点击来访问所选的网站。
为了提供更好的用户体验,工程师小明还将运用PHP技术,实现集团导航和友情链接内容的显示。总体来说,这个任务旨在创造交互式和便捷的动态网页,提供集团导航和友情链接功能,让用户通过简单的按钮点击即可切换显示状态。工程师小明正在全力以赴,希望他的设计能够为集团公司的网站带来更出色的用户体验。
以提问的方式展开与学生的互动,引出本课堂教学内容。
项目串联教学法
根据学校要求安排按情况适度安排爱国主义、职业素养等思政内容,初步了解知识概念即可。
2、讲解示范
任务分析
工程师小明正在设计名为“070101.php”的动态网页,目标是实现集团导航和友情链接的功能。这些功能应该能够从隐藏状态切换到显示状态,只需单击按钮即可。
(1)功能概述:网页包含集团导航和友情链接功能。
(2)技术实现:使用header方法来实现指定URL的跳转,以创建动态网页。
(3)网页内容:
①顶部图片:一张宽度为750像素,高度为232像素的图片。
②表单:
?下拉菜单(select元素):包含多个选项(option元素),每个选项对应不同的网站链接。默认选项为“请选择:”,用户可以从下拉菜单中选择其他网站链接。
?“访问网站”按钮(input元素,类型为“submit”):当用户选择了网站链接后,通过点击该按钮可以访问所选的网站。
③PHP代码:通过检查是否接收到名为“url”的GET参数,判断用户是否选择了某个网站链接。如果接收到了“url”参数,则使用header()函数将用户重定向到所选的网站链接。
这段代码创建了简单的动态网页,允许用户通过下拉菜单选择链接并跳转到所选的网站。通过使用header方法和JavaScript控制内容的显示和隐藏,实现了集团导航和友情链接功能。工程师小明正在努力为公司网站提供更好的用户体验。工程师小明正在按照这个思路来开发名为“070101.php”的网页,希望能够为公司网站提供更好的用户体验。
?
方法和步骤