点击查阅配套资源:
微课视频1 微课视频2 PPT 电子教材 素材下载 拓展学习1 拓展学习2 拓展学习3
第30讲 :网站开发流程、切图及主框架页制作 |
学时:2 |
||
任务目标 |
l 了解网站的开发流程 l 使用PS进行切图 l 制作网站主页 |
||
知识内容 |
第10章 第10.1-10.2.4节 |
||
重 点 |
使用PS进行切图并设计网站主页 |
||
难 点 |
使用PS进行切图 |
||
教学方法 |
教师:理论与实际操作讲解相结合 学生:预习、课堂学习与课堂练习相结合 师生:教师通过课程引导启发提问、疑难解答、学生练习点评进行互动 |
||
学习方法 |
PPT和知识讲解进行理论学习、播放微课进行案例学习,然后进行案例实操练习、课后习题等练习完成知识学习过程 |
||
资源 |
PPT、电子教材、微课视频、网络课程(http://jx.gdgm.edu.cn/skills/wv/30764673) |
||
教学过程 |
|||
知识点 |
基本内容 |
教学过程 |
建议时长 (分钟) |
复习 |
复习上一节课内容 |
运行上一讲案例,并强调重点完成复习 |
2 |
知识点1:网站制作流程 |
1.了解网站的制作流程 |
通过PPT结合电子教材讲解网站的制作流程 |
3 |
2.网站的定位及内容的选取等 |
通过PPT结合电子教材讲解网站定位及内容的选取等 |
2 |
|
知识点2:使用Photoshop切图 |
1.导入图片、绘制参考线 |
通过实际操作导入主页图片并绘制参考线 |
13 |
2.绘制切片 |
通过实际操作绘制切片 |
15 |
|
3.导出切片图 |
通过实际操作导出切片图 |
5 |
|
知识点3:主页框架制作 |
1.建立网站、主页文件和样式文件,主页框架分析 |
通过实际操作建立网站、主页文件和样式文件,并进行主页框架分析 |
10 |
2.样式的设计 |
通过实际操作设计主页样式 |
10 |
|
3.框架层的设计 |
通过实际操作在主页中添加层并引用样式 |
15 |
|
4.学生课堂练习 |
解答学生练习过程中出现的问题 |
15 |
|
课后作业 |
学生完成课后习题练习 |
布置课后作业 |
|