网页制作六要素 第1篇
关键词：“高职网页设计与制作”；微课；课程教学；存在问题；实际应用
《网页设计与制作》课程在高职计算机类专业领域是必修课程，它的理论与实践应用结合性强且注重基础知识内容发挥，在实际的教学应用中对学生的基础理论知识巩固和实操能力培养还是很有效果的。当前伴随新媒体时代的到来，像微课这样的先进信息化教学手段也融入到高职院校的该学科教育体系中，改善了教学过程与教学质量效果。
1微课在《网页设计与制作》课程教学中的应用现状及存在问题
微课在当前的教育领域应用广泛，它极强的信息处理能力与知识传播扩展能力都受到各级教育体系的青睐。在高职院校的计算机类专业领域中，运用微课这一新媒体开展授课过程已经成为潮流，它深入探索了当前学科教育的教学思路与教学模式，在不断发展进步的同时也面临着诸多困境。
应用现状
微课作为当前一种创新的教学手段已经被引入到高职院校当中。以学校中计算机专业领域的《网页设计与制作》课程为例，它就首先在高职院校内部建立了教学资源平台，营造现代化教学环境，并以微课作为切入点来推动教学改革进程，某些学校也推出了像“一师一优课、一课一名师”的教育活动。《网页设计与制作》课程本身是具备专业性、复杂性和综合性特征的，它所谈到的“设计”主要对应于艺术层面，而“制作”则与技术层面相对应，所以可以将其称为是一门技术综合艺术的复合型学科。在具体的《网页设计与制作》操作过程中，应该将每一个知识操作点都作为微课视频来制作，即通过微课视频形式来导入课程案例，并整合知识点，深化教学课程的系统性、规范性和完整性。
存在的问题
当然，在《网页设计与制作》课程中引入微课教学模式，它也存在一定现实问题，这些问题或来自于教学本身，也来自于学生和学校，具体来讲可以总结归纳3点内容。
首先在教学方面，《网页设计与制作》课程本身在学术性质方面存在复杂性，即它所涉及的知识点体系规模非常庞大且复杂，可能学生在短时间内无法理解和熟练掌握这些知识点。举例来说，它就涉及Css语言、Html语言、Dreamweaver、Photoshop软件等等。教师在教学过程中要教会学生有关“Photoshop的图像与图形基础处理”技术，也要综合多种软件来教会学生在实际设计操作过程中的软件应用功能转换能力。但实际上，由于知识体系太过庞大和复杂，高职生很可能无法做到多点知识技巧兼顾，也常常会出现顾此失彼的情况。
其次在学生方面，客观讲高职生的文化与专业能力都存在严重的参差不齐，相比于普通高校学生有一定差距，这是我国职业教育领域所一直存在的弊端问题，难以回避。高职生整体素质偏差，特别是基础教育功底薄弱，没有良好的学习习惯，在课堂学习过程中也表现出定力和认知能力不足的严重缺陷，这也一定程度上影响了微课在《网页设计与制作》实际教学过程中的技术运用和作用发挥。
最后是学校方面，许多高职院校在信息技术教学领域的应用研究并不到位，甚至还存在软硬件及师资水平滞后问题。再一点师资力量的薄弱也影响了像微课这样的新媒体技术在实际课程教学过程中的有效功能发挥。实际上有些教师在教学过程中根本不会利用微课技术，其所设计的教学方案还仅仅停留在课件制作表层层面，不能基于信息技术深入教学辅助过程，无法有效发挥微课在高职院校《网页设计与制作》课程中的实际作用，导致微课应用前景并不理想[1]。
2微课融入《网页设计与制作》课程教学中的意义
微课融入《网页设计与制作》课程教学具有它重要的现实意义，如果将其现实意义细分，还可分为狭义与广义两方面来谈。
从狭义角度讲，实际上《网页设计与制作》有它一定的课程设计独特性和传统课堂教学局限性，初期尝试可能不會拥有太高的教学质量。尽管说当前高等教育中对微课的研究与应用已经全面铺开，但微课在高职计算机专业中《网页设计与制作》的应用几近空白，还未有可参考的教学应用经验，所以在高职计算机专业课堂中的《网页设计与制作》渗透微课教学理念与方法模式，对推进该专业领域的教学改革固然是非常值得期待的有益尝试，它既能够为学生创设良性的学习空间，也能够丰富教师的专业教学手段，一举多得[2]。
从广义角度讲，微课是新型的教学模式和学习方式，它更是一种全新形式的教学资源模式。在该课程体系构建过程中，学生和教师同样得到成长机会，这也让整个教学过程变得更有意义。细致来说，它存在3点现实意义。
第一，它从广义范围上扩大了高职院校的微课应用范围，是对自身课程体系、资源共享机制以及校内课程安排灵活化的一种全面革新。再者，微课也实现了对传统计算机专业学科领域的有效补充，从正面提升了学生的学习兴趣与学习欲望，这让未来微课教学常规化成为可能。
第二，它也拓展了教师的教研方式，让教师拥有了更多可利用教学手段。基于微课的《网页设计与制作》更加灵活多变，教师不但能够在现场通过当堂展示来体现知识内容的开放性、实操性、广泛性与时效性，也能够与学生实现更多教学过程互动，提高教师本身的教学交流能力与教学互动能力，促进高职教学业务水平的提高。
第三，它满足了学生对于学科学习的个性化需求，微课以碎片化信息教学理念开展，它所谓学生提供的是基于不同知识点的个性化教学过程，能够在某种程度上满足学生的个性化学习需求，让学生对于《网页设计与制作》中各种知识点的掌握更加快速娴熟。在该过程中，学生的自学能力、主动学习能力与计算机技术综合运用能力都被培养并得以提升。再者，微课实现了对学生课堂学习内容的有效延伸，它不但能够组织当堂教学，也能在课下组织第二课堂，这就兑现了对知识的关键优化与弥补，让学生随时随地都能开始学习并享受学习体验。综上所述，在《网页设计与制作》中融入微课教学模式于学校、于教师、于学生各个群体都是非常有益的，具有革新学科教育发展进程的现实意义[3]。
3微课在《网页设计与制作》课程教学中的实际应用
基于微课教学模式的《网页设计与制作》课程教学应该首先强调多元化元素的优先整合，例如将网页中有关文本、图片、文字、段落、表格等等基本元素捏合起来，然后再进行相应的教学知识点延展，配合文字、图片、声音和动画素材来在网页设计中展开应用实践过程，在动手动脑制作过程中激发他们的设计学习兴趣，促成探究式深入学习过程。
本文以《江南水乡》的网页设计与制作教学为例，教师先要教会学生如何创建网页，包括对文本信息的插入与文本内容的设置，以及表格布局网页的基本方法技巧，最终独立制作完成简单的文字网页与网页背景，为整个教学过程奠定基础。如上文所述，该课程就运用到了自主探究式教学模式，教师会为学生创设情境，然后要求学生进行自主探究，在探究过程中发现新知，最后渐渐掌握知识技能，实现教学设计与应用过程的程程递进。在该过程中，教师需要引导学生去不断深入探究，并辅助他们发现问题，同时寻求问题解决的有效途径。
知识提取
在《网页设计与制作》这一课中，对《江南水乡》的内容设计之前要进行相关知识要点梳理和提取，提取那些典型的、适合于微课开发的重要知识点。在教学环节，教师要为学生创设情境，激发他们了解江南水乡的学习兴趣，通过播放多媒体课件（约3分钟）来让学生了解江南风光的同时，也明确该微课设计脚本中所涉及的关键知识内容，例如许多文人墨客在江南美景下所勾勒的绘画、所创作的诗篇等等，先从人文角度让学生总结归纳关键知识内容，进一步了解江南。
第二步，教师要为学生引入与网页制作相关的更多网页页面设计理论知识，比如对江南水乡素材的选择、文字信息与图片信息的提取与展示、视频音频文件的使用、包括动画素材的点缀等等。教师要在知识提取过程中教会学生如何将如此之多的媒体信息资源都插入到网页中，促成网页设计与制作过程。举例来说，像图片插入，它就包含了菜单插入法、代码以及快捷键（Ctrl+Alt+I），教师要让学生去逐一探究这些图片插入方法，并能够灵活运用于实际操作过程当中。同理，插入音乐与插入flash动画也要基于该探究式教学方法来引导学生循序渐进，最终达成知识提取目标，让学生明确自己所学习的知识内容。上述知识提取是基于需求分析与任务驱动来展开的，它们对于学生深入学习《网页设计与制作》具有关键意义。
教学过程设计
该教学过程设计的重点在于如何正确插入图片、视频音频文件，并了解该插入设计方法的基本功能属性，特别是在插入flash动画的透明属性设置。另外，教师也要教授学生更多元素的插入方法及相应属性，并教会他们如何表格布局，将网页设计得更美观，并能够灵活运用这些网页设计制作技巧。
在实际的教学过程设计中，教师会首先个创设情境，引入本课的主要教学内容，即《江南水乡》的网页设计与制作，为学生列出微课学习任务列表，为学生播放微课内容。微课播放完毕后，教师就会再次引导学生思考各类网页设计与制作过程中的重要元素及它们的使用方法，提出问题任务，让学生或独立或小组合作完成任务，快速推进教学进程。
教学总结
网页制作六要素 第2篇
关键词：课程开发方法；工作过程；课程重构；前端开发
1基于“工作过程”课程基本特点
1．1现代职业教育课程的特点
工学结合是职业教育的典型特征，而让学生在校期间能接受到满足职场要求的知识传授和技能训练，则必须开发出“跨界”的课程，在课程体系中，既要有本科大学中有的知识架构与通识教育，又要有满足企业需求的职业理念与技能。而现代职业教育课程目标与现实与未来的职业密切相关，即它应具有特殊的工作过程，课程特点与基于“行动体系”的课程开发范式能较好的匹配。
1．2基于工作过程课程的特点
学科体系的课程呈现并行性，行动体系的课程体现了典型的职业工作过程，即以工序为组织形式，形成基于“工作过程”的课程观，理论知识并没有在量上发生变化，但排序方式根据不同工序产生了变化。1．2．1将工作过程系统化“工作过程系统化”的目的是促进人的全面发展，强调“以就业为导向、以职业为载体的人的全面发展”，一般解决两个问题，一是课程内容如何选择，第二是课程内容如何排序，课程内容选择依托于市场需求，传统的以学科体系来排序有利于学生存储知识，搭建知识框架，但不适用于现代高职教育。而“工作过程”基于行动体系，它关注的是工作的对象、方式、内容、方法，关注于做事的过程。［2］1．2．2将工作过程步骤化将生产过程中的实际步骤剥离开，通过知识点和技能点两个方面加以总结，设计出单一步骤的学习内容，以任务点作为反馈方式，实现学会一点即能成一事。通过多点组合，既能完成一个特定的或繁或简的工作步骤。
2基于“工作过程”的课程开发步骤———以《前端开发》为例
基于“工作过程”的计算机网络专业课程构建必须牢牢依托于行业、企业需求，在深入进行市场调研的基础上设计人才培养方案，针对具体知识点和技能点映射实际工作过程，将知识点和技能点分解成任务，最终通过任务组合达成学习目标。（下文以XXXX年XXX省XXX计算机网络专业省培内容为例）
2．1市场调研
学校通过在进行充分的市场调研基础上，召开同行专家、企业行业代表进行专业认证来搭建课程体系，系统分析现有基础及发展方向，为设计课程体系提供科学依据，在目前的大背景下，还应充分考虑技能竞赛及“1＋X”专业证书等诸多方面。笔者在此采用计算机网络专业的《前端开发》课程作为案例，因为该课程学生上手较快，能在较短的学制（一般为二年）学习中达成就业要求，因此在高职类计算机网络课程中较为重要。
2．2重构思路
传统的基于学科体系的思路来搭建《前端开发》课程，需要教师以多门课程导入来最终形成学生知识体系的搭建，比如HTML＼Photoshop＼JSP＼coreldraw等均是《前端开发》的前导课程，但对于短学制的高职学生学习后不利于达成技能目标。在相关的职业技能标准中前端页面重构属于入门阶段，利用职业技能标准重构课程知识，即围绕技能目标设计知识目标，围绕具体的工作任务再搭建知识点、技能点。
2．3基于“工作过程”进行需求分析
《前端开发》课程离不开需求分析，首要的目的是确定设计的网页用于何处以及在何种背景下使用，然后需要重点放在网页所需功能和用户使用体验上，接着评估使用什么技术方案来实现，最后通过不同方案的提出，分析是否满足预算、风险、测试、交付的要求来最终落地技术方案。在“互联网＋”时代，网页设计已不简单只是呈现内容、简单互动的作用，而且也能针对不同的用户对其喜好进行判断和推荐。
2．4基于“工作过程”设计知识体系
学习过程的每一阶段，都应有具体的工种与之对应，逐层递进，环环相扣，比如前端开发的课程体系（以前两阶段为例），每一个阶段都应有具体的知识目标和技能目标。如图1所示。
2．5基于“工作过程”设计具体知识点
具体的知识点和技能点可针对具体任务再进行细分。比如作为前端开发工程师，在具体编码设计前，需要和甲方进行充分的论证，可以将网页效果展示给甲方，及时定版，如图2所示。
2．6基于“工作过程”设计任务考核项目
针对前面进行的知识点和技能点的讲授培训，学生应已基本能独立实现网页效果展示这一具体的工作过程，此时需要设计出一个实际任务完成该工作过程，实际任务的设计原则是学生应能综合运用上述知识点与技能点来完成该任务，且课程中不同的任务应有一定的连续性，比如一个阶段结束，学生应最终通过一个个实际任务的完成形成一个匹配岗位需求兼具应用价值的完整的作品或产品。笔者针对该知识点，设计了一个“大渔铁板烧”静态网页的改版设计。
2．7基于“工作过程”反馈
为更好体现工作过程，此时教师应针对学生设计的作品进行教学反馈，建议邀请企业专家针对性地提出意见，此时可让学生进一步修改完善该作品。最终通过课程开发的闭环设计，实现知识点和技能点的巩固与完善。根据课程的特点，可以让学生根据任务考核要求设计不同的实现方案，比如分别用CSS、HTML、JSP实现时，分析相对应的代码质量，并对不同的实现方案进行互评，这样既能增强产品质量意识又能触类旁通。
3开发基于“工作过程”的课程范式注意事项
3．1课程目标应兼具教育性
美国学者从组织管理的角度提出：过去那种大批量生产标准化产品的生产方式需要由20％受过良好教育的人来管理其他80％的人；而现在的经济发展使得每个人都能成为自主管理的人，这就意味着每个人都应该受过良好的教育。工作过程的课程目标应注意兼顾把教育对象培养成人的目标。［3］这种课程设置模式要注意避免把学生培养成为工作的工具，而要正视学生在工作中还可能出现的情感，即将学生作为一个整体进行培养。
3．2课程设计应兼具情景性
现有的课堂环境无法完全模拟出实际的工作环境，因此在设计课程环节的时候应该注意课程的引入，可以通过角色扮演、案例分析、视频观赏、行业介绍等形式引入课程内容，避免学生出现无法有效的进行知识迁移而出现学习上的障碍。例如《前端开发》课程中可设置网页效果交付情景剧（售前），可让学生扮演甲方、乙方，通过沟通达成项目共识，既能让学生有意识的提高作品的设计质量，同时又锻炼了表达能力。
3．3课程设计应兼具协调性
课程最终目标是为专业建设服务，因此设计课程时应该综合考虑专业开设情况，人才培养方案等各方面要素，要综合考虑知识点分配课时比例，比如艺术设计专业开设本课程，可以多在UI设计等方面增加课时，计算机网络专业应多在HTML－CSS编码设计上增加课时。还应考虑知识点前后联系，比如讲解HTML5前，学生是否已经学习HTML的相关知识和技能。例如《前端开发》课程中可组建若干个小组（不同专业的同学，艺术设计专业、计算机网络专业、营销专业、工业设计等），通过各自擅长的领域共同完成一个任务，优秀作品可推荐参加大学生创新创业大赛，甚至推入市场，最终增强学生的综合素质。
3．4课程设计应兼具合作性
基于工作过程的课程开发将会涉及到众多的合作方，比如专业负责人、学院行政教学领导、督导、行业专家、企业工程师等等，那么如何寻求共识、彼此配合依赖，形成合力，也是课程开发中需要重点考虑的一环。例如《前端开发》课程中应以一线技术员、开发人员、产品经理、职业院校教师、课程专家作为授课计划的评估人员，增强课程的市场前瞻性、技能实用性、教育有效性。4结语回顾职业教育课程改革的历史，我们发现最早期的课程范式重视存储知识，但后来发现理论和实际结合非常不紧密，后来减少了理论课时，增加实践项目后，发现人才培养质量并未明显提升，接着将理论学习和实践学习集成起来进行一体化教学，但结合形式并未做深入研究。基于“工作过程”的课程搭建体系很好解决了这种结合的切入点，但是笔者认为这种方式的教学还不足以让学生进行很好的知识迁移，不利于培养学生技能深入内化的能力。因此，下一阶段笔者将会针对这个问题进一步进行实证研究。
参考文献
［1］陶行知．生利主义之职业教育［J］．教育与职业，1918，1（3）．
［2］姜大源．工作过程系统化：中国特色的现代职业教育课程开发［J］．顺德职业技术学院学报，2014，（3）：23－27．
网页制作六要素 第3篇
HTML（HyperText Markup Language，超文本标记语言）是用于创建网页的标准标记语言。HTML文档是由一系列的元素组成的，这些元素通过标签来表示，可以嵌套在一起以构建复杂的页面结构。HTML5是HTML的最新版本，它引入了许多新的功能，使Web开发更加灵活和强大。
HTML作为一种超文本标记语言，有指定的语法规则，超文本传输协议规定了浏览器在运行HTML文档时所遵循的规则和进行的操作。
在HTML（HyperText Markup Language）中，标记（tag）是用来定义网页结构和内容的一种语法元素。HTML标记由一对角括号包围的关键词组成，通常包括开始标记和结束标记。标记可以包含属性来提供更多细节信息。
HTML文档是由一系列的元素和标签组成的。
HTML文档标签的格式为：HTML文档的内容 处于文档的最前面，表示 HTML文档的开始，即浏览器从开始解释，直到遇到
HTML文档包括头部(head)和主体(body) HTML文档头标签的格式为：
文档编码格式如下：
HTML文档主体标签的格式为：
标签是HTML文档头部（部分）中的一个重要元素，它定义了网页的标题。这个标题会在浏览器的标签页上显示，并且在用户将网页添加到收藏夹或书签时用作默认名称。此外，标签的内容对于搜索引擎优化（SEO）非常重要，因为它帮助搜索引擎理解页面的主题。
keywords用来告诉搜索引擎网页使用的关键字
description用来告诉搜索引擎网站主要的内容
标签在HTML文档的头部（部分）中使用，主要用于定义文档与其他资源的关系，如样式表（CSS文件）、图标（favicon）和其他文档。标签是一个空标签（self-closing tag），它没有内容也没有结束标签。
网页制作六要素 第4篇
关键词 Dreamweaver；案例教学；任务驱动；协作学习；项目驱动
中图分类号：G712 文献标识码：B
1 教学目标分析
Dreamweaver开设一学期，共96学时，其中理论讲授32学时，实践训练64学时，先修课程有Photoshop和Flash。
知识学习目标：了解关于网页的基本概念，认识构成网页的常用元素，理解站点的概念，理解CSS的概念及规则、DIV与AP DIV的区别及联系，了解网页的常见布局。
能力培养目标：掌握创建和站点的基本方法，掌握文本、图像、多媒体的主要属性与设置方法，掌握制作超级链接的方法，灵活使用DIV和CSS样式布局网页，掌握使用模板创建网页的方法，掌握使用表单设计网页的方法。
2 教学内容选取
根据教学目标并结合高职学生的学习特点，选取典型的、使用频率高的工作任务作为教学训练项目，将教学内容分为基础训练模块和综合训练模块。基础训练模块包括网页欣赏、网页基础、网页制作和网站管理4个模块。综合训练模块是在基础训练模块的基础上，综合运用所学知识和技能（包括Photoshop和Flash等课程所学的知识和技能），在学期的后半段时间进行综合性、系统化训练，培养学生的综合能力，为学生进企业顶岗实习做前期准备，提高学生的岗位适应能力。具体的教学模块、任务情境及相关知识点如表1所示。
3 教学过程设计及实施
本门课程的最终目的是培养学生使用Dreamweaver设计、规划、制作网页的技能，在整个教学过程中注重学生的实际操作能力的培养，将理论讲授和实践操作相融合，主要采用案例教学、任务驱动以及协作学习、项目驱动的教学模式。
基础训练模块教学设计及实施——案例教学，任务驱动
在基础训练阶段，将经典网页赏析、案例讲解与操作演示、案例实训、各类网页设计比赛介绍贯穿于教学之中，构成一个理论与实践相结合、课堂教学与课外学习相结合、案例教学与具体任务相结合的教学链，形成培养学生解决实际问题的能力和创新能力的网页设计与制作课程教学体系。
在具体教学过程中，以案例为教学单元，具体教学环节如表2所示。
综合训练模块教学设计及实施——协作学习、项目驱动
通过基础训练模块的学习，学生对网页基础知识及网站的制作方法有了初步的认识。在综合训练阶段，学生的学习围绕真实的项目展开，教师若干网站主题，学生2～3人一组，分工明确，确定主题，共同完成网站设计与制作任务，真正体会网站设计和开发的过程；教师作为组织者、引导者和促进者，利用专题知识讲解、网站方案设计汇报、网站成果展示及汇报等环节，给予学生及时有效的帮助，通过组织学生开展总结交流活动，创设交流、反思及评价的互动平台，促进学生对网页相关知识的理解和建构。
1）确定分组及项目主题。具体的网站主题有社交网站、公司网站、新闻网站、旅游网站和校园网，学生自由组合，2～3人一组，通过查找资料、小组讨论最终确定项目主题，是很具体的网站，如五台山旅游门户网、云丘山旅游网、芦芽山旅游网站、唯爱婚庆公司网站、北京众鑫网络传媒公司网站、新亚新闻网等。
2）制定项目计划。每组学生根据本组的项目主题，对项目进行需求分析，制定项目实施方案。组员进行分工，每位组员承担不同的任务，具体的任务有素材的制作、收集和整理，网站界面设计，网页制作，超级链接等。教师对学生的项目实施方案给出帮助和指导，其他小组也可以发表看法，提出建设性意见。
3）项目实施。正式进入网站设计及网页制作阶段，小组成员各司其职，共同完成网站设计及网页制作任务。教师就学生遇到的问题和困难给予及时的帮助和指导。
4）网站项目展示与评价。项目完成后，每小组选派代表展示本小组的项目成果（主题网站），使用PPT陈述设计思路、小组分工，并对本小组的网站做出自我评价，总结本次学习活动的收获。其他小组提出问题，教师提出问题，本组成员回答问题，其他小组和教师给出评价，按照网站评分标准进行打分。
①创造性（20分）：选题和构思有独创性、有特色（5分）；版面和界面设计有新意（4分）；图标、图片、动画、视频的设计有较多的原创成分（5分）；文章大多数为原创内容（3分）；介绍新资料、新观点、新方法（3分）。
②内容（25分）：内容丰富、完整（8分）；主题突出，用多种表现形式突出重点（8分）；文章行文流畅、易于理解（3分）；提供丰富的背景资料和相关参考资料，注明资料的来源和出处（3分）；没有错别字和繁体字（3分）。
③导航、结构和链接（25分）：界面亲切友好，方便用户使用（5分）；网站结构清晰，采用模块化的结构，易于用户理解（5分）；每一页都有明确清晰的导航（5分）；提供背景资料和相关参考资料的链接，没有无效链接（5分）；内容易于检索（5分）。
④制作水平（15分）：在动画、按钮等的设计中恰当地运用比较复杂和高级的技巧（5分）；图形图像经过最优化处理，视频和音频材料经过压缩，载入迅速（5分）；运用菜单、图标、按钮、窗口、热键等，增强人机交互功能（5分）。
⑤艺术性（15分）：界面美观（4分）；排版布局合理（4分）；图片、动画、视频色彩鲜明、清晰、生动形象（4分）；音乐与主题风格一致，能增强表现力（3分）。
教师对整个项目的实施过程进行点评，指出成果和不足，强调相关知识技能，归纳总结课程教学目标的完成情况。
4 结束语
在本课程的教学中，通过对教学内容进行序化和重组，更加符合高职教育对教学内容的要求。
1）充分挖掘学生的潜力，将真实的网站设计任务贯穿整个教学过程，以完成项目为目标，驱动整个教与学的过程。
2）采用案例教学、任务驱动，协作学习、项目驱动两种教学模式，更加符合学生的认知规律，充分调动学生的学习兴趣和学习积极性。
3）采用多种评价方式，更加全面、准确地反映学生的学习情况。
在整个学习过程中，学生的自主学习能力、分析解决实际问题的能力、团队协作能力以及创新能力都得到锻炼和提高。
参考文献
[1]李捷，罗拥军.《网页制作技术》项目教学法的研究与实践[J].职业教育研究，2008（2）：150-151.
[2]傅四保.建构主义指导下的项目教学法初探：以“教育技术学研究方法”课程为例[J].中国大学教学，2011（2）：56-58.
[3]路宝利.新世纪十年中国职业教育的发展困境与思考[J].开放教育研究，2012（5）：37-42.
[4]汤文飞，赵晓秋，刘菁.Dreamweaver CS4网站设计实例教程[M].北京：机械工业出版社，2010.
[5]舒波，向磊.“大学计算机基础”学习资源的设计与应用研究[J].中国电化教育，2012（7）：94-96，107.
网页制作六要素 第5篇
关键词：工学结合；网页设计；岗位能力
在国家示范性职业学院的基础上，围绕计算机网络技术产业对技能型人才的需要，以校企共建为载体，实施“工学结合、校企互动”的人才培养模式。依托产业集群工作岗位标准，深化课程改革，探索了应用基于工作过程理实一体化教学的课程体系设计。
一、职业岗位分析
由行业、企业、专业骨干教师组建专业建设指导委员会，调研产业集群，对职业岗位技能需求情况进行分析，确定职业岗位核心能力，按照“产业集群职业岗位核心技能专业课程教学”的方式重构基于工作过程的课程模式。通过对招聘网站、国内大中城市的人才招聘信息进行分析，并对一些网站建设类企业的职业岗位调研，确定本课程职业岗位为网页设计与制作员、网站管理员。
二、确定职业岗位核心能力
三、课程教学目标
课程的教学目标，体现与职业岗位的无缝对接。改变知识点集合式的教学目标，结合职业岗位技能加入到教学目标中，将课程教学目标分解知识目标、操作技能目标和职业素质能力三个方面来培养学生的知识、技能和职业能力，以适应职业岗位的要求。
四、课程教学内容
（一）课程内容设计原则。课程内容的设计以网页设计与制作职业岗位的任职需求为原则，参考权威的网页设计师职业资格认证的内容统筹设计教学内容。突出职业能力培养与取得职业资格证书相结合的教学内容设计，体现贴合职业岗位技能需求，模拟实际工作过程的课程设计理念，以企业真实网站设计项目为载体组织教学内容，采用基于工作过程的任务驱动教学方法和手段进行实施。（二）分析职业岗位确定课程内容。根据对职业岗位能力的需求调研分析，将网页制作这一工作岗位需要的技能总结为，用户需求分析、网页规划与设计、网页信息检索与处理、网页框架布局、网页元素的定位、图片的使用、超级链接的使用、网页的修饰和层叠样式表、行为、模板与库的使用等内容。（三）课程内容分解到工作过程。以训练学生网页制作实战技能、充分提高学生实践能力为目标。首先，选取知识技能覆盖面广，项目过程完整的企业项目。然后根据学生的认知过程，将网页制作职业岗位所需的技能进行分解，嵌入到网页制作的项目中。最后，将整个项目划分成教学任务。
五、课程的教学实施
（一）建立任务情境。教师首先布置本节课程要完成的教学任务，要求学生带着任务和问题去学习。《网页制作》是一门实用性、操作性很强的课程。在学习开始时，教师首先将完整的任务网站展示给学生，告知学生学习后能取得的成果，激发他们学习的热情，同时引导学生思考如何利用这样的平台制作自己的网页，由此确定课程的总体任务――建设一个完整网站。（二）分析任务提出问题。在每一教学单元之前，先提出本单元要完成的网页制作任务，提出之后，先让学生对任务进行仔细思考、分析和讨论，提出完成任务需要解决哪些问题。其中，一些问题较为浅显的问题，学生通过主动学习就能解决；另一些是任务中包含的新知识点中的难点，学生要通过认真的研究、分析才能解决，强化学生独立解决问题的能力，培养学生从新的角度去看旧问题，丰富学生的创造性和想象力。（三）学生完成任务。探索研究问题提出后，教师启发学生解决该问题的线索。调动学生的学习兴趣和主动性。学生结合已有知识，通过自主学习或者协作讨论完成任务。通过这样的过程掌握新知识，并将所学知识融会贯通。（四）任务评价与总结。在整个任务完成后，教师对学生的完成情况进行总结，强调普遍出现的问题或错误，演示正确完成任务的方法。教师在学生完成任务的过程中对学生教学过程中参与教学活动的态度，解决问题的能力和创造性的发挥以及获取的知识的情况进行监督，对于一些暂时不能适应这种教学模式或者学习能力较差的学生进行适当的指导，做到因材施教。
六、考核方法
主要从两个层次对学生的学习情况进行考核。一是考核学生对所学网页制作技能操作的掌握程度。二是指导和督促学生加强平时认真学习的习惯。本课程采用过程考核和期末考核相结合的方式进行考核。其中过程考核包括对各教学任务的完成情况，占总成绩的30%；以及在完成过程中的表现情况，占总成绩10%；期末考核采用笔试、上机操作与作品相结合的方式，每个部分各占总成绩的20%。
七、结束语
网页制作六要素 第6篇
关键词：网络课程；无障碍；网页可用性检测
一、引言
远程教育解决了时间和空间上的矛盾，为南丁各种原因不能接受普通教育的学习者创造了学习的机会，也成为“全民教育”和“终身教育”实现的重要途径。网络课程是远程教育质量的重要保障。然而，研究发现许多远程教育课程的设计忽略了学习者本身的广泛性、多样性和差异性，不仅给各种障碍人群设置了障碍，甚至正常参与者使用时也遇到许多困难。
国外网络教育研究已经开始注意该问题，试图设计一个能包容所有人的网络学习环境，认为无障碍思想是解决该问题的办法。许多国家已经出台了信息无障碍的法律法规，以驱动网络课程资源的无障碍建设。我国的网络课程在无障碍性方面的情况如何呢?本文通过Web Aecessihility Cheeker工具，抽样检测了华东师范大学网络教育学院的100门网络课程，对课程页面的无障碍等级和存在的问题进行了整理和分析。
二、研究方法
本研究主要采用调查研究方法，这是网页无障碍研究领域常用的研究方法，具体来说是以某一网页为调查对象，采取软件自动检测、人工检测方法或两者相结合的方法，揭示网页无障碍水平和缺陷，进而进行评价和修复。
1.研究对象
检测对象是从中国开放教育资源联合体(简称CORE，www，core，org cn／)、中央电大在线课程(www，open，edu，cn／Pages／lndex，htnll)和华东师范大学网络教育学院的网络课程(www，ecnudec com／eoffiee／dee2／courselib／defauh asp)中抽取的100门网络课程。检测对象情况如表1所示。
2.具体研究方法
本研究采取自动检测为主、人工检测为辅的调查方法，采用的检测工具为网页可用性检测技术WebAccessibility Checker(简称为AChecker)，网址是／hIstory，html。AChec-ker是基于网络的免费检测工具，无需下载安装，在线即可测试。它可以与任何操作系统兼容，在EARL标准下输出检测报告。AChecker检测网页可用性的方法有两种，一是直接键入网页地址，二是上传网页文件，检测结束后，AChecker会自动生成一份针对网页的可用性检测结果报告，报告中包含三类问题：第一是确定的问题(known prohlems)，即这些问题被确定为确实存在影响网页可用的障碍，设计者需要修改这些问题；第二是可能的问题(F)robahleprob]eros)，即这些问题被确定为可能存在障碍，需要人工判断是否要修正这些问题：第三是潜在的问题(poten-tial prohlems)，即ACheekeJ不能确定这些问题中是否存在障碍，需要人工判断。
本研究以网络课程的主页、一级页面为检测样本，调出该网络课程存在错误的平均数，以显示无障碍整体水平，从而提高检测的效度。其中，我们主要检测这两个层级页面确定需要修改、可能需要修改、潜在需要修改的项目和项目数等。
本研究采用的检测标准是网页内容无障碍规范版和版(和)。规范被认为是无障碍网站静态网页开发的国际标准，该规范共分为14条规范(Guide-line)，65项检测点(Cheekpoinl)，是基于原则的，因为这项标准适用于支持信息无障碍的各种Web技术，例如PDF或JavaScript。只要最终的功能满足标准的要求，对具体使用的技术不加任何限制。
三、检测结果分析
本研究采用Excel2007软件进行数据统计与分析。
1.检测基本情况
通过检测和统计，从抽取的网络课程中主页的known problems、probable problems、potential pmblems的情况如图1所示。
从图1中，可以看到目前我国网络课程设计的无障碍水平非常低，抽取的100门课程中，主页中knownproblems的平均数目为个、probable problems的平均数日为个、potential problems的平均数目为个。potential problems的数量相当多，大于knownproblems和probable problems的数量之和。这说明我国网络课程的设计者在制作课程时存在很多不规范的编码习惯。
2.我国网络课程无障碍自动检测的结果分析
研究发现，不同网络课程存在问题的项目数差别很大，这说明网络课程对使用者造成的困难程度有高有低。以主页为例，检测到的known problems的最大值为57.最小值为6；probable problems的最大值为62，最小值为0；potential problems的最大值为118，最小值为59。具体如图2所示。
(1)known problems是ACheeker工具检测到网页中必须要修改的项目。我国网络课程在这类问题中出现的项目比较集中。表2是各项目数的排名情况。
图片元素缺少同等的替代文本。从表2中看到，图片元素缺少替代文本是known problems中出现次数最多的问题。这一检测要点主要是针对视觉障碍人群。视觉信息转换为文本，再通过辅助软件转换为声音，方便视觉障碍者使用。但是，为非文本元素提供同等的替代文本时势必会造成信息冗余，一些没有信息价值的图形、图形映射、图标等会影响网络下载速度、网页的美观、非视觉障碍人群的使用。所以一般只要为有用信息的图形、图形映射、图标等提供Ah文本，无用信息提供空Alt值，提高为非文本元素提供同等的替代文本的有效性。
锚点没有文本。锚点标记通常放在文档的特定主题处或顶部，通过创建到这些命名锚记的链接，可快速将访问者带到指定位置。如果没有设置锚点文本，这些链接就会使用户产生迷航。
脚本不可通过键盘操作和鼠标划过事件处理缺少焦点事件处理。这两个项目总是成对出现的。有一部分用户由于有肢体障碍，不方便使用鼠标操作。因此针对这种情况，在网络课程中，所有的鼠标操作都应该设置对应的键盘快捷键操作。
使用字体效果和加粗效果。这两个监测点也主要是针对视觉障碍人群。如果使用特殊字体或加粗效果来表
示特定的信息含义，由于屏幕阅读器软件无法识别这种效果，视觉障碍者在学习时必然会缺失这部分信息的含义，导致学习困难的产生。可以使用特殊字符“*”等表示特定字符代表的含义。
(2)probable problems的项目。该类问题的项目只有一个，即链接说明文本可能没有意义(Link text may notbe meanlngfu])。这主要是指在设置链接时，应该为链接添加有意义的文本，解释该链接将会转向的页面的主要内容
(3)pnlential problems的项目。我国网络课程在polential problems中出现的问题较多，比较集中的问题有：脚本可能用颜色表示信息(Script mav use colorahme)，脚本的用户接口可能不可用(Script user interfacemay nol he accessihle)，脚本可能引起屏幕闪动(Scriptnlav cause screen fticker)，下载页面时可能会弹出新窗口(I,oading wel page may cause new window open)。
3.人工检测的结果分析
ACheeker是基于英文的无障碍网页检测工具，在识别中文方面存在缺陷。所以，它生成的报告中通常都有：“Title mighttlol describe the document”(标题不能描述文档内容)，这是由无法识别中文标题而产生的。因此，尽管自动检测能够快速牛成检测结果报告，但是面对死板的检测工具和程序，自动检测不能满足日益更新的科技发展和网页发展速度。一些专家针对这个问题提出人工检测、障碍人群参与检测、远程评价、不完全无障碍检测等方法。本研究在自动检测的基础上，辅以人工检测对抽取的100个网络课程进行了无障碍检测，以下是检测结果和分析，
主页比一级页面的错误程度高。从检测的样本中发现了一个普遍存在的现象，即主页错误程度明显高于一级页面的错误程度。一般我们认为，主页投入的设计精力高于其他页面，因此它的错误度应该低。但测定的结果却与预期相反。经过分析，笔者发现，主页的设计通常比较华丽，统筹整门课程，因此图片、链接的数量相对较多，易错点数量也就随之升高。
无障碍程度与课程网页的美观程度无关。尽管一些网络课程设计非常精美、颜色明亮、布局新颖、功能设置独特，但是在无障碍自动检测中却错误百出。人工检测也发现存在许多问题：背景音乐音量无法调整、Flash不能直接跳过等。而一些网页虽然只有文字和表格，无障碍程度却很高，它体现在字体大小合适、链接安排合理、背景和前景的对比清晰等。
基于以上分析，我目的网络课程在以下几方面有待优化：
表格信息不完善。对于全盲的学习者，屏幕阅读器是他们获知网页内容的主要工具。屏幕阅读器只能以线性方式阅读文件。在这种情况下，表格可能没有意义。所以在设计表格时，应清楚表格资料行与列的表头信息。
背景音乐、音效控制不当。我们发现一些网络课程为了吸引学习者的注意，营造学习意境，设置了背景音乐但是从网页无障碍设计原则和障碍人群的特点考虑，为了小分散阅读者的注意力，应该尽量避免使用背景音乐或音效。如果必须使用，应有音乐控制条，控制声音的开关和大小。
视频缺少字幕和文本描述。视频教学是网络课程一个不可或缺的部分，通过字幕描述音频和画面内容，可使因环境、语言、文化、种族或听力障碍等原因不能流畅接受视频信息的人群尽可能地获取信息。但是笔者发现只有少数一两个网络课程的视频教学中添加了字幕，大部分的视频教学缺少精细的后期制作，甚至连视频标题都没有。必须为音视频提供同步文本或字幕。
另外，对于有认知与神经障碍的学习者，他们存在阅读障碍、注意力不集中、智力缺损和记忆障碍等缺陷。使用网络课程时，会因来不及阅读滚动或流动的文字、难以适应不同方式编排的网页、闪烁的画面等而产生学习困难。因此课程网页设计时，避免使用跑马灯或使网页文宁移动，全网站采用一致的页面布局与导航，界面设计力求简单易懂，不要让网页自动跳转。
四、总结
我同网络课程的无障碍水平较低，与让各类残疾人群、老年人参与网络学习，让身心正常的使用者可用、易用的无障碍网络课程之间存在很大差距。冈此，在建设网络课程时必须兼顾无障碍功能，避免出现上述问题；或针对以上问题对现行未达到无障碍标准的网络课程进行修复，尽可能地满足更多学习者的需求。
由于无障碍网络课程是一个新命题，对其研究还不尽成熟，在检测方法、检测工具、评价标准和分析方法上也值得广泛讨论和进一步探索，因此本研究仍需进一步深入。希望通过本研究，能够引起网络课程研发人员的广泛关注，也期望为无障碍网络课程研究超到一点借鉴作用。
参考文献：
[1]黄璐，孙祯祥，王满华，基于通用设计的无障碍远程教育研究述评[J].现代远距离教育,2007(4)：25-28.
[2]achecker ca／documentation／／index php[EB／OL]2011-01-03.
网页制作六要素 第7篇
对于英语基础薄弱、逻辑思维能力较差、计算机应用能力一般的中职生来说，要使其能够熟练应用ASP语言开发网站，传统灌输式教授已不能保证教学效果。本人根据多年教学经验，针对学生及课程特点，为进一步提高学生对动态网页制作知识的掌握，选取了项目教学法作为这门课的教学实施方法。下面以“在线考试系统”项目建设为例，结合教学过程，对《ASP网页制作》课程进行探讨。
一、项目教学法的理论依据
项目教学法是一种以学生自主探索为基础，由以教师为中心转变为以学生为中心，由以课本为中心转变为以“项目”为中心，由以课堂为中心转变为以实际经验为中心的教学方法。教师将需要达到的教学目的设计为一个项目，以小组协助方式指导学生按照实际共同制定计划，团体协作完成整个项目。这样可以使学生了解问题的全过程，真正提高学生分析和解决实际问题的能力，更有利于学生对动态网页制作技能的掌握。
二、课程设计
本校《ASP网页制作》课程课时安排为每周四个课时，每次教学为90分钟。为了使项目教学在课堂中更好地开展，任务尽量细化设计，争取在五周内完成教学，周期太长不利于项目连贯性，学生学习热情和持续性都会降低。在任务设计过程中，要将知识点融合在项目中，学生通过练习操作，熟练地掌握所需知R和技能。本文采用“在线考试系统”为例进行说明，该项目以任务为载体，将课程学习知识点分解到各个任务中。
三、项目教学法课堂实施过程
项目教学必须以学生为学习主体，使学生在掌握了必备基础知识后模拟真实工作任务，我们的项目式教学方法基本实施过程见表1。
教师为学生提供对应纸质学习资料或者网络课件，提高学生学习针对性
项目二环境配置
任务1 开发环境配置任务2 数据库设计
引导学生搭建班级网站框架，建立数据库和连接
项目三框架搭建
任务1搭建首页网站框架，应用主题任务2形成清晰网站目录结构
指导学生使用导航控件和地图
项目四考生模块
任务1 登陆界面任务2 考试管理页面（规则、待考科目、考试、成绩、个人信息）
指导和鼓励学生克服编程中遇到的问题，掌握算法
项目五教师模块
任务1登陆界面任务2教师管理页面（题库管理、浏览成绩、个人信息）
项目六管理员模块
任务1 后台管理（学生信息 教师信息 试题信息科目信息 考试结果 管理员信息）
项目七 网站测试和
任务1 网站测试任务2 网站项目到IIS 服务器任务3 申请免费域名
教师指导学生网站，使用免费域名在internet 环境下访问网站，实施系统测试
项目总结
网页制作六要素 第8篇
关键词：网页设计；课程设计；教学方法
中图分类号：G4 文献标识码：A 文章编号：16723198（2012）16014701
网页设计是高职计算机应用专业一门操作性极强的必修专业课程，具有很强的岗位针对性，而现今传统的计算机应用专业毕业生的社会需求趋于饱和，单项专业性精通的人才却明显短缺。现今，各个高等院校纷纷开设了网页设计的课程，培养网页设计的专门人员，网页设计课程的教学显得尤为重要。为此，为了提高网页设计课程的教学质量，笔者从课程设置特点、课程设计、教学内容、教学方法、实验环节等多方面对本课程进行了积极的探索，并总结如下。
1 明确课程地位，彰显课程的特点
高职院校计算机应用专业开设的网页设计课程不是仅作为一门孤立课程存在的，它是要靠多门学科的知识给予支撑，并且它们之间相互渗透和依赖，而构成的一个科学的、完整的课程体系。网页设计课程的主要目的，是通过对本课程的学习，培养学生对该软件的实际动手使用和综合应用能力，使学生能够运用所学的知识进行网页设计，制作出专业的、精美的网页页面和网站站点，包括站点构建、页面设计、数据库和网站后期维护和管理等。其中还重点体现在它的教学内容实践性较强，能极大的激发学生的参与性，锻炼学生动手能力，培养学生的专业兴趣。教师在教学中也一定要注意理论与实践相结合，实践操作内容是教学的基础，应该给予学生充足的动手实践机会，使学生在学中练、练中学。
2 了解社会需求，调整课程设计
在信息迅速膨胀、网络飞速发展的今天，国际互联网也正以其惊人的速度空前发展，我国互联网的用户正在持续递增，该行业的人才缺口相当惊人，预计我国在未来10年大约需要200万名企业商务网站设计专业人才。因此，针对社会市场岗位需求，课程设计也应紧跟市场步伐，在课程设计中，应突出对企业网站和电子商务网站建设方面技术的掌握，如访问计数器、意见反馈单或各类商务单证、动画及广告模式、商贸业务及相关热门话题论坛、导航器及搜索引擎、菜单以及数据库等。为此在对传统网页知识技术掌握的同时，还必须有其他相关知识点的穿插，在动态网页设计和数据库方面有待加强，这样才能更符合社会市场的人才需求和对课程设计更具针对性。
3 及时更新知识，重组教学内容
当前计算机科学技术的日新月异，网页设计技术不断的更新，网页设计软件也层出不穷，学生对新知识的渴望也十分迫切，这就要求教师本身也要不断的加强学习和专业技能培训，更新和强化新知识新技术，同时根据专业培养的目标及企业的岗位需求重组符合实际的教学内容。目前，网页设计课程教学内容是以Dreamweaver作为主要工具，其中以静态网页设计作为学习的重点，主要培养设计人才，但在培养方面，也需要配以Flash、Photoshop等软件的介绍，使学生在熟练掌握静态网页设计技术的基础上，还应掌握HTML语言、JAVASCRIPT脚本语言、VBSCRIPT脚本语言、ASP、数据库等相关内容，为学生今后更进一步的学习打下坚实的基础。
4 注重因材施教，改革教学方法
早在孔孟时代就提出了“因材施教”和“授之以渔”的教育理念，学生在学习过程中，由于学生智能及动手能力各有差异的，因此，在网页设计教学过程中，教师更应该注重因材施教，教师可对本班学生情况进行分类，根据学生实际水平的差异，对不同水平的学生给予不同的要求，设计基本要求和提高要求两类题型，对能力较强的同学要求完成相应提高部分的题目。为此，不同的学生、不同的要求，对教学方法提出了更高的要求，传统的教学方法肯定不能适应学生的需求，改革教学方法就显得极为关键，网页设计实际操作性很强，相比那些理论性的课程，学生更容易产生兴趣，教师应利用这个特点，注重培养学生的动手能力，让学生在实际操作的过程中发现问题并解决问题。同时，在教学过程中，教学方法还应不断摸索和创新，采用多种教学方法并重的方式，除常规的教学方法外，还可以采用案例教学法，任务驱动教学法，讲练结合等教学方法，整个教学过程主要以展示案例、分析案例、讲解知识点、教师演示和学生操练，最后再进行综合案例的应用，这样既让学生对案例有了实质性的接触和学习，又能充分的去完成对知识的自我构建和强化实训。
5 加强实训环节，变革考核方式
网页设计是一门操作性和实用性很强的实训课程，实训至关重要，要提高学生实践动手能力，必须加强实训环节。在教学过程中的教学任务都应紧密围绕教学内容进行来设计实训，每次课都经过精心设计做成实训单元，每2节课为一个实训环节，并详细描述实训要求、实训目标、实训内容及步骤等。学生实训时将具体网站案例进行模块化分工，全班进行分小组完成各自实训模块，并且实训完成后要求写出完整的实训报告。同时，在对学生的考核方面，传统的考试模式主要是以理论考试为主，而这种考试模式对该课程很不适应，因此笔者将课程的考核分为三个部分：平时成绩（20%）+理论成绩（20%）+实训成绩（60%），其中平时成绩按每堂课的作业完成情况和学生考勤进行打分；理论考试注重学生对网页设计基础知识、基本理论的掌握，采用选择题判断题等客观题的方式进行，为学生进一步的学习夯实基础；实训考试则考查学生实际动手能力，以便学生学完本课程后能有一技之长，真正做到学以致用。
参考文献
网页制作六要素 第9篇
关键词：大数据；学习通平台；翻转课堂教学模式
随着网络信息化和大数据技术的发展以及“互联网+教育”的普及，学习通等网络移动平台在应用型本科教育中应用得越来越广泛。学习通等网络移动平台的应用，有效促进翻转课堂教学模式的开发和实施。本文基于超星学习通平台探索电子商务专业《网页设计》课程翻转课堂教学模式，进而以学生为中心，探索有效促进学生发展的教学方法。
1超星学习通简介
超星学习通是基于微服务架构打造的课程学习、知识传播与管理分享平台，也是一款基于互联网环境，满足教师和学生课堂内、外活动，及时反馈教学互动的个性化学习平台。在“互联网+教育”模式不断发展的新形式下，学习通平台为翻转课堂及跨界课堂等课堂教学新模式的开发和实施奠定坚实的技术基础。教师在课前、课中、课后可在学习通中学习资料、学习任务及要求、学习路线等内容；同时，教师可通过学习通预习及巩固测试等，并运用学习通的自动批改作业功能，形成成绩统计数据并反馈给学生。学生在课前可通过学习通自学教师的学习资料，根据学习任务书及学习要求、学习路线学习课堂教学内容及重、难点内容。
2《网页设计》课程简介
课程定位
《网页设计》是电子商务本科专业开设的一门专业必修课，通过学习使学生掌握网页制作三剑客DreamWeaver、Fireworks、Flash在网页设计过程中的应用，使学生具备网站策划、网页设计与制作、效果图设计与制作等方面的技能，提高学生分析问题、解决问题的能力和项目实施能力，注重学生在学习和实践过程中职业素质的养成《网页设计》重点培养学生网页设计等实践技能，服务5G视商农产品网络营销工作中互联网营销工作内容。根据《网页设计》课程对电商专业毕业需求指标点的支撑关系以及对学年实践教学目标的支撑关系明确该课程的教学目标为：教学目标1：能运用HTML属性及标记等创造性地构建网站站点；教学目标2：能运用CSS样式、选择器等创造性地制作图文混排网页；教学目标3：能运用表格、列表、超链接等创造性地制作表格布局网页；教学目标4：能运用表单控件等创造性地制作表单网页；教学目标5：能运用标准文档流、盒子模型、浮动与定位等创造性地布局与美化网页。
课程设计
本门课程共48课时，其中24学时为理论教学学时，24学时为实践教学学时。一方面，加强学生对网页设计基本概念和基本理论学习，注重学生的知识再现能力和知识应用能力；另一方面，注重学生实践应用，要求学生在掌握基本概念和基本理论的同时，能应用所学知识根据5G视商企业需求进行网页设计与美化，重点要掌握网页设计的思维和方法，培养自己的网页设计实践操作能力。教学项目选择根据电商专业人才培养方案要求本课程培养出既会设计网页又懂理论的本科应用型人才，首先选择本课程教学内容，制订教学大纲，也就是确定课点的质量。学科体系重理论轻实践，而且课点抽象，为更好地依托课点落实课程教学目标，将学科课程体系下的章节内容依托工作过程，重构为行动课程体系下由简单到复杂的三个项目，三个项目又依托对应子项目完成知识和技能提升。项目选择一方面考虑依据专业人才培养服务面向定位：“涉农电商”；一方面考虑课程思政元素，致力于培养学生服务地方经济发展的社会责任感和家国情怀。从专业项目库中选择涉农电商企业5G视商项目，对应开发出二级矩阵，确保教学目标达成；课程思政设计源于以往的教学经验、总结和反思，密切结合专业课程的特点和课程内容选择课程思政内容。从知识点中发掘思政元素：如网页设计知识的来源和发展、技术应用、产业与市场、与社会生活的关系；知识内涵的价值观、哲学、思想、思维、逻辑、情感。发掘教学内容中所蕴含的哲学思想与元素：如认识论、方法论、自然辩证法的思路和方法；思维方式（历史思维、辩证思维、系统思维、创新思维）的启发与建立。（1）选择真实案例国内、外典型网页设计实践，也可是电子商务专业学生的真人、真事，使学生端正学习态度，受身边故事感染，逐渐养成爱学习的好习惯，主动按职业道德要求约束自己；（2）失败的教训、警示性的问题多维度分析原因（术、道、德、主客观原因）对学生心理和情感的影响。课程思政教学过程设计包括课堂内活动和课堂外活动两部分。课堂内活动：导课时师生讲故事、谈启示，以激发学生学习兴趣，适当采用翻转课堂，最好的学习是讲；课中分析网页设计案例，点评学生完成作业中反映的学习态度、认识论与方法论；小结时学生总结学习过程中领悟的道理。（3）课外活动教师通过学习通课程思政案例，学生在学习通中讨论课程思政案例，将优秀的课程思政案例在线传播，通过师生自媒体工具扩散，传播正能量。《网页设计》课程本学期采用线上线下混合式教学，线上通过学习通学习路线及学习资料等，学生课前通过学习通学习线上学习资料，实现生生互评、互教，本课程运用先行课程《农产品网络推广》中农产品网络推广策略以及《程序设计基础》中程序设计思维和方法，重点培养学生用网页制作三剑客DreamWeaver、Fireworks、Flash进行网站策划、网页设计与制作、详情页设计与制作的能力，为以后学习《电子商务网站建设》等后续课程提供技术支撑。
课程实施路径和方法
课程实施按PDCA循环进行，每个环节均要抓好人、机、料、法、环、测六个要素。（Plan）：完成教学设计此阶段教师要搜集5G视商项目资料、分析教学目标、分析学情、研究制度与学法、教法、设计预习作业、设计测评量表，最终形成教案；（Do）：实施教学设计实施教学设计，在课前、课中、课后实施中，都要抓住六要素。尤其是人：手把手，教师抓两头、带中间，发动骨干，为课上团队PK做准备；（Check）：检查教学效果检查教学效果，以料为基础，以测为手段，判断其它要素的成绩与不足。检查的关键也是人，对教师而言，一看教师教学内容是否符合专业需求，是否得到专业长的支持；二看与辅导员的配合；三看对学生团队的培育与指导。对学生而言，每次课课前、课中、课后均需及时检查学习效果，及时发现学习中存在的问题并解决问题；（Action）：优化教学设计优化教学设计时，教师不但自己要反思，还要指导学生反思，生成学习反思档案，通过PDCA循环不断提升人才培养质量。每次课课程实施都遵循PDCA过程，同时PDCA又分别是人、机、料、法、环、测充分发挥作用的过程，由此构成循环。从专业项目库中选择5G视商产业园项目，根据工作过程划分为三个由简单到复杂的项目，分为课前、课中、课后三个阶段实施。在专业质量管理体系保障下，在课程实施中，在课前通过前测分出差异化学生，从而分配差异化项目，同时在师生课前签订的课程协议等“法”的约束下，最终产出课程产品，并测量课程产品。通过组织团建、课程沙龙等营造出快乐学习、娱乐考核的大环境。以项目为例，课程实施分课前、课中、课后三个阶段，在课前教师通过学习通下发预习指导书等并归纳典型问题等。学长导师主要通过学习通等手段负责督促、指导、发现问题并反馈教师，学生线上预习、完成网页作品雏形。“三五”融入：课前预习图像标记等内容培养学生自我学习能力、设计网页雏形锻炼学生实践动手能力等。课前学习产出测量观测点分态度、知识、技能三个方面。课中、课后采用类似思路和方法以充分发挥学长导师作用，完成企业任务，人、机、料、法、环、测整个过程充分发挥作用。
课程评价
在课程评价中，充分发挥课程监理师作用，为有效测评课程教学目标达成度，检测课点掌握程度，开发了七个子项目的项目矩阵，也就是三级矩阵，从而明确每个项目的课点学习产出测量标准，以其中一个项目为例，重点是告知学生如何测量学习成果，比如课点1块级元素和行内元素中知识点要求学生能区分够块级元素和行内元素，正确率100%，合格；技能点要求能使用块级元素和行内元素设计网页等；态度点要求作品中能正确处理全局和布局的美观设计，对自己作品承担设计责任等。通过三级矩阵确保每个课点达成度，进而达成二级矩阵中项目目标从而完成一级矩阵中教学目标进而保障学年实践教学目标中达成本课程分解目标；同时与本学年其它课程一起确保达成学年教学目标从课程定位自上而下分解目标通过课程评价完成自下而上达成目标。采用四方评价：教师+企业+学长导师+学生，从知识、技能、态度三方面观测，并分别设计对应学习产出测量表。最终形式成果档案袋、学生成果展、优秀学生成长故事会。故事会则推选出优秀学生进行展示和交流，以树立培育优秀典型输入专业导师团中。关于课堂出席政策及要求，要求每位同学需出席并参与每一节课程中，课堂上按要求认真记笔记，笔记要求字迹工整，内容详实，课堂笔记是重要的复习资料。教师将抽查学生笔记，对字迹不工整等不认真记笔记的同学，将根据评分标准扣除本人和团队成员“出勤”相应分数。每位同学需出席并参与每一节课程中，每节课均会进行考勤登记，由班长将缺勤同学的请假条交给任课教师进行登记，经辅导员批准的假条方为有效。出勤扣分细则如下：出勤每少一次，扣1分；出勤少1/3者，取消考试资格。关于上课行为规范、诚信学习要求如下：每位同学需携带必需的上课材料，提前5分钟进入教室；每发现一次不携带教材、笔记本、笔等必需学习用品，从期末平时成绩总分中扣除1分。认真记笔记，笔记内容、进度与书写质量是笔记检查的重点，笔记内容要求包括网页设计、表单、超链接等相关知识、相关图表及个人听课感悟，书写质量要求图表绘制美观、字迹工整。衣冠整洁，仪表仪容得体，上课不能吃零食、喝饮料。课堂上认真听讲，积极参与课堂学习活动，不做影响他人听课或干扰教师授课的行为，诸如上课玩手机、睡觉、私自离开教室等行为将被视为违反课堂纪律；对做与课堂无关的事，诸如玩手机、睡觉、私自离开教室等行为，每出现一次从期末平时成绩总分中扣除1分。所有测试卷的雷同者或考试作弊者取消当事人（双方）本次测试成绩。关于参与实践环节的要求如下：实践学时共24学时，主要根据5G视商企业需求进行网页设计实践，学生应在实践前完成相关实践准备，撰写实践报告，并通过与其它小组开展PK，掌握网页设计的主要技能，实践完成后，不断完善项目实践报告，撰写实验报告。学习小组按4人为上限划分，在部分课堂中尝试团队式学习，也会安排一定任务的分组、汇报等环节，要求学生积极参与，此部分内容将计入“课堂参与”成绩考核中。
3学习通在《网页设计》翻转课堂模式中的应用
课前
在课前教师通过学习通平台下发预习指导书、预习资料、预习要求及预习测试等内容，通过学习通的自动批改试卷功能自动生成预习测试成绩等，教师及时通过学习通平台将预习测试结果反馈给学生，帮助学生及时发现预习中存在的问题。学生在课前通过学习通平台自学预习内容并按时完成学习通中对应的预习测试，及时总结和反思在预习中遇到的问题。
“三五”融入
“三五”是指“五种素质能力”、“五种通用能力”、“五种做事能力”。其中“五种素质能力”包括政治鉴别能力、自我学习能力、实践动手能力、合作协调能力、身心承受能力；“五种通用能力”包括开发项目、集体讨论、团队合作、陈述报告、评估取舍；“五种做事能力”包括调查研究能力、职业汉语能力、外语运用能力、汉字书写能力、网络运营能力。在课前预习中注重培养学生“三五”能力，比如课前预习图像标记等内容培养学生自我学习能力、设计网页设计作品雏形,锻炼学生实践动手能力等。
课中
教师能运用学习通的签到功能进行考勤，方便又快捷，给考勤带来了便利。课堂中能运用学习通中选人功能进行随机摇号选人或随机指定学生进行提问或汇报，这种线上选人方法的随机性，给学生创造均等的被提问的机会以及分享、交流、展示的机会，能使学生的陈述报告能力得到充分的锻炼；同时学习通中还提供抢答、问卷、主题讨论等模块，有利于教师进行课堂互动和交流。
课后
在课后教师可通过学习通巩固测试题、巩固作业等内容，及时巩固学生在课前、课中所学内容，实现知识、技能、态度从课前到课中、课后的螺旋式提升；同时，课后教师可通过学习通反馈学生学习效果数据，及时发现学生学习中存在的问题，并通过学习通将学习效果数据公布给学生，形成及时反馈机制，以达到督促学生学习的效果，实现以学生为中心的教学理念。
4小结
超星学习通平台为翻转课堂教学模式的实施提供便利条件，随着“互联网+大数据”技术的发展，在翻转课堂教学模式中应用学习通等网络移动平台是一种必然的选择和趋势。在大数据时代，应用信息技术进行教学模式和方法的改革是必经之路。优质数字化教学资源是教学内容与信息技术有机结合的最佳呈现形式。
参考文献
[1]黄海龙.数字化教学资源建设与应用研究[J].中国现代教育装备，2019（15）：17-20．
[2]胡梅，钱明珠，王海棚.基于超星学习通混合教学模式在动物微生物课程中的应用[J].河南农业，2021（6）：30-31.
[3]王东娟，戴培赟，李晓丽，等.高职院校数字化课程资源建设与应用研究现状分析[J].无线互联科技，2021（8）：115-117.
网页制作六要素 第10篇
关键词：职业学院；网页设计；教学改革
中图分类号：G4文献标识码：A文章编号：16723198（2014）07013001
1突出高职学院的实践性教学特色
高职学院以培养高等技术应用性人才为根本任务；以适应社会需要为目标、以培养技术应用能力为主线设计学生的知识、能力、素质结构和培养方案，毕业生应具有基础理论知识适度、技术应用能力强、知识面较宽、素质高等特点；以“应用”为主旨和特征构建课程和教学内容体系；实践教学的主要目的是培养学生的技术应用能力，并在教学计划中占有较大比重；“学校与社会用人部门结合、师生与实际劳动者结合、理论与实践结合是人才培养的基本途径。
2教材改革
选好教材、用好教材是搞好教学的重要保证。根据高等职业教育教学的特点，我们采用以工作过程为导向的新理念教材，以“任务驱动”形式来重点突出了教学的实用性和操作性。我们选用的《网页设计》教材各部分都采用任务驱动教学法；介绍了网页制作、站点管理与规划、Flas设计与Fireworks网页图像处理，并将其三者融为一体，通过典型任务并且连贯的讲述了网页设计的总体思想以及详细的设计步骤。对重点概念、重要的操作技能，力争通过典型工作任务讲深讲透。
本教材每一章节都将教学重点列入纲要，结构清晰、重点突出，对每个知识点的概念都加以详细的说明，各个典型任务充分体现教学重点和重要的操作技能，能让学生深入消化理解掌握并达到举一反三。本教材也适用于其他网页设计软件的升级版教学。
3教学方法和教学手段的改革
高等职业学院的教学应具有较强的实践性，针对学生的具体情况，我们采取相应的教学方法，在教学方法上，应注重理论知识简洁凝练，要采用多样化教学手段，实行启发式教学、任务驱动教学、实例教学以及精讲多练、边讲边练等多种教学方法，激发学生学习的兴趣。
采用任务驱动和实例教学法。在课前，教师要做好充分的教学准备工作，通过网络资源搜索和本节课内容相关的教学实例和视频，在开始上课时，给出本节课的基本任务和学习要点，接着给学生播放已经设计好的实例或网上下载的视频来演示本节课的主要内容，播放视频或实例的过程中，要求学生仔细观察页面的结构和特点，并总结出实例要点和制作的关键环节，之后教师提示并给出学生的具体操作步骤。
例如在讲到“表格”时，根据教学目的和教学内容选用典型的实例，先对学生展示该实例使用表格的效果，然后再详细讲解表格的创建与基本属性的设置，每讲完一个属性都要让学生创建表格并设置一下其相关的属性值，让学生能够浏览到网页的直观效果，然后再让学生举一反三，独立完成一个类似的表格设计，从而达到巩固知识点的目的。这样可以激发学生的学习兴趣，提高学生的学习积极性，案例教学法中案例的分析与完成，有助于培养学生分析问题、解决问题的能力，
在实际教学中，学生计算机知识接受能力不同、水平参差不齐的状况，不可能所有的学生在课堂上都能及时掌握教师所讲的内容，需要在课后对课堂内容进一步复习巩固，教师可以给学生布置一些相关实例，可为学生联系一些企业网站设计任务，使学生能够更好的巩固学习、发挥自己的创新能力，制作出结构清晰、内容合理的网站。教师可以将课件及相应的学习资料放到教学邮箱里，对于重点和难点和知识，教师还可以录制教学过程视频，放在学校网站上，学生可以随时访问下载并进行学习，另外，教师还可以通过电子邮件或者QQ和学生交流，在课后也能随时解答学生的疑问。
4课程考核方式改革
在《网页设计》课程的考核过程中，主要采用网站创建测评。该课程考核主要分为作业考核、期中测试和期末课程设计测评几个方面。作业要体现出每节课程的中心内容和学生的创意思维，期中测试要对半学期所学的理论与实践设计相结合，制作出符合内容需要的合理页面。最后在期末课程设计测评中，要求学生结合网页设计的三大部分dreamweaver、flash、fireworks，开始着手收集资料，自己制作网站需要的相关图片和动画，规划网站的整体框架，总结网页上体现的所有网页元素，通过详细设计分析，创建自己特色的个人网站。每位学生自己设计一个个人网站，该网站首先必须是原创；其次，要有自己的特点，除了网站首页设计外，还要具备相关的几层链接来扩展网站的内容。为了进一步提高学生的网站建设及维护能力，我们还开设了相关的动态网页设计课程等。
总之，职业学院的网页设计课程教学模式的改革已经成为必然，它对于应用型人才的培养具有举足轻重的作用，因此，本人对《网页设计》课程的教学进行了适当的改革，积极探索，用于实践，努力提高教学水平，吸引学生的学习兴趣，在教学过程中，从学生感兴趣的角度出发，对理论教学、实践教学和课程考核方式等方面进行探索和改革，能使学生主动探索，抓住学生的兴趣所在，提高其上机操作技能，拓展其知识面。
参考文献
[1]娄枫.浅谈高职院校计算机基础课程的教学改革[J].中国科技信息，2006，（10）：237238.
[2]朱士高.浅谈高职院校计算机类课程教学模式的改革[J].高教论坛，2006，（6）：208209.
[3]王锋.高职院校计算机公共基础课技能目标与实际探讨[J].职业技能，2007，（3）：2728.