网页横幅广告的制作教学设计
如何使用Photoshop设计精美的网络横幅广告
如何使用Photoshop设计精美的网络横幅广告Photoshop作为一款专业的图像处理软件，广泛应用于设计师、摄影师等创意行业。
在设计网络横幅广告时，Photoshop提供了许多有用的功能和工具，可以帮助我们创建精美、吸引人的横幅广告。
本文将带您一起了解如何使用Photoshop设计精美的网络横幅广告。
第一章：准备工作在开始设计之前，我们需要明确广告的目的和受众群体。
这将有助于我们确定横幅广告的风格、颜色和内容等关键元素。
此外，为了提高工作效率，我们还需要准备一些素材，如品牌标志、产品图片和文字等。
第二章：选择和调整画布大小在Photoshop中，我们可以根据广告平台的要求选择和调整画布大小。
例如，如果我们要在社交媒体上发布广告，我们可以设置画布大小为1200像素宽和628像素高。
通过调整画布大小，我们可以确保广告在不同设备上都能正常显示。
第三章：选择合适的背景选择合适的背景是设计横幅广告的重要步骤。
我们可以使用颜色渐变、纹理、图片或插图等元素作为背景。
同时，我们应该确保背景与广告的主题一致，并且不会干扰到文字和其他重要的视觉元素。
第四章：添加品牌元素品牌元素是横幅广告中的重要组成部分，可以帮助我们加强品牌形象和认可度。
我们可以添加品牌标志、品牌色彩和字体等元素来展示品牌特色。
此外，我们还可以使用特定的布局和排版方式来突出品牌的个性。
第五章：优化图片和插图如果广告中包含产品图片或插图，我们需要确保它们具有高品质和适当的尺寸。
Photoshop提供了许多图像处理工具，例如调整亮度和对比度、裁剪、调整颜色等。
通过优化图片和插图，我们可以提高广告的吸引力和视觉效果。
第六章：设计引人注目的标题标题是吸引受众注意力的关键元素之一。
我们可以使用Photoshop的文字工具来设计独特而有吸引力的标题。
在选择字体时，我们应该考虑与品牌一致，并确保标题易于阅读。
使用特殊效果如阴影、描边和拉伸等，可以使标题更加突出。
网页效果图的制作公开课教案
网页效果图的制作——制作网页标志横幅课程：电子商务网页制作班级：09电商3+2时间：12月16日第三节授课教师：李晓琳教学目标：知识目标：1、能描述创建网站主页的目的2、能列举网页应包含的内容3、了解网页标志横幅的作用技能目标：1、能绘制网站主页的网页标志横幅2、掌握fireworks工具属性的设置方法情感目标：对操作过程中遇到的问题能主动思考具有较强的网页设计创意思维、艺术设计素质。
教学重点：1、Firewoks中矩形工具、文字工具、直线工具、库命令的使用2、Firewoks中元件转换为按钮的操作难点：元件转换为按钮及库命令的使用教学方法：任务驱动教学法一、导入提问：同学们平时的休闲方式有哪些呢？——影视文化通常是我们茶余饭后的谈资，平时也会去电影院看电影是吧？特别是大片，往往去了电影院要排长队，而且还不一定买的到票，在电子商务迅速发展的推动下，网上订票为我们消除了排队买票的烦恼。
那网上订票是基于什么样的平台呢？下面我们来看下我们德清的大地数字影院的网络平台——“哈票网”。
二、新授任务一：网页横幅的制作——1、“哈票网”网站的展示，分析引出一个网页应包含哪些内容。
提问：看了这个页面，请你说出一个网页包含哪些元素呢？（学生回答，教师补充）——引出网页横幅的重要性2、为什么要制作网页横幅？在一个简单的网页中，上方的横幅是最重要的视觉元素。
在很多博客网页中，它甚至是唯一的视觉元素。
所以它的作用可以说是相当大的。
它必须能够与网站的风格配合，并能传达视觉上的信息。
它必须让人看上一眼就让人知道这个网站是属于什么类型，风格是什么。
（展示不同网站的不同网页横幅效果图，说明网页横幅是可以多种形式展现的。
）3、提出任务，教师演示：效果图展示，操作示范（1）新建一个文档：宽1200像素，高为600像素。
（2）矩形工具、圆角矩形工具、椭圆工具、文字工具、直线工具的使用及属性设置4、学生活动：按所给效果图及素材制作网页横幅（根据男女生兴趣偏好不同，男女分组操练：男生做NBA网页横幅、女生做淘宝门户网的网页横幅）操作步骤: （1）新建一个文档：新建一个文档：宽1200像素，高为600像素。
项目4网页横幅广告
踏实，奋斗，坚持，专业，努力成就 未来。2 0.11.2920.11.29Sunda y, November 29, 2020
弄虚作假要不得，踏实肯干第一名。1 7:04:3417:04:3 417:041 1/29/2020 5:04:34 PM
安全象只弓，不拉它就松，要想保安 全，常 把弓弦 绷。20. 11.2917: 04:3417 :04Nov -2029- Nov-20
追求卓越，让自己更好，向上而生。2 020年1 1月29日星期 日下午5 时4分3 4秒17:04:3420. 11.29
严格把控质量关，让生产更加有保障 。2020年11月 下午5时 4分20.1 1.2917: 04Nove mber 29, 2020
重规矩，严要求，少危险。2020年11 月29日 星期日5 时4分3 4秒17:04:3429 November 2020
好的事情马上就会到来，一切都是最 好的安 排。下 午5时4分34秒 下午5时 4分17: 04:3420.11.29
每天都是美好的一天，新的一天开启 。20.11. 2920.11. 2917:0417:04:3 417:04: 34Nov- 20
务实，奋斗，成就，成功。2020年11 月29日 星期日5 时4分3 4秒Sun day, November 29, 2020
为“形状补间动画”。
5
三、相关理论
动画的元素
形状补间动画可以实现两个图形之间颜色、形状 、大小、位置的相互变化。
其变形的灵活性介于逐帧动画和动作补间动画二 者之间。
如果使用图形元件、按钮、文字，则必须先“分 离”才能创建变形动画。
6
三、相关理论
形状补间动画在时间轴上表现
网页横幅广告的制作教学设计（五篇范文）
网页横幅广告的制作教学设计（五篇范文）第一篇：网页横幅广告的制作教学设计网页横幅广告的制作科任：谢志滨一、教材与学情1【教材分析】本课是选自高等教育出版社——《photoshop cs4网页设计》第四章第5节。
始终贯穿的一个理念就是“练中学，练中教”，本堂课也是基于此理念设计的。
本节以制作网页的横幅广告为例安排主题任务活动，要求学生综合运用photoshop的基本知识和技能，主动探索完成横幅广告的制作。
本节共3课时，这堂课是第三课时，前面初步学习了文字工具、渐变色填充工具及抠图的操作方法,简单LOGO的制作；本堂课利用制作横幅广告的过程中，进一步深入学习插入立体字、横幅广告制作的要点的操作方法；提升学生对这些知识点的运用能力。
2【学情分析】教学对象是13级计算机的学生，他们在本学期中已经学习过了网页制作的知识以及photoshop的一些相关知识点。
他们对动手操作方面比较感兴趣，而且对利用photoshop制作网页比较感兴趣，学习网页广告的制作是对他们综合运用能力的考察。
因此，我通过小组合作与自主探究的方法来考察他们对之前知识点的掌握情况，也培养他们团队合作的精神。
3【教材处理】我对教材内容进行了一些处理，设计了几个网页中使用到横幅广告的展示，激发学生的学习热情，然后提出本堂课的学习任务，让学生们能够有效的利用PS软件操作技能进行设计。
教学任务由浅入深，在教学中做到教、学、练、情四合一，让学生练有所思，学有所悟。
二、教学大纲1【教学目标】知识与技能：1、掌握立体字的制作方法，能够使用多个图层的方法制作出立体字。
2、理解魔术棒工具的作用，掌握抠图的方法。
3、能运用PS的相关知识独立设计美观大方的版面。
情感态度与价值观：1．养成勇于探究、团结合作的习惯。
2、锻炼学生的动手操作能力和独立思考问题的习惯。
3、培养学生发现美、感受美的艺术能力。
2【教学重点与难点】重点：（1）制作横幅广告的注意要点（2）魔术棒工具的使用,渐变工具的使用。
教案11制作悬停按钮和横幅广告
制作2种悬停按钮——
要求：以横幅广告素材中得前2个图片为素材，分别用“格式—DHTML效果”、“插入—组件—悬停按钮”2种方法制作同一效果得按钮。
这是一个横幅广告：这是一个标准悬停按钮：这是一个用DHTML效果制作的悬停按钮：
演示
网页基础第课时教案月日第周星期
课题
制作悬停按钮和横幅广告
课型
新授
教时
2节
教学目的
对比理解3种网页特效——悬停按钮、横幅广告、DHTML效果
教学重点
学习3种网页特效的制作方法
课
前
准
备
软件
图片
准备
教学难点
合理使用3种网页特效
教学环节
教学过程
教师
活动
学生
活动
复习
引入
1、检查学生对用画图自制按钮的记忆程度。
2、请学生说出目前已掌握的几种网页特效技术。
抽查
作品
提问
学生
演示
回答
教学环节
教学过程
教师活动
学生活动
授
课
用网页来演示制作“悬停按钮”的两种方法的全过程。
*制作目的：1、学会制作简单的演示性网页或课件的技术,是为了别人学习该技术而制作；
2、体会面对很多网页素材应该用什么方法来保存处理它们；
3、掌握制作基本类似网页的方法（共用部分网页元素）
巡回
检查
纠错
实践
制作
理解
修改
总结
注意点：（1）图片大小必须相同；（2）要学会调整图片顺序、增加图片、设置属性。
总结
强调
理解
记忆
网页广告设计与制作讲义
讲义2009年－2010学年第二学期课程名网页广告设计制作任课教师李欣欣目录学习情境一广告的基础设计任务一字体设计任务二图形设计任务三版式编排设计任务四广告色彩的设计任务五广告创意任务六广告设计的表现技法学习情境二广告的媒体设计项目一报纸广告项目二杂志广告项目三招贴广告项目四pop广告设计项目五户外广告项目六 DM 广告2010年广告设计讲义任务一广告的文字设计文字设计的意义和原则广告设计包括三部分的设计：即文字、图形、色彩，可见文字设计在广告设计中占有重要的成份，文字设计的好坏，直接影响广告版面的视觉效果，所以提高文案诉求力，是赋予广告版面审美价值的一种构成技术。
文字设计的研究在于探讨文字造型的基本理论及表现技巧、具体研究文字的不同字体的特性、笔画、自架、行间的书写准则和编排组合技术。
一、文字设计的基本原则1、文字的适合性信息传播是文字设计的一大功能，也是最基本的功能。
文字设计重要的一点在于要服从表述主题的要求，要与其内容吻合一致，不能相互脱离，更不能相互冲突，破坏了文字的诉求效果。
尤其在商品广告的文字设计上，更应该注意任何一条标题，一个字体标志，一个商品品牌都是有其自身内涵的，将它正确无误地传达给消费者，是文字设计的目的，否则将失去了它的功能。
抽象的笔画通过设计后所形成的文字形式，往往具有明确的倾向，这一文字的形式感应与传达内容是一致的。
如生产女性用品的企业，其广告的文字必须具有柔美秀丽的风采，手工艺品广告文字则多采用不同感觉的手写文字、书法等，以体现手工艺品的艺术风格和情趣根据文字字体的特性和使用类型，文字的设计风格大约可以分为下列几种：（1）秀丽柔美。
字体优美清新，线条流畅，给人以华丽柔美之感，此种类型的字体，适用于女用化妆品、饰品、日常生活用品、服务业等主题。
（2）稳重挺拔。
字体造型规整，富于力度，给人以简洁爽朗的现代感，有较强的视觉冲击力，这种个性的字体，适合于机械科技等主题。
（3）活泼有趣。
《网络广告》教案
《网络广告》教案一、教学目标1. 了解网络广告的定义、类型和特点。
2. 掌握网络广告的设计原则和创意方法。
3. 了解网络广告的投放策略和效果评估。
4. 培养学生的网络广告创作能力和策划能力。
二、教学内容1. 网络广告概述：网络广告的定义、类型和特点。
2. 网络广告设计：设计原则、创意方法、视觉元素。
3. 网络广告投放：投放策略、平台选择、投放流程。
4. 网络广告效果评估：评估指标、评估方法、数据分析。
5. 网络广告案例分析：成功案例解析、失败案例分析。
三、教学方法1. 讲授法：讲解网络广告的基本概念、原理和技巧。
2. 案例分析法：分析成功和失败的网络广告案例，引导学生思考和总结。
3. 实践操作法：学生动手设计制作网络广告，提高实际操作能力。
4. 小组讨论法：分组讨论网络广告的设计和投放策略，促进学生互动和合作。
四、教学准备1. 教材：网络广告相关教材或资料。
2. 投影仪：用于展示案例和教学内容。
3. 网络：用于查找相关资料和案例。
4. 设计软件：如Photoshop、Illustrator等，用于学生实践操作。
五、教学过程1. 导入：介绍网络广告的定义和重要性，引起学生兴趣。
2. 网络广告概述：讲解网络广告的类型和特点，让学生了解基本概念。
3. 网络广告设计：讲解设计原则和创意方法，引导学生思考设计思路。
4. 网络广告投放：介绍投放策略和平台选择，让学生了解广告投放流程。
5. 网络广告效果评估：讲解评估指标和方法，培养学生分析数据的能力。
6. 案例分析：分析成功和失败的网络广告案例，让学生从中学习和总结。
7. 实践操作：学生动手设计制作网络广告，培养实际操作能力。
8. 小组讨论：分组讨论网络广告的设计和投放策略，促进学生互动和合作。
9. 总结与反馈：总结本节课的重点内容，对学生进行点评和反馈。
10. 作业布置：布置相关作业，让学生巩固所学知识。
六、教学评价1. 学生参与度：观察学生在课堂上的积极参与情况，包括提问、回答问题、小组讨论等。
网店运营教案---网店招牌banner制作
教学方法与
学习指导
点击PS工具列下端转换Adobe ImageReady，创建帧。第一帧用紫色边框，第二帧用蓝色边框，具体只需点击不想要显示的图层前眼睛图标即可隐藏图层，点击动画窗口的新建帧按钮，将时间设置成0.5秒。
完成后可点击动画栏下面的播放工具预览效果，之后再保存即可。
三、学生演练
年 月 日
星期
第 节
班级
级 班
第4页
时间安排
教学内容、教学过程
教学方法与
学习指导
任务四：利用PS设计店招。
打开PS软件，新建一个大小为950*151像素的文档，分辨率设置为72，背景色设置为白色，颜色模式是RGB。
打开选好的底图进行裁切修整，用仿制图章工具将图片上的水印部分抹掉，用钢笔工具勾出指示牌，勾出想要的招牌后可以使用“投影”效果让它更显立体。
在店招上添加文字，使用“手写体”更能给人一种亲近温暖的感觉，还可以使用使用了浮雕和投影效果。
制作闪动的文字，对店名进行闪动效果装饰。
通过店招的设计进一步强化学生所学的PS知识，将理论与实践结合起来。
掌握店招设计的技巧。
***学校网店运营科教案（乙）
授课时间
年 月 日
星期
第 节
班级
级 班
第5页
时间安排
六、课后作业
利用课后时间美化自己店铺中的店标。争取所有学生的教师评分都为满分。
在“评测成绩”下查看“项目四：网店装修”下任务二的教师评分和修改建议。
教师在后台给每位学生进行星级评分，并给出相应的修改。
以班级排名的方式激发学生继续学习的兴趣和完善任务的动力。
知识小结，回顾本次课的重点和难点。
完善店招设计制作建议。
教案8GIF动画和横幅广告制作演示网站(4页)
巡回
检查
纠错
实践
制作
理解
修改
总结
制作中注意点：
1、制作出来的GIF动画大小应精简。
2、演示网页中的图片大小应以看清、有效为好坏的判断标准，颜色应以舒适、清晰为判断标准。总结源自强调理解记忆
课后作业
抄写本课制作方法并理解其操作过程。
教后札记
发现学生在制作中出现如下问题：
A、制作速度提高不大。
B、演示图片大小太小，看不清图片内容
7、保存GIF动画时要点击“另存为”，然后选择合适的文件路径，自定义一个形象易记的文件名就OK了。
二、制作要求：建立目录结构D:\GIF动画和横幅广告\IMAGES，
A\以现有的图片为素材，用动画工厂制作成GIF动画，保存为“biaozhi.gif”文件；
（1）图片大小必须相同；
（2）设置“动画播放速度”时要先在“帧频”菜单上点击“全部选择”，然后再把“重复”次数设置为5以上的数值，再点击确定。
操作
演示
指导
学生
操作
制作时应明确其他软件的辅助作用
观察
记录
上机
实践
理解生成的网站结构。
教学环节
教学过程
教师
活动
学生
活动
授
课
（3）保存GIF动画时要点击“另存为”，然后选择合适的文件路径和自定义一个易记的文件名就行了。
B\用FP2000制作“index.htm”，网页中图片素材同上；
C\将“biaozhi.gif”插入“hengfu.htm”，略作文字说明，对比2种效果。
C、对网页的解释语句不够通俗和清晰。
网页基础第课时教案月日第周星期
课题
GIF动画制作过程演示（使用ANIMAGIC GIF软件）+横幅广告制作演示综合网页
网页横幅
（四）添加动态文字
与“添加条幅文字”的操作步骤一样。
▲练习：添加条幅文字。
注意：条幅文字的帧数要与前面动画的图像帧数一致，或成倍数。
三、学生自行创作一个网页横幅，可以为自己看过的网站，也可以为学校网站，也可以为班级网页设置网页横幅。
四、学生“网页横幅”作品展示，由学生评选出优秀的网页横幅。
小学信息技术科电子备课表
课题
第3课网页横幅
周次
Байду номын сангаас课时
2
教师
课型
上机课
教学内容
1、网页横幅的作用；
2、添加背景；
3、插入动画；
4、添加动态文字。
教
学
目
标
1、理解网页横幅的作用；
2、学会添加背景，设置背景的位置；
3、学会插入动画，对动画的位置、大小进行调整；
4、添加动态文字。
重点
难点
1、插入动画，对动画的位置、大小进行调整；
1、设置画布的大小，“780×160”像素，添加图像作为背景。
2、调整背景图像属性：①在对象管理器中，选中背景对象，单击右键选择快捷菜单中的“对象属性”命令→②在对象属性对话框中，设置对象的位置，左、顶均为0；设置尺寸大小与画布相同。
▲练习，添加背景。
（三）插入动画
1、插入动画：在文件菜单中选择“添加图像”，插入所需的动画。
2、调整对象的大小：一个动画的连续帧，只需要调其中一帧上的对象即可。
3、移动动画对象的位置：①保持动画所有对象的选择状态→②拖动对象到合适的位置→③单击“帧”菜单，选择“与对象重叠帧同步”命令→④在对话框中，根据提示进行选择，最后点击确定按钮。
五年级下信息技术教案-幻影移形创建横幅广告_清华版
五年级下信息技术教案-幻影移形创建横幅广告_清华版(一)本课教学目标:1、学会利用组件"横幅广告治理器"在网页中插入横幅广告。
2、学会在网页中插入水平线分割网页。
3、学会利用设置表格或单元格背景色的方法为网页添加背景。
4、学会为悬停按钮设置超级链接。
教学重、难点：1、学会在网页中插入水平线分割网页。
2、学会利用设置表格或单元格背景色的方法为网页添加背景教学预备：多媒体教室教学课时：1课时教学时刻：教学过程：1、课堂引入：通过前面的学习，学生差不多把握了一样网页的制作过程，会用表格和共享边框规划网页的版面，由于制作的网页差不多上静态的，且网页之间没有建立链接关系，因此还体会不到网页的奇异。
本课围绕"卡通世界"栏目，学习在网页中插入横幅广告和水平线，并在网页之间建立超链接关系。
FrontPage不仅仅是一个网页的编辑器和站点治理器，还具有强大的多媒体功能，它的一个组件"横幅广告治理器"能够使多张画面自动切换，大大增加了页面的动感，这是专门吸引小孩的一个内容。
在课堂的引入部分，教师能够如此设计:第一播放一段拍照的影片资料，内容是一些繁华的商业街上有大幅的广告牌，上面的画面是动态，总是几张图片在循环播放，让学生讨论这些广告牌有什么优点把生活实际直截了当引入课堂。
然后请学生观赏几个带有横幅广告成效和水平分割线的网页，在观赏的过程中教师提出要求：(1)在网页上你看到了什么成效，你认为如此制作出来的网页成效如何。
(2)点击网页上的悬停按钮，你发觉了什么。
教师小结"横幅广告"，"水平线"，"超链接"知识点。
在接下来的教学环节中，教师能够预备一些学习资料和素材，让学生通过自主学习或小组合作学习的方式来进行本节课的学习，在学生自学的过程中，让学生及时反馈学习成果，学生遇到的共性问题，能够让差不多解决问题的学生通过多媒体演示操作过程(提倡)，也能够是教师演示操作过程。
《网络广告》教案
《网络广告》教案一、教学目标1. 让学生了解网络广告的定义、类型和特点。
2. 让学生掌握网络广告的创作原则和设计技巧。
3. 培养学生分析、评价网络广告的能力。
4. 引导学生正确使用网络广告，提高自我保护意识。
二、教学内容1. 网络广告的定义与类型2. 网络广告的特点3. 网络广告的创作原则4. 网络广告的设计技巧5. 网络广告的评价与分析三、教学过程1. 导入：通过展示一系列网络广告案例，引发学生对网络广告的兴趣。
2. 讲解：分别讲解网络广告的定义、类型、特点、创作原则和设计技巧。
3. 实践：让学生分组设计一则网络广告，锻炼学生的实际操作能力。
4. 讨论：组织学生对设计的广告进行评价与分析，引导学生正确使用网络广告。
四、教学方法1. 讲授法：讲解网络广告的基本概念、原理和技巧。
2. 案例分析法：分析具体网络广告案例，帮助学生理解广告的设计与效果。
3. 实践操作法：让学生动手设计广告，提高学生的实际操作能力。
4. 小组讨论法：分组讨论广告评价与分析，培养学生团队合作意识。
五、教学评价1. 课堂参与度：观察学生在课堂上的发言和提问情况，评价学生的参与程度。
2. 广告设计作品：评价学生设计的广告创意、视觉效果和传达效果。
3. 小组讨论报告：评价学生在小组讨论中的表现，包括观点阐述和团队合作。
4. 课后作业：布置相关作业，检查学生对课堂内容的掌握程度。
六、教学资源1. 网络广告案例库：收集各类网络广告案例，用于教学演示和分析。
2. 设计软件：如Adobe Photoshop、Illustrator等，用于广告设计实践。
3. 网络广告相关书籍和文章：提供理论参考和拓展阅读。
4. 网络广告制作素材：如图片、字体、音效等，用于广告制作。
七、教学环境1. 教室：提供投影仪、计算机等教学设备，方便展示案例和进行设计实践。
2. 网络：确保学生能够正常访问网络资源，进行广告设计和在线交流。
3. 座位安排：采用分组合作的形式，便于学生讨论和协作。
广告横幅怎么设计 IT技术吧教你如何制作横幅
户更好的进一步操作。3.让设计看的简单一些 设计简单， 内容直观明确，因为用户可能只打算看你的banner一眼。 一句话能表达清楚的不要增添
文本复杂性，让用户看着很繁琐，设计底色单一化能更 好识别。限时免费字样跟其他文本有区分，让用户能在 短时间内关注到主要信息点。4.使用适合的按钮
根据banner的类型设置按钮，这样能提高点击率。当你 使用的时候，将他们放在你的副本上面或者在右下方， 使用对比色让它们跟整组广告看起来
一致。5.有明确的框架 用户会被banner内的框架主题吸 引，所以确保你banner广告边框中有明确的框架。 如果 你的banner整
体是白色的，那么普遍的做法就是在banner内有1像素的 灰色边框。如果不是白色，你仍可以像NETFLIX广告这样， 在周围增加几丝淡淡的黑色。
6.让你的文字能快速可读 Do：让标题和正文字体不同尺 寸 Don't：不要用草书字体或者是非常单薄的字体，不 要全部大写或者字体小于1
Banner广告在今天网络市场营销中是十分重要的一部分。 大多公司会使用banner这种形式的有效且低成本的媒介 来提高品牌知名度，这就有了很多
banner的设计工作在那里他们。 今天我们来分享一些 banner设计规则和技巧。1.Banner的标准尺寸 以上是几 个banner
的最佳尺寸，理想情况下，你的客户会在网站上购买一 个banner的广告位让你来设计。2.维护等级制度 首先， banner广告的目的是提高品
上跟网站整体融合的很好，这会是个很好的网站，而且 能赢得用户的信任。但是不要让它融入太多，广告还是 需要用户能看到或点击。 Banner广告
好不好主要看它的性能。也许它是世界上最丑陋的 banner，但如果性能很好，那么它是一个成功的设计
《网络广告》教案
《网络广告》教案一、教案基本信息1. 课程名称：网络广告2. 课程性质：专业课3. 授课对象：广告学专业学生4. 课时安排：45分钟5. 教学方法：讲授法、案例分析法、小组讨论法二、教学目标1. 让学生了解网络广告的定义、特点和类型。
2. 让学生掌握网络广告的创意与设计原则。
3. 让学生了解网络广告的投放策略和评估方法。
4. 培养学生运用网络广告进行市场营销的能力。
三、教学内容1. 网络广告概述：网络广告的定义、特点和类型。
2. 网络广告创意与设计：创意原则、设计技巧。
3. 网络广告投放策略：广告定位、目标受众、投放渠道。
4. 网络广告评估方法：率、转化率、ROI等。
5. 网络广告案例分析：成功与失败的案例分析。
四、教学过程1. 导入：通过引入网络广告的实例，引发学生对网络广告的兴趣。
2. 讲解：分别讲解网络广告概述、创意与设计、投放策略和评估方法。
3. 案例分析：分析成功与失败的网络广告案例，引导学生思考。
4. 小组讨论：让学生分组讨论网络广告的创意与设计，分享心得。
5. 总结：对本节课的内容进行总结，强调重点。
五、教学评价1. 课堂参与度：观察学生在课堂上的发言和讨论情况。
2. 案例分析报告：评估学生在案例分析环节的表现。
3. 课后作业：布置相关作业，检验学生对知识的掌握程度。
4. 课程考试：设置考试，全面评估学生的学习效果。
六、教学资源1. 教材：《网络广告学》2. 案例库：收集各类网络广告成功与失败的案例3. 网络资源：利用互联网查找相关资料，如网络广告的最新动态、投放平台等。
4. 投影仪：用于展示案例和教学内容。
七、教学环境2. 网络：保证教室网络畅通，便于学生上网查找资料。
八、教学进度安排1. 第一周：网络广告概述2. 第二周：网络广告创意与设计3. 第三周：网络广告投放策略4. 第四周：网络广告评估方法5. 第五周：网络广告案例分析九、作业与练习1. 课后作业：每节课后布置相关作业，让学生巩固所学知识。
横幅设计教案
横幅设计教案简介横幅设计是一门重要的视觉艺术和设计技巧，它在广告、促销、展览等领域中发挥着重要作用。
本教案旨在帮助学生掌握横幅设计的基本原理和技巧，培养他们的创意和表达能力。
教学目标通过本教案的研究，学生将能够：- 了解横幅设计的定义和作用；- 掌握横幅设计的基本原理，包括尺寸、布局、色彩和字体选择；- 研究使用设计软件进行横幅设计；- 培养创意思维和表达能力；- 运用所学知识设计创意横幅。
教学内容1. 横幅设计的定义和作用- 介绍横幅设计的基本概念；- 分析横幅设计在广告、促销、展览等领域的应用。
2. 横幅设计的基本原理- 尺寸：介绍常见的横幅尺寸和比例；- 布局：讲解横幅设计布局的常用原则；- 色彩：介绍色彩在横幅设计中的运用方法；- 字体选择：探讨合适的字体选择和排版原则。
3. 使用设计软件进行横幅设计- 介绍常用的设计软件，如Adobe Photoshop、Adobe Illustrator 等；- 演示如何使用设计软件进行横幅设计；- 练使用设计软件进行横幅设计。
4. 创意思维和表达能力的培养- 引导学生进行创意思维训练，如头脑风暴、故事板设计等；- 提供案例分析和讨论，培养学生的表达能力。
5. 设计创意横幅- 学生团队合作设计创意横幅；- 提供指导和反馈，帮助学生完善设计。
教学方法- 讲授：通过讲解理论知识，介绍横幅设计的基本原理和技巧；- 演示：通过演示设计软件的使用方法，指导学生进行横幅设计；- 练：学生自主练使用设计软件和进行创意思维训练；- 团队合作：学生分组进行横幅设计，促进团队合作和协作能力的发展。
教学评估- 个人作业：学生提交个人横幅设计作品，评估其技巧和创意能力；- 团队作业：学生团队提交合作设计的横幅作品，评估团队的协作和表达能力；- 口头表达：学生进行设计作品的口头展示，评估其表达能力和理解程度。
扩展活动- 参观展览：组织学生参观横幅设计相关展览，拓展他们的设计视野；- 嘉宾讲座：邀请专业设计师进行横幅设计方面的专题讲座，为学生提供实践经验和指导。
Photoshop 网页设计 实例——横幅动画广告
Photoshop 网页设计实例——横幅动画广告据调查网上最著名的10%的站点吸引了90%的用户，可见提高站点知名度，是扩大访问量的重要手段。
下面将要制作的是关于网页的横幅动画广告，如图1-76所示。
通过使用淡蓝色调的背景来实现音乐网站清新的风格，继续通过使用文字的闪动画和线条的动画，来体现出网站的快速和及时更新的基本要求。
本实例主要是通过动画面板中的位置关键帧来实现的，通过使用【移动工具】在画布上的移动，建立关键帧得到的动画效果。
图1-76 制作横幅动画广告1制作效果动画（1）新建640×90像素，分辨率为72的像素文档，分别导入素材，如图1-77所示。
图1-77 导入素材（2）执行【窗口】|【动画】命令，选择【人物】图层，单击位置【在当前时间添加或删除关键帧】在0.00秒上建立关键帧，如图1-78所示。
图1-78 创建关键帧（3）继续单击位置【在当前时间添加或删除关键帧】在0.02秒上建立关键帧，使用【移动工具】将人物图片向右方移动，如图1-79所示。
图1-79 创建移动动画（4）继续选择人物图层，在0.10秒上建立关键帧，使用【移动工具】将人物图片向上方移动，创建抖动动画，如图1-80所示。
图1-80 创建抖动动画（5）移动【当前时间指示器】放置0.17秒的处，在0.17秒上建立关键帧，使用【移动工具】将人物图片向下方移动，创建抖动动画，如图1-81所示。
图1-81 创建下方抖动动画（6）继续采用上述方法，在0.26秒上建立关键帧，使用【移动工具】将人物图片向上方移动，如图1-82所示。
图1-82 上方抖动动画（7）使用【文字工具】输入横排文字，并填充颜色，按Ctrl+T快捷键改变文字的方向，将【当前时间指示器】移动到0.29秒处，将【动画轨道开始】拖至0.29秒，如图1-83所示。
图1-83 移动动画轨道开始（8）复制文字，将文字颜色改为白色，继续把【当前时间指示器】移动到1.0秒处，将【动画轨道开始】拖至1.0秒，继续将【动画轨道结束】拖至1.03秒处，如图1-84所示。
网店运营教案---制作通栏广告
***学校网店运营科教案（甲）***学校网店运营科教案（乙）5分钟一、导入新课1、检查学生是否完成课前的任务A、要求学生到网上搜索一个动态通栏广告。
B、记录相关信息及截图。
2、给学生展示有特色的动态通栏广告，充分调动学生的兴趣，激发他们的学习欲望。
3、提出问题：构成通栏广告的要素是什么？4、引入课题，指出通栏广告的制作是通过布局和模块完成的。
（板书：4.5 制作通栏广告）通过这个环节，激发学生学习新课兴趣的同时，引入本节课的主题。
明确本节课的任务：制作通栏广告***学校网店运营科教案（乙）授课时间星期第节班级第2页时间安排教学内容、教学过程教学方法与学习指导25分钟二、新课讲授1、熟悉通栏广告的制作方式板书：三个子任务：添加布局单元添加模块设置图片轮播2、将通栏广告制作的整个流程分为三个子任务：演示三个子任务的操作过程。
任务一：添加布局单元。
首先进入我的淘宝-店铺管理-店铺装修，进入之后点击布局管理。
添加成功之后，页面上会多出一个新布局，鼠标移到十字星图标上移动鼠标可调整通栏布局的位置。
进入布局管理之后点击添加布局单元，进入后选择950通栏布局模块。
将通栏广告制作流程向学生展示学生认真观察老师的演示。
通过这一环节，可以促进学生对通栏广告制作流程的了解。
“学习中心”的辅助资料，让学生在软件的应用过程中思路清晰，操作简易，大大提高了学生的学习主动性。
***学校网店运营科教案（乙）授课时间星期第节班级第3页时间安排教学内容、教学过程教学方法与学习指导135分钟在添加模块前，要求学生先完成对页面的整体布局，再进行下一步任务。
任务二：添加模块。
根据即将添加的模块在页面所处的位置，将新添加的布局单元移到合适的位置。
点击添加模块后进入模块管理页面，点击添加图片轮播。
（因为此处制作的是动态通栏广告）***学校网店运营科教案（乙）任务三：设置图片轮播。
保存后，自动返回店铺装修首页这里就多了一个图片轮播模块，点击上面的【编辑】按钮，进入编辑小窗口（或者双击整个蓝色区域）。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
网页横幅广告的制作
科任：谢志滨
一、教材与学情
1【教材分析】
本课是选自高等教育出版社——《photoshop cs4网页设计》第四章第5节。
始终贯穿的一个理念就是“练中学，练中教”，本堂课也是基于此理念设计的。
本节以制作网页的横幅广告为例安排主题任务活动，要求学生综合运用photoshop 的基本知识和技能，主动探索完成横幅广告的制作。
本节共3课时，这堂课是第三课时，前面初步学习了文字工具、渐变色填充工具及抠图的操作方法,简单LOGO的制作；本堂课利用制作横幅广告的过程中，进一步深入学习插入立体字、横幅广告制作的要点的操作方法；提升学生对这些知识点的运用能力。
2【学情分析】
教学对象是13级计算机的学生，他们在本学期中已经学习过了网页制作的知识以及photoshop的一些相关知识点。
他们对动手操作方面比较感兴趣，而且对
利用photoshop制作网页比较感兴趣，学习网页广告的制作是对他们综合运用能
力的考察。
因此，我通过小组合作与自主探究的方法来考察他们对之前知识点的掌握情况，也培养他们团队合作的精神。
3【教材处理】
我对教材内容进行了一些处理，设计了几个网页中使用到横幅广告的展示，激发学生的学习热情，然后提出本堂课的学习任务，让学生们能够有效的利用PS 软件操作技能进行设计。
教学任务由浅入深，在教学中做到教、学、练、情四合一，让学生练有所思，学有所悟。
二、教学大纲
1【教学目标】
知识与技能：
1、掌握立体字的制作方法，能够使用多个图层的方法制作出立体字。
2、理解魔术棒工具的作用，掌握抠图的方法。
3、能运用PS的相关知识独立设计美观大方的版面。
情感态度与价值观：
1．养成勇于探究、团结合作的习惯。
2、锻炼学生的动手操作能力和独立思考问题的习惯。
3、培养学生发现美、感受美的艺术能力。
2【教学重点与难点】
重点：（1）制作横幅广告的注意要点
（2）魔术棒工具的使用,渐变工具的使用。
（3）立体字的制作。
难点：（1）多个图层制作出立体字。
（2）运用PS的相关知识独立设计美观大方的横幅。
3【课时】:1课时
三．教法学法
1【教法】:通过观察、提问、讨论、上机探索、小组共学互教，掌握页面设置、报头制作、正文编辑的方法。
在课堂导入环节，我采用情景教学法，课堂核心环节上，以任务驱动法为主，实现新旧课程的结合应用，重在学以致用。
并通过讲解示范、自主探究、计论交流等手段，突出重点，突破难点。
2【学法】:自主探究法、分析协作法、总结归纳法
四．教学过程
1【课前准备】
（1）学生分组
课前给学生分好组，每组5人、共5组，每组安排一名平时动手能力较强、做得较快的学生当小组长，在自主学习的过程当中，在自己完成的前提下辅助其他组员完成学习任务。
设计意图：期望以优带差，优劣互补，团结协作，互相激励，共同进步。
（2）材料分发
课前几分钟把本堂课的学习材料分发到每台学生机的桌面上。
设计意图：便于学生课上进行探究式学习。
2【课堂环节】
（1）创设情景，导入新课
1、横幅广告页面欣赏
先让学生们欣赏课本中介绍制作好的横幅广告页面样例，头脑中有个横幅广
告的概念与框架。
2、启发学生回忆旧知
通过欣赏横幅广告页面，让学生回忆之前学过的知识点，对横幅广告页面有
个新的认识。
（2）讲解知识，分析制作要点
1.横幅广告简介
横幅广告，英文叫banner,一个表现商家的广告内容，放置在网页的页面上，是
互联网广告中最基本的广告形式，格式主要有flash动画和图片。
2．横幅广告尺寸
a、横幅:468*60728*90950*90760*90760*60
250*60234*60120*60950*250950*410
b、竖幅:160*600120*600120*240
c、方幅:336*280300*250250*300
250*250200*200180*250
3.制作横幅广告制作要点
a、顾及网站内容的定位
因为包含内容不同，门户网站各个频道有着不同的风格，所以设计师们做设
计的时候也要考虑到如体育频道的运动感，财经频道的国际和高端等。
b、顺应用户的浏览习惯
我们知道大多数的用户在浏览网页的时候都是从上到下，从左到右的浏览。
为了
使banner更容易被用户浏览,我们应该顺应用户这样的浏览习惯，糟糕的设计会
让用户无所适从，焦点到处都是。
c、明白文字在Banner中占主导地位
从构成上讲，一个banner分为2个部分，一为文字，二为辅助图。
辅助图虽然
占据大多数的面积，但是不加以文字的说明，很难让用户知道这个banner要说
明什么。
要读一个人的喜怒哀乐，只要读其五官即可。
在一个banner里面，标
题文字起着五官一样的作用，所以个人觉得文字才是整个banner的主角。
所以
对于文字的处理，显得尤为重要。
d、横幅广告中文字处理的两个技巧
技巧1:如果主标太长，需求方不舍得删文字的情况下，对主标中重要关键字进行
权重，突出主要的信息，弱化‘的’、‘之’、‘和’‘年’‘第X届’这种信息量不
大的词。
技巧2：如果需求方整体文字太短，画面太空，可以用一些加入一些辅助信息丰富画面。
如加点英文，域名，频道名等。
（3）布置任务，明确目标
实训——模仿小米网站上的促销广告完成效果图
要求：（1）制作一个以“hello春天”为主题的促销广告。
（2）主题突出，内容结构合理，版面美观，有创意。
（3）独立完成，完成后保存，用姓名命名，提交作业。
1、新建文件：大小950*410,分辨率72，背景白色。
2.选择渐变工具：白色到天蓝径向渐变，填充背景。
3.制作”HELLO春天！“立体字，字体为黑体，多个图层实现。
4．制作“踏青必备配件特惠专场”文字及底色，可以考虑做倒影字，效果会更
好。
5．制作仅一周的文字。
6.利用魔术棒工具抠出花草放在底部。
（4）讨论交流，评价反馈
从整体效果、创意性、艺术性、完整性、技术性等方面进行评价，同时让学生参与主动的评价。
最后引导学生提出一些改进的意见，并互相学习与互相借鉴。
（5）课堂小结
“学到了什么？”本堂课我们一起回顾一下知识点，介绍了什么是横幅广告，横幅广告的尺寸，重点是制作横幅广告的四个要点,最后完成模仿小米网站上商品促销广告的实例，通过这个实例对前面知识点的映衬及加深理解。
分析一下。
（6）扩展技能
1.上网看看网页中的横幅广告，想想自己能不能制作出来？
2.抓住春天尾巴，周末出去踏青。
五、教学反思
教学中导入要有创意，有利于提高学生的注意力。
实践操作过程中学生按学习计划一步步完成任务。
加强对学生的个别指导，发挥学生自主探索学习的能动性。
学生是上机课的主角都有着各不相同的思维方式、学习方法和认识水平。
学勤劳的蜜蜂有糖吃
生展示操作要多，对学生作品进行适当评价。