前端网页设计(高职高专)
《网页设计与编辑》课程标准
重庆三峡职业学院《网页编辑与设计》课程标准课程学分：8总学时：128适用专业：计算机应用技术专业一、前言1、课程性质网页编辑与设计是高职高专计算机应用技术专业的主干专业课程，旨在培养学生的网页制作的WUI网页界面设计及编辑、Flash网站动画设计和动态网站开发基础的技能，使学生掌握Dreamweaver网页设计软件的操作和网页图形设计以及网站整体开发思路和测试发布的方法，熟练掌握Web图形的设计和制作方法，学会利用图形设计工具和Flash动画编辑设计Banner广告条和Web导航条和网页图标等设计；通过学习，使学生掌握Web网站建设的基本方法，掌握网页制作工具的使用方法和技巧，熟悉建站流程和网站服务器基础、动态网站开发基础，培养学生设计网站的能力，同时培养学生的方法能力、社会能力及职业素质。
2、设计思路本课程以“基于工作过程”为指导，邀请行业专家对计算机应用技术专业所涵盖的岗位群进行工作任务和职业能力分析，并以此为依据确定本课程的工作任务和课程内容。
根据计算机应用技术专业所涉及到的网页设计和网站开发技术的运用与web图形图像处理的技能与知识内容，设计若干个学习情境，实施情境化教学，使学生掌握网站开发工具的操作方法、界面设计及处理技术的技能以及相关的专业知识，同时培养学生职业素质，锻炼学生的方法与社会能力。
3、典型任务本课程设计中注重由知识本位向能力本位转化，由知识的划分转向工作任务的划分转化。
以任务引领为基本取向，将所要传授的新知识隐含在一个或几个任务中，学生通过任务引领实现对所学知识的构建。
课程实施中以学生为中心，以完成工作任务的活动为过程，创设真实工作环境，边讲边练，融“教、学、做”为一体。
（1）根据网站项目开发过程，构建了可根据岗位需求变化和教学实际情况灵活组合动态调整的模块化的课程结构：分为6大教学模块、16个教学单元。
（2）课程教学采用了基于3个真实产品的任务驱动型项目教学法。
教学内容与教学方法、教学手段相结合，同时还实施启发式教学法、理论实践一体化教学法、小组协作型教学法等方法。
职高网页设计知识点
职高网页设计知识点一、网页设计的基本概念和原则在开始学习网页设计的知识点之前，我们首先需要了解网页设计的基本概念和原则。
网页设计是指将各种元素组合在一起，创造出能够在互联网上被访问和浏览的页面。
以下是网页设计的一些基本原则：1. 目标导向：网页设计应该明确目标，根据用户需求进行设计，以实现预期的效果。
2. 简洁性：网页应该简洁明了，避免出现复杂、混乱的布局和内容。
3. 易用性：网页应该易于导航和使用，用户可以轻松找到所需信息。
4. 色彩搭配：合理选择色彩，使网页更具吸引力和易读性。
5. 内容布局：合理安排网页上的各种元素，使其整体结构清晰、有序。
6. 图片和文字的选择：使用高质量的图片和清晰明了的文字，使用户能够准确理解网页内容。
二、网页设计中的重要元素和技术1. 布局设计：布局设计是网页设计中非常重要的一部分，它包括页面结构、导航、内容排版等。
合理的布局能够使网页更加美观和易于使用。
2. 色彩设计：色彩设计是网页设计中不可忽视的一环，合理的色彩搭配可以给用户带来舒适的阅读体验。
同时，色彩也可以用于表达网页的主题和风格。
3. 图片处理：在网页设计中，图片是常用的元素之一。
要注意选择合适的图片，并进行必要的处理和优化，以减小网页加载时间，提高用户体验。
4. 响应式设计：随着移动设备的普及和使用，响应式设计成为了不可忽视的网页设计技术。
响应式设计可以使网页在不同设备上自动适应并呈现最佳布局。
5. 导航设计：导航设计是网页中用户进行浏览和导航的重要组成部分。
合理的导航设计可以帮助用户快速找到所需信息。
6. 用户体验设计：用户体验设计是针对用户需求和期望进行设计，目的是提供良好的用户体验。
它关注用户在使用过程中的感受以及用户的满意度。
三、网页设计工具和软件在进行网页设计时，我们可以借助一些专业的设计工具和软件来辅助完成设计任务。
以下是一些常用的网页设计工具和软件：1. Adobe Photoshop：用于图片处理和图像设计，是网页设计中最常用的软件之一。
高职高专《动态网页设计》课程教学方法探讨
１动态网页设计课程的特点 确提出需要理解和掌握的知识点及操作 方法 ，使案例带动知识点的 ＜ 动态 网页设计＞ 是计 算机 专业的专业核 心课程 ， 该课 程主要是 学 习 ， 案 例 教 学贯 穿 整 个 教 学过 程 。 体 做 法 是通 过 对 案例 提 出具 使 具 让学生 了解 网站 的功能、 网站的建设和管理方法， 掌握动态 网页的制 体任务 ， 并把任务分配到每次的课堂 内容中实现 ， 也要求常常采用互 作 技 术 。 态 网 页设 计 课 程 是 一 门 高度 综 合 的 课程 ， 动 包含 了网 页 设计 动方式是为了调动学生的积极性 ， 比如老师给一种解决 问题的思路 ， 基 础 、 据 库 应 用 基 础 、 面 设 计 、 画 设 计 、 Ｐ编 程 等 学 科 内 容 鼓 励 学 生 开 动脑 筋 想办 法 采 用 其 它 方法 来 解 决 同样 的 一个 问题 ， 数 平 动 ＡＳ 课 的综合应用。《 动态 网页设计 》 课程是一门实用性和 综合性都很强的 堂 上 每 提 出一 个 任务 的解 决 思 路 后 ，都 要 求 学 生首 先 上机 去 模 仿着 课程。 本课程教学的最大特点是易学易忘。 为了提高《 网页设计》 课程 看 能 否 实现 ，然 后再 要 求 大 家 用 自己 的思 考 的解 决 方 案来 实 现 该任 的教学效果 ， 必须不断改革与充实教学 内容 ， 注重突出人才培养的实 务。 实践表明 ， 采用该方式进行实践性较强 的课程教学具有非常明显 践性、 应用性。改革教学方法 ， 注重培养学生的实际动手应用能力和 的 效 果 。 计算机的操作水平，使学生能够充分运用所学技能进行动态网页设 ２４ 注重实践环节 当本课程的大部 分内容 已经学完时， ． 此时可 计。 以给学生布置一份综合性的作业任务 ，要求每位学生设计一个个人 《 动态 网页 设计＞ 课程 的教学实践性很强 ， 以能最大可能的激 综 合 性 的 网站 并 添 加至 少一 个 动 态效 果 。 要 求每 个 人 完成 的网 站作 所 发 学 生 的参 与性 ， 并且 锻 炼 学 生 的 动手 能 力 ， 而 培 养 学 生 的专 业 兴 品 要做 到风 格 鲜 明 、 一 、 从 统 内容 又 要完 善 ， 到和 谐 统 一 的 网页布 局 ， 做 趣。 这就要求学生在学习中注意理 论与 实践的结合 ， 特别要掌握的是 并 合 理 设计 页 面 的结 构 、 片 的 位 置 、 接 的 方式 ， 要 求 做 到 更 新 图 链 还 重 中之重的实践 内容。也要求我们给学生更加充足的动手实践的机 内容容易等特点。为了达到上述要求， 就必须在制作网站之前， 首先 会， 能熟练地掌握动态 网页的实际应用。 理论教学是为实践教学服务 进行一个总体规划 ， 收集材料 ， 然后再进行各个模块 的设计制作。布 的， 实践教学又反过来作用于理 论教学。从中学生反馈的情况看 ， 听 置 综 合作 业 任 务 之后 ，先 提 醒 学 生进 行 选 题 ，设计 出 自己 的网 站 结 老 师讲 课 能 看 懂 、 能 理 解 ， 课 后 很 快 就 忘 了 ， 试 验 时 就摸 不着 构 ，再上网查询搜集网站 内容所需的资料 ，然后对 网站进行 总体规 也 但 做 头脑 了。这种情况下 ， 了达到更好 的教学效果， 必须采取更有效 划 ， 为 就 写出书面的设计 方案。 教师要对每个学生的作 品设计方案进行审 查， 及时指 出存在的问题 和应改进的地方 ， 到要 求的， 达 学生方可开 ２《 动态网页设计》 课程的教学方法 ‘ 始制作 。 这样大大培养了学生独特的风格和 良好的创作技巧。 通过对 ２１ 任 务 驱 动 教 学 法 任 务 驱 动 教 学 法 强 调 学 生 带 着 任 务 去 学 ． 上述所有环 节的实践性操作 ， 学生学会创建、 让 查找 、 阅读 专业文献 习 ， 生 的学 习 兴趣 和 动 机 是 以 问题 的探 索 来 引导 和 维 持 的 ， 师在 学 教 资料的方法 ， 也培养 了学生撰 写方案的能力。 日常的教学情境中 ， 先给学生布置任务 ， 让学生的带着需要完成 的任 ２５ 互 助 学 习型 的学 习组 织 形 式 学 生 主 要 以小 组 学 习 为 基 本 ． 务 和 需 要探 索 的 问题 去 学 习 ， 使 学 生 掌 握 学 习 的主 动 权 。 务驱 动 促 任 学 习组织 形 式 ， 现 高效 、 悦 的 实践 课 堂 学 习效 果 ， 大 提 高 了 实 实 愉 大 从 基 本 的 实例 着 手 ，促 进 理 论 的 学 习和 应 用 ，从而 使 学 生 的独 立探 践课堂学 习效率。 互助学习通过规范、 有序和深刻 的相互帮助和相互 索、 勇于开拓 、 不断创新的学习能力得到 了极大的培养 ， 高学生 的 提 研讨 ， 旨在发挥小组 内优势集体的力量 ， 重组和发展各 自的观点和思 学 习兴趣和效率 ， 也培养 了学生的主动参与性 。 每当完成一个任 务后 考， 在融于心智 的学 习碰 撞中形成情感、 态度 、 价值观 的基础 上， 互相 学 生 自己就 会 很 有 ， 种 成就 感 、 足感 进 而 能激 发 他 们 更 强 烈 的求 这 满 学 习， 高 各 自的技 术 能 力和 团 队 合作 精 神 。 总 之 ， 师应 以培养 能 提 教 知 欲 ， 大 大增 强 了学 生 对 学 习 的信 心 ， 而 逐 步 形成 良性 循环 的学 也 从 力为主线 ， 强化 实践性教学。如今 ， 网页设计从最早的静态表现到动 习过程 。另 外 ， 任 务 驱 动教 学 过 程 中 应 注意 以下 几 个 方面 ； 设 计 在 ① 态表 达 ， 人们 对 它 的 要 求是 越 来 越 高 ， 如今 一个 综 合 的 网站 所 需 要 的 任务时必须考虑学生的认知差异。 ②提 出问题任务 之后 ， 带领学生思 网页已经不局限于功能上的要求，也就是说学生也不能只局 限于技 考 、 析和 讨 论 ， 出 一般 问题 和 需 要 更 进 一 步 解 决 的 研 究 型 问 题 ， 分 提 术的进步 ， 还要有 自己的创意和创新 ， 这就促使高校对学生的培养更 激发学生自主学 习和创造 的精神 ，并向学生提供探 索解决研究问题 加 全面 ， 及综 合 的 能 力把 握 不 断 提 高 ， 对高 校 动 态 网页 设 计 教学 以 这 的线索。③注意做好对学生 的评价反馈 ， 评价 要客观 ， 也要注意发展 事业也是一个新的改革方 向。 改革是时代和教学的要求， 我们感到任 学生的个性。同时要指 出学生的优点和缺点 ，对每个学生完成 的任 重而道远 ， 所以只有不断探索、 不断总结、 不断创新， 才能跟上 当今 时 务， 大家讨论点评 ， 以便 大家共同提高， 达到交流 的目的。 代的发展 ， 也才能培养出素质全面综合 能力强的人才。 ２２ 阶段 模 块 化教 学 在 教 学 中主 要 强 调 的 是 突 出人 才 培 养 的 ． 参考文献 ： 应用性、 实践性。把教学内容分为 四个阶段 ， 并把每一阶段划分为若 …王晓娟． 案例式
高职高专《网页设计》课程改革探索
高职高专《 网页设计》 课程改 革探 索
高 云
（ 吉林省 教 育 学院 计 算机 系， 吉林 长春 １０ ２ ） ３ ０２
摘 要 ： 了适应 网络社会 的需要 ， 网页设计》 门课 已经成 为各 高职 高专院校 计算机专业 的一 门必修课 。本文结合 多年 为 《 这 《 网页设计》 程的教学 实践 ， 课 并根据这 门课程 的特 点 ， 从教 学 内容、 学方法 以及 考核 方 式几个 方面综合 阐述 了如 何提 高本 教
学 生 职 业 能 力 和 创 新 能 力 的 培 养 没 有 真 正 得 到 落实 。
Ｊ ａｃｐ 脚本语言 ； ａ Ｓｒ ｔ ｖ ｉ 其次， 能够熟练使用 Ｐ ｏ ｓｏ 、 ｈｔ ｈｐ ｏ
Ｆｒｗ ｒｓ 图像 处 理 工 具 和 Ｆａｈ 等 大 量 动 画 软 ｉ ｏｋ 等 ｅ ｌｓ 件 ， 以 网页设计 这 门课 在 教 学 内容上 不 能 单 一 地 所 学 习 Ｄｅｍ ｅｖｒ 一 种 软 件 ， 该 由浅 人 深 地 先 ｒａ ｗ ａｅ 这 应 来 学习 手写 Ｈ Ｍ Ｔ Ｌ语 言 ， 够 用 Ｈ ＭＬ语 言 编 写 简 能 Ｔ 单 网 页 之后 再 来 学 习 Ｄｅｍ ｅｖｒ用 Ｄｅｍｗ ａｅ ｒａ ｗ ａｅ， ｒａ ｅｖｒ 学 习 了如何 制作 网页 以及创 建 和管 理 站 点 之后 ， 再 结 合 Ｈ ＭＬ和 Ｄｅｍ ｅｖｒ 部分 内容 ， Ｃ Ｓ 层 Ｔ ｒａ ｗ ａｅ 两 把 Ｓ、
高职 高专院校学生 的学习带有较强的职业特
色 ， 对学 生在 知 识 结 构 、 习 习惯 、 知 心理 等 方 针 学 认
面 的特 点 ， 在教 学 方 法 上 ， 注 重 理论 结 合 实 际 ， 应 避 免 空洞 地讲解 ， 要采 用 多样 化教学 手段 ， 实行 启发 式
《网页设计》课程标准
《网页设计》课程标准一、课程定位《网页设计》是虚拟现实应用技术专业的专业学习领域课。
该课程实现Web程序开发知识、方法及工具，着重介绍在Web开发过程用到的HTML5基础知识，用于美化Web页面的样式表知识。
是一门用途广泛、前景良好的计算机行业课程，是适应计算机虚拟现实应用技术专业课程的需要。
该课程的学习可为后续《JavaScript脚本语言》等课程奠定一定的职业能力基础。
二、课程目标通过《网页设计》课程的学习，使学生具备Web应用开发的基本知识，为学习和掌握专业知识和职业技能打下基础。
1．知识目标（1）理解网站的基本概念和HTML5网页编程语言基础；（2）掌握搭建开发环境、网站的搭建（3）掌握HTML5中文字和段落的设置和常用标签；（4）掌握列表标签的使用；（5）掌握超级链接标签的使用；（6）掌握表格标签的设计和使用；（7）掌握框架页面布局；（8）掌握表单的设计；（9）掌握网页中多媒体的应用；（10）掌握层叠样式表CSS3的基本知识；（11）掌握一到多款网页设计软件的运用。
2．能力目标（1）能运用HTML5标签设计网页；（2）能使用CSS3设计网页；（3）会网页设计工具设计网页。
3．素质目标（1）具有自我学习的能力；（2）具备规范化、标准化的代码编写习惯，一定速度的代码编写能力；（3）养成忠于职守、认真负责、精益求精的敬业精神；（4）具备良好的沟通能力；（5）具备良好的团队合作精神以及自我展示能力。
三、课程设计1、设计思想（1）教学内容框架课程按照以能力为本位，紧密围绕在使用HTML5标签，利用CSS3 +DIV布局制作网页过程中遇到的实际需要和应该掌握的技术，全面介绍HTML5标签设计网页的内容和技巧。
（2）总体设计思路以完整的网页制作工作过程为导向，重构教学内容。
根据行业企业发展需要和完成职业岗位实际工作任务所需要的知识、能力素质要求，按照网页设计与制作的过程和学生的学习认知规律，打破原有的功能化知识体系，对教学内容从简单到复杂，从入门到深化进行科学安排，循序渐进的实现教学目标，课程内容与项目开发内容一致，理论与实践一体化，实现学习和工作的深度融合。
中职网页设计与实训整套课件完整版ppt教学教程最全电子讲义教案最新
黄 色
#FFFF00
yellow
白 色
#FFFFFF
white
任务3.2 网页的基本制作
知识3.2.1 页面属性
建立网页时，需要对网页的“外观”、“链接”、“标题”等进行基本的设置，这些设置需要在“页面属性”中完成。
页面属性对话框
知识3.2.2 META标记
知识2.1.2 网站规划
一 ．确定目标群体
在创建一个站点之前，首先要确定站点是给什么人访问的，即确定站点的用户群体，以便于确定在站点内添加的内容、为网站设计不同的视觉内格、色彩效果等。
化妆品网
二 ．确定站点功能
确定了站点的目标群体后，就要设计网站需要为这些用户实现哪些愿望和功能，以确定网站各方面的内容及效果要求，例如如果是企业网站，就应立足于企业形象来展开，如果是购物网站，就要强化网站的在线购物等功能。
任务4.1 文本基本操作
文本作为网页中最基本的信息载体，以最直接、最直观的方式使用户获取信息，在网页中有着不可替代的地位与作用，它涵盖的信息量大，插入、编辑操作简便，容易被浏览器下载，不会像图片一样占用太长的等待时间，因此掌握好文本的操作，对于网页制作是最基本的技能。
知识4.1.1 选择性粘帖
Dreamweaver 8网页设计与实训
走进Dreamweaver8
创建本地站点
网页基础知识和基本制作
文本编辑
图像与多媒体的应用
网站链接
表格和布局
框架
表单
模板和库
CSS样式
行为和JavaScript
层和时间轴
整站建设、测试与上传
动态网站制作
项目一 —走进Dreamweaver 8
高职《网页设计与网站建设》课程的教学设计及实践
具 备 开发 、 维 护小 型 网站 的知识 和能力 。
１ ． １ 课 程 教 学 定 位
与该 课程 相 关 联 的 岗位 主要 有 网 站管 理 员 、 网
页制 作人员 、 网站编 辑 等 ， 通 过 对用 人 单 位 、 网络 各 大招 聘信 息 以及毕 业 生就 业 追 踪 等 的 调研 ， 经过 对 人才 需求 进行 全面 的分 析 ， 我们 可 以总 结 出 这些 职
文档 的基 本 能 力 。
１ 课 程 教 学 定 位 和 目标
能 力 目标
高等 职业 教育 的课 程应 以就 业 为导 向 ， 以能力 为本 位 ， 融“ 教、 学、 做” 为一体 ， 强化 学生 的职 业能力 与 素养 。知识 则要 把 握 必 须够 用 的选 用 原 则 ， 并 加
强应 用性 实践 环节 。《 网页设 计与 网站 建设 》 课程 以 培养 学生 成 为一名 优 秀的 网页制作 和 网站管 理人 员
掌 握 网 页 的设 计原 理 与 技巧 ； 掌握 Ｃ Ｃ Ｓ样 式 的使 用 ； 熟 练 掌 握 网页 制作 方 法 ； 熟 练 掌 握 网页 制作 工 具 软 件 的 使 知 识 目标 用 ； 掌握 网站 的建 设 与 管 理 和 维 护 等 知 识 ； 掌 握 ＨＴ ＭＩ 语 言 的使 用 ； 了解 脚 本 的运 用 ； 掌 握 网 页 中 图 片 的 设 计 与制 作 方法 ； 掌握 网页 中 动 画的 设计 与制 作 方法 。
的课程 必须做 到 教 、 学、 做一体化 ， 切 实提 高教 学 质 量” ＿ １ ］ 的教学理 念 。借此 ， 全 国高职 高专 院校 开展 了
轰 轰烈 烈 的教学 改革 。本 文介绍 了以工作 过程 为导 向对《 网 页设 计 与 网 站 建 设 》 课 程 进 行 重 新 教 学 定 位、 整 合教 学 内容 、 改 革教 学方法 和考 核方 法等 几个
高职网页设计课程设计
高职网页设计课程设计一、教学目标本课程旨在通过学习，使学生掌握高职网页设计的基本知识和技能，能够运用HTML、CSS、JavaScript等技术制作出功能完善、界面美观的网页。
在学习过程中，培养学生独立思考、创新设计的能力，增强团队协作意识，提高审美素养。
1.掌握HTML标签的使用，能够编写结构合理的网页代码。
2.熟悉CSS样式表的应用，能够实现页面布局和美化。
3.了解JavaScript基本语法，具备简单的交互式网页编程能力。
4.能够使用网页设计软件进行网页布局和设计。
5.能够运用HTML、CSS、JavaScript技术制作出符合需求的网页。
6.具备网页切片、优化图片等优化技能，提高网页加载速度。
情感态度价值观目标：1.培养学生对网页设计的兴趣，增强自信心。
2.培养学生团队协作、共同进步的精神。
3.提高学生审美素养，培养良好的审美观。
二、教学内容根据课程目标，本课程的教学内容主要包括HTML、CSS、JavaScript三个部分。
1.HTML：介绍HTML的基本结构、常用标签及其属性，如标题、段落、图片、链接等，掌握、表单的使用，了解框架集的概念。
2.CSS：学习CSS的基本语法，掌握选择器、属性、值和优先级，能够编写样式表实现页面布局和美化，如字体、颜色、背景、margin、padding等。
3.JavaScript：了解JavaScript的基本语法，学习函数、事件处理、DOM操作等，能够运用JavaScript实现简单的交互式网页。
三、教学方法本课程采用讲授法、案例分析法、实验法等多种教学方法，以激发学生的学习兴趣和主动性。
1.讲授法：通过讲解知识点，使学生掌握基本概念和语法。
2.案例分析法：分析实际案例，使学生了解网页设计的方法和技巧。
3.实验法：上机实践，让学生亲手操作，巩固所学知识。
四、教学资源本课程的教学资源包括教材、参考书、多媒体资料和实验设备。
1.教材：选用高职网页设计相关教材，如《网页设计与制作》、《HTML5与CSS3实战》等。
高职《Dreamweaver网页设计》课程项目式教学的研究
随着社会 的发展 ， 互联 网及 网络技术的不断普 及， 计算机 渐渐成 为人们不可缺少的工作 、 学习和交流的工具，网络也正 在成为信息传播 的重要渠道 。 而 作为信 息传播载体 的网站设计 者， 设计开发具有创新风格、 下载速度快、 适 合搜 索引擎检 索、 网络营销发挥最大效果、便于更 新、维护 、改版 的网站 ，是 网 站设计 的共 同 目标 ，也成 为高职高专 院校 许多学生 的必 备技 能。 目前 ，￣ Ｄ ｒ ｅ ａ ｍ ｗ ｅ ａ ｖ ｅ ｒ 网页 设 计 》 课 程 是 高 职 高 专 院校 学 生普遍 开设的基 础技 能课程 ， 就这 门看起来简单又好学的技 能 课程 ， 在 教学过程 中， 虽从过去传统的教师为主体的演示教学 转变成现在 以学 生为主体 的项 目教学 ， 但教学效果还是不太 明 显。 发现 学生 学完之后 ， 不是不能独立地进行 网站规划和页面 设计 ，就是 设计 的视觉效果达不到应有的功能和效果。为此 ， 我们对 ￣ Ｄ ｒ ｅ ａ ｍ ｗ ｅ ａ ｖ ｅ ｒ网页设计》课程在 以学生 为主体 的项 目 教学的基础上 ， 对 其进 行改进 ，对教学方法进一步细化 ，在项 目选择及考核方式上进行 了长期的探索和 实践， 收到 了较好的 效果。下面通过 以下三个方面进行介 绍： 教 学 方 法要 “ 融” 教学方法要 “ 融” 是指将传统 的以教师为主体的演示教学 法与以学生为主体的项 目教学法 的融合 。 传统的教学方法 是以 教师 为主体 ，学生完全按照老师 的要求和进度来学习和 训练 ， 这样 ，学 生虽基础扎实 ，知识掌握牢 固，逻 辑思维能力强 ，但 他们独立 的学 习和应变能力 比较弱 ， 综合运用能力差， 缺乏创 新意思 。 而项 目教学法是 以学生为主体，教师通过一个典型的 项 目引导学生独立完成教学任务 ， 虽然培养 了学生 的独立分析 问题和解决 问题的能力 ， 但 由于教师处于辅 导地位 ， 学生对理 论知识掌握不牢 固， 缺乏系统性和条理性 ， 所 以就造成 了学生 对 理论知识的掌握不足 ， 不 能举一反三 。 所 以如何将传 统的以 老师为主体的演 示教学与以学生 为体 的项 目教学有效地融合 ， 发扬其优 点， 摈 弃其缺 点， 是摆在我们教师面前的一个 重要 课 题。 由此我们在教学过程 中先采用 由教师通过演示分析 小的学 生 比较 熟悉案例来 快速地讲解项 目中用到的或与其 相关的学 生应该掌握 的理论知识 ， 然后教师再提出项 目要求，由学生 自 己去探索和完成项 目的内容 ， 只要大方 向是对 的，能完成基本 的项 目功能，老师不必给予过多的限制，学生 可以通过小组讨 论进行修改和创新 。 教师 只起辅 导的作用 ， 并将学生的作品及 时向同学们展示，好的创 意给 予肯 定和表扬 。 这样学生会有满 足 感、成就感 ，而对其他小组同学起 到激励 的作用 ，并能激 发 他们 强烈 的学 习信 心和求知欲 望，学习过程逐 步形成 良性循 环 ，使全班 同学 的设计水平得到提高 。 二 、项 目选择要 “ 熟” 项 目选择要 “ 熟” 是指在教学中选择 的网站项 目一 定是 学 生 比较熟悉 的网站 。 教学的关键是选择合适 的项 目。 我们平 时 所见到的 网站很多 ，有商务类 网站 ，门户类网站、娱乐类 网站 等， 是不是这些 网站都适合作为教学项 目网站用 呢， 答案是否 定的 。 因为对于初学者来说对 网站的知 识掌握 的很少 ， 很多 网 络语言也不明 白， 对那 些网站内容不 熟悉制作过程又 比较复杂
《Web 前端设计与开发》课程整体教学设计
《Web 前端设计与开发》课程整体教学设计（2019～2020 学年第 2 学期）课程名称：Web 前端设计与开发所属系部：信息工程学院制定人：XXX合作人：XXX制定时间：2020 年 7 月1Web 前端设计与开发精品资源共享课课程整体教学设计一、课程基本信息课程名称：Web 前端设计与开发课程代码：18310007学分：3学时：48授课时间：第三学期授课对象：高职计算机应用技术专业大二学生、高职计算机网络技术专业大二学生课程类型：专业核心课先修课程: 信息技术素养与技能、后续课程: HTML5 混合 App 开发、计算机程序设计PHP WEB 应用开发二、课程定位(一)学生所在专业面向的岗位(群)。
专业服务区域：临沂市及周边地区专业服务领域(行业)：为智慧物流、智慧贸易、智慧农业、智慧工业、智慧公共服务相关行业服务的应用软件开发行业。
主要就业岗位：在各大中小软件开发公司从事 Web 与企业应用软件的开发、测试、销售与运维等工作岗位。
(二)本课程选择的背景实践岗位。
表 1 典型工作任务分析表序号工作岗位典型工作任务工作过程简述1WEB 界面开发运用各种工具进行页面布局, WEB 图像、音频、视频、动画制作。
2程序员程序代码编写运用面向对象的开发工具规范地编写程序，使用数据库访问技术连接访问数据库。
3WEB 部署运行安装网络操作系统，配置各类服务器、发布站点表 2岗位职业能力分析表岗位序号岗位典型工作任务职业能力支撑课程性质名称WEB 界面开发网页制作能力HTML5 混合 APP 开程序代码编写代码编写能力发（△）1程序员WEB 前端设计与开发WEB 部署运行网站发布能力（△）基础JAVA WEB 应用开发岗位（△）用户培训网络与应用系统安装能力PHP WEB 应用开发（△）数据库安装、升级、迁数据库基础软件管理维护网络操作系统移、数据恢复能力软件测试搭建测试环境，编写测试2软件测试与跟踪脚本，运用测试脚本寻找人员bug 能力(三)本课程与中职、高职（专科、本科）、普通高校、培训班同类课程的区别。
高职《网页设计》课程考核模式改革方案探索
一
２ — ０７
一
择题 由 考试系统 自 动评分 ， 操作题 由教师根据评 分标准进行评分。
４动参与教 学过程 ， 提高学生自主学习与动手能力。 形成性考 核既保证了学生的课堂到课率又提高了学习积极 性，让学生对基础理论知识都有较为完整的接触 与掌握，同时以实际工作岗位中的网站制作过程 为依托， 使学生了解了实际工作岗位的工作流程 ， 训练了学生主动进行网站策划 、 设计与制作的能 力； 同时终结性考核加强了对所有知识点的考核。 通过对几个学期《 网页设计》 考试成绩 的统计 ， 检 验说明考试改革后收到了显著的效果 ，学生不及 格率显著下降 ， 学习积极性 、 主动性明显提高 ， 成 绩也大幅上升 ，从考试结果的试卷分析可以看出 学生成绩呈正态分布，对教学的实施也有明显的 改进作用 ， 学生知道如何去学 ， 教师认识如何改革 教学方法 ， 从而提高教学质量。
科 教ｌ 化 ｌ 文『
科 黑江— 技信思 — 龙— —
高职《 网页设计》 课程考核模式改革方案探索
胡芳芳
险 华职业技术学院信 息工程学院， 浙江 金华 ３ １ １） ２ ０７
摘 要： 课程考核模式是检验课程教 学效果、 学生掌握知识的有效手段。 根据 网页设计课程的特点 ， 出了该课程考核模 式的改革思路和实践 ， 提 并对
考核方案进行了详细的分析与阐述。 关键词： 网页设计； 考核方案： 形成性考核
１概述 课程形成性考核是指教学过程 中对学生学习 “ 以就业为导向， 以能力为本位” 是高职人才 过程的表现及效果进行的考核。课程形成性考核 培养的主导思想，高职教育应重视学生的创新能 主要包括平时学习表现考核、 教学实践活动考核、 力、 实践能力和创业精神的培养。 网页设计》 目 专门设计的课程大作业考核。 《 是 前高职院校计算机、电子商务等专业的主干课程 ３１ ．１平 时学 习表 现考 核 ． 之一． 是一门实践性 、 应用性很强的课 程 ， 总体 目 平时学习表现考核就是根据学生在学习过程 标是教会学生设计与制作一个静态网站。运用传 中的表现评定成绩 ， 形成性考核总成绩的 １ 占 ０ ％。 统的笔试方式或单纯的上机考试已无法全面地检 采取 １０ ０ 分制计分 ， 以教学过程为载体 ， 记录学生 验学生的知识与能力 ， 那么就需要对《 网页设计》 随机课堂到课率及课堂表现。 课程考核方式进行改革 。 旨在讨论改革该课程 ３１２教学实践活动考核 ．． 考核方式过程中所做 的一些尝试与探索 。 教学实践活动考核是指根据教学计划和教学 ２课程考核模式现状 大纲规定的实践性作业 ，指导教师根据学生在教 早期 的《 网页设计》 课程考试 主要采用卷 面 学实践活动的综合表现进行评定成绩 。教学实践 笔试的方式 ， 由教师命题 ， 学生在试卷纸上答题 。 活动考核部分采取 １０分制计分 ，根据 《 ０ 网页设 考试 内容局限于教材和教师在课堂教学 中所讲授 计》 课程的特点分两次进行考核 。 主要考核学生网 的内容 ，侧重于知识考试 ，而能力考核指标不 明 页设计和网页制作两部分的内容。学生以个人形 确。实践操作部分只能通过一些操作命令和操作 式进行考核 ，通过 自行制作指导老师规定的题 目 步骤的记忆来考察，使得一些学生靠死记硬背就 完成效果， 老师根据学生最终结果进行评分 ， 真实 能得高分 。其成绩很难客观地反映学生实际应用 反馈学生知识掌握情况和动手实践能力 的高低 ， 计算机的能力 。 而且学生为了应付考试 ， 往往忽视 占形成性考核总成绩 的 ２％。 ０ 上机操作 ， 死记硬背 。 因此笔式模式不利 于学生发 ３１ ．ｌ ３专门设计的课程大作业考核 挥出真实水平 ，更不能有效地激发学生的学习积 专门设计的课程大作业考核就是根据课程教 极性和创造性思维， 而且容易导致学生重理论 、 轻 学需要专门设计综合性作业 ，针对学生分析 、 应 实践 ， 不利于学生计算机应用能力的提高。 用、 综合 、 实践能力的测试 ， 根据学生完成作业 的 现在 ， 该课程从原来单纯的笔试发展到上机 质量评定成绩。 课程大作业考核部分采取 １ 分 ０ ０ 考试 ， 由教师命题建立相应题库 ， 考试时从题库随 制计分 ， 占形成性考核总成绩的 ２％。 ０ 教师根据课 机出题 ， 学生在计算机上进行答题 ， 考试结束后统 程中的各个知识点或技术点给出项 目要求， 让学 将考试结果上传至服务器。虽然在一定程度上 生 自己调研确定网站主题， 完成 网站规划和 网页 体现了学生软件基本操作和技能的能力 ， 但不能 设计’ 最后提交作品。考核中采用真实项 目情景模 检测学生解决具体问题 的能力及创新能力， 也不 拟实战考核方式 ，目的是测试学生知识的综合掌 能考查学生将基本操作技能综合地运用到具体项 握和综合应用能力 ，以使学生在今后的工作 中能 目中的能力。 因此上机考试考核方式单一 ， 仍不能 够实际承担网站建设工作。 完全适应课程主要考核能力的要求 。 大作业考核根据教学过程分为网站选题 、 网 ３课程考核方案设计 站设计、 网站制作、 网站测试与完善四个阶段 。在 《 网页设计》课程教学的 目 标和任务是教会 网站选题阶段 ， 自己根据要求定 出网站主题 ， 学生 学生掌握网站设计、 开发和维护的知识和技能 ， 制作网站策划书， 能 提交给教师进行审核 ， 此部分 占 制作出较高水平的网页， 同时培养、 训练和提高学 考 核 成绩 的 １％。 网站 设计 阶段 ， 定 出 网站 ０ 在 学生 生创新意识和社会实践能力。教学的最终结果是 设计风格 ， 设计与制作网站主要页面的平面设计 让每个学生具备一定 的网页设计与制作能力 ， 并 图，提交给教师进行审核 ，此部分 占考核成绩的 能提交具有一定技术含量和视觉效果的 网页作 ２％。在网站制作阶段 ， ０ 学生根据设计 阶段给出的 品。 网页版式与风格进行设计，制作出网站中所有的 经过多年的探索与实践 ， 我们深深地感到与 网页 ， 此阶段是制作网站过程中的关键性 阶段 ， 教 其一味地考核学生对简单知识的记忆能力 ，不如 师应在教学过程中实时的给予指导，此部分 占 考 改变思路， 让学生 自己动手丰富 自己的知识 ， 构建 核成绩的 ５ ％。 ０ 在网站测试与完善阶段学生对已 自己的知识结构。 以决定改革《 所 网页设计》 课程 完成的网页进行网站整合 。 发现问题解决 问题 ， 然 的考核方式 ， 减少理论考试的 比重， 增加综合实践 后提交进行评审， 最终提交一份作品报告书与网 技能的考核 ， 同时改变一考定成绩的方式 ， 采取形 站电子作品， 此部分占考核成绩的 ２％。 ０ 成性考核与终结性考核相结合的方式 ，形成性考 ３２终结 性 考核 ． 核 占总成绩的 ５ ％， ０ 终结性考核占总成绩的 ５ ％。 ０ 终结性考核采用上机考试的方式 ，考核内容 ３１ 成性 考 核 ．形 包括选择题和操作题， 根据考试大纲设计题库 ， 选
有关高职高专《网页设计与制作》课程教学的几点改进
正 的主 角 ． 生应 在 教 师 的 指 导 下 对 自 己 的 学 习 的学 习 活动 。 师 与 学生 的观 念 都 应 转 变 。 教 教师 应 注 重 培 养 学生 ４教 学 内 容 ： 动 态 调 整 ． 续 更 新 ” ． ” 持
的 学 习 能 力 。 变 教 材 作 用 。 作 为 学 习 对 象 ． 变 为 学 习 者 获 转 由 转 由于 计 算 机 技 术 日新 月 异 ． 网页 设 计 与制 作 技 术也 在不 断 得知识与技能 。 发展 认 知 的 一 种 学 习 资 源 ： 变 媒 体 功 能 ， 转 由知 升 级 换 代 ． 程 内容 必 须 根据 网 页制 作 技 术 发 展 持 续更 新 。 学 课 教 识 展 示工 具 转 变 为 学 习认 知 工 具 ． 即把 信 息技 术作 为学 习资 源 模 块 根 据 岗位 需 求 变 化 、学 生 认 知 规 律 和教 学 实 际 情况 随时 进
高职高专《网页设计与制作》课程改革与实践
图 片为 主的 ， 风格独 特 的 网页 。 这 些模 块 间 既 相互 独 立 ， 相 互 关 联 ， 课 程 又 将
难 点 分 解 到各 个 不 同 的模 块 中 ， 服 了学 生 的畏 难 克
情 绪。每个模块 自 成体系 ， 能独立完成某一方面 的 教学任务 ， 具有鲜 明的独立性 ； 每个模块 间的知识 层 层 递 进 ， 互 关 联 ， 面 的模 块 是 后 面 模 块 的基 相 前 础， 后面 的模 块又加 强 了前 面模 块 的知识 内容 。
模块七 ： Ｉ ＋ Ｓ 模块 。 ＤＶ ＣＳ 主要讲解 Ｃ Ｓ Ｓ 规则 ， 网 页 中添 加 Ｃ Ｓ的方 法 ，Ｓ 子 模 型 ， Ｓ 局 ， Ｓ Ｃ Ｓ盒 Ｃ Ｓ布 通 过该模块 的学 习能够制作 内容 与表 现形式分 离 的
网页 。
模块八 ： 制作以图为主的网页。讲解切片 、 区 热
作》 课程上做 了 多针对性的改革。 许 本文分别从课 程体 系、 教学 内容、 学方法及考试方式等方面对于本课程 教 的 改革措 施 进行 了全 面的 阐述 。
［ 关键词 ］ 网页设计与制作； 课程改革 ； 模块 ； 任务驱动 ［ 中图分类号 ］ ７２ Ｇ １ ［ 文献标识码 ］ Ａ
１引 言 ．
随着互联 网的迅猛发展 ，网页设计与制作》 《 课 程 目前已成为计算机高职院校网络专业和应用专业 的核心专业课 ，甚至也是非计算机类专业学生的公 共选修课 。 随着 国家信息化进程 的加快 ， 对网页设计 人才的社会需求量越来越大。一方面是社会对网页 技术人才的大量需求 ，许 多用人单位抱怨找不到合 适的专业技术人才 ； 而另一方面高校毕业生就业难 ， 找不到理想的就业岗位。 为此 ， 根据在高职高专院校 讲授《 网页设计与制作》 程的教学经验 ， 目前该 课 就 课 程 体 系 、 学 内容 、 学 方法 、 核 方式 等 方 面 进 教 教 考 行探 讨 。 ２构建 合理 的课 程体 系 ． 网页设计作为一种专业技能的培养 ，不是依靠 门课程独立存在的，它需要多 门课程的知识给予 支撑 。在教学改革过程中， 我们根据人才需求分析 ， 确定人才的职业能力 ， 然后设计了课程体系 ， 制定课 程 的培养 目标。课程体系结构如图 １ 所示 。 《 网页设计与制作》 作为整个课程体系中的核心 课程。 通过学习该课 程 ， 使学生掌握网页设计和制『 作 的基本技能 ， 具备独立完成静态网站设计 、 内容制怍 及维护 、 动态网站界 面设计与制作 。以我校为例 ， 它 是前导课程 （ａａｃ ｐ） ＪｖＳｆ ｔ的项 目应用性课程 ， ｉ 也是后
中职网页设计教案模板范文
一、教学目标1. 知识目标：（1）掌握网页设计的基本概念和流程；（2）熟悉网页设计的常用工具和技术；（3）了解网页设计的规范和标准。
2. 能力目标：（1）具备独立完成网页设计项目的能力；（2）能够运用所学知识进行网页优化和推广。
3. 素质目标：（1）培养良好的团队协作精神；（2）提高审美能力和创新意识；（3）增强社会责任感和职业道德。
二、教学重点与难点1. 教学重点：（1）网页设计的基本流程；（2）网页设计的常用工具和技术；（3）网页设计规范和标准。
2. 教学难点：（1）网页设计过程中的创意思维；（2）网页布局和美工技巧；（3）网页性能优化和SEO推广。
三、教学内容1. 网页设计概述（1）网页设计的基本概念和流程；（2）网页设计的常用工具和技术；（3）网页设计的规范和标准。
2. 网页设计工具（1）网页设计软件：Dreamweaver、Photoshop等；（2）网页设计辅助工具：HTML、CSS、JavaScript等。
3. 网页布局与美工（1）网页布局的基本原则；（2）网页美工技巧：色彩搭配、字体选择、图片处理等；（3）网页响应式设计。
4. 网页性能优化与SEO推广（1）网页性能优化：代码优化、图片优化、页面加载速度等；（2）SEO推广：关键词优化、内容优化、外链建设等。
四、教学过程1. 导入新课通过实例展示网页设计在生活中的应用，激发学生的学习兴趣。
2. 讲授新课（1）讲解网页设计的基本概念和流程；（2）介绍网页设计的常用工具和技术；（3）讲解网页设计的规范和标准。
3. 实践操作（1）指导学生使用网页设计软件进行实际操作；（2）让学生分组完成一个简单的网页设计项目；（3）讲解网页布局与美工技巧。
4. 课堂讨论（1）讨论网页性能优化与SEO推广的重要性；（2）分享学生完成的网页设计项目，互相评价和改进。
5. 课堂小结总结本节课的重点内容，布置课后作业。
五、教学评价1. 课堂表现：观察学生在课堂上的参与度、提问和回答问题的积极性。
《网页界面设计》课程标准
《网页界面设计》课程标准一、课程概述1.课程性质《网页界面设计》是高职数字媒体应用技术专业针对网页设计、网页美工等关键岗位, 经过对企业岗位典型工作任务的调研和分析后，选择真实工作项目为教学载体，根据数字媒体公司应用性人才的实际要求，重构课程内容，归纳总结出来的为适应网页设计与制作、网页美工等岗位要求的网页图形制作和图像处理、网页版面设计能力要求而设置的一门专业核心课程。
2.课程任务《网页界面设计》课程通过对“优秀网页作品赏析”、“网页文字设计”、“网页文字编排”、“网页导航条的设计制作”、“网页按钮的设计制作”、“网站Logo设计制作”、“网页色彩的设计”、“网页版式设计制作”8个教学项目的学习，在学生具备一定的计算机操作能力和图形制作能力的基础上，主耍培养学生对网页界面设计各元素的设计方法和技巧，对网页版式设计的专业能力，以及团队协作、综合分析、创新创意等综合素质和能力，为后期课程《网页特效》、《网页制作综合训练》和《毕业设计与答辩》奠定网页图形创意与设计、网页版式设计的基础。
3.课程要求《网页界面设计》课程主要采用“项目导向，任务驱动，案例教学，理论实践一体化课堂”的教学模式开展教学，课程的理论实践一体化教学全部安排在设施先进的理实一体教室进行，教学中采用多种学习素材及教学手段，教师全程负责答疑解惑、指导项目制作，充分调动师生双方的积极性，达成教学目标。
二、教学目标1.知识目标（1）了解网页设计的构成要素、表现形式和特点；（2）掌握网页创意思维原则，理解网页设计创意方法；（3）了解网页文字的表现形式、字体特征，编排形式及特点；（4）掌握文字创意设计的常用方法；（5）了解网页导航的功能作用，掌握网页导航的形式、位置及导航方向的应用特点；（6）了解网站标志的功能作用及分类，掌握网站标志造型设计的艺术要点及设计原则；（7）掌握网页按钮的设计原则、设计方法，掌握网页按钮制作工具的操作使用；（8）了解有关色彩的基本常识和心理效应；（9）掌握网站色调、主色、辅色、背景色在网站风格定位中的实际应用；（10）掌握网站色彩搭配的方法和技巧；（11）掌握网页版式设计的形式原理、视觉因素及网页版式构成的类型。
高职《网页设计与制作》课程教学研究
人才培养 为 目标 ，以职业技 术能力为主线 ，构建起课 程 的知
识 、能力 、素质结构 ，重点突 出实践技能 。 （）课程知识结构体系的构建 １ 从 网络 的实际应用 出发 ，介绍 网站 的作用 ，以实 际应 用 作为教学 的切人点和核心 ，将基 本理论和概念融入各个实例 ， 并不断辅 以相关新知识 ，以适应 网络不断发展 的新需要。
４ 教学 改革
（）课程体系和教学内容 的改革 １
课程 能力结构强调 实际制作 网站的能力 ，要通过 网站实
际设计将 各知识 点吸收巩 固，以上升为应用 能力 。因此 ，通 过 网站 的实验 、实习 、实训 ，达 到能够熟 练进行 网站 设计 的
针对高职高专学 生的特 点 ，根据 “ 高职教 育培养 高等技
ｅｆｅ ． ｆｅ ｔ
Ｋｅ ｒ ｓ ｗ ｂ ａ ｅｄ ｓ ｎａ ｄｍａ ｉ ｇ； ｅ ｃ ｉ ｇ ｃ ｎ ｅ ｔ ｔａ ｈ ｎ ｔ ｏ ｓ ｙ ｗｏ ｄ ： ｅ ｐ ｇ ｅ ｉ ｎ ｋ ｎ ｇ ｔａ ｈ ｎ ｏ ｔ ｎ ｓ； ｅ ｃ ｉ ｇ ｍｅｈ ｄ
１ 课程 内容体 系结构
入教学 ；课 程内容 的基础性 和先进性 、经典 与现代关 系处理 得当 、本课程 与相关课程内容关 系处理得当。 教学 内容 安排上更注重 理论 与实际联 系 ，并能够将 知识 的传播 、能力 的培养 和素质教育融 为一体 ；能够很好 地做到 课 内知识与课 外实践 的结合 ；教书育人效果明显。
（）课程素质结构体系的构建 ３ 网站 的综合设计 是一项复 杂工程 ，需 要有坚 韧不拔 的精
神 ，勇于前进 ，不轻言放 弃 ，可培养学 生刻苦钻 研 、勇于开
拓的创新精神 。网站设计 的多人合作 ，也能够加 深学生 团结
高职类《网页设计》课程考核方案设计与思考
３结 语
考核 方式的改革 肯定不会是 一帆风顺 ， 存 在有 许 多客观 与主观 的 因素 ，在 执行 的过程 当中也会 出现 意想 不到的 问题 ， 以 ， 所 改革 的 成败 在干 一次 次进行 方案 的修 整与完 善 。高 职 高专院 校学 生基础 知识 比较 薄弱 ，灵活 的 思维 方式有所 欠缺 ， 创新性 观念 有待加 强 ， 要 想改 变此种现 状 ， 让学 生能 重视技 能训练 ， 学 习科 学的 学 习方式 与方法 ，这 当然不 是一 门 课程 就能训练 成功 的 。 所以 ， 在职业 教育教学 改革 的背景下 ， 门课程都设计 好一种可行 的 每 开放 式考核方式 ， 达到满意 教学效果 的必然 是 前提 ， 也是学 生提 高技能 ， 成为高 技能性专 门 人 才的必要 条件 。
１ ２ ２ 网 站 设 计 阶 段 ．． 小 组 成 员共 同 讨论 定 出 网站 设 计风 格 ， 设计与制 作网站主要 页面的平 面设计图 ， 面 平 图要求 用Ｐ ｏｏ ｈ ｐ 制作 ， 交给教 师进行 ｈ ｔｓ ｏ 来 提 审核 ， 师随意抽 查组 内成 员上台进行 解说 ， 教 并 由全班 同学给 出相应 的意见 ， 行整改与 完 进 善， 此部 分 占阶 段考核 成绩 的 ２ ％。 ０ １ ２ ３ 网站制 作阶 段 ．． 小组 成 员根据 设计 阶段 给 出的 网页版式 与风 格进行 分任 务设 计 ，制 作 出网站 中所有 的 网页 ， 阶段是制 作网站过程 中的关键性 阶 此 段 ， 师应在教 学过程 中实时 的给予 指导 ， 教 此 匕 。 部分 占阶段考 核成绩 的 ５ ％。 ０ １ ２ ４ 网站 测试 与完 善阶段 ．． 小组 成 员共 同对 已完成 的 网页进行 网站 １课程考核方案设计 发现 问题解决 问题 ， 然后提交 进行评审 ， 课程考 核采 取形成 性考 核 、阶段性 考核 整合 ， 并 与终结性 考核 相结合 的方式 ，形 成性 考核 占 教师随意抽 查组 内成 员上台进行 解说 ， 由全 总 成绩 的 ３％， Ｏ 阶段性 考核 占总 成绩 ４ ％， ０ 终 班 同学 给 出相 应的 意 见 ，进行 整 改 与完 善 ， 提交一份 作品报告书 与网站 电子作品 ， 此部分 结 性考核 占总成绩 的 ３％。 ０ 占阶段 考核 成 绩 的 ２ ％。 ０ １ １形成 性考核 ．
《Web前端设计与开发》课程标准
《Web前端设计与开发》课程标准一、课程名称及代码课程名称：Web前端设计与开发二、适用教育层次及专业适用层次：专科适用专业：电子信息大类所有专业三、学分、学时学分数：3.0 学时数：48.0四、课程类型、性质及属性课程性质：专业基础课课程类型：理论课（含实践）课程属性：必修五、先修课程模块名称及代码无六、教学目标本课程以培养前端工程师为目标，立足前端工程师工作岗位所必须具备的素质，以基础知识、应用举例、实战任务相结合的方式，按照认知规律由浅入深详细讲述了HTML元素与CSS（含CSS3）样式的用法，全面覆盖了Web前端设计与开发的基础知识。
1.知识目标1）熟悉HBuilderX开发环境，掌握HTML项目项目的创建方法；2）掌握HTML常用元素的用法；3）掌握CSS选择器的基本语法；4）掌握CSS样式的优先级原则；5）掌握CSS3背景、定位、动画属性的用法；6）掌握网页布局相关属性的用法。
2.能力目标1）能熟练使用HBuilderX开发环境创建HTML项目；2）能熟练使用HTML元素设计网页内容；3）能熟练使用CSS样式设计元素的外观样式。
4）能熟练使用元素框模型属性精确设计元素占用网页空间的尺寸；5）能熟练使用背景属性设计网页背景和生成图像精灵；6）能熟练使用定位属性设计网页的特殊效果；7）能熟练使用动画属性设计网页动画；8）能熟练使用布局属性布局网页。
3. 素质目标1）具有质量意识、安全意识、工匠精神和创新思维；2）具有集体意识和团队合作精神；3）具有界面设计审美和人文素养；4）熟悉软件开发流程和规范，具有良好的编程习惯。
七、课程实践教学内容该课程不单独安排实践教学内容，实践教学内容与理论教学内容在课程讲授中实现理实一体，采用“做中学，学中做”的讲练结合教学方法。
主要有以下实践项目。
表1 实践/实验教学列表八、教学内容及要求表2 教学安排表九、程评价方法1．评价形式平时作业（含考勤、平时作业）、阶段测试（含课堂检测、阶段测试、期中测试、实践/实验评分等）、期末测试。
中职院校Web前端开发课程标准
中职院校Web前端开发课程标准该部分介绍了《中职院校Web前端开发课程标准》的整体目标和培养目标，以提供课程的指导方向和教学目标。
该部分介绍了《中职院校Web前端开发课程标准》中各个模块的设置，包括课程内容、教学要求和学时安排等，以确保课程体系的完整性和结构性。
三、教学方法该部分介绍了《中职院校Web前端开发课程标准》中各个模块的设置，包括课程内容、教学要求和学时安排等，以确保课程体系的完整性和结构性。
三、教学方法该部分介绍了《中职院校Web前端开发课程标准》中采用的教学方法和教学手段，以帮助教师有效地进行教学，并培养学生的实际操作能力和问题解决能力。
该部分介绍了《中职院校Web前端开发课程标准》中采用的教学方法和教学手段，以帮助教师有效地进行教学，并培养学生的实际操作能力和问题解决能力。
本课程采用多种教学方法，以满足不同学生的研究需求和提高教学效果。
以下是教学方法的主要内容：讲授法：教师通过讲解理论知识、原理和技巧的方式来传授知识。
在讲解过程中，教师可以采用多媒体教学资料，如演示视频、实例展示等，以增加学生的理解和参与度。
实践法：该方法强调学生通过实际操作来研究和掌握技能。
教师可以组织实际案例分析、项目实践、实验等活动，让学生亲自动手进行编码、调试和测试，提高学生的实际操作能力。
讨论法：通过小组讨论、问题导向的讨论等方式，激发学生的思维和创造力，培养学生的问题解决能力。
教师可以提出一些实际案例或问题，引导学生进行分析和讨论，促进学生的思考和研究交流。
项目实训法：通过开展项目实训，让学生在实际项目中应用所学知识和技能，培养学生的综合运用能力和团队协作能力。
教师可以组织学生参与真实项目或模拟项目，让他们体验真实的工作环境和流程。
网络资源利用法：利用网络资源可以丰富教学内容，提供更多的研究资料和实例，增加学生对前端开发的了解。
教师可以引导学生使用互联网搜索、浏览技术文档、参与在线研究社区等，帮助学生拓宽视野，掌握前沿技术。
高职高专《网页设计与制作》课程教学中的几点思考
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
知识点：(四)Web标准布局与传统表格布局的对比
看下面实例：三行三列表格布局网页
Web标准布局与传统表格布局的对比
表格布局(源文件)
标准布局(源文件)
知识点：(五)XHTML页面结构
XHTML与HTML文档页面没有太大区别，但增加 了XML语言的基本规范和要求：
参看下列标准XHTML网页文档结构：
Document Object Model文档对象模 型:浏览器与网页内容结构之间的接口， 使用户可以访问页面上的标准组件
脚本语言，用于实现具体界面上对象 的交互操作
欧洲电脑厂商协会(European Computer Manufacturers Association)
1、结构标准语言
在网页中主要对网页信息起到组织和分类的作用：
框架型(Frameset)：针对框架页面设计使用的DTD文档，如果是
框架网页或网页中包含框架，则采用这种DTD。完整代码如下：
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Frameset//EN” “/TR/xhtml1/DTD /xhtml1-frameset.dtd”>
在网页中主要对网页信息的结构和显示进行逻辑 控制，即动态控制网页信息的结构和显示，实现 网页的交互。
(1) DOM (Document Object Model，文档对象模型)。是 一种让浏览器与网页内容沟通的语言，使得用户可以 访问页面元素和组件。给Web设计师和设计者一个标 准的方法，让他们来访问站点中的数据、脚本和表现 层对象
(1) XHTML (The Extensible HyperText Markup Language， 可扩展超文本标记语言)。W3C于2000年1月20日推出 XHTML1.0版本。
(2) XML (The Extensible Markup Language，可扩展标记语 言)，W3C于1998年2月10日发布XML1.0，于2000年10月6 日发布XML1.0(SE)第2版。 逐渐用于网络 是一种能定义其他语言的语言，最初设计的目的是弥补HTML的不足，以强大的扩展性满足网络信息发布的需要， 数据交换标准的格式
几种 ？
XHTML提供三种DTD文档类型
过渡型(Transitional):表示要求非常宽松的DTD文档，允许使用
HTML元素，但要符合XHTML的语法要求，此格式完整代码如下：
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” ”/TR/xhtml1/DTD /xhtml1-transitional.dtd”>
(2) ECMAScript，由ECMA指定的标准脚本语言
欧洲电脑厂商协会
知识点：(三)Web标准布局的使用
Web标准在国内应用逐渐普及，它不是某 一个标准，而是一系列标准的集合。
提问
国内第一个使用Web标准布局的网站： 闪客帝国()， 2004年10月开 始使用Web标准对网站进行改版重构，于 2005年完成全部CSS布局。
结构(Structure)：对网页中用到的信息进行分类与整理
表现(Presentation)：对信息进行版式、颜色、大小等形式控制
行为(Behavior)：文档内部的模型定义及交互行为的编写
对应的标准语言也分三方面：
结构化标准语言(HTML、XHTML和XML) 表现标准语言(CSS) 行为标准(对象模型:W3CDOM、ECMAScript)
严格型(Strict)：表示要求严格的DTD文档，需要干净的标记，标记中
不能使用任何描述性的元素和属性，避免表现上的混乱，与层叠样式表配合使用。 完整代码如下：
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “/TR/xhtml1/DTD/xhtml1strict.dtd”>
知识点：(六)XHTML常用元素简介
(1) div (division,分隔)
通用块状元素，在标准网页布局中最常用的结 构化元素。表示文档结构块，可以把文档分割 为来自个区域。2、表现标准语言
在网页中主要对网页信息的显示进行控制，即 如何修饰网页信息的显示样式 CSS (Cascading Style Sheets，层叠式样式表)， W3C于1998年5月12日发布的CSS2，创 建的目的就是使用CSS取代HTML中结构与 表现混淆的弊端，使站点访问与维护更加容易
3、行为标准语言
团体拥护、研究实验室、标准制定机构和政府部门，会 员一起协同工作，致力在万维网发展方向上达成共识。
(2)Web标准
是由W3C和其他标准化组织制定的一套 规范集合;
目的是创建一个统一的用于Web表现层的 技术标准;
通过不同浏览器或终端设备向最终用户展 示信息内容。
提问
知识点：(二)Web标准由3大部分组成
书名：前端网页设计 ISBN： 978-7-111-44372-8 作者：杜黎强 出版社：机械工业出版社 本书配有电子课件
第2次课教学内容及实施环节
项目准备：任务2 应用web2.0标准区分HTML与XHTML文档 教学导入
第1次课教学回顾
教学实施
任务实施准备页检查 知识点讲解 任务实施 请大家完成本次课课中页：任务2-实施过程.doc
分发本次课所用文件
项目准备-任务2(任务实施过程).doc 项目准备-任务2(任务实施总结).doc 项目准备-任务3–子任务1--任务实施准备.doc
知识点：(一)概念(2个)
(1)W3C组织:(World Wide Web Consortium, 万维网联盟)
是一个专门负责网络标准制定的非赢利组织,诸如HTML、 XHTML、CSS、XML等标准都是W3C制定的。 2. W3C会员包括生产技术产品及服务的厂商、内容供应商、