《网页平面设计师》课程开发

棒棒糖小组《网页平面设计师》课程开发学院：教育技术与传播学院学院班别：10师范2班组别：棒棒糖小组授课教师：周元春网页平面设计师课程方案案例专业：计算机专业学习领域课程：网页美工设计1.课程计划学习领域：网页美工设计典型工作的描述根据需求分析报告，在网页美编的岗位上，在规定工时内，在安全的软件环境中，网页美工负责整个网页的界面设计、规划整个网页的布局。目前使用ps进行界面效果图的设计，AI辅助设计LOGO、以及网标。所以作为网页平面设计师掌握的重要工具就是photoshop软件。网页美编以小组组合或独立的形式使用计算机软件和专用设备工具按照客户需求和网页规范进行设计。学习目标学生以独立或小组合作形式，通过教师指导或借助网页排版技术等资料，制定网页界面开发设计的计划，在规定时间内完成上述计划、开发、检测并进行评价反馈。在设计开发过程中要符合职业道德，对已完成的任务进行记录、存档和反馈。学习完本课程后，学生应当能够进行网页的界面设计、规划、布局。包括：在photoshop中将图像分割成切片并区别用户切片和自动切片将用户切片链接到HTML页面或位置；使用包含多个图层的GIF图像创建简单通道；设计出符合网页需求的banner；字体设计与搭配工作与学习内容工作对象客户需求分析报告按照《详细设计说明书》和进度规划完成界面开发设计工作与编程人员配合完成网页需求功能构架图像图片设计处理文字设计工具材料操作系统：WindowsXPProfessional图像图片处理软件：photoshop、AI浏览器：MicrosoftInternetExplorer6.0以上版本网页编辑：DREAMWEAVER工作要求正确理解客户需求借助参考资源制定可行的工作计划设计出富有创新性的、可行的方案与工作人员进行沟通完善方案对方案实施中遇到的问题能采取解决方法对方案实施效果进行正确的评价工作方法客户需求分析；根据客户要求制定工作计划；与上级领导及相关工作人员沟通方案；对网页的图片文字设计、规划、布局并操作实施；对方案的实施结果进行评价、总结反馈。劳动组织方式从相关部门领取工作任务根据客户需求撰写策划书根据策划书，和网站设计师配合完成网站需求构建独立或合作形式完成工作内容完工后将网页交给上级领导进行初步的检验进行评价和反馈课程名称/学习情景在photoshop中将图像分割成切片并区别用户切片和自动切片将用户切片链接到HTML页面或位置；使用包含多个图层的GIF图像创建简单通道；设计出符合网页需求的banner；字体设计与搭配学习组织形式与方法我们采取在机房上课，学生操作为主。首先让老师实操演示，学生仔细聆听，然后学生再练习。为了避免课堂枯燥，每节课老师都会抽出一定的时间让学生观赏优秀作品，增强学生的观赏能力。由于中职生自控能力比较差，所以老师会控制学生的电脑，并且会布置一定的课后练习并上交，加强学生的记忆。学业评价方式：关注学生个体差异，注重过程性、表现性、发展评价性注重学生学习任务完成过程中各学习环节的考核根据学习任务侧重点不同，注重对学生专业能力、沟通能力、审美能力等全面评价为了有效的提高学生的操作能力，我们会在平时成绩上加重比例2.课业计划课业/学习情景学习目标学习内容评价建议课时数教学建议与说明学生任务1在photoshop中将图像分割成切片并区别用户切片和自动切片1、了解什么是Ps切片工具2、分清Ps切片工具的类型3、学会使用ps切片工具4、上机操作一个ps切片的案例1、Ps切片工具的含义2、Ps切片工具的类型3、学会使用ps切片工具4、将一张图片分别用用户切片和自动切片分割成需要的图片自我评价内容：学习准备和计划实施的学习效果，实施操作情况，学习中沟通合作能力老师评价内容：表达能力，作业完成情况6注意区分用户切片与自动切片注意安排学生在固定的时间内完成切片的使用学生任务2将用户切片链接到HTML页面或位置使用Photoshop精确控制Web图像的准备

2、图像在Web页面上的显示方式3、通过使用photoshop的切片功能制作一个简单的Web页面1、将切片转到ImageReady中2、使用图层来创建图像映射3、使用图层来映射工具4、使用选区来创建图像映射5、讲包含链接的图像存储为HTML文件自我评价内容：学习准备和计划实施的学习效果，实施操作情况，学习中沟通合作能力老师评价内容：表达能力，作业完成情况6尽可能将多个切片链接到HTML中，制作一个精美的网页界面任务3设计出符合网页需求的banner深刻理解设计banner的用意；2、可以设计一个符合用户目标的banner1、学习文字的搭配，以文字为主体设计一个banner2、用文字的排列设计一个banner3、学习简单图形的搭配，以图片为主题设计一个banner自我评价内容：学习准备和计划实施的学习效果，实施操作情况，学习中沟通合作能力老师评价内容：表达能力，作业完成情况6了解客户的需求借助photoshop软件在网页中设计一个banner任务4使用包含多个图层的GIF图像创建简单通道理解通道的概念掌握在photoshop中导入多个GIF图像掌握在photoshop中创建简单通道学会在多个图层运用GIF图像创建通道在photoshop中用一个图层的动态图创建通道在photoshop中用包含多个图层的GIF图像创建简单通道将图片导入网页自我评价内容：学习准备和计划实施的学习效果，实施操作情况，学习中沟通合作能力老师评价内容：表达能力，作业完成情况6建议能把通道链接到HTML中任务5字体设计与搭配1、学会设计字体2、学会怎样搭配字体，使得页面会有更好的视觉效果3、学会根据不同的网页的主题，选择适合的字体4、不同颜色字体搭配的和谐性1、学习字体的形状、颜色2、书法标准字体设计3、装饰字体设计4、英文标准字体设计5、汉字设计6、学习字体创意方法7、学习文字的可视性和字体美感，使得不同字体搭配起来和谐美丽自我评价内容：学习准备和计划实施的学习效果，实施操作情况，学习中沟通合作能力老师评价内容：表达能力，作业完成情况8建议把字体与图片结合，能制作平面广告网页平面设计师教学设备标准设备名称单位数量备注电脑台30课程实施建议（1）建议本课程采用理论与实践一体化的教学模式、电脑机房教学场所和项目教学方法。

（2）教学场所中的电脑应安装齐全本课程所需的软件，比如：photoshop、Illustrator、dreamweaver等。

（3）为了保证教学安全和实操效果，建议每位指导老师负责督查学生要用电安全，负责组织和指导30位学生，学生分组控制在5~6人/组。

（4）教师在讲授教学的过程中，应控