基于项目导向的网页设计与制作课程设计与实施
《网页设计与制作》课程标准
《网页设计与制作》课程标准【课程名称】《网页设计与制作》【适用专业】中等职业学校计算机应用专业办公自动化技术1.前言1.1课程性质本课程是中等职业学校计算机应用专业的一门专业核心课程。
通过本课程的学习, 要求学生掌握网页设计的基本概念, 学会使用常用的网页设计工具和常用脚本语言, 能够设计制作常见的静态和动态网页, 具备网站的建立和维护能力。
同时通过本课程的学习, 培养学生的综合职业能力、创新精神和良好的职业道德。
1.2设计思路本课程的设计“以能力为本位、以职业实践为主线、以项目课程为主体”, 整个《网页设计与制作》课程共分为四大模块, 它们分别是: 网页基础知识、DreamWeaver的使用、HTML语言、ASP动态网页设计。
教学时各模块既有独立性, 又有关联性。
独立性是指各模块设计案例、组织教学、突出重点时应该相互独立, 学生应该一个模块一个模块地掌握其知识点；关联性是指各模块间存在相互关系, 在重难点设计上应该加以配合, 如HTML语言模块着重基本代码的熟记和编写, 对于较难编写代码的“框架”、“层”、“数据链接”等内容则放到DreamWeaver的使用模块中重点介绍。
《网页设计与制作》课程与计算机基础、Flash动画、PhotoShop图像处理、计算机网络技术、数据库等课程互相联系、互相补充。
本课程作为计算机专业的一门主干专业课程, 一般在2.3年级开设, 此时学生已经具备一定的计算机基础知识和动手能力, 能较快地掌握网页设计的各种知识, 并运用所学知识做出具有特色的网站, 使学生能够得到全面的培养, 成为社会所需专用人才。
2. 课程目标总目标：使学生掌握常用的网页设计工具, 熟练运用多种网页设计技术, 具备Web网页设计、制作及站点管理的基本知识和基本技能, 学生能够独立制作中小型的网站。
1.了解WWW、HTTP、HTML、CSS的定义、概念和作用；2.理解服务器、客户端、浏览器的概念和作用； 3.理解HTML语言中的各种文本格式、字符格式、段落设置、列表、标记的作用；4.熟练操作DreamWeaver；5.理解CSS样式表的作用和意义；6.深入理解HTML语言的各种功能和应用；7.深入理解表格、框架、表单的作用；8.深入理解层的作用；9.初步了解面向对象程序设计思想。
基于项目化教学的“网页设计与制作”课程改革与实践
基于项目化教学的“网页设计与制作”课程改革与实践[摘要]为更好地实现人才培养目标，要对“网页设计与制作”课程进行项目化教学改革。
学生通过完成教师精心选定的项目，从而达到教学目标。
教学过程依据网页设计工作岗位、典型工作任务和工作过程进行。
在教学组织上主要采用自主学习、教师指导与协作学习相结合的方式，使学生在掌握专业知识、专业技能的同时，锻炼分析问题、解决问题的能力，增强团队合作的意识，提高了与人交流的能力。
实践证明，项目化教学改革促进了学生岗位能力的发展与提高，值得推广。
[关键词]项目化教学网页设计与制作课程改革高等职业教育是社会发展的产物，以职业岗位为导向，以专业技能的形成为目标，突出能力的重要性，要求学生熟练掌握多个岗位或者一个岗位所应具备的技能与专业知识。
职业教育必须树立基于职业岗位的课程观和基于工作过程的教学观，培养各行各业所需要的高端技能型人才。
近年来，滨州职业学院（以下简称“我院”）本着“以能力为本位，以就业为导向”的原则，积极推进课程改革，努力将工学结合的理念深入课程教学中，从而把“以就业为导向，培养高技能人才”的目标落到实处。
项目化教学作为行动导向教学观下的一种教学模式，是目前职业教育专业课程教学改革的主流方向之一，指通过对相关职业岗位进行调研，分析职业岗位所要求达到的能力，确定人才培养目标，根据职业岗位设计工作任务，将职业岗位与工作过程和教学的理论与实践知识巧妙结合在一起，学生通过完成相关的工作任务，实现人才培养目标。
“网页设计与制作”课程是我院网络技术专业以及软件技术专业的专业基础课。
在传统的教学模式中，教师采用边演示边讲解的方式授课，处于中心角色。
学生则处于被动学习状态，按照由易到难的顺序接收一个又一个的知识点，复制着教师的操作。
由于知识体系零散，完成课程学习后，当学生被要求完成一个完整的网站开发时，往往觉得无从下手。
为使学生变被动学习为主动学习，能够真正担当起网页设计师的职责，具备网页设计师的能力以及素质，要对课程进行项目化教学改革。
基于工作过程的项目导向式教学设计实践-以《网页制作》课程为例
基于工作过程的项目导向式教学设计实践-以《网页制作》课程为例发布时间：2023-02-08T06:00:28.514Z 来源：《教学与研究》2022年第9月第17期作者：王芳[导读] 随着中职教育的蓬勃发展，中职院校教学研究的主要内容是探索适合于中职院校的教学方式、为社会培养需要的中职毕业生。
王芳枣庄经济学校山东枣庄 277000摘要：随着中职教育的蓬勃发展，中职院校教学研究的主要内容是探索适合于中职院校的教学方式、为社会培养需要的中职毕业生。
加强课程改革力度，改革教学模式与方法，完善产教融合、协同育人机制，创新人才培养模式，融“教、学、做”为一体，强化学生学习能力的培养。
本文以《网页制作》课程为例,对基于工作过程的《网页制作》课程项目化教学进行探讨和研究。
关键词：网页制作基于工作过程教学设计模块化《网页制作》课程是计算机应用、软件与信息服务、数字媒体等相关专业的专业必修课。
2022年山东省春季高考中加入网页制作理论考试，技能考试的机率在以往的考试中也比较大。
在整个计算机相关专业课程体系中有着重要的地位。
一、基于工作过程的“项目导向式“课程设计（一）教学设计理念基于工作过程的“项目导向”式课程教学，是以培养职业能力为主线，调研企业的实际需求，提炼职业岗位需要的能力，在此基础上对典型的项目任务进行分析，整合分解原有课程内容，将职业活动与认知过程结合一起，把典型工作案例融入课堂教学，创设真实的工作场景，让学生学习和掌握相关知识和技能，从而提升学生的职业能力和职业素养。
（二）教学设计依据本课程的教学设计依据《计算机平面设计专业人才培养方案》和《网页制作课程标准》，从实际工作岗位需求出发，将课程教学内容的理论知识和实践操作有机结合起来，是基于以工作过程为导向的项目式教学的理念，以“枣庄旅游网站”为载体，采用项目导向式的任务驱动法组织教学。
根据《网页制作》课程目标，以“枣庄旅游”为主线，以制作5种网页为载体，以工作过程为导向，调动学生学习的积极性，加强学习的主动性。
基于项目驱动的《网页设计与制作》一体化教学策略浅析
基于项目驱动的《网页设计与制作》一体化教学策略浅析随着互联网的飞速发展，网页设计与制作已经成为一门备受青年学子青睐的学科。
在传统的教学模式中，学生们在课堂上往往只是被 passively 接受知识，面对大量的理论知识，他们难免感到无聊和失望。
而基于项目驱动的教学策略，正是为了应对这一问题而被提出的。
在本文中，将对基于项目驱动的《网页设计与制作》一体化教学策略进行浅析，探讨其在提高学生学习兴趣、促进实际技能培养等方面的优势。
一、项目驱动的教学模式项目驱动的教学模式是一种以项目为核心的教学方法。
在这种教学模式下，学生们工作在一个真实的问题或项目上，从实际问题的解决过程中获得知识。
与传统的课本知识相比，学生在项目驱动的教学过程中更多地是通过实践来获取知识和技能，更加注重于团队合作、问题解决和创新能力的培养。
1. 设计真实项目在传统的网页设计与制作教学中，学生们往往只是被要求设计一些简单的网页，这些网页可能只是为了练习技术而存在，并没有真实的用户需求。
而在基于项目驱动的教学策略中，学生们将面对真实的项目需求，例如为某个社会组织或小型企业设计网站。
这种设计思维的转变不仅可以增加学生的学习动力，还可以提升他们解决实际问题的能力。
2. 鼓励团队合作在基于项目驱动的教学过程中，鼓励学生进行团队合作是非常重要的。
团队合作不仅可以有效地分担工作量，还可以提升学生的交流能力和协作能力。
在网页设计与制作项目中，一个好的团队合作可以使得每位成员都有所贡献，能够在实践中学习到更多的知识和技能。
3. 实践技能培养基于项目驱动的教学策略更注重于实践技能的培养。
在网页设计与制作的项目中，学生们需要运用 HTML、CSS、JavaScript 等技术来实际设计网站。
通过实际的操作，学生们可以更深入地理解这些技术的运用和意义。
而且通过实践操作，他们也可以更容易地发现问题、解决问题，提高自己的技术能力。
4. 教师的引导和监督在基于项目驱动的教学中，教师的引导和监督起着至关重要的作用。
基于项目教学的网页设计与制作课程改革与实践
的学 习学会 了如何学 习 ，他们 将成 为娴 熟 的信 息收集者 和组织 者 ，将 学会对 信 息的分 析 、加 工与使用 ，发 展相互 间交 流 、协作 的能力 ，学会 如何评 价 自己的
体化的教育理念。三是学生是学 习主体 ，
鼓励学 生职业 能力发展 ，加强 创新 能力
以能力培养为本位 的高职教育体 系。
验法 、循序 渐进 法等 多种方 法的灵 活 运
学生 的 学 习主 动性 有极 大 的促 进作 用 ， 对学 生的学 习方法 和努力方 向有 明确 的 引导作 用 ，对 学生 的实际 动手能力 有 明 显 的强化作 用 ，对学 生 的求 知欲 和上进 心有强烈的激励作用 。
四、考核方式的改革 传统 的课程 考核方 式采 取笔试 或期
及 时布 置相关 的课 后练 习 ，使学 生 在课
为 了让学 生更好 地 掌握 网页设 计 的 方法 和技 巧 ，提 高学 生的动 手能 力 ，可 借助多媒体手 段 、电子教室 、教学 网站 、 电子 邮箱 和 Ｑ Ｑ群交 流等手段 ， 在教 学 方法 上进行一系列的改革 ：
用 ；三是 考核体 系是 由教 师 、学 生 、企 业共 同参 与的多 元考 核 、鼓励 学 生不 断 追求 完善 的动态 考核 、重视 平时 学 习过 程的随机考核构成 。 ４以企 业 真实 的工 作 过程 开展 教 学 ．
设计 。本课程 以安 庆职业技术学 院主站 、
分 析案例 ，解决 问题 。对 案例进行分析 ， 找到解 决 问题 的方 法和 操作技 能 。具体
工 作 并积 极 寻求 改进 的方法 等 。 同时 ，
学 生也会 从基 于项 目的学 习的结果 （ 作 品） 中发 现学 习的乐趣 ，从 而逐步养 成 敢 于 冒险 、勇 于探索 、大胆质 疑 、合作
网页设计与制作课程创新与实践(全文)
XX页设计与制作课程创新与实践随着计算机技术的进展和电脑的普及，XX络在人们生活中发挥着越来越重要的作用，通过XX站向外界宣传个人或单位形象，推广公司产品或开展公关活动，已成为一种新的流行趋势。
为此高职院校很早就开设了“XX页设计与制作”课程。
学生通过这门课程的学习，掌握静态XX站设计、制作的流程和技法，锻炼静态XX站开发能力，既可以确定毕业设计的创作方向，也可以设计与制作个人XX站来展示自己的优秀作品，有利于就业率的提高。
一、“XX页设计与制作”课程教学存在的问题XX页设计与制作课程是一门操作性和实践性都很强的有用型课程，应以就业为导向，以实际工作岗位所需的技术应用能力和基本素养为主线，突出培养应用型人才。
传统的以教师为主的教学往往会导致学生的自主学习能力差，无法激发学生的制造性和能动性；对课程实践环节的重视程度不够，使学生的实践能力和专业技能难以提高；以期末考核成绩为主的考核方式，因过分强调结果而忽视过程，无法激发学生在学习过程中的热情，也无法全面了解学生技能掌握的真实情况。
针对这种状况笔者认为，更新教育观念、探究新的教学模式才是根本出路。
笔者根据多年的教学经验，对XX页设计与制作课程从教学内容、教学手段、教学方法、考核方法方面进行了一系列的创新改革。
教学内容主要解决如何调动学生积极性，激发学生创新能力，如何提高学生创新能力、实践能力、设计能力、发现问题和解决问题能力等综合素养；教学方法主要解决如何实现“以人为本”，如何通过任务引入、启发等方法，激发学生的发散性思维。
同时利用软件工作室，为学生的创新和实践能力的锻炼和培养提供一个良好的平台。
二、教学内容的创新课程内容的选取与组织是课程教学改革的基础。
人才培养方案对“XX页设计与制作”教学内容进行重新整合，把课程学习划分成培养学生的基本设计制作能力和培养学生的综合设计制作能力两个阶段。
第一阶段安排在大一第一学期，主要针对没有任何设计经验的大一新生，重点介绍基本知识，包括超文本标记语言html、XX页布局和css、Dremwever软件的使用和简单的JvScript 的使用。
中职学校基于工作过程导向的网页设计与制作课程探索与实践
者、 管理者 、 协调者和监督者 ， 教师是 “ 导演” ， 学 生 是“ 演员 ” 。 这种 教 学模 式 ， 让学生“ 通 过独 立地 获取
获取知识能力
自我 发 展 能 力
信息、 独立地制订计划 、 独立地实施计划 、 独立地评 估计划” ， 使学生在 自己“ 动手” 的实践 中， 掌握职业
２ ０ １ ３ 年４ 月下
职 业 教 育
专业建设
中职学校基 于工作 过程导 向的 网页设计 与制作课程探 索与 实践
刘 三星 龚 以峰
摘 要： 中职计算机专业 网页设计与制作课程是计算机专业 主干课程之一 ， 本文通过岗位调研 ， 学习 和借鉴德国等先进 国家的职业教育经验 ， 结合 网页设计与制作课程的特点 ， 确定 了该课程的设计依据、 课 程设计的指导思想和课程开发方法等课程建设基本思路。 关键词 ： 中职； ３ Ｌ 作过程 ； 网页设计 ； 课程建设 网页设计与制作是 中职计算 机应用技术专业 的一门职业能力应用课 ， 本课程将从职业技术教育
的特 点 出发 ， 以培 养学 生 实 际动 手制 作 网页 与管 理 网站 的能 力 为 目标 ，使学 生 具备 网页设 计 与制 作 、 网站规 划 与维 护 的 实践技 能 ， 以便形 成 良好 的计 算
手工 编写 ＨＴ ＭＬ代码的能力
收集 、 处理信息 ， 准备 、 加工素材 的能力 专业能力与 制作静态 网页 的能力 职业 能力 目标 设计 网页、 网页布局 的能力 设计 网站 的综合能力 具有一定策划能力 具有一定想象力 专业 素质 目标 色彩感悟力 结构布局 能力 乐观精神 敬业 精神
团队协作 精神
自主学习能力 沟通能力 综合能力和职业 感悟能力
基于CDIO理念的项目驱动教学法——以“网页设计与制作”为例
站 引入课程 教学 ， 提高 了学生 的学习兴趣 ， 同时对 原有 的教 学 方法 、 教学手段及考核形式也进行全方位 的改革 。
一
、
ＣＤ Ｉ ｏ 教 育理 念
２ ０ ０ ０年 １ ０月 ，麻省理工学院和瑞典皇家 工学院等 四所 大
学 的 多 国专 家 学 者 ， 经过多年的深入研究、 理 论联 系 实 际 ， 并 在
培养 学生专业综合 素质和职业工作能力 ， 有效实现高职院校的培养 目标 ， 还能够增 强学生 岗位 适应性 ， 有效 实现 学校 与 社会 的零距 离对接 ， 提 高学生的就业竞争力 ， 从 而更好 的满足社会需要 。
【 关键词 】 Ｃ Ｄ Ｉ Ｏ； 项目 驱动 ； 网页设计 ； 课程设计 ； 教 学改革
的 开 发 打 下坚 持 的基 础 。 ２ ． 多种 教 学 方 法 相 结 合 在教学过程 中 ， 采用 引导式 、 讨 论 式 教 学 法 引 导 出 商 业 网 站 各 网 页 应 该 具 备 的 功 能 以及 应 该 采 用 如 何 布 局 达 到 页 面 美 观实用 ， 结合多媒体课件、 移动 Ａ Ｐ Ｐ（ 开 发 的苹 果 应 用 在 苹 果 官 网可供下载） ， 符合 低 头 一族 的 碎 片 化 学 习 方 式 ，增 强感 官 印 象， 极 大 地 提 高 了学 生 的 兴趣 。采 用 任 务 驱 动 、 行 动 导 向的 项 目
续课程如数 据库基 础与应 用 、 Ｃ ＃程 序 设 计 基 础 、 Ｓ Ｅ Ｏ基础 、 网
络安全等 ， 使专业课 程形成一个连 贯性贯通 的阶梯方 向。
（ 二） 理 论 课 程 教 学 方 法 ቤተ መጻሕፍቲ ባይዱ 革
业 的一 门必 修课 ， 内容 实践性强 ， 以往 的教学主 要是介绍 网页 的一些基本知识一级针对 Ｄ ｒ ｅ ａ ｍ Ｗｅ ａ ｖ ｅ ｒ 软件 的具体操作 ， 注 重 软件 的使用和操作 ， 结合的章节小案例也是针对软件本 身相 应
《网页设计》项目课程设计与实施
根 据 学 生 自 己感 兴 趣 的课 题 项 目对 学 生 进 行 分 组 ，并 在 课 堂 上 统 一 进 行 课 题 项 目的分析 ，分析 的过程 中要对学生网页设 计的基础 内容进行讲解 和分析 。在整个分 析讲解的过程 中要 让学生 了解整个过程 的 制作工具 ，并选 定项 目的负责人 。然后依 据学生学 习自主化 的原则，任务 目标化 的 方法 ，根据项 目目标的要求 ，由负责人统 安排小组学 习任 务， 由教师 引导学 习方 向，共同制定 出个人 学习任务 目标 。 本项 目要 以学会专业规 划网站 、对 主 题 网页进行相 关设计并完成制作为知 识 目
一
标 ；把掌握 资料 素材整合、制作软件使用 确立为技 能 目标；让学生学会协作 、学会 正确 的认识 与评价 自己与 同学相互 帮助增 强 自信心为情感 目标。
课 程 项 目 内容 及 相 关 能 力 要 求 中 首 要 学生 学习的内容是页面 的布局 。页面 布局 是依照 网站的受众群体 的特 点进 行色 彩组 合和版面布 局，通过导航 的设计及媒 体的 使用来修 饰网页的整体视觉效果 和功能效 果 。 并通 过 添 加 各 种 网 页 元 素 （ 文字 、 图 像 、表格 、表单、视频 、动 画等 ）的设计 与制作完 善网页整体效果 。再 次是网页的 结 构 ， 网页 结构 的 确立 一般 是 由网 页框 架 、使 用的表格及层 的综合运用 来完成 。 最 后 就是 使 用各 种 特殊 效 果来 美化 网页 效果 、增强网页使用功 能。并确 定网页元 素。如Ｊ ａ ｖ ａ Ｓ ｃ ｒ ｉ ｐ ｔ 特效 的设 计，使用不 同 的特效来加强网页与用户的可交互能力。 根 据 学 习进 程 ， 制 定 小 组 前 期 准 备 部 分。学生深入 的调查研 究确 定知识 内容与 技 能 技 巧 部 分 的前 期 资料 。 这 个 过 程 主 要 是 由 学 生 自 己进 行 协 作 ，通 过 自习 与 课 外 活动时间来做相关 的调 查与资料的搜集 。 小组成员通过教材及辅 助材 料的共 同分析 学 习 ，出现 问题 与 指 导教 师 统一 探 究解 决。这个过程学生们通 过不断发现 问题 ， 提出 问题 ，最后解 决问题的过程来完善 自 己的知识结构体系 ，最后形成一个系统 的 知识 体 系 。 活 动 探 究 部 分 让 学 生 完 成 知 识 体 系 的 培 养 后 ，学 生 运 用 相 应 的 小 组 计 划 分 别 完 成各 自的作 品，在 完成作品的时候还会 出 现知识性 问题 ，也会遇到能力培养方面 的 问题 ，这 时候 教师 就 要 引导 学 生 自 己探 究 ，培养 学生解 决问题的能力 ，从而提 高 学生 的知识水 平也加强学生各方面 能力的 培养 。再此环 节中要求教师在 引导 项 目实
网页设计与制作实训实施方案
网页设计与制作实训实施方案一、实训目标本次网页设计与制作实训的主要目标是让学生掌握网页设计与制作的基本技能和流程，培养学生的创新思维和实践能力，提高学生的团队协作和沟通能力，为学生今后从事相关工作打下坚实的基础。
具体目标包括：1、让学生熟悉网页设计与制作的常用工具和技术，如 HTML、CSS、JavaScript 等。
2、培养学生的网页布局和色彩搭配能力，使学生能够设计出美观、实用的网页界面。
3、提高学生的网页交互设计能力，让学生能够实现网页的动态效果和用户交互功能。
4、培养学生的团队协作精神，让学生在团队中学会分工合作、相互沟通和协调。
5、增强学生的问题解决能力和自主学习能力，让学生能够独立解决在网页设计与制作过程中遇到的各种问题。
二、实训内容1、网页设计基础知识网页的基本概念和构成要素，如网页的结构、布局、色彩、字体等。
网页设计的原则和规范，如用户体验、可用性、可访问性等。
2、 HTML 与 CSS 基础HTML 标签的使用，如标题标签、段落标签、链接标签、图像标签等。
CSS 样式的应用，如字体样式、背景样式、边框样式、布局样式等。
3、网页布局设计常见的网页布局方式，如流式布局、固定布局、响应式布局等。
使用CSS 实现网页的布局，如浮动布局、定位布局、弹性布局等。
4、网页色彩搭配色彩的基本原理和搭配原则，如色相、饱和度、明度等。
运用色彩心理学知识，为网页选择合适的色彩方案。
5、网页图像处理图像的格式和优化，如 JPEG、PNG、GIF 等。
使用图像编辑工具，如 Photoshop，对网页图像进行处理和制作。
6、网页交互设计JavaScript 基础语法和常用函数，如变量、数据类型、控制结构等。
使用 JavaScript 实现网页的动态效果，如轮播图、下拉菜单、表单验证等。
7、网页项目实践学生分组完成一个完整的网页设计与制作项目，包括需求分析、设计规划、页面制作、测试发布等环节。
三、实训方法1、课堂讲授由教师讲解网页设计与制作的相关知识和技能，通过案例分析和演示，让学生直观地了解网页设计与制作的过程和方法。
网页设计与制作课程项目教学的设计与实施
网页设计与制作课程项目教学的设计与实施摘要:提出以“双百”论坛会议官方网站作为网页设计与制作课程的教学项目,结合项目背景和需求,明确项目产品目标和教学目标,强调以工作任务为依托组织教学内容,教学评价应采用学生自我评价与企业评价相结合。
实践证明,效果明显。
关键词:高职教育;项目教学;工作过程在当前国家示范性高职院校建设的热潮中,以基于工作过程系统化教学设计理论为指导的课程改革和建设,已经取得了重要的理论研究成果。
但是,在课程教学实施层面,还存在缺少范例,任课教师经验不足等导致课程教学执行情况不够理想的问题。
项目教学强调以工作任务为依托组织教学内容,以学生为主体开展教学活动,以多样化的解决任务的策略展示学习成果,在高职教育教学实践中取得了良好的应用效果。
本文以我院计算机应用技术重点专业的网页设计与制作课程教学为例,探讨项目教学的设计与实施中的一些做法和体会。
1项目概述1.1项目背景2008年12月底,中国高等教育学会、国家示范性高等职业院校建设工作协作委员会在北京举办“百所名高职、百家名企业”合作发展论坛暨国家示范性高等职业院校建设两周年专业改革成果展示会(简称“双百”论坛)。
会议主题是举校企合作旗,百家知名企业同绘强国景;走工学结合路,百所示范高职共谱育人曲。
为满足会议宣传的需要,保证会议信息及时发布,向社会公众展示示范院校建设两周年来的丰硕成果,需要设计与制作“双百”论坛会议专题网页,并在会议期间进行信息的实时发布与网页维护工作。
我院作为国家首批28所示范校建设单位之一,承担完成中央财政支持的“会议专题网页设计与维护”项目,由计算机应用技术专业承担该项目的具体实施工作,同时将该项目作为网页设计与制作课程的教学项目。
1.2项目管理1) 硬件环境。
能够连接互联网;一台服务器,可直接使用PC机(教师机);若干台客户机,选用主流PC机即可。
2) 软件环境。
开发环境采用Dreamweaver、Photoshop、Flash;测试环境采用IIS服务器、IE浏览器;项目管理工具采用Microsoft Project。
基于项目驱动的《网页设计与制作》课程教学的改革与实践(全文)
基于项目驱动的《网页设计与制作》课程教学的改革与实践(全文)摘要：该文通过对我院《网页设计与制作》课程教学现状的分析，提出相关教学改革的手段和具体措施，详细论述了项目驱动的教学模>> 基于项目化教学的“网页设计与制作”课程改革与实践《网页设计与制作》课程教学的创新与实践网页设计与制作课程的教学改革与实践研究《网页设计与制作》课程的开发与实践探析《网页设计与制作》课程建设的认知与实践计算机广告制作专业的网页设计课程教学改革与实践《网页设计与制作》课程教学模式的改革及实践基于工作过程的“网页设计与制作”课程改革的探索与实践网页设计与制作的课程改革新动向中职《网页设计与制作》课程的改革初探网页制作课程设计的组织与实践任务驱动法在《网页设计与制作》课程教学中的实践探索项目驱动式教学法在“网页设计与制作”中的研究与应用基于CDIO 理念的网页设计与制作教学改革与实践探究基于项目牵引式《网页设计与制作》教学的实践与探究“网页制作”的教学设计与实践探究“网页设计与制作”课程教学方法的探索《网页设计与制作》课程的教学探讨浅谈《网页设计与制作》课程的实训教学浅析《网页设计与制作》课程的教学方法常见问题解答当前所在位置：l；页面设计中明确体现各功能区域的划分，布局合理，网站结构应层次分明，主题鲜明，界面美观、简洁；3）页面设计中导航和超链接清晰，对象插入合理；4）网站必须有一张关于制作团队信息的网页，介绍各组成人员并详细说明其在项目实施过程中担任的职责和完成的任务；5）在网页中恰当的位置设计一个简单的登录表单；6）网站栏目在三个以上.每个栏目至少有两个页面，网站的网页总数量不少于10张，且网站中的相关信息列表及内容使用动态网页呈现。
7）运用外部样式表定制网页风格，网站内风格统一。
3.2.4 学习评价学习评价包括过程性评价和总结性评价。
评价的内容包括两个方面：一是学生参与活动各环节的表现，二是网站整体的完成质量。
基于项目教学法的《网页设计与制作》课程教学
３ ． 自学和创新能力。自学能力 ，就是培养学生 自我解决
问题 的能力 。学 生在 学 习过 程 中 ，能 掌握 有效 的学 习方法 ，
（ 二 ）项 目教 学法 的特 点 。 １ ． 项 目教 学法 是 以 当前 就业 市 场人 才需 求为 依据 ，以所 学课 程 教学 内容 为基础 进行 的一
价 ，也 可 以在总 项 目完成后 评 价 ；可 以在小 组 内相 互评 价 ，
业 所需具 有 的重 要条 件 。 通 过 项 目教 学 法 ，让 学 生 在 学 习 中 能够 体 验 到 社会 的 岗位 实践 和学校 的课 堂教 学 ，使学 生贴 近 了和社会 之 间的距 离 ，加 深 了对社 会 的了解 ，有益 于让 学 生清 醒地认 识到 ，社 会需要 学习什 么 以及 如何将 所学 的知识应 用到社 会 。
握 客户 的需求 ，项 目教 学着 力培 养学 生 的与 人沟 通能 力 ，主 要 是与 客户 沟通 的能力 。另 一方 面 ，培养 团队合 作能 力 ， 通 过 学生组 队合 作 开发项 目，共 同努力 来完成 任务 ，培 养学 生 与他 人合 作 的精神 。可以使 所有 学生 之间形 成更 积极 的配合 关 系 ，有 利于提 高心理 素质和 适应社会 环境 的能力 。 ２ ． 职业技 术 能力 与解 决 问题 的能力 。培 养学 生具 备扎 实 的专业技 术 能力 ，这是 能力 培养 的核 心所在 。学 生应 能使 用 所 掌握 的技 术 ，结合 获得 的信息 ，解 决客 户 的问题 。具体 地 讲 ：① 网站 的规 划能力 ：学 生应 能够 准确地 分析 项 目内容 ， 正 确地 理解项 目 要 求 ；并能 对项 目进 行合理 地规 划 ，撰写 出 网站建 设方 案 。② 网站 的设 计 能力 ：学生应 能熟 悉 主要工 作 环 境 ，规划 和设计 网页布局 ；能 掌握 主要 开发工 具 ，使用 网 页元 素 ，实 现设计 方 案 。③ 网站 维护 和更新 能力 ：能按照 专 业 规 范操作 ，维 护和 更新 网站 。④解 决 问题 的应 变 能力 。 网 页设计 是一 个具 有活 力 的行 业 ，创新 、变 化 ，富有挑 战性 。 网页设计 课 程逐 渐引 领学生 熟悉 并掌 握 网页设计 常 用的方 法 和工具 ，并不断 强化 学生处理 问题 、解决 问题 的能力 。
基于项目驱动的《网页设计与制作》一体化教学策略浅析
基于项目驱动的《网页设计与制作》一体化教学策略浅析【摘要】本文通过对基于项目驱动的《网页设计与制作》一体化教学策略的深入探讨，旨在分析其教学模式的优势和特点，并通过案例分析和教学效果评估，进一步验证该教学策略的有效性。
本文首先介绍了项目驱动教学模式的基本概念和原理，然后针对网页设计与制作课程的特点进行了深入分析，设计了基于项目驱动的教学策略。
在案例分析和教学效果评估部分，通过具体案例和数据统计，验证了该策略的实际效果。
总结了基于项目驱动的教学策略的实践经验，并展望了未来的研究方向，以期为相关领域的教学改进提供参考。
【关键词】网页设计与制作、项目驱动教学、一体化教学策略、案例分析、教学效果评估、教学实践、研究展望、教育创新。
1. 引言1.1 研究背景随着互联网技术的飞速发展，网页设计与制作已成为现代社会中不可或缺的技能。
越来越多的人意识到学习网页设计与制作的重要性，因此这门课程也在教育领域中得到了广泛的关注。
传统的课堂教学往往难以激发学生的学习兴趣和动力，导致学习效果不佳。
针对传统教学模式存在的问题，基于项目驱动的教学策略应运而生。
通过以项目为核心，鼓励学生主动参与实践，提高他们的学习积极性和主动性。
这种教学模式不仅可以使学生在实践中提升自己的技能水平，还可以培养其团队合作能力和问题解决能力。
本研究旨在探讨基于项目驱动的《网页设计与制作》一体化教学策略。
通过对该教学模式的介绍和分析，以及案例分析和教学效果评估，旨在总结出一套有效的教学策略，为今后的教学实践提供参考和借鉴。
1.2 研究目的研究目的是探讨基于项目驱动的《网页设计与制作》一体化教学策略的有效性和可行性，旨在提高学生对网页设计与制作知识的理解和实践能力，培养学生的创新思维和团队合作能力。
通过深入研究，分析项目驱动教学模式在网页设计与制作课程中的应用，探索如何将项目实践与理论教学有机结合，提升教学质量和效果。
本研究旨在为教育教学领域提供新的教学模式和策略，为教师在教学实践中提供参考和借鉴，促进教育教学改革和创新。
基于项目驱动的《网页设计与制作》一体化教学策略浅析
基于项目驱动的《网页设计与制作》一体化教学策略浅析1. 引言1.1 项目驱动教学的定义项目驱动教学是一种以项目为核心的教学方法，通过让学生参与实际项目的设计、制作和实施过程，帮助他们学习和掌握知识、技能和能力。
在项目驱动教学中，学生不再是passively 接受知识的被动者，而是act actively 参与到项目中去，通过解决实际问题和面对真实挑战，提高他们的学习动机和学习效果。
通过项目驱动教学，学生能够在实践中将理论知识应用到实际项目中，培养他们的创造力、合作能力和解决问题的能力。
项目驱动教学强调学生的主体性和参与性，注重培养学生的实际操作能力和创新精神。
通过项目驱动教学，学生能够在实践中体验和学习到知识，提高他们的综合能力和竞争力。
项目驱动教学是一种高效的教学方法，能够激发学生学习的积极性和主动性，提高他们的学习效果和能力。
1.2 网页设计与制作一体化教学的背景在当今信息时代，网页设计与制作已成为一项重要的技能和职业。
随着互联网的发展和普及，越来越多的人开始意识到网页设计与制作的价值和需求。
而在教育领域，网页设计与制作也逐渐成为一门热门的课程。
传统的网页设计与制作教学往往是分开的，学生需要分别学习网页设计和网页制作的技能。
在实际的工作中，这两者是密不可分的。
为了更好地培养学生的综合能力和实践能力，一体化教学模式应运而生。
网页设计与制作一体化教学的背景即是基于这样的需求和趋势而发展起来的。
它旨在让学生不仅能够熟练掌握网页设计和网页制作的技能，还能够将二者结合起来，创造出更加完整和有实用性的作品。
这样的教学模式有助于培养学生的创造力、团队合作能力和解决问题的能力，更好地适应未来社会的发展需求。
网页设计与制作一体化教学背景的建立是为了更好地满足学生的需求和社会的发展，促进学生的全面发展和适应未来的挑战。
1.3 研究意义及目的网页设计与制作是一门涉及到前端技术和创意设计的专业课程，学生在学习过程中需要掌握各种技能和知识，如HTML、CSS、JavaScript等。
基于项目驱动的《网页设计与制作》一体化教学策略浅析
基于项目驱动的《网页设计与制作》一体化教学策略浅析随着互联网的快速发展，网页设计与制作已经成为了一个非常热门的学科，也是许多人都希望学习的一门技能。
而针对这一门学科，如何有效地进行教学，提高学生的学习兴趣和专业技能已经成为了教育工作者们面临的一大挑战。
基于项目驱动的教学策略不仅可以激发学生的学习兴趣，还可以让学生在实践中不断提高自己的技能。
本文将结合《网页设计与制作》的一体化教学策略，浅析如何通过项目驱动的方法来提高学生的学习效果和专业能力。
一、项目驱动的教学策略项目驱动的教学策略是一种以项目为中心的教学方式，通过把学习内容和实际项目相结合，让学生在实践中进行学习。
这种教学方式不仅可以提高学生的学习动力，还可以培养学生的实际操作能力和解决问题的能力。
在《网页设计与制作》这门课程中，项目驱动的教学策略可以通过以下几个方面来体现：1. 项目导向的学习内容2. 实践项目的开发3. 项目成果的展示与评价在项目完成后，可以组织学生进行项目成果的展示与评价，通过评价的方式来激励学生，还可以让学生在评价的过程中不断总结经验，提高自己的能力和水平。
通过项目成果的展示与评价，还可以让学生了解市场需求和行业发展动态，为将来就业和创业提供参考和借鉴。
二、教学策略的优化1. 确定项目的性质与要求2. 指导学生进行实践操作在项目进行中，需要及时指导学生进行实践操作，让学生在实践中不断提高自己的设计能力和制作技巧。
还可以通过指导的方式来培养学生的解决问题的能力和团队合作能力，提高学生的综合素质和水平。
三、教学效果的评估在教学的过程中，还需要对教学效果进行评估，通过评估的方式来了解学生的学习情况和需求，还可以及时调整教学策略和方法，提高教学效果和学生的学习积极性。
还可以通过评估的方式来了解教学的成就和问题，从而为下一步的教学设计和实践提供参考和借鉴。
基于项目驱动的教学策略在《网页设计与制作》这门课程中是非常重要的。
通过项目驱动的教学方式可以提高学生的学习效果和专业能力，还可以培养学生的实践能力和解决问题的能力，这对于将来的就业和创业是非常重要的。
基于任务+项目驱动的《网页设计与制作》课程教学研究
本课程的授课模 式为椇课堂 授课 棲 上机棳其中棳课 堂主要采用多媒体的方式进行 授 课棳并 且 会 通 过 测 试 题阶 段 测 试 学 生 的 掌 握 程 度椈上 机 编 写 斎旚旐旍代 码棳
要求学生动手完成指定的验证性或综合性页面暎使 用的教学软 件椇网 页 编 辑 与 制 作 软 件 斄斾旓斺斿斈旘斿斸旐灢 旝斿斸旜斿旘斆斢椂暍数据库 斖旟斢斞斕暍开发工具斏斈斉斄暎
棾暋 暥网 页 设 计 与 制 作 暦任 务 驱 动 式 教 学
理论知 识 采 用 的 教 学 方 式椇讲 授暍讨 论暍演 示暍任 务驱动暎为了让学生帮助消化 知 识棳会 有 丰 富 的 课 堂 源代码暍习题暍实验资源等自主 学 习 资 料 包棳在 扎 实 的 掌握知识棳以 便 实 践 中 加 以 运 用暎 课 堂 的 特 点 如 下椇 第一棳任务驱动式 讲 解 知 识 点椲椂棴椄椵椈第 二棳从 案 例 任 务 到知识点总结棳由浅入深暎第三棳课 后 练 习 题棳每 个 章 节进行阶段性小结棳并布置与课堂 知 识 点 相 关 的 实 验 任务暎第四棳会有 棿 个 课 堂 实 验棳将 课 程 知 识 通 过 实 验报告的方式棳让学生独立完 成棳锻 炼 学 生动 手 能 力棳 了解学生对知识的掌握情况暎 验 证 性 实 验 一棳唐 诗 页 面设计学习如何通过对文字与 段 落 属 性 的 设 置棳来 提 高文字的艺术表现力暎验证性 实 验 二棳超 链 接 的 制 作 悉常见导航形式棳并能够利用无序 列 表 完 成 简 单 的 导 航设计椈掌握图片的链接方法以及 在 页 面 中 修 改 不 同 链接形式的样式暎验证性实验 三棳产 品 介 绍 页 面 的 制 作掌握通过表格来进行网页页 面 的 布 局 方 法椈理 解 利 用 斎旚旐旍中 表 格 的 方 法 及 优 势棳来 展 示 图 片暍文 本 等
《网页设计》项目课程设计与实施
《网页设计》项目课程设计与实施【摘要】《网页设计》课程不但是计算机专业学生的专业技术课，同时也是非计算机专业的学生非常欢迎的选修课目。
针对中职教育的特点，为了适应学生这个群体的心理特点及思维现状，我们在不断的实践过程中，探索新型的教学方法，让学生在结合现实工作中的项目，小组团队协作完成项目，从协作和实施项目过程中完成知识和技能的学习，从真实的工作环境中学习。
【关键词】项目式;课程设计;团队协作随着当前计算机技术的飞速发展，计算机应用范围的扩大，越来越多的中职院校在课程开设时顺势采用了项目式教学方法，结合校企结合或引企入校的方式来实施教学。
《网页设计》课程不但是计算机专业学生的专业技术课，同时也是非计算机专业的学生非常欢迎的选修课目。
针对中职教育的特点，为了适应学生这个群体的心理特点及思维现状，我们在不断的实践过程中，探索新型的教学方法，让学生在结合现实工作中的项目，小组团队协作完成项目，从协作和实施项目过程中完成知识和技能的学习，从真实的工作环境中学习。
从而能达到学习完课程就能顶岗独立完成工作。
在我们的生活中，小到一个生日聚会、一次课余活动，大到一项工程建设，一个节日庆典，这都属于一个项目。
项目无论是简单还是复杂都有一定的共有特性。
美国PMI定义说：“项目是为了完成某一独特的产品、服务或任务所做的一次性努力。
”而我们在教学活动中所提出的是“项目”则是指提出一个前人曾完成过的一个项目工作，也可以是由教材的相关内容转化来的社会的一种需求。
学生围绕此工作或需求进行相关联的学习和探究的活动，从而完成知识的学习和能力的培养。
一、项目教学法的含义及特点项目教学法是指教师与学生共同将教学知识作为一个完整的项目进行实施的教学活动过程。
项目教学的目标在于把学生有意义的融入到一个完成项目的过程中去，调动学生的学习积极性、自主的对知识进行建构，把通过学习所掌握的知识技能以及培养起来的职业能力作为最终的目标。
二、在《网页设计》课堂教学中的设计项目式教学设计中课堂教学中按照选定项目、制定计划、活动探究、制作作品、成果展示、综合评价等6个环节来设计。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
基于项目导向的网页设计与制作课程设计与实施[摘要]项目教学法是建立在建构主义基础上，强调以学生为主体，突出实践
性教学环节的一种新型教学模式，是师生通过共同实施一个完整的项目工作而进行的教学活动。
在这里，项目指以生产一件具体的、具有实际应用价值的产品为目的的任务。
本文简要介绍了基于项目导向的网页设计与制作课程设计的思路、课程内容选择、课程的实施过程，并提出了一些注意问题。
[关键词]网页设计与制作项目导向课程设计
“项目教学法”是教师指导学生，通过项目小组的形式共同实施一个完整的项目工作而进行的教学活动，是行为导向教学方法中的一种。
如何在高职网页设计与制作课程中基于项目导向组织教学，提高网页设计与制作课程教学质量，强化学生职业能力培养，是我们课程组在教学改革中努力探索与实践的目标，下面就此谈谈我们的作法及体会。
一、基于项目导向的网页设计与制作课程设计思路
基于项目导向进行课程设计必须根据职业岗位的要求和职业资格标准，从岗位工作实际出发，对进行网页的设计与制作需具备的技能结构进行剖析，根据学生受教育的基础及企业用工的需求，将知识和技术进行整合，确定学习目标和工作任务，再根据工作任务的需要，将职业活动划分为若干个学习领域，建构全新的项目驱动课程模式。
基于项目导向的网页设计与制作课程设计主要从以下几方面着手：
1.邀请相关企业一线经验丰富的网页制作及管理人员共同研讨，对网页设计师岗位进行充分的工作任务及职业能力分析，提炼岗位核心职业能力。
2.针对岗位核心职业能力，按从简单到复杂、从易到难、从低层到高层进行排列，设计典型工作任务(项目)。
3.将典型工作任务转换为可行的课程内容，以项目为导向引领学生进行知识与技能的学习。
4.在课程学习中，模拟工作实境，采用分工和团队协作的公司项目工作方式，提高学生的知识、技能和能力水平。
5.课程考核考评方面，采取过程评价与结果评价相结合的评价形式，将学生态度和职业能力作为评价重点，结合网页设计师职业资格鉴定技能考核等，由校内指导教师与校外专家—起，综合评定学生成绩。
6.将理论与实践技能融合在课程教学中，每个学生在课程最后以课程设计报告形式进行总结归纳。
二、基于项目导向的网页设计与制作课程内容设计
课程内容的确定是课程设计的核心，是实现培养目标的基础。
职业教育的课程以培养学生综合职业能力为目标，学习的过程应该就是让学生学会“工作”的过程。
1.明确课程培养目标。
网页设计与制作是网页设计师工作岗位的一项典型工作任务，网页设计与制作能力是多媒体设计制作专业学生必须具备的一项核心职业能力，通过网页设计与制作课程的学习，学生应该达到的综合职业能力目标为：了解网站建设、网页设计与编程的有关知识，掌握网站建设与网页设计的基本技能和方法，具备一定的建设专业网站的能力，同时又要具备与人沟通、团队协作、组织管理、社会责任心等主要社会能力。
2.合理设置教学内容。
围绕网页设计与制作综合职业能力培养目标，参照国家劳动和社会保障部颁布的网页设计师职业的《国家职业标准》，以网页设计与制作岗位实际工作任务(项目)为载体，基于工作过程对工作任务进行分解，将工作任务转换为学习情境，并根据学生认知规律、任务难易程度以及具体教学条件，合理选择及序化，最终与行业专家一起研讨确定网页设计与制作课程内容。
三、基于项目导向的网页设计与制作课程实施
以完成实际网站制作项目为目标，按项目的工作过程组织教学，以多媒体实训室和多媒体工作室为主要学习场所，通过创设真实的工作情境，以实践教学为主，融“教学做”为一体，使学生通过具体的工作行动，经历一个完整的项目工作过程，整个教学过程中，学生始终是教学的中心，教师兼有学习指导者、项目经理、客户代表等多重身份。
分阶段进行课程教学，根据课程教学内容的设置，整体教学过程分为两个阶段进行。
(一)基础知识、基本技能学习阶段。
1.指导学生利用前期所学软件及网站相关知识，制作布局结构相对简单，但知识与技能覆盖较全面的网站页面效果图。
2.在讲解本门课程的主干软件Dreamweaver CS3时，精心挑选案例，明确提出需要掌握的知识点及操作技能，授课时先展示网页设计效果，再讲解相关内容，通过具体案例提出任务，将任务分解到每次的课堂教学中。
快乐阅读
3.在学生上机过程中，引导学生灵活运用课堂知识，充分发挥个人的自主学习能力及设计创新能力完成自己的设计项目，同时形成对岗位工作任务及工作过程的全面认识，形成初步的职业意识。
(二)知识、技能提高阶段。
首先，学生进行自由结组，一般3-4人一组，并选出一名组长，这种以小组方式进行网站开发的方式，能很好地锻炼学生的合作精神，有利于学生共同讨论、解决设计中的难题，提高自己的设计水平。
结组后每组选定一个项目，教师根据学生的实际水平和网站的难易、典型性给出指导性意见。
四、项目导向的网页设计与制作课程教学思考
项目导向的网页设计与制作课程教学经过了两轮教学实践，获得了良好效果。
学生认知效率高，能够学有兴趣；培养了自主性学习的意识和自我学习能力及可持续性发展的能力；在教学过程中通过互动培养了团队合作精神。
项目导向的教学模式充分体现了职业教育的特点。
项目导向的网页设计与制作课程教学设计实施中，为达到预期教学目的，也需要注意一些问题：1.学习任务(项目)的选择。
2.教材建设。
3.网络资源应用。
4.实训条件的完善。
5.教师能力的提高。
(作者单位：保定职业技术学院艺术设计系)
编辑张俊英。