高职高专网页制作课程教学探索
2009年6月黔西南民族师范高等专科学校学报J une2009第2期Jo咖al of s ou山w es t G ui zhou T e ac her s’c ol l e ge f or N a t i ona l i t i e s N o．2高职高专网页制作课程教学探索彭芳策(兴义民族师范学院，贵州兴义562400)摘要：随着Int e m et的发展，许多高职高专学校逐渐把网页制作引进课堂，使学生掌握网页制作的方法和技能，故有必要对高职高专层次的网页制作课程内容、教学方法进行探索，促使教学效果的提高。
关键词：网页制作；超文标记语言(H T M L)；样式表cs s文章编号：1009一_0673(2009)02__0081—03中图分类号：G434文献标识码：B随着I nt em et的发展，为渴求更加广阔视野的人们打开了一扇扇新的窗户，也给希望展示自我、彰显个性与理念的人们带来了一把新的钥匙。
个人主页、公司企业网站、政府网站……一个个网站如雨后春笋在互联网上林立，网站成为了信息传播与沟通的平台。
一个优秀网页往往取决于设计者的审美能力和创意两个方面。
但对于高职学校学生来说，最大的问题是不懂得如何使用网页制作软件，不知道如何制作让客户满意的网页素材，网页制作课程可弥补学生这两方面的知识，能使学生毕业以后更适应社会需求。
网页制作课程放在大二上学期较为合适，总共需72个学时的教学，其中需要50％的理论教学，33％的上机实践学时，17％的课程设计学时。
网页制作是多门课程的一个综合，主要内容包括网页设计基础知识；使用D re砌w eaver编辑各种网页元素；网页色彩和布局的控制；H T M L脚本语言，csS样式等。
笔者对如何在教学中让学生掌握各种设计工具的使用方法、熟练制作出让客户满意的网站等问题进行了思考和探索，结合学生的实际情况，不断加以实践和总结经验，取得了较好的教学效果。
现将在教学实践中讲解运用D re锄w eaver网页编辑工具进行建站的教学思路整理成文，希望对讲解网页制作的教师们起到一些帮助。
一、教学软件的选择及教学选择一个相对好的工具对于教学起着比较重要的作用，网页制作软件很多，但应用最广泛的是M ac玎0m e di a公司的Dre砌weave r，以及它的配套工具n嬲h、Fi reworks。
选择它作为网页制作的教学软件，是因为其具有网站管理、完善的网页编辑功能，提供了设计视图、代码视图，其设计视图为用户提供了一种“所见即所得”的可视化的编辑环境，文档的显示与浏览器中所看到的页面基本相同，非常容易被初学者接受。
D r e锄w eaver的理论教学需17％的学时，实践需8％的学时，总共25％的学时学生就可以基本掌握。
通过结合实际的网页制作来讲解、演示介绍D r e锄w eaver的使用。
可以使用任务驱动教学法让学生通过收稿日期：20109—05川1作者简介：彭芳策(198卜)，男，江西波阳人，兴义民族师范学院计科系教师，在读硕士，研究方向：软件开发。
·8l·2009年黔西南民族师范高等专科学校学报第2期实践环节来巩固、掌握使用D re踟w ea ver，使学生通过设计视图来掌握文字、图片、动画、视频等的插入方法以及表格和层的使用。
经过这部分的教学，学生基本能够编辑网页。
二、H T M L的教学D r e锄w eaver的设计视图为网页制作提供了简单、易用的环境，但设计出来的网页定位、大小等不够精确，单独使用设计视图来设计非常满意的页面比较繁琐。
要设计出非常满意的页面，离不开H T M L 代码的学习。
H TM L语言是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标记语言。
它被用来结构化信息——例如标题、段落和列表等等，是由一些特定符号组成的，所以理解与掌握都是十分容易的。
让学生知道H T M L的文档都是A s cI I档，所以创建H TM L文件十分简单，只需一个普通的文本编辑器即可，如w i ndow s中的记事本。
在该部分的教学中，先在D r eam w eaver代码视图中向学生讲解H TM L 语言各元素的意义，应用方法，以及各属性的意义和应用方法，然后综合讲解。
在上机实践时，D re锄w eaver的拆分视图提供一个较好的H TM L语言学习环境，可以要求学生使用拆分视图来设计页面，再结合教师的讲解，使学生逐渐熟悉H TM L语言。
在学生基本掌握后，就可以借助像D r e枷w eaver这类图形化的开发工具，在教学过程中可以先在设计视图制作好网页，再在代码视图删去那些无用的代码，利用它的所见即所得特性，从而使学生很快就能熟练地掌握H TM L语言。
学生熟悉H TM L语言后：(1)能对网页的每一部分进行精确定位、设置；在网页设计中我们可以通过表格的嵌套或者cs S来对整个网页的布局进行定位，在使用表格来定位时各个模块的内容之间的间隔都是通过表格宽度属性，表格的空行和空列，单元格填充属性，单元格间距属眭等来完成。
如果设计者不熟悉代码，在设计视图中很难选中自己需要的表格以及很难知道设计问题出现在哪一个表格中，而从代码中就很容易发现这一点。
(2)能够美化网页；在设计视图中如果你加表格的粗细属性，整个表格就非常明显，而现实生活中的框都非常细以及颜色也非常柔和，这也只能在代码视图或C SS中来完成。
如：st yl e=”bo—e卜bot t om：1px s ol i d#C l E O FF；bor de卜l ef t：l px s oli d#C1EO FF；bor de卜r i曲t：lpx s ol i d#c1EoF F；”。
(3)删除冗余代码提高网页传输速度。
在网页设计视图中制作的网页会产生部分垃圾代码，这些代码会影响网页的运行速度，在代码视图中可以删除这部分代码以提高网页的运行速度。
这一阶段理论需12％的学时，实践需8％的学时，共计20％的学时学生基本可以掌握。
三、C S S样式表的教学C SS层叠样式表(c鹤cadi ng S t yl e Shee t s)定义如何显示H TM L元素，在网页制作时采用c ss技术，可以有效地对页面的布局、字体、颜色、背景和其它效果的实现作更加精确的控制。
只要对相应的代码作一些简单的修改，就可以改变同一页面的不同部分，或者页数不同的网页的外观和格式。
cSS分为外部样式和内部样式。
链人外部样式表文件(1i nki ng t o a st y l e She et)在建立外部样式表文件后，使用H TM L的l i nk对象<l i nk re l=st yl e shee t h玎ef_”存放路径／文件名．cs s”t)，1)e=”t ex讹s s”>。
定义内部样式块对象正m be ddi ng a St y l e B l ock)，可以在H T M L文档的<H T M L>和<B O D Y>标记之间插入一个<S TY LE>……<，STY LE>块对象。
在C ss这部分主要以实例演示法进行教学，主要分以下几个方面举例：(1)空间页面CsS说明；(2)空间名称和简介区域；(3)内容区域；(4)页码区域；(5)模块；(6)文章区域；(7)个人档案区域；(8)相册区域；(9)友情链接区域；(10)文章分类；(11)最新评论区域；(12)相册列表；(13)好友列表；(14)设置访问统计；(15)系统公告；(16)基本选项；(17)网友评论；(18)文章存档；(19)自定义模块。
如：以下是文章区域的C Ss实例#m．-bl og div．tit{fom—s ize：14px；f ont—wei小t：bol dl<!一文章标题～>#I I L．bl og di v．t it a{col or：#333333；font—s i跣：14px．f ont—w ei g}lt：bol d)<!一文章标题链接～>．b0柑er{1px；s oil d；#cc00田<!一表格边框设置一>·82·2009年彭芳策高职高专网页制作课程教学探索第2期以上是用外部链接C SS样式对文章部分的内容作固定，也可以使用内部cs s样式表对网页内容进行固定。
如：<s t)r l e哆pe=“t ex讹鸥”><!一一body{m a rgi n—l出：0p弼m a晒n—t op：Opx；m ar百n—ri ght：0px；m aur西n—bot t om：0px；ba ck粤弘．ound—col or=#FE F5FE；}一一>矶t yl e>在上述内容完成后，将使用外部样式表(主要控制网页空间页面，各表单元素，超级链接样式等)和内部样式(控制外部样式表未控制部分)相结合的方法，制作一个完整的主页实例。
这一阶段理论需15％的学时，实践需15％的学时，共计30％的学时学生基本可以掌握。
四、综合运用实战操作教学在此阶段采用任务驱动法进行教学。
教师可以把一至两个成功的实例网站拿出来给学生作系统讲解(包括设计、制作过程)，让学生在掌握这门课程的同时也了解到建站的整个设计过程。
在这一阶段学生必须上交个人作品作为本门课程的课程设计并记入学生机试成绩。
这一阶段理论需8％的学时，实践需17％的学时，共计25％的学时。
总之，教师在网页制作这门课程的施教过程中不能局限于教材的内容，不能局限于学生会使用网页编辑软件，而要紧密联系现实生活，与实际相结合，同时也要与学生的实际相联系，选择学生容易理解和感兴趣的方式授课。
只有这样，才能在有限的时间里更好地完成网页制作这门课程的教学，才能让学生更好地做到学以致用。
参考文献：[1】唐苑．D I迕A M w E A、陋R8标准培训教材【M】．人民邮电出版社，2007．【2】h叩：／／zh．谢bpedia．o哕w／i ndex．php?dde=h廿11l跏ariallt2zh—cn，2008—10—27．责任编辑：王元华·83·。
高职高专《动态网页设计》课程教学方法探讨
１动态网页设计课程的特点 确提出需要理解和掌握的知识点及操作 方法 ，使案例带动知识点的 ＜ 动态 网页设计＞ 是计 算机 专业的专业核 心课程 ， 该课 程主要是 学 习 ， 案 例 教 学贯 穿 整 个 教 学过 程 。 体 做 法 是通 过 对 案例 提 出具 使 具 让学生 了解 网站 的功能、 网站的建设和管理方法， 掌握动态 网页的制 体任务 ， 并把任务分配到每次的课堂 内容中实现 ， 也要求常常采用互 作 技 术 。 态 网 页设 计 课 程 是 一 门 高度 综 合 的 课程 ， 动 包含 了网 页 设计 动方式是为了调动学生的积极性 ， 比如老师给一种解决 问题的思路 ， 基 础 、 据 库 应 用 基 础 、 面 设 计 、 画 设 计 、 Ｐ编 程 等 学 科 内 容 鼓 励 学 生 开 动脑 筋 想办 法 采 用 其 它 方法 来 解 决 同样 的 一个 问题 ， 数 平 动 ＡＳ 课 的综合应用。《 动态 网页设计 》 课程是一门实用性和 综合性都很强的 堂 上 每 提 出一 个 任务 的解 决 思 路 后 ，都 要 求 学 生首 先 上机 去 模 仿着 课程。 本课程教学的最大特点是易学易忘。 为了提高《 网页设计》 课程 看 能 否 实现 ，然 后再 要 求 大 家 用 自己 的思 考 的解 决 方 案来 实 现 该任 的教学效果 ， 必须不断改革与充实教学 内容 ， 注重突出人才培养的实 务。 实践表明 ， 采用该方式进行实践性较强 的课程教学具有非常明显 践性、 应用性。改革教学方法 ， 注重培养学生的实际动手应用能力和 的 效 果 。 计算机的操作水平，使学生能够充分运用所学技能进行动态网页设 ２４ 注重实践环节 当本课程的大部 分内容 已经学完时， ． 此时可 计。 以给学生布置一份综合性的作业任务 ，要求每位学生设计一个个人 《 动态 网页 设计＞ 课程 的教学实践性很强 ， 以能最大可能的激 综 合 性 的 网站 并 添 加至 少一 个 动 态效 果 。 要 求每 个 人 完成 的网 站作 所 发 学 生 的参 与性 ， 并且 锻 炼 学 生 的 动手 能 力 ， 而 培 养 学 生 的专 业 兴 品 要做 到风 格 鲜 明 、 一 、 从 统 内容 又 要完 善 ， 到和 谐 统 一 的 网页布 局 ， 做 趣。 这就要求学生在学习中注意理 论与 实践的结合 ， 特别要掌握的是 并 合 理 设计 页 面 的结 构 、 片 的 位 置 、 接 的 方式 ， 要 求 做 到 更 新 图 链 还 重 中之重的实践 内容。也要求我们给学生更加充足的动手实践的机 内容容易等特点。为了达到上述要求， 就必须在制作网站之前， 首先 会， 能熟练地掌握动态 网页的实际应用。 理论教学是为实践教学服务 进行一个总体规划 ， 收集材料 ， 然后再进行各个模块 的设计制作。布 的， 实践教学又反过来作用于理 论教学。从中学生反馈的情况看 ， 听 置 综 合作 业 任 务 之后 ，先 提 醒 学 生进 行 选 题 ，设计 出 自己 的网 站 结 老 师讲 课 能 看 懂 、 能 理 解 ， 课 后 很 快 就 忘 了 ， 试 验 时 就摸 不着 构 ，再上网查询搜集网站 内容所需的资料 ，然后对 网站进行 总体规 也 但 做 头脑 了。这种情况下 ， 了达到更好 的教学效果， 必须采取更有效 划 ， 为 就 写出书面的设计 方案。 教师要对每个学生的作 品设计方案进行审 查， 及时指 出存在的问题 和应改进的地方 ， 到要 求的， 达 学生方可开 ２《 动态网页设计》 课程的教学方法 ‘ 始制作 。 这样大大培养了学生独特的风格和 良好的创作技巧。 通过对 ２１ 任 务 驱 动 教 学 法 任 务 驱 动 教 学 法 强 调 学 生 带 着 任 务 去 学 ． 上述所有环 节的实践性操作 ， 学生学会创建、 让 查找 、 阅读 专业文献 习 ， 生 的学 习 兴趣 和 动 机 是 以 问题 的探 索 来 引导 和 维 持 的 ， 师在 学 教 资料的方法 ， 也培养 了学生撰 写方案的能力。 日常的教学情境中 ， 先给学生布置任务 ， 让学生的带着需要完成 的任 ２５ 互 助 学 习型 的学 习组 织 形 式 学 生 主 要 以小 组 学 习 为 基 本 ． 务 和 需 要探 索 的 问题 去 学 习 ， 使 学 生 掌 握 学 习 的主 动 权 。 务驱 动 促 任 学 习组织 形 式 ， 现 高效 、 悦 的 实践 课 堂 学 习效 果 ， 大 提 高 了 实 实 愉 大 从 基 本 的 实例 着 手 ，促 进 理 论 的 学 习和 应 用 ，从而 使 学 生 的独 立探 践课堂学 习效率。 互助学习通过规范、 有序和深刻 的相互帮助和相互 索、 勇于开拓 、 不断创新的学习能力得到 了极大的培养 ， 高学生 的 提 研讨 ， 旨在发挥小组 内优势集体的力量 ， 重组和发展各 自的观点和思 学 习兴趣和效率 ， 也培养 了学生的主动参与性 。 每当完成一个任 务后 考， 在融于心智 的学 习碰 撞中形成情感、 态度 、 价值观 的基础 上， 互相 学 生 自己就 会 很 有 ， 种 成就 感 、 足感 进 而 能激 发 他 们 更 强 烈 的求 这 满 学 习， 高 各 自的技 术 能 力和 团 队 合作 精 神 。 总 之 ， 师应 以培养 能 提 教 知 欲 ， 大 大增 强 了学 生 对 学 习 的信 心 ， 而 逐 步 形成 良性 循环 的学 也 从 力为主线 ， 强化 实践性教学。如今 ， 网页设计从最早的静态表现到动 习过程 。另 外 ， 任 务 驱 动教 学 过 程 中 应 注意 以下 几 个 方面 ； 设 计 在 ① 态表 达 ， 人们 对 它 的 要 求是 越 来 越 高 ， 如今 一个 综 合 的 网站 所 需 要 的 任务时必须考虑学生的认知差异。 ②提 出问题任务 之后 ， 带领学生思 网页已经不局限于功能上的要求，也就是说学生也不能只局 限于技 考 、 析和 讨 论 ， 出 一般 问题 和 需 要 更 进 一 步 解 决 的 研 究 型 问 题 ， 分 提 术的进步 ， 还要有 自己的创意和创新 ， 这就促使高校对学生的培养更 激发学生自主学 习和创造 的精神 ，并向学生提供探 索解决研究问题 加 全面 ， 及综 合 的 能 力把 握 不 断 提 高 ， 对高 校 动 态 网页 设 计 教学 以 这 的线索。③注意做好对学生 的评价反馈 ， 评价 要客观 ， 也要注意发展 事业也是一个新的改革方 向。 改革是时代和教学的要求， 我们感到任 学生的个性。同时要指 出学生的优点和缺点 ，对每个学生完成 的任 重而道远 ， 所以只有不断探索、 不断总结、 不断创新， 才能跟上 当今 时 务， 大家讨论点评 ， 以便 大家共同提高， 达到交流 的目的。 代的发展 ， 也才能培养出素质全面综合 能力强的人才。 ２２ 阶段 模 块 化教 学 在 教 学 中主 要 强 调 的 是 突 出人 才 培 养 的 ． 参考文献 ： 应用性、 实践性。把教学内容分为 四个阶段 ， 并把每一阶段划分为若 …王晓娟． 案例式
《网页制作》教学过程及方法心得体会
的 页面 了 。
４ 网页辅助 工 具 （ ） 讲授 ６ 时；实验 ４ 时） ：布局好 了 网页，就 要开 课 课 始 做 网页 了 ，可 是在做 网页 之前 必须 要做 好 充分 的准备 ，那 便 是学 会 美化
网页 的知 识Ｐ ｏ ｏ ｈ ｐ ｌ ｓ 。 当然 在这 里没有 充分 的时 间系统地 学 习，我 ｈ ｔ ｓｏ 和Ｆ ａ ｈ
教 育
缝
科 学
《 网页制作 》教 学过程 及 方法心 得体会
史 伟 王
河北
晨
秦皇岛 ０ ６１） ６３ １
（ 河北 外国语职业 学院
摘
要：
《 网页制作 》是一 门操 作性 极强的实用 型课程 ，在教学过 程 中，教师既要 注重对 学生基本 理论知识 的讲解 、基 本操作 技能的 训练，还要注 重培养学
的铺 垫 ， 因此教 师 重点 讲解 表 格 的不 同 的设 置所 呈现 的效 果 。在 这 一过 程 中 ，教师 可 以将 教 材 中的 不 同布局 的几 个 小 实例 拿过 来讲 ，将操 作过 程 展
目前 ， 随着计 算机 网 络在 各个 领域 越 来越 普遍 的应 用 ， 网页制 作 已成 为 高职 高专 院校 计算 机 专业 、 电子 商 务常 重 要 的 一 项技 能 。这 门 课程 具有 审 美 情 趣 高 、操 作 能 力 强 的 特
练 习使用 。
示给 大 家 。这样 做 一方 面 ，可 以让 学 生更 加清 楚 工具 的使 用 ，达 到 熟知 ， 另一 方面 也 可 以增 长学 生见 识 ，为 学 生布 局 自 己的 网页打 下 基础 。在 这一 阶 段 学生 达 到 的 目标 就 是 能够根 据 教师 所 讲 的表格 理 论知 识 画 出 自己 以前 准 备好 的网站 的 主 页格局 ，使 网页 布局 规 整 。实验 时 ，教 师 可 以把课 上讲 解 的 实例 素材 都 传给 学 生 ，让学 生 首先 选择 其 中一 个 案例 来练 习 。虽 然这 步 没 有 什 么 新 意 ，但 是 却 可 以 让学 生 在 听 过 课 之 后及 时 练 习 ， 扎 实基 础 ，不 至 于听 过 就忘 。第 二 步便 可 以让 学 生根据 自己的设 计布 局 自己网站
高职高专“网页设计”课程教学改革的研究
高职高专“网页设计”课程教学改革的研究摘要：当前很多高职高专类院校的计算机专业都开设了“网页设计”课程，但在教学过程中还存在着不少有待改进的地方，这从这门课程的大量的教材的编写中就能看得出来。
为此，本文从诸多方面提出这门课程教学改革的一些思路和建议，希望能够为任课教师提供一些参考。
关键词：网页设计教学改革中图分类号：g642 文献标识码：a 文章编号：1672-3791（2012）11（a）-0173-011 对网页设计课程性质和地位的重新认识对于高职高专层次的学生来说，网页设计课程是至关重要的。
原因有二：第一，不少学生的毕业设计会做一个动态网站，这就需要这门课程作为基础。
第二，网页设计是综合性很强的技术，除了要讲授html，css，javascript等内容外，还要涉及到photoshop，fireworks，flash，数据库，服务器配置等多项技术。
通过制作网站，可以将这些技术综合应用，融会贯通，较全面地提升学生的专业水平。
可是在现实的教学中，对这一点的认识并不到位。
一是安排的课时量太少。
二是开课太早。
我认为应该在photoshop，flash和一门高级语言（为学习javascript做好铺垫）开设之后，再开设网页设计的课程。
这样，既可以巩固强化前期课程的相关技术，又可以提升当前制作的网站的水准。
2 对网页设计课程教学内容的改革前已述及，当前教学中对网页设计课程安排的课时量太少。
为什么会这样呢？因为对这门课的教学内容设计的不够合理。
我浏览过很多这门课程的教材，发现章节内容很类似，都是讲怎样借助于dreamw eaver的可视化工具制作网页（比如点什么按钮插入图片、插入表格，怎样用鼠标拖拽的方式制作链接等），却很少涉及手写代码。
这些基本操作当然只需要很少的课时，但这导致的结果是：（1）不少学生不了解网页源文件的基本组成格式，在需要手动修改代码的时候无从下手；（2）对dreamweaver过于依赖，在今后做动态网站用到了其它编辑器时，完全不会使用。
高职高专《网页设计》课程改革探索
高职高专《 网页设计》 课程改 革探 索
高 云
（ 吉林省 教 育 学院 计 算机 系， 吉林 长春 １０ ２ ） ３ ０２
摘 要 ： 了适应 网络社会 的需要 ， 网页设计》 门课 已经成 为各 高职 高专院校 计算机专业 的一 门必修课 。本文结合 多年 为 《 这 《 网页设计》 程的教学 实践 ， 课 并根据这 门课程 的特 点 ， 从教 学 内容、 学方法 以及 考核 方 式几个 方面综合 阐述 了如 何提 高本 教
学 生 职 业 能 力 和 创 新 能 力 的 培 养 没 有 真 正 得 到 落实 。
Ｊ ａｃｐ 脚本语言 ； ａ Ｓｒ ｔ ｖ ｉ 其次， 能够熟练使用 Ｐ ｏ ｓｏ 、 ｈｔ ｈｐ ｏ
Ｆｒｗ ｒｓ 图像 处 理 工 具 和 Ｆａｈ 等 大 量 动 画 软 ｉ ｏｋ 等 ｅ ｌｓ 件 ， 以 网页设计 这 门课 在 教 学 内容上 不 能 单 一 地 所 学 习 Ｄｅｍ ｅｖｒ 一 种 软 件 ， 该 由浅 人 深 地 先 ｒａ ｗ ａｅ 这 应 来 学习 手写 Ｈ Ｍ Ｔ Ｌ语 言 ， 够 用 Ｈ ＭＬ语 言 编 写 简 能 Ｔ 单 网 页 之后 再 来 学 习 Ｄｅｍ ｅｖｒ用 Ｄｅｍｗ ａｅ ｒａ ｗ ａｅ， ｒａ ｅｖｒ 学 习 了如何 制作 网页 以及创 建 和管 理 站 点 之后 ， 再 结 合 Ｈ ＭＬ和 Ｄｅｍ ｅｖｒ 部分 内容 ， Ｃ Ｓ 层 Ｔ ｒａ ｗ ａｅ 两 把 Ｓ、
高职 高专院校学生 的学习带有较强的职业特
色 ， 对学 生在 知 识 结 构 、 习 习惯 、 知 心理 等 方 针 学 认
面 的特 点 ， 在教 学 方 法 上 ， 注 重 理论 结 合 实 际 ， 应 避 免 空洞 地讲解 ， 要采 用 多样 化教学 手段 ， 实行 启发 式
基于工作过程的《网页设计与制作》课程改革探析
课 程进 行 适 度整 合 ： 教 学 计划 中实 践教 学 学 时增 加 ． 加 入 将 并 集 中实训 环 节 。实 践本 位 课程 改 革模 式 采 取课 程 的双轨 制 运 作 模式 ， 即学 科体 系不 变 ， 用 了以基 础课 、 业基 础课 和专 业 沿 专 课 的 三段 式 课程 结 构 ，高职 院校 任课 教师 大 多 简单 地按 教 材 顺 序 实施 教 学 ． 一个 个 知 识 点 串接 起来 ． 知识 进 行选 择 性 把 对 讲 授 ， 了真 正 的教 书匠 ； 减 了理论课 程 学时 ， 原有 的 每周 成 缩 将
基于工作过程的《 网页设计与制作》 课程改革探析
杨 继 琼
（ 江师 范 高等 专科 学校 ， 南 丽 江 ６ ４ ０ ） 丽 云 ７ １０
摘
要： 为提 高教 学质 量 ， 过《 通 网页设 计 与制 作 》 课程 教 学 现状 的 分析 ， 基 于 工作过 程 导 向 的课 程建 设 进行 对
６课 时 缩 减 为 每 周 ４课 时 ． 在 教 学 计 划 中 增 加 了 实 践 教 学 学 并
注 重于培 养 职业 竞争 力 ， 即强 调每个 职 业 岗位 的从业 者不 仅 要 适 应 岗位 工 作 ， 能 主动 设计 或 构 建 自己的工 作 任务 ， 工 作 并 在
中成长 为有 竞争 力 的人 。
因 为 课 程 内 容 排 序 标 准 与 课 程 内 容 选 择 标 准 是 基 于 工 作
过 程课 程 开 发 的要 素 ， 校 通 过对 网页美 工 师 、 学 网站设 计 师 等 岗位 的调研 ， 合各 岗位 在 实际 工作 中所需 要 的综合 性 知识 技 结
基于任务驱动的高职网页制作课程教学设计探讨
标， 并兼顾各小组开展讨论情况。
学生活动： 本组成员可以与其它小组成员交流， 还有小组间可以互相评价。 设计意图： 通过观摩与评价， 可以借鉴别人的长
５５
一
Ｌ
处， 发现 自己的不足， 不断完善 自己， 这是教学 中真
正 实现优 劣互 补 。
选优秀作品进行鼓励表扬，优秀作品放于网上供学
关键词： 任务驱动； 教学模式； 教学设计
中 图分类 号 ： ６２ Ｇ ４ 文献标 识码 ： Ａ 文章 编号 ：６ １ ７２（０ １ ．２４０ １７． ９． １） ０ ５．３ ４ ２ ５
Ａｂ ｔａ ｔＷ ｅ ｓ ｅｐ ｏ ｕ ｔ ｎｉ ａ ｓ ｒ ｃ ： ｂ ｉ ｒ ｄ ｃｉ ｎ ｉ ｏｔｎ ｑ ｉ ｄｃ ｕ ｓ －ｏ ｔ ｏ ｓ ｍｐ ｒ ｔ ｅ ｕｒ ｏ ｒｅｉ ｅｃ ｍｍｅｃ ｎ ｏ ｕ ｅ ｃｃｎ ｅａ ｄｉ ｉ ａ ｒ ｅ ｎ ｒｅａ ｄｃ ｍｐ ｔｒｓｉｅ ｃ ， ｎ ｔｓ
生欣赏 ； 引 出还没有 解决 的 问题 。 ②
２ 作品展示， ． ５ 全班点评 教师活动： 选出一个完成得比较好的作品， 一 根据 学生 自 评和小组互评的情况， 结合制作过程， 给该作
品做 出总结 性评 价 。 学 生 活动 ： 组长 展 示小 组 的 制作 成果 并 作总 结
学生活动 ：进一领悟和体会制作过程 中所经历
【 张晓． ３ ］ 高职高专网页制作课程教学改革初探
［． Ｊ大众科 技，０９（） ］ ２ ０， ． １
学生活动： ①利用课余时间， 到创新实验室进行
实 践 练 习； 按规定 时 间提 交 作业 ； 登录课 程学 习 ② ⑧ 论坛， 发表 制 作心得 体 会 。
【］ ４陈建新． 任务驱动在计算机实训课 中的实践
网页制作课程教学研究与探讨
随着计算机网络的广泛使 用 ， 网站已成为人们获取信 息发
布信息 的重要平台 ， 网页制作技术也伴随着网络 的快速 发展而 迅速兴起 ， 已成为当今社会 的热 门技术 。为适 应社会 的需求 ，
程中如果仅仅注重 于面面俱 到地介绍 网站制作 的相关 知识 ， 则
会因为受到课时数的束缚 ， 而仅能 泛泛地 讲授 每一个知 识点 ， 不能够进行深入讲解 和运 用。这就 导致 学生学 习后无 法真 正
地动手操作 ， 学 习效 果 不 明显 。
相结合 的技术 ，要 想制作 出符合发 布要 求的 、界面美 观 的网
站， 要求 网页 的制作者有一定的美术基 础和图片处理能力 。
２ 传 统 教 学 方 法 问题 分 析
《 网页制作 》作 为一 门讲述 网站制作相关 的原理 、 技 术及 方法 的专业课程 ， 有 其 自身 的特点 ， 便在传 统课程 教学 中一直
技术 人 才 Ｊ 。 网页 制作 课 程 的 自身 特 点 也 很 明 显 ， 它 是 一 门 实 践 性 极 强
在 保 证 教 学 内容 完 整 性 的 基 础 上 ， 根 据 学 生 之 前 的 学 习情
况适量 变动 ， 删除陈旧的内容 ， 增加最新的技术成果 ， 淡化不 常 用的次要内容 ， 加强学生 动手能 力的培 养 ， 强化重 点。 比如增 加ｃ ｓ ｓ ＋ｄ ｉ ｖ 实现菜单 与网页布局案 例制作的课时 ， 加深 学生 对
教 育 研 究
Ｔ Ｅ Ｃ Ｈ Ｎ ０ Ｌ ｏ Ｇ Ｙ Ａ Ｎ Ｄ＾ ｎＲ Ｋ Ｅ Ｔ
Ｖｏ １ ． ２ ０， Ｎｏ ． １ ２， ２ ０ １ ３
高职高专网络课程的建设与实践探索
程 建 设 实 践 中 存 在 的 问 题 进 行 探 讨 ， 寻 求 网 络 课 程 题 。第 一 ，如何针对 专业 的培养 目标进行课程教 学设
建 设 的有效途 径 。 关 键 词 ： 网 络 课 程 ；存 在 问 题 ；建 设 思 路
计 的问题 ；第二 ，如何进行每 一次课的课堂教学 设计
问题 ； 第 三 ，对 电子 教 案 的 概 念 理 解 问 题 。 ４．网络 课 程 的 课 件 开 发 问题 。 网 络 课 件 的 开 发
随着 现代 教 育技术 在学 校教 育 中 的应 用 ，对教 利 用是 课程 教 学 的 重要 方法 和 手段 ，但在 网络 课件 师 的 教 育 行 为 和 学 牛 的 学 习 行 为 都 产 生 丫 深 刻 的 影 的 开 发 中 出 现 了 以 下 问题 。第 一，对 课 件 概 念 的 理 解 响 。 对 于 专 课 教 师 而 言 ，如 何 在 课 程 教 学 中 应 用 现 问题 ，有 的教师对课件概 念 的理 解不准确 ；第二 ，如 ｋ 代教 育技术推进课程 教学改 革 ，提高 教学质量 ，建设 何 解决课 件开 发只停 留在 ｔ ｔ 础上 的问题 ；第三 ， ｏ 基 ｐ 网络 课程 ，实现 优质教 育资源共享 ，是高校 教师所面 如 何解决教学 中的重点 、难点 问题 ；第四 ，如何 解决
第卷第期 ７・２
职 时 业 空
ＣＥＯＯ ＡＲ Ｎ Ｒ Ｉｅ ＨＺ Ｅ Ｒ
高 职 高 专 网络 课 程 的 建 设 与实 践探 索
胡 瑛 杜 绍堂 韩 春 秀
昆 明 ６ ０ ３ ） ５ ０ ３ （ 明冶 金 高等 专 科 学 校 ， 云南 昆
摘 要 ：结 合 高 职 高 专 网络 课 程 的建 设 与 实 践 ， 对 课程 的培养 目标 ，对知识 点的教学进行合 理安排 ，给 网络 课 程 建 设 的 必 然 趋 势 进 行 分 析 ， 通 过 对 网 络 课 出清 晰 的教学 思 路 ，但 在 教学 设 计 中 出现 了 以下 问
高职《网页设计与网站建设》课程的教学设计及实践
具 备 开发 、 维 护小 型 网站 的知识 和能力 。
１ ． １ 课 程 教 学 定 位
与该 课程 相 关 联 的 岗位 主要 有 网 站管 理 员 、 网
页制 作人员 、 网站编 辑 等 ， 通 过 对用 人 单 位 、 网络 各 大招 聘信 息 以及毕 业 生就 业 追 踪 等 的 调研 ， 经过 对 人才 需求 进行 全面 的分 析 ， 我们 可 以总 结 出 这些 职
文档 的基 本 能 力 。
１ 课 程 教 学 定 位 和 目标
能 力 目标
高等 职业 教育 的课 程应 以就 业 为导 向 ， 以能力 为本 位 ， 融“ 教、 学、 做” 为一体 ， 强化 学生 的职 业能力 与 素养 。知识 则要 把 握 必 须够 用 的选 用 原 则 ， 并 加
强应 用性 实践 环节 。《 网页设 计与 网站 建设 》 课程 以 培养 学生 成 为一名 优 秀的 网页制作 和 网站管 理人 员
掌 握 网 页 的设 计原 理 与 技巧 ； 掌握 Ｃ Ｃ Ｓ样 式 的使 用 ； 熟 练 掌 握 网页 制作 方 法 ； 熟 练 掌 握 网页 制作 工 具 软 件 的 使 知 识 目标 用 ； 掌握 网站 的建 设 与 管 理 和 维 护 等 知 识 ； 掌 握 ＨＴ ＭＩ 语 言 的使 用 ； 了解 脚 本 的运 用 ； 掌 握 网 页 中 图 片 的 设 计 与制 作 方法 ； 掌握 网页 中 动 画的 设计 与制 作 方法 。
的课程 必须做 到 教 、 学、 做一体化 ， 切 实提 高教 学 质 量” ＿ １ ］ 的教学理 念 。借此 ， 全 国高职 高专 院校 开展 了
轰 轰烈 烈 的教学 改革 。本 文介绍 了以工作 过程 为导 向对《 网 页设 计 与 网 站 建 设 》 课 程 进 行 重 新 教 学 定 位、 整 合教 学 内容 、 改 革教 学方法 和考 核方 法等 几个
高职院校网页设计制作课程教学改革论文
浅谈高职院校网页设计与制作课程教学改革的探索摘要:论文结合笔者多年的网页制作经验和教学经验分析了《网页设计与制作》课程在传统教学模式下存在的问题,并根据此课程的教学和学习特点,从培养目标、教学内容、教学手段、教学方法和教学模式上进行了探讨,并针对高职学生就业特点,构建具有以市场为导向的课程教学体系。
关键词:高职课改网页设计课改网页设计与制作课改教学改革中图分类号:g712 文献标识码:a 文章编号:1673-9795(2012)03(b)-0176-01随着互联网的飞速发展,网站已经成为企事业单位展示企业形象和服务客户的一个窗口,同时也是人们工作、生活和学习的一个重要组成部分[1]。
因此《网页设计与制作》课程作为一门技能课也成为了高职高专院校的一门必修课。
然而很多学过这门课程的学生往往不能独立地对于整个网站的进行设计和制作,即使有同学能按相应的要求制作出来,也很不专业达不到很好的视觉效果和网站功能[2]。
1 以市场为导向,明确教学培养目标市场的需求是我们培养人才的目标[3],在设置本课程时,我们首先在人才网上进行大量的调研工作,搜索记录网页设计、制作及网站维护等方面的人才需求和要求,并适时调整教学内容,对教学计划做出相应调整,删掉不再适用的内容,补充新内容。
通过本课程的学习,不仅要求学生具有网页设计、制作及维护能力,同时还要求他们掌握一些基本的seo的内容,这部分内容也是新添加上去的,因为现在很多公司要求应聘人员具有简单的seo的知识和技能,所以为了适应市场的需求,我们把这部分内容添加到网页课程里,以满足市场对人才的需求。
根据我们的教学目标,课程以dreamweaver 为主线,讲授网页制作的基础知识和基本技能,同时添加网站维护及seo等内容,根据当前的市场要求,对某些内容进行重点讲解。
2 遵循高职教学规律,加强和改进教学工作网页课程看似是一门简单的课程,却要在教学过程中进行一系列的教学设计才能达到较好的效果[4],如何组织好这门课对于教学工作和效果尤为重要。