汇报人:胡明丽《电子商务网页设计与制作》课程整体设计1、课程总体情况及目标2、课程设计3、师资情况4、教学资源5、教学方法与手段6、课程实践教学7、课程单元设计8、课程考核方式9、教学效果10、课程特色11、今后改革思路电子商务网页设计与制作课程设计课程设计提纲一课程总体情况及目标课程体系中小企业网络营销实务电子商务网页设计与制作搜索引擎营销电子商务网站运营与管理第三方电子商务平台客户关系管理专业核心能力课网络推广职业素质职业岗位职业能力思想道德修养与法律基础计算机文化基础中国传统文化体育与健康大学生诚信教育概论等通识教育课电子商务基础与实务电子商务技术商务谈判与沟通电子商务图像处理实务电子商务动画制作实务等专业基础课网络创业新商业文明电子商务职业素养农产品信息采集与分析阿里巴巴特色课等专业拓展课课程模拟实训、专项模拟实训、项目实战训练、顶岗实习、毕业实习综合实践课程网站建设网站优化网络客服基于职业岗位的电子商务课程体系网站运营与策划课程总体情况先修课程后续课程电子商务基础与实务电子商务动画制作实务电子商务图像处理实务ASP与网页数据库设计网络创业电子商务网站运营与管理基础学习领域核心学习领域课程总体情况1、了解网页设计的基本理念2、熟悉组成网页的基本元素3、熟悉网页设计常用工具4、掌握网站风格的确定5、掌握网页色彩搭配原则2、能够应用CSS+DIV布局网页3、能用photoshop设计制作网页效果图4、能用Flash设计并制作网动画5、能够完成动态网站代码的融合1、能够撰写网站策划书的1、培养艺术素养和审美能力2、培养学生分工协调、团队合作的意识;4、培养创新能力、新技术学习能力3、培养信息获取能力和归纳总结能力5、培养学生与客户的沟通能力课程目标知识目标能力目标素质目标二课程设计二.课程设计课程设计理念-以职业能力培养为核心学生自主学习课程设计理念职业能力培养真实项目载体工作过程导向工学结合校企融合课程设计思路2职业能力分析3学习者分析4以培养职业能力为核心的教学目标5工作任务导向确定学习情境6多种模式\工学交替联合培养学生7持续关注学生在企业的发展,定期回访学生8以企业标准态更新学习情境1企业岗位需求调研开放性实践性职业性内容的选取与组织•网站策划•界面设计•网站编辑•静态网站的开发•动态网站的开发•网站的实施与维护•教学成果申报网•书法家庄辉个人网•等级考试辅导网•精品课程网站•班级通讯录专业调研岗位能力分析本课程岗位能力分析行动领域学习领域学习情境•网站的需求分析•效果图的设计制作•网站的编辑•网站的布局方式•动画的制作•CMS系统的应用•网站的管理与维护内容的选取与组织课程内容序化与重构遵循职业成长规律编号知识模块安排1网站欣赏2网站规划3网站效果图设计4网页色彩与布局设计5网页动画设计6网页布局与编辑7HTML语言基础8层叠样式表CSS9DIV+CSS网页布局10模板与库的应用11静态网站动态化12动态程序开发13综合教学案例14项目开发实训情境1:教学成果申报网站建设1情境2:书法家庄辉个人网站建设2情境3:英语等级考试辅导网3情境4:软件项目化实训精品课程网站4情境5:班级通讯录管理系统5学习情景学习单元参考课时情景名称学习内容1.教学成果网络相关概念、网站需求分析、风格定位与网站欣赏、草图设计、图像相关概念、Photoshop的认识与基本操作、快捷键与键盘操作、Gif动画的制作、Dreamweaver插入文本、图像、表格等资源、空间的申请与域名的申、网站文件的上传1.1项目基础与流程设计2121.2教学成果申报网站效果图设计与切片41.3教学成果申报网站的后期编辑41.4网站发布与测试22.书法家庄辉的个人网站建设Photoshop中图层与样式的使用、色调与色彩的调整、图像混合方式的使用、网页的色彩应用、网页的布局的类型与方法、Photoshop的基本操作、Swish软件基本操作方法、Dreamweaver基本操作、HTML语言的基本结构、HTML常用标记、Css样式表的应用2.1书法家庄辉个人网站网站项目策划2142.2书法家庄辉个人网站模板页效果图的设计与制作42.3书法家庄辉个人网站主页设计与制作42.4书法家庄辉个人网站切片与动画制作22.5网站发布23.英语等级考试专题学习网站建设Photoshop的综合应用、搜索网站管理平台、网站管理平台与静态页面的整合、IIS的安装与配置、程序调试、后期完善、职业成长规律3.1任务前期策划2123.2效果图的设计与切片与动画设计43.3网页编辑43.4代码融合——网站动态化24.软件项目化综合实训精品课程网站建设网站设计师应具备的素质、网页素材的收集、网站页面的分析、网站界面的创新处理、进行后期修饰、理解表现和内容的分离、CSS盒模型、单列布局的方法、散列布局的方法、模版的使用方法、库的使用方法4.1前期策划2144.2效果图的设计、切片与动画设计24.3DIV+CSS布局软件项目化综合实训精品课程网站44.4使用模版完善静态网站45.班级通讯录管理网站建设框架技术的应用方法;数据库基础与应用、ADO链接数据库、表单设计、权限的控制、查询、添加等功能的实现5.1前期策划与页面的布局2125.2登陆系统的实现25.3通用查询系统的实现45.4通讯管理系统的实现4教学情境课时分配类别知识点解决办法重点网页效果图的设计经典网页赏析,形成深刻印象多搜集相关教学资料,归类存放,吸收精华分析多种网页布局的特点、导航栏的特点真实案例,教学与实践网页的布局(DIV+CSS)通过真实案例分析CSS,先进行操作,然后分析代码任务型教学,先提出问题,然后分析解决方法,观察其实际效果,最后分析HTML代码的变化分析使用模板的网站的优点并演示解决模板技术的最好方法使用CSS样式美化网页使用模板动态网页设计先分析具体案例,形成感性认识,然后总结一般规律,运用一般规律指导网页设计下载优秀的代码进行分析,吸取精华难点图像的处理开设选修课程《图形图像处理》,为学习网页设计提供保障。提供相关课程教程库,学生可以根据兴趣自主学习。动画的制作网页中特效制作通过分析目前网站中常用的特效,了解特效的制作技术通过观察常见特效的效果及制作方法,了解JavaScript技术的兴趣网站的规划与组织以实例分析网站的规划与组织方法让学生自己动手进行网站的规划与组织动态代码的编写以实践教学案例库为引导以社会需求与真实项目为导向、压力,引导学习编写程序课程内容重点与难点三师资情况教学团队姓名毕业院校专业胡明丽山东师范大学计算机科学与技术张洪明山东大学软件工程孙伟哈尔科夫国立大学组织管理陈丽娜山东科技大学计算机科学与技术王大威(企业)潍坊职工大学经济管理王学动(企业)西安交通大学电子技术四教学资源四.教学资源教材选用张洪斌主编的全国高职高专教育精品规划教材《网页制作与设计教程》该教材以培养职业能力为核心,以工作实践为主线,以项目为导向,采用情境教学的方式,建立以工作过程为框架的现代职业教育课程结构,并设置面向网页设计师岗位的课程内容。四.教学资源•多媒体课件•素材库•实践教学情境案例库•网站模板库•课外拓展学习平台网站模板库课外拓展学习平台五教学方法与手段构建“多模式”的职业技能训练模式多模式职业技能训练体系5247模仿操作训练阶段测试训练136优秀作品赏析拓展训练项目实战训练现场开发训练项目外包开发五.教学方法与手段五.教学方法与手段情景职业技能训练模式职业技能训练目的1.教学成果申报网站建设优秀作品赏析欣赏优秀网页、分析其布局结构、颜色搭配、视觉效果、留下直观印象、激发学习兴趣。1.教学成果申报网站建设2.书法家庄辉个人网站建设模仿操作训练模仿老师讲解的方法制作网页。理论与实践相结合,“教、学、练”三者有机融合、训练学生的动手能力和模仿技能,提高课堂教学的实践性。1.书法家庄辉个人网页建设2.招英语等级考试辅导网建设3.软件项目化综合实训精品课程网站建设拓展实践训练利用课余时间自己动手尝试独立制作网页,及时巩固课堂所学习知识,进一步强化网页制作技能,提高学生自主学习能力和充分利用网络信息资源的能力,提高教学过程的开放性,培养学生的学习主动性,通过课外兴趣小组集体活动等形式,提高学生的人文素养。1.教学成果申报网站建设2.书法家庄辉个人网站建设3.英语等级考试辅导网建设4.软件项目化综合实训精5.班级通讯录管理系统网站建设阶段测试训练通过过程考核。提高学生学习的紧迫感,巩固学生的阶段学习成果。1.教学成果申报网站建设2.班级通讯录管理系统网站建设项目实战训练学习通过与企业用户直接沟通与交流,在开发实际项目过程中提高职业能力,培养工程意识。1.书法家庄辉个人网站建设2.软件项目化综合实训精品课程网站建设3.班级通讯录管理系统网站建设现场开发训练通过让学生到用户现场解决网站运行中的实际问题,提高学生的被认同感和成就感。1.英语等级考试辅导网建设2.软件项目化综合实训精品课程网站建设3.班级通讯录管理系统网站建设项目外包开发创造机会让学生独立承接、开发和实施项目,实现自我价值,为以后的就业和创业积累经验,奠定良好基础。“多模式”的职业技能训练模式具体应用(1)模仿企业的网站开发环境构建真实的工作环境(2)充分使用现代教育技术手段促进教学活动开展(3)基于网络的开放式学习方式,注重学生自主学习教学手段1五.教学方法与手段六课程实践教学课程实践教学校内实训基地现有教学软件实训室19个,多媒体教室137个。拥有中心机房2个,网络覆盖全院,内网外网并存,有线无线并存。学生工作室1.淘宝创业实训室2.网易印象派工作室3.启航电子商务工作室4.安达电子商务工作室学生作品展示学生作品展示学生作品展示学生作品展示学生作品展示课程实践教学校外实训基地•潍坊威龙•潍坊金网•潍坊方圆•潍坊中企•青岛雷迅七课程单元设计七.课程单元设计情境案例:书法家庄辉个人网站情境2子情境设计职业素质及能力培养书法家庄辉个人网站建设网站项目策划沟通能力、策划能力、文档能力网站效果图的设计艺术素养、Photoshop设计网站切片与动画制作动画制作能力、创新创意能力网页制作Dreamweaver使用、团队协作网站发布项目实施能力、现场分析、解决问题能力学生ADBCE检查评测明确任务制定计划设计制作收集信息教师布置任务(展示效果预览图),帮助学生明确任务要求。学生在教师的引导下,分解项目任务,确定工作计划。学生根据计划与任务分工,进行收集资料,准备素材等。学生根据计划在教师的指导下完成页面的设计与制作,并做好相关文字记录。学生展示作品、教师提问、学生答辩、学生互评、教师讲评课堂实施八课程考核方式八.课程考核方式课程考核考评方式过程考评结果考评素质考评工单考评实操考评理论考评项目考评10分10分30分20分30分考评实施由指导教师根据学生表现集中考评由主讲教师根据学生完成的工单情况考评有指导教师对学生进行项目操作考评理论测试以期末试卷的形式组织学生统考采用真实项目,由企业与课程组共同考评考评标准根据遵循实验室规则,能够团结同学,配合小组工作任务等情况打分(10分)预习内容(5分)项目操作过程有计划与实施记录(5分)任务方案正确(10)操作过程正确(10分)任务完成良好(10分)HTML、DIV、CSS等网站设计相关理论知识(20分)建议采用项目考试,已完成真实项目的能力来考核(30分)《电子商务网页设计与制作》课程素质与实操考评记录单八.课程考核方式工作要求工作内容开发书法家庄辉个人网站建设网站具体要求1.搜索国内相关名人网站2.重点了解项目的分析、项目开发流程3.通过Photoshop软件制作效果图设计4.形成后期的网页编辑5.使用HTML+CSS来编辑页面具体安排4人或5人为1个小组,全班分成若干组,每组指定或自选1人为组长,负责协调、组织、讨论,最后收集材料与作品,在指导教师的参与下并完成组内的评比,最后由教师做出素质测评与实操测评。实施难度2考核结果工作汇报作品展示和口头叙述完成情况□按时完成□其他情况:完成质量□合格(相似度高)□重做□差工作态