《网页设计》课程整体设计说课PPT课件.ppt

《《网页设计》课程整体设计说课PPT课件.ppt》由会员分享，可在线阅读，更多相关《《网页设计》课程整体设计说课PPT课件.ppt（37页珍藏版）》请在得力文库 - 分享文档赚钱的网站上搜索。

1、网页设计课程整体设计课程负责人：汪迎春浙江育英职业技术学院信息技术与应用系1说课一、课程定位二、课程目标设计三、课程内容设计四、课程教学设计五、考核方案设计六、单元教学设计 教学条件一、学院概况二、师资队伍三、教学资源四、实训条件五、社会的认可课程设计课程整体设计思路2课程设计本院的办学定位 在课程教学中坚持我院“走进来的是大学生，走出去的是职业人”的职业人培养方针，立足行业、面向社会，坚持高职教育的培养目标和定位，以能力为本位，以就业为导向，重视学生“道德素质、专业素质、人文素质、身心素质”培养。以工学结合为主要手段、以能力培养为核心，积极探索符合社会发展要求的“素质高、业务精、技能强”的应

2、用型专门人才。3课程设计专业面向专业核心能力一、课程定位网站的运行与管理网站开发与设计网页编辑 为长三角地区培养从事网站开发与管理的具有良好职业道德和内在素质、适应生产、建设、管理、服务第一线的高等专业技术人才。4课程设计一、课程定位 网页设计课程是我院信息技术与应用系开设的一门专业基础课（必修课），也是随着互联网的迅猛发展而诞生的一门新兴课程，同时也是训练学生网站开发技能的主干课程之一。网页设计因其“新技术、宽视野、重实践、严逻辑”的特点，以及较强的先进性、实用性和时效性，已成为网络时代必备的技能之一。5二、课程目标设计 掌握使用网页设计与制作的基本方法以及基本技能。教学过程应结合校内实验，

3、使学生能够在了解网页设计技术基础知识和基本方法的基础上，具有独立建设网站的技能，成为一个符合高职人才培养目标及方向的，熟练的网页制作者和Web站点管理者。课程总体目标课程设计6二、课程目标设计课程知识目标课程设计培养学生制作静态网页的能力；培养学生设计网页、网页布局的能力；培养学生设计网站的综合能力；培养学生的策划能力、色彩感悟力、结构布局能力和想象力训练和培养学生收集、处理、加工信息的能力，学会通过网站、书籍、素材光盘等方式收集所需的文字资料、图像资料、flash动画和网页特效等；重点培养学生的实践操作技能，能够运用所学的理论知识和技能解决网站开发过程中所遇到的实际问题的能力及其基本工作素质

4、；7二、课程目标设计赏析各类经典网站、掌握网页制作方法强化网页制作技能、积累网页制作经验激发自身学习兴趣、形成持久学习动力提升自主学习能力、满足职业岗位需求课程教学目标课程设计8二、课程目标设计技能与素质目标 课程设计熟练掌握网页制作软件的基本操作和使用技能掌握页面的整体布局和色调的控制方法熟练掌握在网页中输入、设置标题和正文文字的方法熟练掌握在网页中插入图像、flash动画、背景音乐的方法掌握建立各种形式超级链接的方法掌握规划网站的内容结构、目录结构、链接结构的方法掌握表单网页制作方法掌握网页特效的制作方法掌握动态面页的设计方法掌握网站测试的方法9二、课程目标设计课程态度目标培养学生勤于思考

5、、通力协作的良好作风训练和培养团队协作精神和共同开发网站的综合能力 培养学生勇于创新、敬业乐业的工作作风 培养学生具有良好的职业道德和较强的工作责任心 课程设计培养学生自主学习能力、严肃认真的科学态度，具备理论联系实际的独立工作能力，树立自信心10三、课程内容设计1、设计思路本课程内容设计以学生就业为导向，以项目为载体，以工作任务为中心来选择、组织教学，并以完成工作任务为主要学习方式的课程模式。课程设计11三、课程内容设计2、课程内容设计流程调研了解人才需求情况描述典型工作任务召开专业指导委员会形成了由浅入深的7个项目组成的课程体系。即网站赏析站点创建文字、图像操作网页布局表单网页美化网页网页

6、特效网站测试、发布与维护动态数据库技术网站开发等全方位的职业培养流程。整理、序化典型工作任务确定工作岗位对岗位进行职业能力分析调研了解人才需求情况课程设计12三、课程内容设计课程内容体系框架课程设计网站赏析基础知识站点创建文字操作图像操作超级链接网页布局表单网页美化网页网页特效站测试、发布与维护动态数据库技术网站开发131、教学模式以职业能力为目标，以环境监测工作过程为导向，构建项目化教学模式“四个结合、六个合一”的教学理念，即“校内与校外结合，仿真与实操结合，理论与实践结合，小试与放大结合；车间与教室合一，教师与师傅合一，学生与学徒合一，作业与产品合一，教学与科研合一，服务与创收合一”。良好

7、的校内外实训条件和先进的实训理念为本课程实施项目化教学，也为本课程实施工学交替教学模式提供了必要而可靠的保障。课程设计四、课程教学设计142、教学方法教学项目项目分析教师下达任务学生接受任务成立工作小组确定方案实施方案出具报告单讨论总结，提升能力指导、监管评价、考核接受新任务，预习准备总结、讨论问题提升学习布置下一个任务任务驱动教学课程教学设计四、课程教学设计153、教学组织以小组为单位实行管理，学生是主体，教师主要起指导、组织协调、咨询、信息提供等作用，使学生在获得经验和能力的同时，培养服从、合作、责任感的职业素养。工作小组概况：以4-5名学生根据兴趣和爱好自由搭配组成一组，组长一名负责整体

8、协调，小组成员服务组长的安排和任务的实施。组长职责：负责网站的总体设计、分工、协调，组织小组成员讨论学习，总结工作经验及改进措施并及时考核。组员的职责：服从组长的安排，主动完成自己的任务，提出自己的观点和创新思路，并协助组长和其他组员共同完成任务。课程设计四、课程教学设计16五、考核方案设计教学评价是指根据教学目标，系统地收集学生学习情况的信息，对教学过程中的学习活动以及成果给予评价。我们采用项目考核法，即对完成项目的每个过程都适时的进行评价。评价方式有自评、互评、教师评价、企业技术人员的评价，评价内容包含了知识、技能和素质三方面 1、考核方式分阶段分层次考核职业能力课程设计17六、教学单元设

9、计 课程设计任务驱动教学单元分配计划课时课程内容选取依据与知识技能目标任务一 网站欣赏实训1-分类网站欣赏21)欣赏优秀的网页，学习他人之长，激发学习网页设计的兴趣2)分析优秀网页的布局结构、颜色搭配、视觉效果，3)留下直观的第一印象，为学习制作网页奠定基础4)对网页的组成元素有一个初步印象任务二 构建简单Web站点实训2-创建站点相册21)掌握“文件”面板2)掌握站点的创建3)掌握站点的管理4)掌握站点相册的创建任务三 文字的操作实训3-文字的操作41)学会在网页中输入文本与编辑文本，掌握输入空格和实现文本换行的方法2)学会在网页中插入水平线和日期3)掌握网页文本格式化操作任务四 图像的操作

10、实训4-图像的操作41)掌握图像的插入方法2)掌握图像属性的设置方法3)掌握图像与文本混合编排的方法4)掌握插入鼠标经过图像的方法，了解插入图像占位符的方法任务五 布局技术之一-表格实训5-表格41)学会添加表格、设置表格属性2)掌握设置表格中行和列属性的方法3)掌握拆分单元格，合并单元格的方法4)掌握在表格中输入文字并定位的方法5)掌握在表格中插入图像并定位的方法任务六 布局技术之二Div+CSS实训6-Div+CSS21)掌握Div方法2)利用CSS布局3)掌握CSS预设布局的创建方法18六、教学单元设计 课程设计任务驱动教学单元分配计划课时课程内容选取依据与知识技能目标任务七 布局技术-

11、层AP Div实训7-层AP Div41)掌握如何描绘层和插入层、如何选择层和激活层2)掌握层的属性设置方法、如何调整层的大小和位置3)掌握在层中输入文本和插入图像的方法4)掌握嵌套层的创建5)了解层与表格之间的相互转换方法任务八 布局技术-框架实训8-框架41)掌握在网页中创建框架的操作方法2)掌握为框架命名并导入框架源文件的操作方法3)掌握如何保存框架集文件和各个框架操作文件4)掌握设置框架集属性和框架属性的操作方法5)掌握编辑框架内容的操作方法6)了解设置超级链接的操作方法任务九 网页布局技术-模板、库实训9-模板与库41)理解模板和库的作用2)学会将已有网页生成模板的操作方法3)掌握如

12、何编辑模板和将模板生成新网页的操作方法4)掌握如何应用库项目制作网页5)掌握资源的应用任务十表单和Spry表单项目实训10-表单21)掌握如何在表单网页中插入表单域2)掌握如何在表单域中插入文本域和文本区域3)掌握如何在表单域中插入单选按钮、单选按钮组和复选框4)掌握如何在表单域中插入列表/菜单、按钮和图像域任务十一 使用CSS美化网页实训11-使用CSS美化网页21)掌握CSS样式表的基本语法和定义位置2)掌握标签样式、高级样式、类样式的定义方法3)掌握样式的编辑方法4)掌握如何使用CSS样式表美化页面任务十二 动感页面-多媒体实训12-多媒体41)网页中的动感元素2)Spry组件19六、教

13、学单元设计 课程设计任务驱动教学单元分配计划课时课程内容选取依据与知识技能目标任务十三网页特效-运用行为实训13-行为41)学会使用行为制作特效的操作方法2)掌握内置行为的添加任务十四网页特效-时间轴实训14-时间轴21)学会使用时间轴制作特效的操作方法2)时间轴行为的应用程序任务十五 网页特效-运用插件实训15-插件21)掌握插件的安装方法2)学会使用插件制作特效的操作方法任务十六 站点的测试与维护实训16-站点的测试与维护41)掌握网站测试的方法2)了解域名的设计与申请方法3)掌握网站的发布方法4)了解网站的维护与更新任务十七 搭建服务器平台实训17-搭建服务器平台21)掌握服务器技术2)

14、建立虚拟目录任务十八 创建数据库实训18-创建数据库21)掌握数据库创建技术2)掌握连接数据库方法3)掌握绑定数据库方法任务十九 会员系统实训19-会员系统41)制作注册页面2)制作登录页面3)SQL查询语句的应用4)数据库的应用20五、考核方案设计 课程设计项目项目子项目子项目分值分值站点结构站点结构 合理设计网站结构，合理安排栏目（5 分）合理利用表格、布局表格、图层、框架等定位方法（5 分）合理利用模板、库技术（5 分）共 15 分 页面风格页面风格 网页设计独到，主题突出，题材新颖、构思独特，形象生动，具有较强的表现力和感染力，网页设计和谐统一（5 分）共 15 分 网页整体设计思路清

15、晰，色彩搭配合理，布局紧凑美观，版块结构清晰（5 分）层次分明，链接合理清晰，便于浏览（5 分）技术规范技术规范 网页作品目录结构合理，文件名称使用规范（首页一律使用 index.htm/index.asp）（5 分）共 50 分网页格式为 HTML、HTM、ASP（5 分）图片和动画格式：SWF,PNG,BMP,JPG(JPEG),TIF,GIF(5 分)网页上使用的的图标、图片、动画或 FLASH 能正常显示（5 分）至少包含三张自己用 Fireworks 制作或处理的图片（5 分）使用 CSS 样式表（5 分）使用行为、JavaScript 等网页动态效果（5 分）网页使用的字体在所有计

16、算机内均能正常显示，无乱码（5 分）网页上所有链接上传到服务器后能够被激活，链接内容符合要求并与主题相关（5 分）网页数据定位准确，无偏移、错位，在 Microsoft Internet Explorer 800600 和 1024768 分辨率下能正常显示，浏览速度快捷，在不安装新插件的情况下可正常浏览（5 分）网页内容网页内容 语言规范流畅，无错别字，能科学、完整地表达主题（5 分）共 10 分内容积极、健康向上，不出现任何违反现行法律、法规和社会道德的内容和链接（5 分）撰写课程设计报撰写课程设计报告书要求告书要求 报告书中包括制作网站的整体过程，从策划设计到最后测试，要求结构合理，条理

17、清晰，语言流畅，在文章中适当位置插入网站中的页面图像（10 分）共 10 分附加分附加分 为鼓励网页作品的原创性，所有网页作品中含有作者原创文章超过五篇、内容符合要求并与主题相关（链接必须在首页中体现）的可获得此项加分（10 分）共 10 分21第二部分 教学条件22 浙江育英职业技术学院创建于1998年5月，是一所经浙江省人民政府批准的民办普通高等院校。学院位于杭州经济技术开发区，与杭州下沙“大学城”相接。学院先后被评为杭州市文明单位、浙江省高校平安校园；学院党组织先后被省委、市委授予“先进基层党组织”称号。经过十年的努力拼搏，学院目前现有4系2分院1部，在校生6100余名，已具备了较强的师

18、资力量强。教学条件一、学院概况23一、学院概况24教学条件二、师资队伍 网页设计课程组共有教师12名，承担课程教学任务的教师有7名，具备双师型教师有8名，具备高级职称教师2名，对学生进行职业能力测试及素质教育方案设计的教师5名。年龄结构职称结构双师结构25教学条件二、师资队伍 网页设计团队具有很好地团队协作精神，实践动手能力强。在教学过程中积极遵循当前高职职业发展规律和就业形式，经常切磋教学经验和教学模式，改革教学内容和教学方法，注重学生思维方式和能力的培养，积极探索适应我院学生职业能力发展的教学模式，已形成一支具备良好的知识、能力，能胜任高职层次的网页设计课程教学的结构合理的梯度教学科研团队

19、。随着课程建设的不断深入，教师的人员构成和知识结构日趋成熟，不管是从职称结构，还是年龄层次，有力地保证了课程教学的梯度完善和教学质量的稳定性；在实践与理论素质方面都储备了一批有很深厚的底蕴的中坚力量。26教学条件三、教学资源 1、学院建有千兆校园网，学生公寓、多媒体教室、专业实验室、全体教师办公室均接入校园网；另专门架设网管中心，配置专用服务器管理学院网络运行。2、学院建有各类多媒体教室97个、专业实验室35个，基本满足各专业课程应用现代教学手段和网络资源教学需要。3、学院图书馆资源丰富，阅览室生均座位0.28座，每周开放76小时，生均年借书量15册；现有馆藏纸质图书280323万册、中文期刊

20、1282种、报纸88种，本地镜像数字电子图书55000册。图书馆下设采编部、流通部、期刊部、电子阅览室四个职能部门。27教学条件四、校内实训条件 本专业建立校内实训基地2个，多媒体技术实训室4个，各实验室有计算机556台不等;计算机网络技术实验室2007年组建，该实验室有计算机62台。一般核心课程在校内基础实验室完成，即多媒体技术实训室、计算机网络技术实验室在完成正常教学内容的情况下，学生按虚拟工程实现流程摸拟实验开发环境，完成项目的开发，强化技能和思维的塑造，为今后企业项目开发奠定坚实基础。学生在完成学期课程任务后，在第五、六学期顶岗到实训基地实训。28教学条件四、校内实训条件 实训室用于教

21、学、社团、兴趣小组、教师科研以及对外培训和检测服务。主要实训设备平均使用时间为1200小时/年。29教学条件五、社会的认可工学结合产品多 教学团队积极在工学结合方面进行有益探索，在教学过程中加强实践环节训练，优化各种验证性实验、设计性实验和开放性实验在实践教学过程中的比例，增强设计型、综合型实验题目科学化和系统化的技术含量，培养学生的创新意识、实践能力和创业精神有特别重要的作用。积极为学生提供各种实践性教学机会和环境，开放实训实验室，最大限度地为我们的学生提供有利的实验实训条件，把科学研究和自主开发引入教学全过程。让学生拥有更多自我设计的空间和选择学习的机会，使学生始终保持热情和激情去学习，同

22、时鼓励学生走出校园，大胆的尝试新的挑战。师生积极参与企业网站开发，为企业提供技术服务、学以致用，有不少同学在毕业前后都有不俗表现和开发企业网站的经历。30教学条件五、社会的认可 01届计应A班王文忠同学在公司任职期间，担任设计和研发了嘉兴秀洲区政府电子政务工程、嘉兴桐乡市政府电子政务工程、杭州市淳安县政府电子政务工程、湖州市南浔区政府电子政务工程、温州市龙湾区政府电子政务工程、绍兴上虞市政府电子政务工程、杭州市国土资源局电子政务工程、浙江省劳动厅电子政务工程、杭州市司法局电子政务工程。这些一体化政务平台的建设增强了政府职能部门的透明度，提高了政府的工作效率、管理水平和服务能力，起到了资源整合，

23、协同办公的作用。同时也为企业创造了约545万的产值。03届信息管理专业的学生稽利忠同学毕业后自主创业，与其他同学合资50万注册了杭州普维网络科技有限公司，并担任总经理一职。31教学条件五、社会的认可 06届在校生网管学生刘豪伟同学的江彬华在校期间表现优异，在大三上学期就已经在杭州速递网络科技有限公司工作，担任产品部经理一职，主要负责网站项目的研发工作。目前已开发的项目有、等；06届在校生计应B班江彬华同学目前在支付宝工作，担任API接口集成助理一职，主要负责支付宝电话销售签单后客户的API接口集成。32教学条件五、社会的认可参加比赛作品多 在锻炼学生综合科研能力和独立分析解决问题的实际能力的同

24、时，让学生尽可能多接触生产实际。除我院每年一届的五月科技文化节多媒体竞赛外，同时鼓励学生积极参加各种创新、实践方面的科研和大学生多媒体竞赛等活动，特别是近年来的大学生多媒体竞赛都有好的成绩出现：33五、社会的认可教学条件获奖时间获奖种类颁奖部门获奖等级获奖部门备注：相关网址2008年度省级精品课程-外贸出口跟单实务的网站建设浙江省教育厅省级外经系http:/ 认证考试，有86名学生取得合格证书。2005.5.29，有29名学生参加全国程序员、网络管理员、软件设计师和网络工程师考试。2005.9，有107名学生参加了Micromedia公司的认证考试，其中62名学生获得了Macromedia F

25、lash资格证书，38名学生获得了Macromedia Dreamweaver资格证书。2005.12.24，有149名学生参加了Micromedia公司的认证考试，其中Dreamveaver MX（144人），Flash MX（5人）考试。2006.5.20，有49名学生参加全国程序员、网络管理员、软件设计师和网络工程师考试。2006.6，有400名学生获得了由信息产业部颁发的职业资格证书，涵盖办公自动化、网络应用、平面设计、网页设计、电子商务管理与应用、政务管理与电子应用、网络安全、企业计算机系统维护、企业网络管理等九个方面，有264人获得资格证书，其中获得办公自动化职业证书179人，网络应用职业证书63人，平面设计2人，网页设计3人，电子商务管理与应用4人，政务管理与电子应用2人，网络安全3人，企业计算机系统维护4人，企业网络管理4人。36 Thats all,Thank you!请多多批评指教！37