网页美工设计教案
《网页美工设计》课程教案
授课教师： 授课班级： 地点： 课时： 章节 内容 网页设计基础知识
Dreamweaver软件介绍及其基础操作
教学 目标 1) 使学生了解网页设计的相关基础知识；
2) 使学生熟悉Dreamweaver软件界面的基本操作方法。
重点 难点 1) 了解网页设计相关概念和网页的类型；
2) 熟练掌握Dreamweaver软件创建和管理站点的方法。
教学 方法 课堂讲授、案例讲解与指导
教学 环境 计算机机房
教学过程及内容提要 时间 分配 备注
教学过程设计
一、 引入 1、 相互认识，提出与本学科相关的知识，介绍本门课程情况、教学内容及总学时数进度安排，宣讲本课程教学纪律，鼓励学生营造一种学习氛围，尊重同学，互帮互学，真正达到学以致用； 2、 提出问题：上过网吧？有谁自学过网页设计？听说过网页设计三剑客吗？
二、 告知学生课堂任务 本次课所学习的主要内容是网页设计相关基础知识和Dreamweaver软件基础操作；
三、 逐步演示讲解分析教学内容 1、 网站和网页的区别： （1）网页是Internet基本元素； （2）网站由网页组成； 2、 静态网页和动态网页： 静态网页：纯粹HTML语言格式的网页通常被称为静态网页，静态网页的后缀名通常为.htm、.html、.shtml、.xml。 动态网页：许多人认为网页会动就是动态网页，这是个错误的观点，在静态的网页中也可以含有动态的图片，这仅仅是视觉上的动态罢了。真正的动态网页是指实际上并不是独立存在于服务器上的网页文件，只有当用户请求时服务器才返回一个完整的网页。也就是说，它是返回到了客户端上的网页。例如网页文件是以ASP、PHP、JSP、ASPX为结尾就是动态的网页了。 静态网页的特点： （1）内容相对稳定，容易被搜索引擎检索到；
约10分钟 约5分钟 约25分钟 学生理解 （2）没有数据库支持，在网站制作和维护方面工作量大； （3）交互性差，在功能方面有很大的限制。 动态网页的特点： （1）以数据库技术为基础，可大大降低网站维护的工作量； （2）可实现更多的功能，如用户注册、新闻发布、在线留言等； （3）不利于使用搜索引擎进行网站推广。 3、 常见网页类型：形象页、主页、栏目页、内页、新闻详细页等； 4、 网页设计原则： （1）了解客户需求 （2）遵循Web标准 （3）运用形式美法则 5、 网页设计流程： （1）手绘效果图：确定网页主题内容和风格 （2）设计效果图：搜集、整合设计所需素材 （3）版面编辑：网页的制作与实现 （4）网页美化：动画设计，网页测试和发布 6、 网页设计的主要软件： （1）Photoshop （2）Dweamveawer （3）Flash （4）Firworks 7、 Dreamweaver软件界面介绍： （1）软件面板组成及基本操作方法 （2）软件参数设置 8、 Dreamweaver站点创建： 站点 -> 新建站点 -> 设置站点名称 -> 设置站点默认图像文件夹。 9、 学生实训操作： Dreamweaver站点创建与设置 10、 Dreamweaver创建第一个网页： （1) 名称： （2) 设置标题、输入文本、输入特殊字符 （3）页面属性设置 （4）预览网页
四、 学生实训及辅导； 创建第一个网页。
五、 课堂小结 本次课主要内容： 1、网页设计基础知识； 2、Dreamweaver基本使用方法； 3、Dreamweaver创建第一个网页；
约10分钟 约6分钟 约6分钟 约4分钟 约8分钟 约12分钟 约20分钟 约50分钟 约40分钟 约4分钟 学生实践 学生实践 总结 后记 《网页美工设计》课程教案
授课教师： 授课班级： 地点： 课时： 章节 内容 Dreamweaver表格操作；
CSS样式表应用。
教学 目标 1) 掌握Dreamweaver中表格的设计方法；
2) CSS样式表的使用方法和技巧。
重点 难点 1) 熟练掌握Dreamweaver中表格的基本操作方法；
2) 了解网页设计中CSS样式表的作用和设置方法。
教学 方法 课堂讲授、案例讲解与指导
教学 环境 计算机机房
教学过程及内容提要 时间 分配 备注
教学过程设计
一、 引入 1、 回顾上次课所学习的内容：网页设计基础理论知识，Dreamweaver软件使用初步； 2、 提出问题：对Word中表格操作还熟练吗？CSS是什么？如何设置网页中各种元素的显示效果？
二、 告知学生课堂任务 本次课所学习的主要内容是Dreamweaver中表格的使用和Dreamweaver创建CSS样式表；
三、 逐步演示讲解分析教学内容 1、 网页中表格的作用： （1）内容组织和定位； （2）网页排版； 2、 表格布局和Div布局区别： 各有优势。 表格：简单，好用，学起来很容易上手。各种浏览器都支持！基本上不会变形。但是代码冗余较多，维护起来也不怎么方便。 DIV+CSS优点：代码冗余小，所以网站打开速度快一些。维护起来非常方便。但是要兼容IE6 IE7 火狐等浏览器的话，开始学就会很头疼这个问题的。往往在IE6里面看着整个网页是好的，但是到了IE7或者火狐里面就全乱了。 推荐：用div做框架，table用来储存数据。 3、 Dreamweaver中表格的基本操作： （1）表格和单元格的选择及属性设置； （2）行和列的添加和删除；
约4分钟 约6分钟 约30分钟 学生理解 （3）单元格的合并和拆分； （4）表格的嵌套； 4、 实例演示讲解：使用表格制作一像素细线； 操作步骤： （1)插入1行1列表格； （2)设置单元格背景颜色； （3)设置单元格高度为1； （4)转到代码视图； （5)把单元格中的 删除。 5、 辅导学生实训操作； 6、 Dreamweaver中CSS样式表的使用： （1）CSS样式表文件的创建； （2）创建CSS样式：网页链接样式2； （3）创建CSS样式：网页凹下链接样式； （4）创建CSS样式：类链接样式； （5）创建CSS样式：滤镜样式。 7、 辅导学生进行CSS样式实训操作； 8、 案例演示讲解：个人主页首页布局设计 （1）创建网页； （2）设置网页属性； （3）使用表格布局网页（上中下型）； （4) 使用Photoshop制作页面头部Banner图片； （5）制作导航栏渐变背景图片； （6）制作页面主体（左侧公告跑马灯效果和友情链接，右侧资讯速递及图片列表）； （7）页面底部设计。
四、 布置并辅导学生完成课堂作业； 五、 课堂小结 本次课主要内容： 1、Dreamweaver网页表格基本使用方法； 2、Dreamweaver创建CSS样式；
约10分钟 约15分钟 约35分钟 约15分钟 约40分钟 约40分钟 约5分钟 学生思考 学生实践 学生理解
学生实践 学生理解
学生实践 总结
后记 《网页美工设计》课程教案
授课教师： 授课班级： 地点： 课时： 章节 内容
Dreamweaver中图像的使用；
网页字体设计； 表单设计制作。
教学 目标 3) 掌握Dreamweaver中图形图像的使用和属性设置方法；
4) 掌握网页表单的设计技巧。
重点 难点 3) 熟练掌握Dreamweaver中图像热点链接的创建方法；
4) 掌握用户注册表单的设计方法和技巧。
教学 方法 课堂讲授、案例讲解与指导
教学 环境 计算机机房
教学过程及内容提要 时间 分配 备注
教学过程设计
六、 引入 3、 回顾上次课所学习的内容：Dreamweaver表格的使用和属性设置，Dreamweaver中创建CSS的方法； 4、 点评上周作业； 5、 提出问题：什么是热点链接？网站的注册页面是如何制作的？
七、 告知学生课堂任务 本次课所学习的主要内容是Dreamweaver中图像的使用和网页表单的设计；
八、 逐步演示讲解分析教学内容 9、 网页中支持的图像格式：jpg、gif、gif动画、bmp、png 10、 网页中图像使用原则： （1）尽量小，对较大的图片文件进行适当的压缩和切割； （2）应该挑选与网站主题有关联性的图片； （3）对于网站的标志图片,主体应该清晰可见,图形的含义最好简单明了,图片内所含的文字应该清楚且容易辨认； （4）背景图片只是用来衬托图片主题的,切忌过于花哨； （5）图片颜色应该与页面整体配色协调。 11、 Dreamweaver中图像的使用： （1）插入图像； （2）设置图像属性； （3）添加图像热点链接。 12、 辅导学生实训操作；
约4分钟 约10分钟 约5分钟 约10分钟 约10分钟 约10分钟 约10分钟 约10分钟 学生理解 学生理解
学生理解 学生实践 学生实践 学生理解
(中职)网店美工全套教案整本书电子教案完整版教学设计最新电子讲义
网店美工 _______________________________________________________________ XX 学校学科教案本Teaching PlanXX 一 学期XX学校（School ）学科（Subject ）年级（Grade ） 教师（Teacher ）注意：①按住Ctrl 键后单击每个任务即可跳转到对应的教案 ②单击按钮可返回目录 ③页面设置参数为： 纸张：B5 页边距左：1.5 页边距右：1.5《网店美工》目录项目一 Photoshop 基础操作任务一 商品照片裁剪 任务二 商品照片抠图 任务三 商品照片调试 任务四 商品照片修图教学课题任务一商品照片裁剪课题类型理论+实作课时安排4上课时间教学目标1.掌握商品照片裁剪的方法2.掌握校正透视、定重心及大小3.掌握校正倾斜重构图的方法教学重点1、2教学难点3辅助资源课件、多媒体、网络复习引入①你曾经玩过修理照片吗？②你利用什么软件美化或者校正照片？③你对那些软件还知道哪些功能？教学手段教学过程师生互动活动设计课件讨论实作一:了解Photoshop界面二：校正倾斜重构图案例任务具体解说及操作1、在拍摄商品时，有时因产品透视太夸张，拍摄时因相机离的太近，角度过高过低，拍摄出来的产品出现扭曲变形。
比如这张图片在拍摄时因角度没调整好，导致拍摄出来的商品头重脚轻，严重失真。
接下来，我将用Photoshop CS6软件来处理。
2、在Photoshop CS6中打开【任务一原始图.jpg】，点击工具栏【裁剪工具】右下角箭头处，选择【透视裁剪工具】，此刻画布中出现裁剪框。
然后我们根据透视学的原理调整裁剪框的控制点，当裁剪框的虚线与物品边缘处于同一平行线，然后按下回车确定。
阅读知识窗：Photoshop的产生和发展提问或讨论：商品照片出现什么问题讨论：用什么方法可以校正网络搜索：裁剪工具的使用案例视频小组合作教学课题任务二商品照片抠图课题类型理论+实作课时安排4上课时间教学目标1.掌握钢笔抠图的方法2.掌握其他方法抠图教学重点1、2教学难点2辅助资源课件、多媒体、网络复习引入④你曾经玩过照片抠图吗？⑤你利用什么软件进行抠图照片？⑥你会用Photoshop软件抠图吗？教学手段教学过程师生互动活动设计课件讨论实作一:了解Photoshop抠图工具二：具体解说及操作流程（一）钢笔抠图1、抠图在网店美工中是一项重要的环节，通过抠图可以使不美的图片经过处理后看上去美观大方亮堂，也可以使本来很美的图片更加锦上添花。
《网店美工案例教程》课程教案
1.制作跨境端游泳镜Banner本练习将制作跨境端游泳镜Banner,在制作时先绘制Banner背景，再添加游泳镜图像效果，并在左侧输入文本内容，效果如图所示。
2.制作移动端篮球Banner本练习将制作移动端篮球Banner,在制作时先绘制Barmer背景，再输入文本内容，并对文本进行编辑，完成后在右侧添加篮球素材，效果如图所示。
举一反三3.制作PC端瑜伽垫主图本练习将制作PC端瑜伽垫主图，先制作主图背景，再输入文本内容，并对文本进行编辑, 完成后的效果如图所示。
4.制作跨境端摇摆驼鹿Banner本练习将制作跨境端摇摆驼鹿Banner,在制作时先绘制Banner背景，再添加摇摆驼鹿图像效果，并在左侧输入文本内容，效果如图所示，5.制作移动端毛绒玩具Banner本练习将制作移动端毛绒玩具Banner,在制作时先绘制Banner背景，再输入文本内容, 并对文本进行编辑，完成后在右侧添加毛绒玩具素材，效果如图所示。
葫鼠当造鼠6.制作PC端魔方主图本练习将制作PC端魔方主图，先制作主图背景，再输入文本内容，并对文本进行编辑, 完成后的部分主图效果如图所示。
滑灵活旋转第4章3.制作PC 端笔记本主图本练习将制作PC 端笔记本主图，先制作主图背景，再输入文本内容，并对文本进行编辑, 完成后的部分主图效果如图所示。
小结 4.3.2 设计店标4.3.3 设计店招 4.3.4 设计Banner 4.3.5 设计主图 4.3.6 设计详情页43.7 举一反三1、掌握办公用品类网店设计的方法。
2、掌握数码配件类网店设计的方法。
3、掌握手机配件类网店设计的方法。
1.制作跨境端LED 日历Banner本练习将制作跨境端LED 日历Banner,在制作时先绘制Banner 背景，再添加LED 日历图 像效果，并在左侧输入文本内容，效果如图所示。
I1Alarm Clock Numeral WoodenLED Tim© TemperatureCalendarBU Y$25.992.制作移动端办公桌Banner本练习将制作移动端办公桌Banner,在制作时先绘制Banner 背景，再输入文本内容，并 对文本进行编辑，完成后在左侧添加办公桌素材，效果如图所示。
《网店装修与美工》教案
《网店装修与美工》教案一、教学目标1. 让学生了解网店装修的基本概念和重要性。
2. 培养学生掌握网店美工的基本技巧和设计原则。
3. 帮助学生了解网店装修的流程和注意事项。
4. 培养学生能够独立完成网店装修与美工的任务。
二、教学内容1. 网店装修的基本概念和重要性。
2. 网店美工的基本技巧和设计原则。
3. 网店装修的流程和注意事项。
4. 网店美工的工具和软件的使用。
5. 实战案例分析和操作。
三、教学方法1. 讲授法：讲解网店装修的基本概念、重要性、流程和注意事项。
2. 示范法：展示优秀的网店美工案例，分析其设计原则和技巧。
3. 实践法：学生动手操作，进行网店装修与美工的实际操作。
4. 讨论法：分组讨论，分享各自的设计思路和经验。
四、教学准备1. 教室环境：电脑、投影仪、白板等。
2. 教学材料：教案、PPT、网店美工案例、设计工具软件等。
3. 学生准备：预习相关知识，准备实际操作。
五、教学过程1. 导入：通过展示成功的网店案例，引起学生对网店装修与美工的兴趣。
2. 新课导入：讲解网店装修的基本概念和重要性。
3. 案例分析：分析优秀的网店美工案例，引导学生理解设计原则和技巧。
4. 实操演示：演示网店装修的流程和注意事项，展示设计工具软件的使用。
5. 学生实操：学生分组进行网店装修与美工的实际操作，教师巡回指导。
6. 讨论交流：分组讨论，分享各自的设计思路和经验，互相学习和借鉴。
7. 总结讲解：总结本节课的重点内容，强调注意事项。
8. 课后作业：布置相关的课后作业，巩固所学知识。
六、教学评价1. 学生自评：学生对自己的网店装修与美工作品进行自我评价，反思设计过程中的优点和不足。
2. 同伴评价：学生之间互相评价对方的作品，提出建设性的意见和建议。
3. 教师评价：教师对学生的作品进行评价，给予肯定和指导，指出可以改进的地方。
4. 过程评价：评价学生在实践操作过程中的表现，包括合作意识、创新能力和解决问题的能力。
网页设计与制作课程整体教学设计
六、教学效果
校内督导评价
潍坊职业学院教学督导室主任周希华教授： 信息工程学院的《网页设计与制作》课程是一门实践
课程设计理念与思路
一是以真实的项目为载体重构和序化 教学内容，而不是按照传统的原理、 实验、实训的内容进行教学；
二是在课程教学过程中开放性地引入 企业工作流程、行业标准和企业主流 技术；
三是将网页制作相关职业岗位的典型 工作过程作为组织教学内容的基础；
四是以启发学生主观能动性和培养学 生的自主学习能力作为课程教学的着 力点。
二、教学内容—教学内容的组织与安排
基于工作过程设计教学内容 结合网页设计与制作的基本特点和学生的学习认知规律 ，打破原有的知识体系结构，按工作过程重组、序化教学 内容。根据专业培养目标和课程培养目标，课程组联合企 业专家对不同的岗位工作任务进行细化、归纳，设计了7个 学习情境，每个学习情境按照工作过程，又分成若干个工 作任务，将所有知识点融入工作任务的讲解中，从简单到 复杂、从入门到深化进行科学安排，循序渐进的实现教学 目标，课程内容与项目开发内容一致，理论与实践一体化 ，实现学习和工作的深度融合。
作品展示个人自评、小组点评、教师 点评、用户点评。
学 结 合
三、教学方法与手段—教学模式设计与创新
教学方法设计
项目 教学法
任务驱 动教学
法
案例 教学法
教学 方法
案例 教学法
案例 教学法
启发 教学法
三、教学方法与手段—教学手段
新媒体美工设计教学教案
《Photoshop新媒体美工设计（视频指导版）》教学教案第1章思考及作业课后练习：搜集、整理与旅行相关的素材并进行整合，要求最终画面效果美观，且符合“旅行”主题。
图1-11 所示为搜集的旅行海报素材及其整合后的参考效果。
第2章）从设计亮点与设计原则的角度出发，对下图所示的不同系列的促销海报进行第3章（11）（12）（13）（14）（15）（16）（17）（18）（19）（20）（21）号封面图进行鉴赏，分析它们的色彩、文字应用技巧，并对它们的展现方式进行阐述。
（2）对下图所示的两张活动简章进行鉴赏，分析它们的版式布局和文字选择技巧，并对它们的展现方式进行阐述。
第4章标志文字视频封面文字小结1.掌握不同文字的设计方法。
2.掌握文字的设计要求。
思考及作业课后练习：本习题要求打开“公众号封面.psd”素材，在其中进行文字的输入，效果如下图所示。
第５章化铝生产1.1 概述氧化铝生产和铝电解是现代铝冶金工业的两大组成部分。
生产氧化铝的矿物原料是铝土矿。
生产方法绝大多数采用拜耳法，个别厂采用烧结法或联合法。
随着科学技术的进步，氧化铝厂的装备水平不断提高，工艺过程也不断强化和完善，氧化铝生产的技术经济指标都已显著提高。
氧化铝厂工艺与设备的集中控制和自动化已有很大发展，大多数新建和计划建设的氧化铝厂年生产能力均在50万吨以上。
工厂大型化可使劳动生产率提高，单位产品投资与成本降低。
实现单体设备大型化和高效化；设备布置漏天化；重视原料综合利用和环境保护，这也都是氧化铝生产技术现代化的标志。
我国氧化铝工业是在解放后建立和发展起来的，近年来产量和品种不断增加，质量日益提高，在生产技术上取得了一系列重要成就。
但是，与世界先进水平相比，我国氧化铝工业在技术装备水平和某些技术经济指标方面还都比较落后。
特别是生产过程的能耗大高，自动化和劳动生产率低，氧化铝产量还不能满足国民经济发展的需要，这些也是我国铝冶金工作者努力的方向。
《淘宝天猫网店美工实战--视觉设计+店铺装修+移动端店铺》—教学教案
《淘宝天猫网店美工实战--视觉设计+店铺装修+移动端店铺》教学教案第1章小结1、掌握网店美工的工作范畴。
2、掌握网店美工需要遵循的设计原则。
3、掌握网店美工工作流程。
课后练习课后练习——赏析ESEDO网店首页的设计本练习要求以如图所示的网店首页为例，赏析其页面风格、色彩搭配、商品图片展现、设计手法等。
第2章2.4.1文案在网店美工中的重要性2.4.2文案的策划2.4.3文案的前期准备2.4.4文案的写作要点2.4.5主图文案的设计与编写2.4.6详情页文案的设计与编写2.4.7海报文案的设计与编写2.5课堂实训——鉴赏森林大叔旗舰店的首页2.6课后练习练习1：赏析戈美琪女鞋旗舰店色彩搭配和字体搭配练习2：赏析森马官方旗舰店首页的布局2.7拓展知识小结1、掌握色彩的搭配技巧。
2、掌握版式布局的知识。
3、掌握文字的运用原则。
4、掌握文案设计与编写。
课后练习练习1：赏析戈美琪女鞋旗舰店色彩搭配和字体搭配如图所示为戈美琪女鞋旗舰店首屏效果，要求对页面的设计元素、色彩搭配与字体搭配进行分析。
练习2：赏析森马官方旗舰店首页的布局如图所示为森马官方旗舰店首页，要求对首页的颜色、风格、搭配、构图方式、网页元素等进行分析。
第3章实训3：抠取耳机图片并合成3.5课后练习练习1：处理红毛丹污点练习2：抠取红酒商品图片并合成3.6拓展知识小结1、掌握修改商品图片尺寸及校正方法。
2、掌握优化图片的方法。
3、掌握抠取图片并合成的方法。
课后练习练习1：处理红毛丹污点本例将打开“红毛丹.jpg”素材文件，处理其中的污点并加深红毛丹的色泽。
处理前后的对比效果如图所示。
其具体要求如下。
熟练掌握商品图片的优化方法。
分别使用污点修复画笔工具、海绵工具、模糊工具对图片进行处理，使整个红毛丹更加美观。
练习2：抠取红酒商品图片并合成本例将对“红酒.jpg”素材文件进行抠图，将其抠取出来的红酒瓶应用到其他背景中，调整大小和位置后合成为更具有营销表现力的效果图片。
青岛版信息技术八年级网页的美化教案
教 学内 容
教师
活动
学生
活动
设计意图
创设情境提出目标
4
启发探究， 技巧点拨
2
自主探究，交流分享
20
合作学习，释疑解难
10
实践创作，展示评价
6
梳理总结，拓展延伸
3
师：（利用网络电子教室分别发送已经制作好的两张网页到学生机，一张很单调，另外一张是经过美化的网页。）同学们，这是两张不一样的网页，请你们仔细的观察，（观察约30秒左右）然后分小组讨论这两个网页有何不同？（讨论约1分钟）
学生以小组为单位，自主交流，并推选代表发言，以期养成良好的学习习惯。
开阔学生思路、进一步理解知识的目的，并使学生的团结协作能力得到培养。最终学生有解决不了的问题，老师可以有针对性的进行点拨提示。
采用多种形式对学生的作品进行展示、交流、评价，增强学生的自信心和自我成就感，同时达到交流思想、取长补短的目的。
学生找到自己喜欢的操作并进行小组探究学习。
学生进行探究（约15分钟）
内部交流，推选代表发言。
四个小组的学生代表分别边讲解边操作的完成他们的作品，其他同学观看演示学方法找不足。
学生以小组的形式讨论提出疑难问题，如:插入背景音乐、插入Flash动画、制作滚动字幕等。
学生再互帮互助，解决一些疑难问题。找出都解决不了的问题向老师求助。
学生实践创作
学生吸收集体的建议进行二度创作。
学生评选出“最佳美工奖”
思考，实施
好的开始就等于成功了一半。这一部分主要通过创设美感情境，提高学生审美意识，激发学生美化网页的热情。
教师在启发学生时，多给予方法的引领，而不是操作步骤的演示
让学生在明确学习目标和学习任务后，进行自主学习。在整个学习过程中充分发挥学生的主动性，培养学生独立分析、解决问题的能力，使学生能够循序渐进地学习信息技术的知识和技能。
网店美工 -教学大纲
《网店美工（第3版）》教学大纲一、课程信息课程名称：网店美工课程类别：专业核心课课程性质：必修计划学时：49计划学分：3先修课程：无选用教材：《网店美工（第3版全彩微课版）》，段建张瀛张磊主编，2021年；人民邮电出版社出版教材适用专业：本书可作为高等院校、职业院校电子商务及其他相关专业的教学用书。
课程负责人：二、课程简介本课程以精彩的课堂案例为主导，循序渐进地引领学生熟练掌握网店美工设计相关技能，内容包括：网店装修美工设计快速入门，网店装修四大要点，网店装修六大技能，店标与店招设计，首焦轮播区和商品陈列区设计，服饰网店与箱包网店首页设计，商品详情页设计，商品短视频制作，移动端网店装修美工设计，以及移动端网店首页与详情页装修设计等。
本课程特别注重设计方法和实操技巧的归纳总结，在网店美工设计知识点和实操案例的讲解过程中穿插了软件操作，让“学以致用”这一教学思想得以实现，使学生能够在实践中深入掌握所学知识。
三、课程教学要求注：“课程教学要求”栏中内容为针对该课程适用专业的专业毕业要求与相关教学要求的具体描述。
“关联程度”栏中字母表示两者关联程度。
关联程度按高关联、中关联、低关联三档分别表示为“H”“M”或“L”。
“课程教学要求”及“关联程度”中的空白栏表示该课程与所对应的专业毕业要求条目不相关。
四、课程教学内容五、考核要求及成绩评定注：此表中内容为该课程的全部考核方式及其相关信息。
六、学生学习建议（一）学习方法建议1．理论配合实战训练进行学习，提高学生在网店美工设计方面的各种能力。
2．可以帮助有网店美工设计需求的店铺设计商品图片和视频，以此提高Photoshop和会声会影的应用能力。
3．培养、提升学生的电子商务运营能力。
（二）学生课外阅读参考资料《Photoshop网店美工实例教程（第2版全彩微课版）》，杭俊王晓亮编著，2020年；人民邮电出版社出版；《电子商务视觉设计（第2版视频指导版）》，童海君、蔡颖编著，2022年；人民邮电出版社出版。
《PS新媒体美工设计》课程教学教案
《Photoshop新媒体美工设计》配套教学教案第1章思考及作业课后练习：搜集、整理与旅行相关的素材并进行整合，要求最终画面效果美观，且符合“旅行”主题。
图1-11 所示为搜集的旅行海报素材及其整合后的参考效果。
第2章）从设计亮点与设计原则的角度出发，对下图所示的不同系列的促销海报进行第3章课时内容新媒体美工设计的基本要素授课时间课时教学目标☑认识图形设计要素。
☑了解设计展现要素。
教学重点☑掌握点、线、面的设计要点。
☑掌握色彩的搭配技巧。
教学难点☑掌握色彩、版式和文字的搭配。
教学设计1、教学思路：（1）通过图形设计要素的讲解，让学员掌握点、线、面的知识；（2）了解设计展现要素，让学员掌握色彩、版式、文字的使用方法；（3）通过实战案例巩固所学知识。
2、教学手段：首先讲基础知识，然后通过实例的形式对讲解的知识进行运用。
3、教学资料及要求：除教材中讲解的知识，可以要求学生对收集地效果进行分析，了解这些要素的使用方法。
教学内容知识回顾：前面讲解了新媒体美工设计的基本原则，下面对新媒体美工设计的基本要素进行介绍。
讨论问题：1、如何在画面中正确运用色彩？2、如何将点、线、面进行结合使用？内容大纲：具体可结合本章的PPT课件进行配合讲解。
3.1认识图形设计要素3.1.1 点3.1.2 线3.1.3 面3.2了解设计展现要素3.2.1 色彩3.2.2 版式布局3.2.3 文字3.3实战案例——对H5页面进行鉴赏3.4课后习题小结掌握图形设计与展现要素。
思考及作业（1）对下图所示两张公众号封面图进行鉴赏，分析它们的色彩、文字应用技巧，并对它们的展现方式进行阐述。
（2）对下图所示的两张活动简章进行鉴赏，分析它们的版式布局和文字选择技巧，并对它们的展现方式进行阐述。
第4章标志文字视频封面文字小结1.掌握不同文字的设计方法。
2.掌握文字的设计要求。
思考及作业课后练习：本习题要求打开“公众号封面.psd”素材，在其中进行文字的输入，效果如下图所示。
《UI界面设计》教案
课程名称：UI界面设计授课教师：制订时间：UI界面设计第一章UI综述课题：UI综述授课教师：教学目标：通过本章学习使学生了解UI在中国的发展，以及UI的是什么。
教学重点：掌握UI在中国的发展，以及UI是什么。
教学难点：掌握UI是什么。
教学准备：课本、参考图形教学方法：讲授、讨论、案例分析教材：教学时间：8课时教学内容：UI在中国的发展，以及UI是什么UI即User Interface(用户界面)的简称。
UI设计则是指对软件的人机交互、操作逻辑、界面美观的整体设计。
好的UI设计不仅是让软件变得有个性有品味，还要让软件的操作变得舒适、简单、自由,充分体现软件的定位和特点。
第一节UI是什么软件设计可分为两个部分：编码设计与UI设计。
编码设计大家都很熟悉，但是UI设计还是一个很陌生的词，即使一些专门从事网站与多媒体设计的人也不完全理解UI的意思。
UI的本意是用户界面，是英文User和interface 的缩写。
从字面上看是用户与界面2个组成部分，但实际上还包括用户与界面之间的交互关系。
在飞速发展的电子产品中，界面设计工作一点点的被重视起来。
做界面设计的“美工”也随之被称之为“UI设计师”或“UI工程师”。
其实软件界面设计就像工业产品中的工业造型设计一样，是产品的重要卖点。
一个电子产品拥有美观的界面会给人带来舒适的视觉享受，拉近人与商品的距离，为商家创造卖点。
界面设计不是单纯的美术绘画，他需要定位使用者、使用环境、使用方式并且为最终用户而设计，是建立在科学性之上的艺术设计。
检验一个界面的标准既不是某个项目开发组领导的意见也不是项目成员投票的结果，而是终端用户的感受。
所以界面设计要和用户研究紧密结合，是一个不断为最终用户设计满意视觉效果的过程。
第二节UI设计师是做什么的在中国，UI设计还是一个需要不断成长的设计领域，但eicodesign,Tigocn, lkkui design, Robin design等国内知名设计机构已经进入了探索UI设计的道路。