使用ps切片工具切分首页模板(教学设计)

2022-05-14 08:58:23 文档大全网 [ 字体：小中大 ] [ 阅读： ]

【#文档大全网# 导语】以下是®文档大全网的小编为您整理的《使用ps切片工具切分首页模板(教学设计)》，欢迎阅读！
切分,切片,教学设计,首页,模板
教学课题

使用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所用格式，全部图片。提示同学们查看保存的文件，理解切片的作用。