photoshop网店美工教学教案

photoshop网工案(总28页本页仅作为文档封面，使用时请直接删除即可--内页可以根据需求调整合适字体及大小--

《CS6面计教》配套学教第课时内容

PhotoshopCS6的基本操作

授课时间90分钟

课时2教学目标教学重点教学难点教学设计

?平面设计基础。?图像处理的基本概念。?图像文件的基本操作。?辅助工具的使用。?掌握平面设计基础的相关内容。?掌握PhotoshopCS6的基本操作。色彩的构成与辅助工具的使用。1、教学思路：（1）讲解平面设计基础，让学员学习色彩构成和平面构图的基本知识；（2）讲解图像处理的基本概念，让学员熟悉图像处理的基本知识包括像素与分辨率、位图与矢量图等的相关知识；）讲解图像文件的基本操作，使学员认识CS6，并对其中的打开、保存、新建等有一定的了解；（4通过对辅助工具的学习，使学员掌握一定的PhotoshopCS6制作技巧；（5）安排课堂练习，对前面知识进行巩固。2、教学手段：（1）通过演示讲解基础知识，讲解结束后进行疑难提问；（2）对于重点知识可进行举例说明。3、教学资料及要求：除教材中讲解的知识，还可打开一张图片并通过图片的操作掌握打开、保存、关闭的方法，并对标尺、网格、参考线进行简单介绍，使学员在操作中学知识。教学内容2

讨论问题：1、如何将图片显示到CS6中，进行简单操作2、色彩构图原则中的内容如何运用到制作中内容大纲：具体可结合本章的课件进行配合讲解。平面设计基础色彩构成概述色彩构成分类及属性色彩对比色彩构图原则色彩搭配技巧平面构成属性平面构成视觉对比平面构图原则图像处理的基本概念像素与分辨率位图与矢量图图像的色彩模式图像文件格式图像文件的基本操作认识PhotoshopCS6的工作界面新建图像文件打开图像文件保存和关闭图像文件课堂案例——转换图像色彩模式使用辅助工具使用标尺使用网格使用参考线课堂练习赏析“论道竹叶青”画册设计新建“名片”文件拓展知识课后习题课堂案例——赏析“论道竹叶青”画册设计3

小结思考及作业

1、掌握平面设计基础的相关内容，包括色彩构成、色彩对比等知识。2、掌握PhotoshopCS6的基本操作方法。想一想：Photoshop提供的绘制和修饰图像工具除了用于合成和绘制图像，还能用于什么？练一练：（1）打开光盘中提供的“房地产海报tif”图片，对其进行简单赏析。思考及作业课后习题——房地产广告赏析（2）打开光盘中提供的“人物照片jpg”文件，在Photoshop中练习将图像设置为不同的色彩模式。课后习题——设计照片色彩模式4

第课时内容

图像编辑基本操作?调整图像。

授课时间90分钟

课时2教学目标教学重点

???????

查看图像。填充图像颜色。编辑图像的技巧。撤销与重做。调整图像画布大小。图像移动、变换。图像的复制、粘贴、描边、填充的方法。教学难点教学设计

掌握不同填充图像颜色的方法。1、教学思路：）通过调整图像的讲解，让学员熟悉调整图像大小、调整画布大小和旋转图像的方法；）通过查看图像的具体操作，让学员认识查看图像的三种方式；）通过填充图像颜色的操作，让学员掌握颜色的填充方法，包括前景色、后景色、渐变色等；）通过对编辑图像的掌握，让学员简单学习一些在CS6中编辑图像的方法；（5）通过对撤销与重做的学习，让学员了解如何重做图像和撤销制作后的图像；）安排课堂练习，对前面知识进行巩固。2、教学手段：（1）通过演示讲解基础知识，讲解结束后进行课堂练习和疑难提问；（2）对于重点操作可以着重演示，并加强举例说明。3、教学资料及要求：除教材中的实例外，可以介绍更多图像编辑的基本操作，让学员充分利用并进行练习。教学内容知识回顾：在前面讲解PhotoshopCS6的基本操作，本章将对图像编辑基本操作进行讲解，包括调整、查看图像，以及填充颜色。讨论问题：1、如何将打开的图像完全显示，并调整图像大小2、如何对照片进行缩放操作，并对背景填充渐变色内容大纲：具体可结合本章的课件进行配合讲解。调整图像调整图像大小调整画布大小旋转图像查看图像使用缩放工具查看使用抓手工具查看使用导航器查看填充图像颜色设置前景色和背景色使用“颜色”面板设置颜色使用“拾色器”对话框设置颜色使用吸管工具设置颜色使用油漆桶填充颜色使用渐变工具填充颜色5

课堂案例1——填充圣诞树图像编辑图像移动图像变换图像图像自由变换内容识别缩放复制与粘贴图像填充和描边图像课堂案例2——制作水杯贴图撤销与重做使用撤销与重做命令“历史记录”画笔面板使用快照还原图像课堂练习填充文字制作海报拓展知识课后习题课堂案例1——填充圣诞树图像1、掌握图像调整和查看的相关知识

课堂案例2—制作水杯贴图小结思考及作业

2、掌握填充图像颜色的方法3、熟练使用编辑图像的方法。想一想：如何对文字填充颜色练一练：（1）结合本课所学知识，对素材图像进行基本的编辑操作，完成后的参考效果。（2）通过所学知识制作一个下图所示倒影作品展示效果。6

思考及作业7

第课时内容

创建和编辑选区?选框工具。?套索工具。?魔棒工具。

授课时间45分钟

课时1教学目标????

快速选择工具。调整选区。编辑选区。储存和载入选区。教学重点

??

掌握使用不同抠图工具创建选区的方法。掌握调整选区的各种技巧。教学难点教学设计

套索工具和魔法棒工具的使用方法，以及调整选区的基本操作。1、教学思路：（1）通过创建选区的讲解，让学员掌握使用不同的方法选择和抠选方法；（2）通过调整选区的讲解，使学员了解与掌握编辑选区、储存和载入选区的方法；（3安排课堂练习，对前面知识进行巩固。2、教学手段：（1）通过演示讲解基础知识，讲解结束后进行课堂练习和疑难提问；（2）对于重点操作可以着重演示，并加强举例说明。3、教学资料及要求：除教材中的实例外，可通过案例的形式，对选区的操作方法进行总结，让学员在掌握知识的同时，对各个工具项进行掌握。教学内容知识回顾：前面讲解了图像编辑的基本操作如调整图像、查看图像、填充图像颜色、编辑图像等，本章将对选区的创建与编辑方法进行介绍。讨论问题：1、如何创建照片中人物头像选区2、如何对创建的选区进行储存并在其他图像中进行载入操作内容大纲：具体可结合本章的课件进行配合讲解。创建选区使用选框工具创建选区使用套索工具创建选区使用魔棒工具创建选区使用快速选择工具创建选区使用“色彩范围”菜单命令创建区课堂案例1——制作夜空图像54调整选区调整选区的基本方法编辑选区存储和载入选区课堂案例2——合成风景艺术照课堂练习制作店铺横幅广告绘制店铺背景拓展知识课后习题8

课堂案例1——制作夜空图像1、掌握选区工具的使用方法。

课堂案例2——合风景艺术照小结思考及作业

2、掌握调整选区大小和位置的方法。3、掌握编辑选区的操作技巧。想一想：选区与图层及路径之间能否相互转换呢练一练：（1）打开光盘中提供的素材文件，利用选区合成一幅画卷展开效果，要求图像合成边缘融合恰当、颜色过渡合理、画面整体漂亮。（2）打开提供的素材文件，使用多边形套索工具和剪贴蒙版制作“窗外”效果。9

第课时内容

绘制和修饰图像

授课时间90

课时2??教学目标???

使用画笔工具绘制图像使用修复工具和图章工具修复图像使用模糊工具和减淡工具润饰图像使用橡皮擦工具擦除图像使用内容识别功能擦除图像。教学重点

??

掌握画笔工具的设置与应用。熟悉修复工具与修饰工具的使用方法。教学难点教学设计

掌握如何对画笔进行载入操作，并将载入的画笔运用到图像中。1、教学思路：（1）通过对绘制图像的讲解，让学员掌握画笔工具和铅笔工具的使用方法；（2）通过修饰图像的讲解，让学员掌握修复工具、图章工具、模糊工具、减淡工具的使用方法；）通过剪切与擦除图像的学习，让学员对剪切工具、橡皮擦工具和内容识别功能有一定了解；（4）安排课堂练习，对前面知识进行巩固。2、教学手段：（1）通过演示讲解基础知识，讲解结束后进行课堂练习和疑难提问；（2）对于重点操作可以着重演示，并加强举例说明。3、教学资料及要求：除教材中的实例外，可以给出命题，让学员根据所学知识使用画笔工具进行绘制。教学内容知识回顾：在前面讲解了创建和编辑选区的方法，下面对绘制和修饰图像进行讲解。讨论问题：1、如何下载梅花画笔，并对梅花进行上色处理2、如何对商品图片进行颜色的调整，突出商品的效果内容大纲：具体可结合本章的课件进行配合讲解。绘制图像画笔工具设置与应用画笔样式使用铅笔工具课堂案例1——绘制水墨梅花修饰图像使用修复工具修复图像使用图章工具修复图像使用模糊工具润饰图像使用减淡工具润饰图像课堂案例2——人物面部精修裁剪与擦除图像使用裁剪工具裁剪图像使用橡皮擦工具擦除图像使用内容识别功能擦除图像课堂练习制作美容院招贴绘制商场横幅广告拓展知识课后习题10

课堂案例1——绘制水墨梅花1、掌握绘图工具的使用方法

课堂案例2——人物面部精修小结思考及作业

2、掌握修饰图像工具的操作方法3、熟悉修饰图像工具的使用技巧。想一想：如何将前面学到知识与绘制图像相结合制作店招，对并完成后的图像进行美化处理练一练：（1）打开提供的“照片.jpg”图像文件，将照片中多余的人物擦除，处理后的效果如下图所示。（2）使用画笔工具，在“画笔”面板中设置画笔的参数，然后通过建立不同的图层，在不同的图层中绘制水粉画。11

第课时内容

图层的应用?创建图层

授课时间90分钟

课时2教学目标教学重点

?????

管理图层设置图层混合模式和不透明度使用图层样式。掌握对图层进行编辑的方法。掌握设置图层混合模式和设置不透明度的方法。教学难点教学设计

掌握图层的编辑与管理方法。1、教学思路：（1）通过创建图层的介绍，让学员对新建和调整图层的方法有一定了解；（2）通过对管理图层的学习，让学员认识图层的编辑方法，并将该方法运用到图层处理中；）通过对图层混合模式和不透明度的学习，让学员掌握设置图层混合模式的方法；）通过对图层样式的学习，让学员掌握添加和设置图层样式的方法；）安排课堂练习，对前面知识进行巩固。2、教学手段：（1）通过演示讲解基础知识，讲解结束后进行上机练习和疑难提问；（2）对于重点操作可以着重演示，并加强举例说明。3、教学资料及要求：除教材中的讲解的知识外，还需对图层混合模式和添加图层样式进行反复练习让设置方法运用到图像中。教学内容知识回顾：前面讲解了绘制和修饰图像的方法，包括绘制图像、修饰图像、裁剪与擦除图像；下面对图层的应用方法进行讲解。讨论问题：如何对图层进行拷贝操作内容大纲：具体可结合本章的课件进行配合讲解。创建图层认识图层新建图层创建调整图层课堂案例1——为图像添加柔和光管理图层复制与删除图层合并与盖印图层改变图层排列顺序对齐与分布图层链接图层修改图层名称和颜色锁定、显示与隐藏图层使用图层组管理图层栅格化图层内容清除图像杂边课堂案例2——制作儿童成长艺照设置图层混合模式和不透明度设置图层混合模式设置图层不透明度12

使用图层样式添加图层样式设置图层样式课堂练习制作忆江南图像制作衣服纹饰效果拓展知识课后习题课堂案例1——为图像添加柔和日光1、掌握图层的创建方法

课堂案例2——制作儿童成长艺术照小结思考及作业

2、掌握图层的基本操作3、熟悉图层混合模式和不透明度的设置4、掌握图层样式的使用方法。想一想：1、如何将背景图层转换为普通图层2、如何将普通图层转换为背景图层3、如何合理使用“背后”和“清除”选项练一练：（1）利用光盘中提供的素材设计一个汽车网页，要求画面体现出高端产品的视觉效果，并且具有一定的神秘色彩，完成后的效果如下图所示。（2）制作一个特效文字图像。要求特效文字具有金属感，效果如下图所示。13

第课时内容

授课时间调整图像色彩?色彩命令的使用。

90分钟

课时2教学目标??

调整图像全局色彩。调整图像局部色彩。教学重点

??

熟悉调整颜色的方法。掌握调整图像局部颜色的方法。教学难点教学设计

熟悉使用变化、去色、色调分离、色阶、曲线等掌握调整颜色的方法。1、教学思路：）通过对图像全局色彩的调整方法进行讲解，让学员掌握颜色的调整方法，包括色阶、曲线、亮度/对比度的调整；（2）通过调整图像局部颜色，让学员掌握匹配颜色、替换颜色、可选颜色和照片滤镜等方法；（3）安排课堂练习，对前面知识进行巩固。2、教学手段：）通过演示讲解基础知识，讲解结束后进行上机练习和疑难提问；）对于重点操作可以着重演示，并加强举例说明。3、教学资料及要求：除教材中的实例外，还可拍摄一张照片，并对照片进行调色处理让其显示的更加自然。教学内容知识回顾：前面的章节中讲解了图层的应用方法，包括创建图层、管理图层、设置图层混合模式和不透明度和使用图层样式。讨论问题：1、如何针对不同照片进行颜色的调整，使照片更加自然2、如何处理拍摄曝光过度的照片内容大纲：具体可结合本章的课件进行配合讲解。调整图像全局色彩使用色阶自动调整颜色使用曲线使用“色彩平衡”命令使用“亮度/对比度”命令使用“色相/饱和度”命令使用“通道混合器”命令使用“渐变映射”命令使用“变化”命令使用“去色”命令使用“反相”命令使用“色调分离”命令使用“阈值”命令使用“色调均化”命令课堂案例1——调整照片色彩效调整图像局部色彩使用“匹配颜色”命令使用“替换颜色”命令使用“可选颜色”命令使用“照片滤镜”命令使用“阴影/高光”命令课堂案例2——制作甜美婚纱照14

课堂练习制作黄昏暖色调效果矫正建筑后期效果图拓展知识课后习题课堂案例1——调整照片色彩效果

课堂案例2——制作甜美婚纱照小结思考及作业

1、掌握色彩的基本知识。2、掌握常用色彩调整命令的使用方法。想一想：如何将暗淡的照片调整的艳丽练一练：（1）打开提供的“自行车.jpg”素材文件，制作出怀旧色调的感觉，效果对比如下图所示。制作该效果首先要调整出基本的偏红的黄色调，再通过“色相/饱和度”命令进行修饰。（2）打开提供的“人物照片jpg”素材文件，尝试用不同方法将其调整为黑白照片，调整其不透明度并进行模糊。完成后效果如图所示。15

第课时内容

文字工具和3D用

授课时间90分钟

课时2教学目标教学重点教学难点教学设计

?文本、段落文本、路径文本的创建。?文本的选择、转换、变形。?文本字符样式与段落样式的设置。?3D功能的应用。?掌握编辑文本的常见操作方法。?掌握点文本、段落文本、路径文本的不同创建方法。掌握3D文字的制作方法。1、教学思路：（1）讲解创建文本的方法，并通过该讲解使学员掌握创建点文本、段落文本、文本选区、文字选区、路径文字等操作；）讲解编辑文本的相关知识，让学员掌握点文本与段落文本的转换方法；（3）对3D功能的讲解，让学员认识创建与编辑文本的方法（4）安排课堂练习。2、教学手段：（1）通过演示讲解基础知识，讲解结束后进行上机练习和疑难提问；（2）对于重点操作可以着重演示，并加强举例说明。3、教学资料及要求：除教材中的实例外，可通过布置课后习题的方法让学员练习编辑文本的相关操作。教学内容知识回顾：在前面讲解了调整图像色彩的方法，包括调整图像全局色彩、调整图像局部色彩。下面将对文字工具和应用的方法进行讲解。讨论问题：1、如何输入不同样式、不同颜色的文字2、如何对3D型进行调整和渲染内容大纲：具体可结合本章的课件进行配合讲解。创建文本创建点文本创建段落文本创建文字选区创建路径文字使用字符样式和段落样式课堂案例1——制作玻璃文字编辑文本点文本与段落文本的转换创建变形文本使用“字符”面板使用“段落”面板课堂案例2——制作夏日海报使用3D功能创建3D文件编辑3D对象编辑3D效果调整并渲染3D模型课堂案例3——制作文字课堂练习制作果冻字16

制作花纹字拓展知识课后习题课堂案例1——制作玻璃文字

课堂案例3——制作3D文小结

1、掌握文本的输入与编辑方法。2、熟悉文本字符样式与段落样式的设置。想一想：如何在网络中下载字体，并运用到图像编辑中练一练：（1）根据提供的素材文件，编辑公益海报，完成后效果如下图所示。（2）利用素材文件夹中的素材图片制作墙上的效果，完成后效果如下图所示。思考及作业17

第课时内容

使用矢量工具和路径?绘图模式。?钢笔工具。

授课时间90分钟

课时2教学目标教学重点

??????

形状工具。填充和描边路径。路径和选区的转换。运算和变换路径。掌握钢笔工具的使用方法。掌握形状工具的使用方法。教学难点教学设计

熟悉使用钢笔工具抠图的技巧。1、教学思路：（1）通过创建和编辑路径，让学员掌握路径的选择、修改、填充方法；（2）通过形状工具的讲解，使学员掌握矩形工具、圆角矩形工具、椭圆工具和多边形工具的绘制方法；）安排课堂练习。2、教学手段：（1）通过演示讲解基础知识，讲解结束后进行上机练习和疑难提问；（2）对于重点操作可以着重演示，并加强举例说明。3、教学资料及要求：除了文中讲解的矢量工具和路径的编辑方法，还可补充讲解路径的其他操作。教学内容知识回顾：在前面讲解了文字工具和应用的操作。包括创建文本、编辑文本和使用3D功能，下面对矢量工具和路径工具进行讲解。讨论问题：1、如何绘制多种不同样式的路径并填充颜色2、如何对绘制后的路径进行编辑内容大纲：具体可结合本章的课件进行配合讲解。创建和编辑路径选择绘图模式认识路径使用钢笔工具绘图选择路径修改路径填充和描边路径路径和选区的转换运算和变换路径存储路径课堂案例1——绘制雨伞图像课堂案例2——使用钢笔工具抠使用形状工具矩形工具和圆角矩形工具椭圆工具和多边形工具直线工具和自定形状工具课堂案例3——制作情侣相框课堂案例4——制作名片18

课堂案例1——绘制雨伞图像

课堂案例3——制作情侣相框小结

1、熟悉钢笔工具抠取图像和绘制图形的方法。2、掌握修改选区的方法。想一想：1、如何使用画笔描边路径2、如何将路径储存为自定形状练一练：（1）打开提供的素材文件，使用钢笔工具将图像中的高跟鞋抠取出来（阴影不抠取），要求尽量少使用锚点。思考及作业（2）利用钢笔工具、形状工具、文字工具绘制标志图。19

第课时内容教学目标教学重点

??????

授课时间90分钟使用通道和蒙版认识与创建通道。通道的复制、删除、分离和合并。认识通道蒙版与“蒙版”面板。创建快速蒙版。掌握创建矢量蒙版、剪贴蒙版和图层蒙版的方法。熟悉蒙版的编辑方法。

课时2教学难点

掌握图层蒙版的创建与编辑方法。1、教学思路：（1）通过通道的使用，让学员掌握创建和编辑通道的方法；（2）通过蒙版的操作，让学员掌握蒙版的基本操作，包括矢量蒙版、剪贴蒙版、图层蒙版和快速蒙版的操作；）安排课堂练习。教学设计2、教学手段：（1）通过演示讲解基础知识，讲解结束后进行上机练习和疑难提问；（2）对于重点操作可以着重演示，并加强举例说明。3、教学资料及要求：除了书面上通道和蒙版点的操作外，对通道蒙版的具体运用进行熟悉，做到融会贯通。教学内容知识回顾：前面讲解了使用矢量工具和路径，包括创建和编辑路径、使用形状工具；下面对使用通道和蒙版的方法进行讲解。讨论问题：1、如何复制、删除和分离通道2、如何使用矢量蒙版绘制图形内容大纲：具体可结合本章的课件进行配合讲解。使用通道认识通道认识“通道”面板创建Alpha通道创建专色通道复制通道删除通道分离通道合并通道课堂案例1——使用通道抠图使用蒙版蒙版的分类认识“蒙版”面板使用矢量蒙版使用剪贴蒙版使用图层蒙版创建快速蒙版课堂案例2——制作鲜花字课堂案例3——调整头发颜色课堂案例4——合成梦幻场景课堂练习使用通道调亮图像颜色20

合成水上城堡拓展知识课后习题课堂案例——使用通道抠图

课堂案例——制作鲜花字小结思考及作业

1、掌握通道的各种操作方法2、掌握使用通道与蒙版合成图像的方法。想一想：如何使用快捷键使用通道与蒙版练一练：（1）打开提供的素材文件，使用通道为图像中的人物的头发创建选区，通过创建渐变填充图层为头发创建渐变填充。（2）打开提供的素材文件，使用图层蒙版合成两张图片，使用画笔工具编辑隐藏与显示区域，制作深林中小牛的效果。21

第课时内容

?

授课时间135分钟使用滤镜制作特效图像滤镜的基本知识。

课时3教学目标??

设置和使用独立滤镜。设置和使用滤镜组。教学重点

??

掌握独立滤镜的使用方法。掌握使用滤镜组的各种操作。教学难点教学设计

如何对图像添加不同类型的滤镜1、教学思路：（1）通过对滤镜的基本知识进行讲解，让学员掌握使用滤镜需要注意的问题和滤镜的使用方法；）通过使用独立滤镜，让学员认识液化滤镜、油画滤镜、消失点滤镜、自适应广角滤镜和镜头校正滤镜；（3）通过使用滤镜组，让学员掌握画笔描边、模糊、扭曲、素描等滤镜的操作方法；（4）安排课堂练习。2、教学手段：（1）通过演示讲解基础知识，讲解结束后进行上机练习；（2）对于重点操作可以着重演示，并加强举例说明。3、教学资料及要求：除教材中的实例外，可以对滤镜的操作方法与实例进行结合，展现图像不一样的效果。教学内容知识回顾：前面讲解了使用通道和蒙版的操作，包括使用通道、使用蒙版的操作；下面将对使用滤镜制作特效图像的方法进行讲解。讨论问题：1、如何使用滤镜制作油画效果2、如何使用滤镜制作水墨效果内容大纲：具体可结合本章的课件进行配合讲解。滤镜的基本知识使用滤镜需要注意的问题滤镜的一般使用方法使用独立滤镜认识滤镜库液化滤镜油画滤镜消失点滤镜自适应广角滤镜镜头校正滤镜课堂案例1——修饰海报人物图使用滤镜组风格化滤镜组画笔描边滤镜组模糊滤镜组扭曲滤镜组素描滤镜组纹理滤镜组艺术效果滤镜组锐化滤镜组杂色滤镜组22

像素化滤镜组渲染滤镜组课堂案例2——制作电影海报课堂练习制作明信片封面绘制书签拓展知识课后习题课堂案例1——修饰海报人物图像

课堂案例2——制作电影海报小结

1、熟悉滤镜的使用方法。2、掌握滤镜组的相关操作。想一想：如何使用外挂滤镜练一练：（1）打开提供的素材文件，制作光芒四射的山峰。（2）打开提供的素材文件，制作炫酷冰球效果。思考及作业23

第课时内容教学目标

使用动作和输出图像?创建动作。?批处理图像文件。?输出图像文件。?打印图像。

授课时间45分钟课时1教学重点教学难点教学设计

?熟练掌握批量处理图片的方法?掌握输出图像的方法。掌握图像设计前的准备工作。1、教学思路：（1）通过对动作与批处理图像进行讲解，让学员对创建与保存动作、载入和播放动作、自动处理图像进行了解；）通过对输出图像进行讲解，让学员练习Photoshop像文件的输出的操作方法；（3）安排课堂练习。2、教学手段：（1）通过演示讲解基础知识，讲解结束后进行上机练习和疑难提问；（2）对于重点操作可以着重演示，并加强举例说明。3、教学资料及要求：还可讲解打印中颜色的矫正，以及不同照片需要的分辨率以及储存格式。教学内容知识回顾：在前面讲解了使用滤镜制作特效图像的方法，包括滤镜的基本知识、独立滤镜和滤镜组等，下面对使用动作和输出图像进行讲解。讨论问题：1、如何将“动作”面板恢复到默认状态2、如何寸照进行排版和输出，使图像在页面