《网页制作与网站设计》课程设计录像对应文字材料淮安信息职业技术学院二年三月《网页制作与网站设计》课程设计录像对应文字材料各位专家：大家好！我是淮安信息职业技术学院的教师张洪斌， 下面， 我向大家介绍我院 《网页制作与网站设计》课程设计的整体情况我主要介绍 7 个问题：1 、课程定位2、课程设计3、教学内容的选取与组织4、教学方法与手段5、实践条件6、教学效果和成果7、课程特色下面就按顺序进行介绍一、课程定位《网页制作与网站设计》 是软件技术专业的专业核心课程， 也是网络技术等专业的必修课目前，软件技术专业已构建了以“ Web 软件开发工程师”为核心目标岗位的课程体系软件专业的专业基础课程包括数据结构、 操作系统、 网络基础、 程序设计基础等， 在核心课程的设置上， 《网页制作与网站设计》 课程分别为 .NET 方向和 Java方向的重要支撑课程《网页制作与网站设计》 这门课程通过感性、 直观的实践操作， 指导学生完成网站作品，从而激发学生开发软件项目的热情，带动学生对 JSP、 ASP.NET、软件项目化实训等其他专业核心课程的学习积极性本课程的教学目标是， 使学生具备网站策划、 效果图设计与制作、 网站后期编辑、 HTML 代码编写等方面的技能， 提高学生的团队协作能力、沟通能力、分析解决问题能力和项目实施能力，注重学生在学习和实践过程中职业素质的养成。
二、课程设计《网页制作与网站设计》课程以培养网站开发及 Web 应用程序开发相关岗位的职业能力和职业素养为核心，在课程设计理念上具有以下四个基本点：第一、 以教学仿真项目和企业实际项目为载体重构和序化教学内容， 而不是按照传统的原理、实验、实训的内容进行教学；第二、 通过校企融合、 工学结合， 在课程教学过程中开放性地引入企业元素，与企业人员共同开发课程， 将企业工作流程、 行业标准和企业主流技术引入课程教学，在课程设计和实施过程中，课程组始终与企业进行了密切的合作；第三、将网页制作相关职业岗位的典型工作过程作为组织教学内容的基础，通过行动领域分析、 学习领域分析和教学情境设计， 构建教学内容中的单元和任务；第四、 以启发学生主观能动性和培养学生的自主学习能力作为课程教学的着力点通过对高职学生在校学习情况和毕业后工作情况的分析来看， 部分高职学生自主性不够、 自学能力不足， 导致了在学习和成长道路上走了一些弯路，所以，在《网页制作与网站设计》课程教学中，我们始终将培养学生的自信心、 自主性和自学能力作为课程的主要着力点， 这样才能真正实现“以学生为主体、以教师为主导”的教育理念以上四点在课程设计中相互关联、 缺一不可， 其共同的目标是培养学生的职业能力。
在课程设计思路上， 也紧紧以职业能力培养为核心 借鉴先进的职业教育理念，通过长期的研究与实践，形成了一个比较成熟的课程设计和实施的流程课程设计思路如下：1 ）企业岗位需求调研（含毕业生跟踪调查） ；2）职业能力分析；3）学习者分析；4）确定以培养职业能力为核心的教学目标；5）确定学习情境，以工作过程导向组织教学内容；6）工学交替、采用多种教学模式，与企业联合培养学生；7）持续关注学生在企业的发展，定期回访学生；8）在回访学生的同时再次进行企业调查，动态更新学习情境在上述过程中，课程的实践性、开放性和职业性得到充分体现：首先， 看课程的实践性， 教学内容是基于真实项目而构建的， 学生在课外主动进行了大量的实践活动；在教学方法上采用项目化教学和理论实践一体化教学；在学生考核和教师教学效果评价上都将学生实施项目的能力作为主要依据其次，再看课程的开放性，主要体现在以下几个方面：在学生培养上，学生学习时间具有开放性， 在师资队伍建设上， 专职教师和企业兼职教师共同组成教学团队； 在教学内容选取上， 以真实项目为载体， 紧跟当前主流技术动态， 不拘泥于具体书本； 在教学资源建设上， 开发了多种数字化教学资源，用以支持学生网上学习和课后自学。
再次， 在职业性方面， 用于教学考核的项目就是为客户开发的实际项目， 这导致学生必须注重界面美观和用户体验， 必须按时完成项目开发任务， 必须让自己的设计理念符合用户要求， 从而让学生体验实际项目的设计与实施过程， 潜移默化地提高学生的职业素养三、教学内容的选取与组织在明确课程设计流程后，如何选取课程教学内容呢？选取的原则为： 1 ）根据行业企业发展需要和完成职业岗位实际工作任务所需要的知识、能力、素质要求来确定教学内容；2）反复强化在实践过程中常用的知识和技能，弱化实际应用不多而又有较大难度的知识和技能在进行专业调研和岗位分析的基础上，确定了本课程的行动领域为：网站策划、界面设计、网站编辑、静态网站开发、动态网站开发、网站实施与维护以行动领域为依据，确定的学习领域包括：网站的需求分析、效果图的设计制作、网站的编辑、网站的布局方式、动画的制作、内容管理系统的应用、网站的管理与维护在确定学习领域后， 以此为依据确定学习情境， 经过反复分析和研究， 选取了 5 个来源于真实项目的教学情境，它们是：教学成果申报网、 书法家庄辉个人网、 英语等级考试辅导网、 精品课程网站、 班级通讯录在确定学习情境时， 不是简单地罗列了 5 个情境， 而是遵循学生的职业成长规律，将网站欣赏、网站规化、网页效果图设计、网页色彩与布局设计等 14 个教学模块进行了重构与序化，形成了 5 个教学情境，这 5 个教学情境由易到难，层层递进， 在不断补充新知识、 新技能的同时， 对课程的重点和难点进行了反复强化。
下面以情境二为例进行具体地说明情境二包括以下五个子情境： 1. 网站项目策划； 2. 网站效果图的设计； 3. 网站切片与动画制作； 4. 网页制作； 5. 网站发布这五个子情境分写通过相应的工作任务锻炼了学生的职业素质及职业能力，其中网站项目策划子情境， 通过网站需求调研与策划书的书写， 锻炼了学生的沟通能力、策划能力、文档能力；网站效果图的设计子情境，通过使用图像处理软件，设计与制作网站效果图，锻炼了学生的艺术素养、 Photoshop 设计能力；网站切片与动画制作子情境，通过使用 Fireworks 、 Flash 等软件，锻炼了学生的动画制作能力、创新创意能力；网页制作子情境，通过协作完成 HTML 代码和网站布局， 锻炼了学生的 Dreamweaver 使用技能和团队协作能力； 网站发布子情境， 通过域名申请工作， 内容管理系统的使用和用户培训， 锻炼了学生的项目实施能力和现场分析问题、解决问题的能力其他教学情境也采用类似的方法进行设计在教学组织与实施环节， 秉承工学结合的教学理念， 由校企合作共同制定课程标准，在课堂教学设计中，注重工作流程模块化、模块内容案例化、项目考核过程化，课堂教学采用理论实践一体化方法。
在课程考核时， 既注重过程又注重结果， 既注重理论又注重实践 在过程考评中，分为素质考评、工单考评和实操考评，在结果考评中，分为理论考评和真实项目考评等四、教学方法与手段4.1 教学模式构建 “多模式” 的职业技能训练模式， 将可以利用的校内和企业资源进行综合运用这几种模式分别为：（ 1 ）优秀作品赏析通过赏析优秀作品提高对网站布局和色彩搭配的审美能力， 激发学生的学习兴趣；（ 2 ）模仿操作训练模仿教师的演示步骤， 训练学生的动手能力和模仿技能， 提高课堂教学的实践性；（ 3 ）拓展训练通过课外兴趣小组集体活动等形式，提高学生的人文素养；（ 4 ）阶段测试训练通过过程考核，提高学生学习的紧迫感，巩固学生的阶段性学习成果；（ 5 ）项目实战训练学生通过与企业用户直接沟通与交流，在开发实际项目过程中提高职业能力，培养工程意识；6）现场开发训练通过让学生到用户现场解决网站运行中的实际问题， 提高学生的被认同感和成就感；（ 7 ）项目外包开发创造机会让学生独立承接、 开发和实施项目，实现自我价值， 为以后的就业和创业积累经验，奠定良好基础4.2 教学方法在实际课程教学实施过程中，多种教学方法得到了综合运用。
在课程教学中， 主要采用案例教学和学生作品展示两种方法， 案例教学以教师演示、 学生模仿为主， 学生作品展示则以学生展示作品、 教师和其他学生点评为主，这两种方法是理论实践一体化教学方法在本课程中的具体应用学生的课内学习时间是有限的， 课外学习和实践的时间更多， 能否利用好学生的课外时间将决定学生掌握技能的程度如何 为了实现课内课外相一致， 充分利用课外时间， 教师将学生纳入教科研项目和横向项目的开发团队， 让学生有机会在教师指导下参与各类项目的开发与实施工作在项目开发过程中， 教师和被指导学生之间具有相对固定的对应关系， 师生之间的专业爱好相似， 感情深厚， 除了专业知识和技能方面指导外， 师生的联系更加紧密， 既是师生关系， 又是朋友关系， 而良好的师生关系更加有助于学生学习新技术、参与开发项目等本课程的教学方法已转化为江苏省教育科学“十一五”规划课题成果 ,并获重点资助4.3 教学手段本课程充分利用现代教育技术和虚拟仿真环境，主要采用了下面的教学手（ 1 ）模仿企业的网站开发环境，构建真实的工作环境（ 2 ）充分利用现代教育技术手段，促进教学活动开展（ 3 ）网络教学资源建设初具规模，构建了全方位、立体化的课程教学资源（ 4 ）与企业联合开发并公开出版了立体化的教材，配套资源齐全。
五、实践条件我院已建成了较完备的校内外实训基地， 其中， 具有教育部批准的国家级计算机应用与软件技术实训基地， 还有江苏省经济和信息化委员会批准的江苏省软件服务外包人才培训基地具有完备的计算机实验实训室 15 个，计算机 700 多台另外， 2004 年起，由学院投资，与企业合作共同成立了学生工作室，依托企业项目， 在课程组教师指导下， 开发各类项目 200 多项， 项目总经费超过 200万元，学生工作室已经成为重要的校内实训基地，并实现了学生的自我管理在校外实训基地建设方面，我们先后与江苏微软、江苏金智、南京擎天、南京霆泰、 淮安远景、 淮安优拓等十几家单位合作， 为学生提供了充足的实习机会六、教学效果和成果6.1 教学效果本课程得到校内外的一致好评，也得到学生的好评省内外教育专家通过实地考察和网站浏览后，对本课程给予高度的评价企业客户对师生共同开发的网站也十分满意， 他们认为我院学生的网站设计能力已经达到了职业化水准， 与专业性网站开发公司作品具有同等质量， 且性价通过到用人单位进行调研， 许多公司对我院学生的网站开发能力和职业素质 给予高度评价通过进行毕业生访谈，许多学生对本课程的教学内容和教学方法印象深刻，认为在校期间的课程培养和公司工作流程要求基本一致， 对本课程任课教师付出的辛勤劳动表示衷心感谢。
6.2 教学成果经过十年的努力， 本课程已经取得了丰硕的建设工作成果， 具有 “开发出版教材多” 、 “实际开发项目多” 、 “学生获奖次数多” 、 “课程综合资源多”的优势，其中，主编教材 3 部；完成各类项目 200 多项；在国家、省市级竞赛中获奖 56项本课程已经建成了丰富的立体化教学资源， 包括了网络教学平台、 项目展示网站、教学案例库、网站模板库、课外拓展学习平台等，这些教学资源随着技术的发展还在持续更新七、课程特色最后，我们来归纳一下这门课程的特色：第一， 课程教学内容来源于项目， 而教学过程中又让学生学习并参与实施项目第二，结合课程教学过程，培养学生的职业素质，培养学生自信心、自主性和自学能力，为学生提供丰富的网上教学资源第三， 重视学生和企业对于课程的评价， 并将此作为教学质量监控体系的主 要组成部分，并以此为依据及时改进和优化教学淮安信息职业技术学院2010 年 3 月人生最大的幸福，莫过于连一分钟都无法休息 零碎的时间实在可以成就大事业 珍惜时间可以使生命变的更有价值 时间象奔腾澎湃的急湍，它一去无返，毫不流连 一个人越知道时间的价值，就越感到失时的痛苦 得到时间，就是得到一切 用经济学的眼光来看，时间就是一种财富 时间一点一滴凋谢，犹如蜡烛漫漫燃尽 我总是感觉到时间的巨轮在我背后奔驰，日益迫近 夜晚给老人带来平静，给年轻人带来希望 不浪费时间，每时每刻都做些有用的事，戒掉一切不必要的行为 时间乃是万物中最宝贵的东西，但如果浪费了，那就是最大的浪费 我的产业多么美，多么广，多么宽，时间是我的财产，我的田地是时间 时间就是性命，无端的空耗别人的时间，知识是取之不尽，用之不竭的。
只有最大限度地挖掘它，才能体会到学习的乐趣 新想法常常瞬息即逝，必须集中精力，牢记在心，及时捕获 每天早晨睁开眼睛，深吸一口气，给自己一个微笑，然后说： “在这美妙的一天，我又要获得多少知识啊！ ” 不要为这个世界而惊叹，要让这个世界为你而惊叹！ 如果说学习有捷径可走，那也一定是勤奋 学习犹如农民耕作，汗水滋润了种子，汗水浇灌了幼苗，没有人瞬间奉送给你一个丰收 藏书再多，倘若不读，只是一种癖好；读书再多，倘若不用，只能成为空谈 学习好似一片沃土，只要辛勤耕耘，定会有累累的硕果；如若懒于劳作，当别人跳起丰收之舞时，你已是后悔莫及了 不渴望能够一跃千里，只希望每天能够前进一步，学习的成功与失败原因是多方面的，要首先从自己身上找原因，才能受到鼓舞，找出努力的方向。