第二篇：网页制作与网站设计课程设计录像

《网页制作与网站设计》课程设计录像

对应文字材料

淮安信息职业技术学院

二〇一〇年三月

《网页制作与网站设计》课程设计录像

对应文字材料

各位专家：

大家好！

我是淮安信息职业技术学院的教师张洪斌，下面，我向大家介绍我院《网页制作与网站设计》课程设计的整体情况。

我主要介绍7个问题：

1、课程定位

2、课程设计

3、教学内容的选取与组织

4、教学方法与手段

5、实践条件

6、教学效果和成果

7、课程特色

下面就按顺序进行介绍。

一、课程定位

《网页制作与网站设计》是软件技术专业的专业核心课程，也是网络技术等专业的必修课。目前，软件技术专业已构建了以“Web软件开发工程师”为核心目标岗位的课程体系。

软件专业的专业基础课程包括数据结构、操作系统、网络基础、程序设计基础等，在核心课程的设置上，《网页制作与网站设计》课程分别为.NET方向和Java方向的重要支撑课程。

《网页制作与网站设计》这门课程通过感性、直观的实践操作，指导学生完成网站作品，从而激发学生开发软件项目的热情，带动学生对JSP、ASP.NET、软件项目化实训等其他专业核心课程的学习积极性。

本课程的教学目标是，使学生具备网站策划、效果图设计与制作、网站后期编辑、HTML代码编写等方面的技能，提高学生的团队协作能力、沟通能力、分 1

析解决问题能力和项目实施能力，注重学生在学习和实践过程中职业素质的养成。

二、课程设计

《网页制作与网站设计》课程以培养网站开发及Web应用程序开发相关岗位的职业能力和职业素养为核心，在课程设计理念上具有以下四个基本点：

第一、以教学仿真项目和企业实际项目为载体重构和序化教学内容，而不是按照传统的原理、实验、实训的内容进行教学；

第二、通过校企融合、工学结合，在课程教学过程中开放性地引入企业元素，与企业人员共同开发课程，将企业工作流程、行业标准和企业主流技术引入课程教学，在课程设计和实施过程中，课程组始终与企业进行了密切的合作；

第三、将网页制作相关职业岗位的典型工作过程作为组织教学内容的基础，通过行动领域分析、学习领域分析和教学情境设计，构建教学内容中的单元和任务；

第四、以启发学生主观能动性和培养学生的自主学习能力作为课程教学的着力点。

通过对高职学生在校学习情况和毕业后工作情况的分析来看，部分高职学生因为在校期间自信心不强、自主性不够、自学能力不足，导致了在学习和成长道路上走了一些弯路，所以，在《网页制作与网站设计》课程教学中，我们始终将培养学生的自信心、自主性和自学能力作为课程的主要着力点，这样才能真正实现“以学生为主体、以教师为主导”的教育理念。

以上四点在课程设计中相互关联、缺一不可，其共同的目标是培养学生的职业能力。

在课程设计思路上，也紧紧以职业能力培养为核心。借鉴先进的职业教育理念，通过长期的研究与实践，形成了一个比较成熟的课程设计和实施的流程。

课程设计思路如下：

1）企业岗位需求调研（含毕业生跟踪调查）；

2）职业能力分析；

3）学习者分析；

4）确定以培养职业能力为核心的教学目标；

2

5）确定学习情境，以工作过程导向组织教学内容；

6）工学交替、采用多种教学模式，与企业联合培养学生；

7）持续关注学生在企业的发展，定期回访学生；

8）在回访学生的同时再次进行企业调查，动态更新学习情境。

在上述过程中，课程的实践性、开放性和职业性得到充分体现：

首先，看课程的实践性，教学内容是基于真实项目而构建的，学生在课外主动进行了大量的实践活动；在教学方法上采用项目化教学和理论实践一体化教学；在学生考核和教师教学效果评价上都将学生实施项目的能力作为主要依据。

其次，再看课程的开放性，主要体现在以下几个方面：在学生培养上，学生的学习和实践场所、学习时间具有开放性，在师资队伍建设上，专职教师和企业兼职教师共同组成教学团队；在教学内容选取上，以真实项目为载体，紧跟当前主流技术动态，不拘泥于具体书本；在教学资源建设上，开发了多种数字化教学资源，用以支持学生网上学习和课后自学。

再次，在职业性方面，用于教学考核的项目就是为客户开发的实际项目，这导致学生必须注重界面美观和用户体验，必须按时完成项目开发任务，必须让自己的设计理念符合用户要求，从而让学生体验实际项目的设计与实施过程，潜移默化地提高学生的职业素养。

三、教学内容的选取与组织

在明确课程设计流程后，如何选取课程教学内容呢？

选取的原则为：1）根据行业企业发展需要和完成职业岗位实际工作任务所需要的知识、能力、素质要求来确定教学内容；

2）反复强化在实践过程中常用的知识和技能，弱化实际应用不多而又有较大难度的知识和技能。

在进行专业调研和岗位分析的基础上，确定了本课程的行动领域为：

网站策划、界面设计、网站编辑、静态网站开发、动态网站开发、网站实施与维护。

以行动领域为依据，确定的学习领域包括：

网站的需求分析、效果图的设计制作、网站的编辑、网站的布局方式、动画的制作、内容管理系统的应用、网站的管理与维护。

3

在确定学习领域后，以此为依据确定学习情境，经过反复分析和研究，选取了5个来源于真实项目的教学情境，它们是：

教学成果申报网、书法家庄辉个人网、英语等级考试辅导网、精品课程网站、班级通讯录。

在确定学习情境时，不是简单地罗列了5个情境，而是遵循学生的职业成长规律，将网站欣赏、网站规化、网页效果图设计、网页色彩与布局设计等14个教学模块进行了重构与序化，形成了5个教学情境，这5个教学情境由易到难，层层递进，在不断补充新知识、新技能的同时，对课程的重点和难点进行了反复强化。

下面以情境二为例进行具体地说明。

情境二包括以下五个子情境：1. 网站项目策划；2. 网站效果图的设计；3. 网站切片与动画制作；4. 网页制作；5. 网站发布。

这五个子情境分写通过相应的工作任务锻炼了学生的职业素质及职业能力，其中网站项目策划子情境，通过网站需求调研与策划书的书写，锻炼了学生的沟通能力、策划能力、文档能力；网站效果图的设计子情境，通过使用图像处理软件，设计与制作网站效果图，锻炼了学生的艺术素养、Photoshop设计能力；网站切片与动画制作子情境，通过使用Fireworks、Flash等软件，锻炼了学生的动画制作能力、创新创意能力；网页制作子情境，通过协作完成 HTML代码和网站布局，锻炼了学生的Dreamweaver使用技能和团队协作能力；网站发布子情境，通过域名申请工作，内容管理系统的使用和用户培训，锻炼了学生的项目实施能力和现场分析问题、解决问题的能力。

其他教学情境也采用类似的方法进行设计。

在教学组织与实施环节，秉承工学结合的教学理念，由校企合作共同制定课程标准，在课堂教学设计中，注重工作流程模块化、模块内容案例化、项目考核过程化，课堂教学采用理论实践一体化方法。

在课程考核时，既注重过程又注重结果，既注重理论又注重实践。在过程考评中，分为素质考评、工单考评和实操考评，在结果考评中，分为理论考评和真实项目考评等。

四、教学方法与手段

4

4.1教学模式

构建“多模式”的职业技能训练模式，将可以利用的校内和企业资源进行综合运用。这几种模式分别为：

（1）优秀作品赏析

通过赏析优秀作品提高对网站布局和色彩搭配的审美能力，激发学生的学习兴趣；

（2）模仿操作训练

模仿教师的演示步骤，训练学生的动手能力和模仿技能，提高课堂教学的实践性；

（3）拓展训练

通过课外兴趣小组集体活动等形式，提高学生的人文素养；

（4）阶段测试训练

通过过程考核，提高学生学习的紧迫感，巩固学生的阶段性学习成果；

（5）项目实战训练

学生通过与企业用户直接沟通与交流，在开发实际项目过程中提高职业能力，培养工程意识；

（6）现场开发训练

通过让学生到用户现场解决网站运行中的实际问题，提高学生的被认同感和成就感；

（7）项目外包开发

创造机会让学生独立承接、开发和实施项目，实现自我价值，为以后的就业和创业积累经验，奠定良好基础。

4.2教学方法

在实际课程教学实施过程中，多种教学方法得到了综合运用。

在课程教学中，主要采用案例教学和学生作品展示两种方法，案例教学以教师演示、学生模仿为主，学生作品展示则以学生展示作品、教师和其他学生点评为主，这两种方法是理论实践一体化教学方法在本课程中的具体应用。

学生的课内学习时间是有限的，课外学习和实践的时间更多，能否利用好学生的课外时间将决定学生掌握技能的程度如何。为了实现课内课外相一致，充分 5

利用课外时间，教师将学生纳入教科研项目和横向项目的开发团队，让学生有机会在教师指导下参与各类项目的开发与实施工作。

在项目开发过程中，教师和被指导学生之间具有相对固定的对应关系，师生之间的专业爱好相似，感情深厚，除了专业知识和技能方面指导外，师生的联系更加紧密，既是师生关系，又是朋友关系，而良好的师生关系更加有助于学生学习新技术、参与开发项目等。

本课程的教学方法已转化为江苏省教育科学“十一五”规划课题成果,并获重点资助。

4.3教学手段

本课程充分利用现代教育技术和虚拟仿真环境，主要采用了下面的教学手段：

（1）模仿企业的网站开发环境，构建真实的工作环境

（2）充分利用现代教育技术手段，促进教学活动开展

（3）网络教学资源建设初具规模，构建了全方位、立体化的课程教学资源

（4）与企业联合开发并公开出版了立体化的教材，配套资源齐全。

五、实践条件

我院已建成了较完备的校内外实训基地，其中，具有教育部批准的国家级计算机应用与软件技术实训基地，还有江苏省经济和信息化委员会批准的江苏省软件服务外包人才培训基地。

具有完备的计算机实验实训室15个，计算机700多台。

另外，20xx年起，由学院投资，与企业合作共同成立了学生工作室，依托企业项目，在课程组教师指导下，开发各类项目200多项，项目总经费超过200万元，学生工作室已经成为重要的校内实训基地，并实现了学生的自我管理。

在校外实训基地建设方面，我们先后与江苏微软、江苏金智、南京擎天、南京霆泰、淮安远景、淮安优拓等十几家单位合作，为学生提供了充足的实习机会。

六、教学效果和成果

6.1 教学效果

本课程得到校内外的一致好评，也得到学生的好评。

省内外教育专家通过实地考察和网站浏览后，对本课程给予高度的评价。 6

企业客户对师生共同开发的网站也十分满意，他们认为我院学生的网站设计能力已经达到了职业化水准，与专业性网站开发公司作品具有同等质量，且性价比高。

通过到用人单位进行调研，许多公司对我院学生的网站开发能力和职业素质给予高度评价。

通过进行毕业生访谈，许多学生对本课程的教学内容和教学方法印象深刻，认为在校期间的课程培养和公司工作流程要求基本一致，对本课程任课教师付出的辛勤劳动表示衷心感谢。

6.2教学成果

经过十年的努力，本课程已经取得了丰硕的建设工作成果，具有“开发出版教材多”、“实际开发项目多”、“学生获奖次数多”、“课程综合资源多”的优势，其中，主编教材3部；完成各类项目200多项；在国家、省市级竞赛中获奖56项。

本课程已经建成了丰富的立体化教学资源，包括了网络教学平台、项目展示网站、教学案例库、网站模板库、课外拓展学习平台等，这些教学资源随着技术的发展还在持续更新。

七、课程特色

最后，我们来归纳一下这门课程的特色：

第一，课程教学内容来源于项目，而教学过程中又让学生学习并参与实施项目。

第二，结合课程教学过程，培养学生的职业素质，培养学生自信心、自主性和自学能力，为学生提供丰富的网上教学资源。

第三，重视学生和企业对于课程的评价，并将此作为教学质量监控体系的主要组成部分，并以此为依据及时改进和优化教学。

淮安信息职业技术学院

20xx年3月

7