教学课题 使用ps切片工具切分首页模板 1. 了解使用psd网页模板设计网页的一般步骤； 2. 学会使用ps切片工具对psd图片进行切分； 教学目标 1. 了解使用psd网页模板设计网页的一般步骤； 2. 使用ps切片工具对psd图片进行切分； 教学重点 1. 使用ps切片工具对psd模板进行切分。 教学难点 课时安排 1课时 教学用具 机房、ppt、扩音器 演示法，启发法，任务驱动，讲授法。 教学方法 教学过程： 1、 上节课知识点回顾： （1）建站点；（分两步） （2） Frontpage文字排版、编辑； （3） Frontpage图片插入、编辑；（分两步） （4） 表格基本操作（插入、合并、拆分）。 2、 本节课引入： 打开“古城外国语学校”的网站首页，暗示同学们将学校教 的首页面和自己下的psd首页模板相对比，初步了解使用学 psd模板做网站的一般步骤。（讲授法，启发法） 过 程 3、 以“古城外国语学校”的网站首页作为例子，初步讲解该首页是及 如何通过使用psd模板切分而来。（ppt讲授，启发） 内 4、 演示使用切片工具对psd模板进行切分，使用切片选择工具对切容 片进行修改。 具体步骤： （1） 以“古外”网站首页为例，讲述网页的一般布局格式，页面模块。 （2） 将psd模板切分成大的模块，如：导航区、内容区、版权区等。 （3） 在单个大模块里再次切分成一个一个的小模块。 （4） 提示学生回顾上节课在Frontpage里插表格的一般步骤，以及单元格的拆分与合并，对比ps里的切片工具，切分模板时的一般步骤。（过程与方法） （每一步骤，都要求学生操作一边，都有相应的连续任务，最终将psd模板拆分完全） （细节：如切片选择工具，切片定位，切片删除等操作） （课前教师提示学生将已经改好的psd模板从ftp下载到桌面，使用ps打开模板。） 5、 保存： 存储为web所用格式，全部图片。提示同学们查看保存的文件，理解切片的作用。 本文来源：https://www.wddqw.com/doc/0c36e2c75af5f61fb7360b4c2e3f5727a5e9248d.html