课程网站设计全文(5篇)

《网页设计与建设》实训是一门综合应用性的课程，所以在教学中，从应用人才的培养模式出发，着眼于学生职业素质与职业技能的统一。达到把教学和工作过程结合在一起，以至“教、学、做”合一，通过以真实产品为载体的项目，让学生的实践有用武之地，同时提高学生的学习积极性。

1课程改革思路

《网页设计与建设》是一门综合性比较强的课程，涉及设计、开发，应用等多个环节，而实训正是一个能让学生很好把握这些环节，综合运用所学知识解决问题的过程，所以实训课程改革从以下三方面展开。

1.1以改革评价方式为关键。

从实践的角度设计评价方式，主要通过对学生学习过程的观察，通过学生的学习反思，学习记录，项目完成的进程等信息在学生知识的应用，团队合作等方面进行评价，同时激发学生的学习动力，帮助学生调控学习过程，培养学生团队合作精神。

1.2以转变学生的学习方面为出发点。

从课程的性质与特点出发设计教学。本课程特点是实践性、操作性很强，涉及到多方面的技能，适合通过做综合作品来全面体现。在课程改革中设计注重实践操作的考核方式，主要是采用学生作品评价、教师对学习过程文件的评价、小组内互评、自评的方法，引导学生的学习方式的改变，由教师牵着学、带着学转变为学生在实践过程中自主的发现问题，并以问题为中心进行积极的泛在学习，以解决问题。

一、课程情况

《网站设计与制作》也是计算机各专业学生学习后续课程的基础，比如学习基于网络编程的动态网页设计技术，学生毕业后可从事网络软件的设计与开发，进行商务网站的设计与制作，同时也可以考取网页设计师、网络软件工程师等相关国家职业资格证书。开设该课程是复合我校关于“高素质、技能型人才”培养目标的需求的，通过该课程的教学，可以培养出一批优秀的、能够在一线工作岗位上从事网页设计与制作、网站规划、管理与维护工作的专业人才。基于该课程的主要工作岗位有：网站管理与维护人员、网页设计与编辑人员、网站策划人员及网页美工人员等。

二、课程教学思路与教学方法改进

学生如果要很好得完成网站制作，所需的的知识体系非常庞杂，其中包括网络基础知识，网页制作技术，平面设计和动画制作等基本要素。具体涉及到网页制作软件，图像处理软件，动画软件，数据库知识，脚本语言动态服务器编程技术等。教学内容比较多，知识点比较分散，而学时仅为48个学时，学习内容多而课时少。经过多年的教学活动的开展和经验总结后，我们总结出一套适合高职学生教学方法，那就是使用任务驱动式的教学方法。我们以前的教学设计思路是：讲授知识点———设计任务———监督学生完成———验收，现在的教学设计思路是这样的：实际工作任务导向———任务驱动———相关知识讲授。老师在此教学思路中的角色：给学生布置一项工作（实际工作任务导向）———将工作转变为一个任务（任务驱动）———通过任务引出知识点（知识学习）。学生在此教学思路中的角色：通过老师的引导，理解相关任务要求，继而产生强烈的学习相关知识的兴趣，在下一步的知识学习中就能很好地学习，掌握了相关知识后，马上运用于实践，完成老师布置的任务。通过该课程的教学，使学生最终能够自主开发一个完整的网站，毕业后能够直接从事企事业单位网站的开发设计与管理维护等工作。

三、课程体系内容重构

本课程性质是计算机系的基础必修课，教学对象是全系各专业的大一学生，因此教学内容定位于静态网页的制作，以Dreamweaver软件为主线，介绍静态网页设计和制作的基本技术,目前很多网页教材是基于网页三剑客的即Dreamweaver、photoshop和flash，然而当前课时条件和时间条件下，根本做不到三个软件都讲到位，事实上每个软件分开都可成为一门课程，而网页设计课程只能以网页制作软件Dreamweaver为主，其他软件为辅，并且其他软件制作的作品要与网页密切相关为了解决内容多学时少的矛盾，有利于教学的开展和培养学生的动手能力，为此我们对教学内容重新进行了重构，围绕Dreamweaver软件讲解网页制作的方法和技巧，只有在制作图像缩略图、切片、按钮、LOGO图片等时候，才辅助其他软件加工素材或者制作动画。教学内容分为9个模块:模块一、网页设计基础；模块二、页面的基本操作；模块三、简单网页的制作；模块四、网页的样式设计；模块五、实用HTML布局页面；模块六、实用DIV+CSS布局页面；模块七、制作多媒体页面；模块八、网页交互设计；模块九、网站的测试与管理。

四、总结

摘要：《网站设计与网页制作》课程采用基于过程的项目式教学，其实际操作性强，知识间的关联性强。利用思维导图构建网页制作课程的知识结构，建立实际项目与课程知识之间的关联，可以帮助教师进行知识的存储，提高知识管理效率；可以帮助学生查漏补缺，弥补知识的空缺，更好地进行知识的记忆，提高学习的积极性和主动性。

关键词：思维导图；《网站设计与网页制作》课程；知识点构建

一引言

在20世纪60年代，英国心理学家托尼•巴赞(TonyBuzan)提出思维导图的概念，在对其研究中以教育领域的研究和应用最多且较为成熟。在双重编码理论中提到：“同时以视觉形式和语言形式呈现信息能够增强记忆和识别”。而思维导图则将知识可视化，集视觉和文字于一体。通过将思维导图引入教学，将知识以图示的方式表示出来，能更好的对知识进行梳理，从而弥补在呈现知识结构、促进知识记忆等方面的不足。《网站设计与网页制作》是我院计算机方向的专业平台课，是网站开发方向专业课程学习的基础。本文从目前本专业该课程在教学过程中发现的问题出发，提出在课程中应用思考导图构建知识体系的好处，并介绍了如何具体利用思维导图工具架构网页制作课程的知识点以及该课程项目案例的知识点，并架设项目案例与课程之间点之间的联系。

二课程在项目式教学实施中发现的问题

由于《网站设计与网页制作》课程的实际操作性强，主要采用基于工作过程的项目式教学，针对高职学生动手能力强的特点，注重学生实际操作能力的培养。学生在学习的过程中能较快上手，从而提高了他们学习的积极性和参与度，也得到了较好的教学效果。然而本课程授课老师在授课的过程中也发现了一些问题，主要体现在如下方面：1.本课程的技能点多、涉及面广，包括html、CSS、平面设计等诸多内容，特别在实际的教学中，知识间关联度高，经常会在不同阶段交叠出现。德国心理学家艾宾浩斯研究发现，遗忘在学习之后立即开始，我们的学生也同样存在项目实施过程中已学技能知识遗忘的现象，从而影响到教学的顺利进行。2.本课程的课程资源储备丰富，有文字、图形、动画、课件等多种形式，但仅仅只是资源的罗列没有进行很好的梳理，其内容分布异构、之间的关系薄弱，从而造成学生无法快速准确地定位需要的资源，更不能高效地利用资源。3.本课程由于采用项目教学法，在实际教学中以实际操作为主，并配合知识的讲解。知识主要以PPT的方式呈现，但PPT的呈现不在内容重难点区分上以及前后间知识的关联性上的体现存在不足，特别是有时候幻灯片进行切换时可能会出现记忆上的断点，不利于学生自主进行知识体系的建构。4.本课程根据高职学生的学习特点进行定位，在培养方向上更注重实践能力的培养，教师在实际教学中也把侧重点放在实际项目的实施中，而在知识的归纳整理上仍存在不足，也不利于学生快速发现自己的不足，并进行巩固加强学习。

三课程中应用思维导图构建知识体系的好处

摘要：案例教学法是一种以案例为基础的教学法，目前普遍应用于各学科的教学中。该文将从信息与安防工程系的网站设计与制作课程的实际教学情况出发，来进一步解析案例教学法的延伸，即大案例教学法在网站设计与制作课程中的实施原因和过程。同时，在具体实施过程的基础上，探讨网站设计与制作课程中大案例教学法如何进一步完善、大案例教学法的优缺点，以及还有哪些计算机类课程适合采用大案例教学法。

关键词：大案例教学法；网站设计与制作；计算机课程；教学成果展；网页制作

案例教学法是一种以案例为基础的教学法，目前普遍应用于各学科的教学中。对于计算机类课程来说，传统的案例教学法，教师上课过程中通常使用的案例其教学课时往往只有1-4个课时，也就是说使用的案例都是一些小案例，其操作过程相对来说比较简单，只是为了使学生掌握某几个知识点而使用的案例，不同案例之间比较独立。但是，对于一些计算机类课程来说，实际工作中遇到的案例通常需要几天甚至几周的时间来完成，而且也更为复杂，如果学生只是跟着老师完成一些小案例的制作的话，学生水平的提升也很有限，所以需要一些较为复杂的大案例来贯穿课程中的知识点，学生能够系统性的通过大案例进行学习，水平能得到一个较高的提升。所谓大案例教学法就是在教学过程中采用一些较为复杂的大案例进行教学，其教学课时一般应在10个课时以上，甚至一些课程中一个大案例往往贯穿于整个学期。

1网站设计与制作课程中大案例教学法的实施原因

我校以前的网站设计与制作课程，主要存在以下几个问题：1)课程培养目标不清晰，导致教学内容散乱，没有目的性，系统性。我校以前的网站设计与制作课程对课程的培养目标没有深入的思考，教学内容讲解过于太多，过散，没有突出目的性，没有对网页知识系统性的讲解，导致学生期末完成的网站作品不尽如人意。没有明晰的教学目标，教学内容的散乱导致网站设计与制作课程讲成了网页制作课程，即没有讲解网站如何制作，也没有讲解网站如何设计的过程，课程的讲解只是让学生能做一个个独立的网页，多个网页无法有机组合成一个网站，而且没有讲解网站的设计，学生完成的网站不够美观，精细。2)目前的课程教材内容过多，多深，没有网站设计与制作过程的详细讲解。目前，市面上的网站设计与制作教材大多数存在着讲解知识点过多，过深的缺点，不适合高职学生的特点和学情。而且，这些教材没有系统性的讲解网站设计与制作的过程，有些教材只是将每个页面的代码直接贴了出来。所以，需要根据高职学生的特点，围绕教学培养目标来确定教学内容，自编讲义，课件，贴近学情，贴近课堂实际情况，为学生量身打造。3)以往的课程缺少若干个系统性讲解网站设计与制作过程的大案例，课程案例过小，或者没有突出网站设计过程。以往的网站设计与制作课程课堂案例过小，只有2-6个课时，这些案例很难讲清楚网站的设计与制作过程，需要教师设计一些大案例，系统性讲解网站设计与制作过程，这些案例的授课时间应达到16个课时以上。综上所述，以往的网站设计与制作课程存在的问题，导致最终的教学效果不尽如人意。所以，针对以上存在的问题，需要采取以下措施提升该课程的教学效果。首先，应对以往的教学深入思考，确定适合学生学情的教学目标。要跳出课程教材限制，围绕教学目标，精心设计教学内容。在讲网站大案例之前，要确定学生要学习那些网页基础知识和操作，自编该部分课件；设计制作1个网站大案例。在教学中，除了主要采用大案例教学法之外，研究其他合适的教学方法，提升教学效果。研究制定适合学情的考核标准。指导学生完成网站大作品，督促和鼓励学生参加系部教学成果展，给学生一个展示的平台，让学生获得成就感。

2网站设计与制作课程中大案例教学法的实施过程

首先，通过对以往的教学深入思考，确定了教学目标：培养学生能够独立设计与制作一个较复杂、美观、精细的静态网站的能力。此教学目标要求教学内容的制定要符合学生的学情，教学内容不能太难，在课程讲解中，因为受限于课时的限制及学生的学情，对于较难的DIV+CSS网页排版只做简要介绍，主要使用表格+CSS讲解网站设计与制作。课程内容除了要讲解网站涉及的基本知识和操作之外，还要培养学生对于网站的审美能力。在大案例中，要讲解如何将网站设计与制作的美观、精细，大案例制作的网站要选题合理，复杂度适中。在最后的考核中，要求学生要独立完成网站大作品，教师要严格检查学生作品，严禁抄袭。智能1801区队的网站设计与制作课程周课时为4节，教学运行18周。围绕教学目标，采用大案例教学法对网站设计与制作课程的教学内容安排如下：第一部分：网站相关基础理论的讲解(4课时)。此部分主要讲解网站、网页、首页、域名、静态和动态网站的区别、网页兼容性、Html和Css语言、网站设计与制作一般过程等相关的概念和理论知识。第二部分：精选一些对网站设计与制作过程中经常使用的操作性知识点进行讲解，同时讲解CSS编辑器的使用(12课时)。此部分主要讲解DreamWeaver的初步认识，网页图片、链接、表格、表单的相关操作及注意事项，表格嵌套，CSS编辑器的基本操作，常见CSS样式。此部分先讲解各知识点的基本操作及注意事项，然后设计一些小实例给学生讲解，学生进行练习，巩固、拓展相关知识点。第三部分：此部分讲解Html和Css的概念，语法格式，常见Html标记、属性以及Css常见属性。要求学生不一定会写代码，但是要能看懂一些基本的代码，方便后面修改网站代码。(4课时)第四部分：网页欣赏与点评课。此部分讲解网站的首页布局，网站的基本设计原则，精选一些设计较好和较差的网站进行点评，课后，留作业要求学生自选一个网站进行点评。(4课时)第五部分：一个初步的实例，先让学生进行适应。注意这个实例的选取，要能引起学生的兴趣。(4课时)第六部分：一个网站大案例，选择宁夏警官职业学院优质校申报网站对网站的整体设计和制作过程进行讲解。本人编写了35页的课程讲义，方便学生学习。(24课时)在此部分，选取优质校申报网站最主要的三个页面：首页，新闻列表页面和新闻显示页面来讲解如何制作静态网站。在首页的讲解中，教会学生网站Logo、导航栏、Banner、版权区域该如何设计与制作，同时学习网站中最常用的视频播放、焦点图、跑马灯、背景音乐等网页特效的制作。在新闻显示页面，教会学生如何制作规范、美观的图文混排新闻内容页面。在此部分教学实施过程中，注重让学生思考为什么要这样做，而不是简单的讲解如何做。首先给学生讲解如何进行网站首页规划；要求学生要自行发挥设计制作网站LOGO和导航栏；注重讲解特效代码中一些可以进行特效定制的代码；对于页面中表格制作部分，注意培养学生分析表格嵌套的能力；注重培养学生对网站素材的选择和处理能力。第七部分：学生自选主题做一个网站，教师进行指导，选取优秀作品参加教学成果展。(20课时)在实际教学中，注重和学生形成一个融洽的教学氛围，多和学生聊天。同时，在教学过程中，要严格要求学生。每段讲解过程最多不要超过15分钟。有些地方的讲解可以采用讨论法、提问法。讲解过程中，要多注意学生的反应。在期末，学生完成的网站大作品整体质量较以往有一个较大的提高，学生作品优秀率达到了17%，而以前学生作品优秀率不超过6%。

1结构设计

针对网络课程学习网站特定的教育性，应当注重对知识结构的设计，从而体现教学内容的层次关系，协助实现层次化教学，培养学生的发散性思维。本课程的知识结构，以中职《图形图像photoshop》为框架，体设计如下：

1.1基础知识

按单元将photoshop软件操作的基本方法和技巧，以及图形图像处理方面的基础知识，进行了归纳和总结，提出重点和难点，向学生提供深入简出的理论知识讲解和清晰的学习目标。

1.2实例教学

通过本人教授中职计算机应用专业相关课程的多年经验，中职学生基本上不喜欢学习深奥的、抽象的理论知识，而是对具体的使用、操作技巧比较感兴趣。因此该学习网站的教学，以实例教学为主，希望通过教学实例的形式，激发学生的学习兴趣，同时也有利于学生通过对教学实例的学习制作，更好地理解掌握相关知识内容，熟练掌握photoshop软件在实际应用中的方法和技巧。目前，广东省内大部分中职学校计算机应用专业的《图形图像photoshop》课程，都要参加全国计算机信息高新技术考试。因此本网站里的教学实例，采用了全国计算机信息高新技术考试试题汇编里的典型题目，不但把每道题的难点和使用工具清晰注明，还将每一道题的难度标注清楚，并将解题过程录制成了视频，方便学生进行学习。针对分层教学，视频配以文字和声音讲解，让学习能力稍差的学生，更容易理解。同时兼顾特殊教育的聋生，还配上了手语翻译。

1.3拓展知识