使用ps切片工具切分首页模板(教学设计)
合集下载
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
3、以“古城外国语学校”的网站首页作为例子，初步讲解该首页是如何通过使用psd模板切分而来。（ppt讲授，启发）
4、演示使用切片工具对psd模板进行切分，使用切片选择工具对切片进行修改。
具体步骤：
（1）以“古外”网站首页为例，讲述网页的一般布局格式，页面模块。
（2）将psd模板切分成大的模块，如：导航区、内容区、版权区等。
（课前教师提示学生将已经改好的psd模板从ftp下载到桌面，使用ps打开模板。）
5、保存：
存储为web所用格式，全部图片。提示同学们查看保存的文件，理解切片的作用。
（3）在单个大模块里再次切分成一个一个的小模块。
（4）提示学生回顾上节课在Frontpage里插表格的一般步骤，以及单元格的拆分与合并，对比ps里的切片工具，切分模板时的一般步骤。（过程与方法）
（每一步骤，都要求学生操作一边，都有相应的连续任务，最终将psd模板拆分完全）
（细节：如切片选择工具，切片定位，切片删除等操作）
教学课题
使用ps切片工具切分首页模板
教学目标
1.了解使用psd网页模板设计网页的一般步骤；
2.学会使用ps切片工具对psd图片进行切分；
教学重点1.了解使用ps来自网页模板设计网页的一般步骤；2.使用ps切片工具对psd图片进行切分；
教学难点
1.使用ps切片工具对psd模板进行切分。
课时安排
1课时
教学用具
机房、ppt、扩音器
教学方法
演示法，启发法，任务驱动，讲授法。
教
学
过
程
及
内
容
教学过程：
1、上节课知识点回顾：
（1）建站点；（分两步）
（2）Frontpage文字排版、编辑；
（3）Frontpage图片插入、编辑；（分两步）
（4）表格基本操作（插入、合并、拆分）。
2、本节课引入：
打开“古城外国语学校”的网站首页，暗示同学们将学校的首页面和自己下的psd首页模板相对比，初步了解使用psd模板做网站的一般步骤。（讲授法，启发法）
4、演示使用切片工具对psd模板进行切分，使用切片选择工具对切片进行修改。
具体步骤：
（1）以“古外”网站首页为例，讲述网页的一般布局格式，页面模块。
（2）将psd模板切分成大的模块，如：导航区、内容区、版权区等。
（课前教师提示学生将已经改好的psd模板从ftp下载到桌面，使用ps打开模板。）
5、保存：
存储为web所用格式，全部图片。提示同学们查看保存的文件，理解切片的作用。
（3）在单个大模块里再次切分成一个一个的小模块。
（4）提示学生回顾上节课在Frontpage里插表格的一般步骤，以及单元格的拆分与合并，对比ps里的切片工具，切分模板时的一般步骤。（过程与方法）
（每一步骤，都要求学生操作一边，都有相应的连续任务，最终将psd模板拆分完全）
（细节：如切片选择工具，切片定位，切片删除等操作）
教学课题
使用ps切片工具切分首页模板
教学目标
1.了解使用psd网页模板设计网页的一般步骤；
2.学会使用ps切片工具对psd图片进行切分；
教学重点1.了解使用ps来自网页模板设计网页的一般步骤；2.使用ps切片工具对psd图片进行切分；
教学难点
1.使用ps切片工具对psd模板进行切分。
课时安排
1课时
教学用具
机房、ppt、扩音器
教学方法
演示法，启发法，任务驱动，讲授法。
教
学
过
程
及
内
容
教学过程：
1、上节课知识点回顾：
（1）建站点；（分两步）
（2）Frontpage文字排版、编辑；
（3）Frontpage图片插入、编辑；（分两步）
（4）表格基本操作（插入、合并、拆分）。
2、本节课引入：
打开“古城外国语学校”的网站首页，暗示同学们将学校的首页面和自己下的psd首页模板相对比，初步了解使用psd模板做网站的一般步骤。（讲授法，启发法）