河北工业职业技术学院
《静态网页制作(Dreamweaver)》课程教案首页
孙侨潞为什么去世了常州网站建设费用ms sql server 2000
授课教师
readthedocs张亚静
班级
16网络订单1班
学时
2
授课日期
主题或任务
以“个人主页”项目为驱动的阶段复习
课型
考试
授课地点
○多媒体教室○企业○专业教室实训室
教学目标
知识目标:
1、回顾常用标签的用法
2、强化样式的综合应用
2、理解盒子模型的意义
3、掌握浮动布局和定位
技能目标:
1、通过CSS+DIV技术设计并实现一个完整网站项目的创建
2、灵活运用盒子模型灵活设计网页布局
3、灵活运用浮动和定位布局页面
素质目标:
1、培养学生团队合作意识
2、培学生的设计和创意能力,提升学生对于网页设计的热情
学习内容
以“个人主页”完整项目为驱动进行阶段复习:
1、网站设计流程
2、规划网站目录结构
3、利用HTML基本标签创建网页结构
4、利用浮动或定位设计页面布局
5、通过CSS样式修饰
6、进行网站测试
listen1电脑版下载重点难点
重点:
利用浮动或定位设计页面布局
通过CSS样式修饰
难点:
利用浮动或定位设计页面布局
教学方法
○理论讲授 ○小组讨论 项目教学
任务驱动 ○参观教学 ○模拟教学
实验实训 ○演示教学 ○其他     
素材资源
文本素材○实物展示PPT幻灯片
○音频素材视频素材○动画素材
图形/图像素材○网络资源○其他
教学设计
html+css美食静态网页设计1、通过教师演示项目,采用项目驱动法引导学生进行阶段知识的复习和回顾,强化关键知识的应用;
2、让学生对完整网站首页的设计和制作有一个整体认识,提升学生进行真实项目开发的经验和兴趣。
学习评价
行为表现  课堂作业  测验测试  制作作品  其他         
作业题目
利用CSS+DIV自由设计并制作“个人首页”
要求:
网页结构和样式分离
网站目录结构规划合理
代码格式规范
双语教学
  Banner  head  link  navigation  foot 
系(部):  计算机技术系  教研室:  网络技术    教研室主任签字:                                         

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。