网页设计学习计划范文精选

摘要：网站设计与制作是信息技术教学中重要的课程，它包括网页版式设计、网页美化设计、建立超链接等内容。教师应采取积极有效的教学手段，激发学生的学习兴趣，增强课堂教学效率。

关键词：网页设计教学;信息技术

网站设计与制作是信息技术教学中创新性和实践性很强的课程，教师应采取有效的教学方法，更好地激发学生的学习兴趣。

一、创建站点

（一）教学策略

通过浏览主题网页界面，让学生对网页的制作和设计有更直观、更具体的了解。教师在备课时应多搜集一些不同类型、不同主题、不同布局的优秀网站供学生观看，帮助学生了解网站的类型、主题、版面布局、主要元素等。教师同时还可以搜集一些设计出现这样或那样问题的网页让学生观看，以便学生找出这些网站在设计上出现和存在的问题，并提出一些改进的意见或建议。网页设计开始时，教师应带领学生按照网页设计的具体步骤逐步规划，进一步强化网站设计的关键性，引导学生正确学习这一规划过程。

（二）激趣导入

许多学生都有上网的经历，教师可提出一些问题，引导学生思考。如：我们上过很多网站，看过很多网页，那么，什么是网页？什么是网站？两者之间有什么联系与区别呢？学生回答后，教师进行总结：网站是在因特网上一个相对独立的信息的集合，这些信息以网页的形式向全世界。所以，网站就是同一类型网页的集合。然后，导入新课。例如：我们常说的“新浪”就是一个网站，其中你看到的每个板块中的每个页面就是网页。那么，如何制作一个网站，制作网站又用到哪些工具呢？这节课我们就开始学习。通过本单元的学习后你会感到网站制作其实并不神秘。

一、网页设计课程的项目任务设计

中职学校网页设计课程的课时安排一般为每周两到三次教学，每次教学为80~100分钟的时间。课时安排不利于常规理解的项目在课堂中开展，这就要求教师将任务尽量细化设计，项目周期最长需要在一周的教学中完成。当然，项目设计一次教学就能完成更好。如果项目任务完成周期设置较长，学生的潜意识当中都习惯将一星期作为一个阶段，而两个星期之间会有较为明显的断层，不利于项目的连贯性。特别是中职学生，过长的项目周期可能会影响学习热情。项目周期设置过长，项目难度按正比增长，那么学习的成就感可能较难获得，学习的主动性和持续性都会降低。

网页设计的任务要结合教学目标而设计，将教学课时的目标用网页效果呈现。如掌握网页中插入表格，以及表格属性设置的技术，可设置完成企业年度报告的项目，项目中包含多个数据报表，即表格知识点的学习，也有对以前所学文字、段落等知识点的回顾。而不是简单地制作一个表格，进行几行几列、行高列宽的机械化设置。前者所用的情景创设在教学中对学生学习热情的提高起到了非常关键的作用。

二、项目教学法的课堂实施过程

项目教学法在网页设计课程中的运用必须秉承以学生为学习主体的形式，遵循项目教学法的基本流程。

1.资讯。教师学习任务，让学生明确课堂学习的主导方向或目的，然后围绕目的而展开自主学习。鉴于中职学生自主学习能力较弱的情况，教师需要适当对网页中的相关技术进行分解。如在模拟QQShow换衣服的类似项目中，通过任务目的展示特别强调鼠标的操作类型和AP中图片的表现形式。学生的自主学习必须围绕学习目标，教师可以为学生提供对应的纸质学习资料或者网络课件，提高学生学习的针对性。因为网页设计课程一般在计算机机房内学习，每个学生都有一台计算机。学生很方便就可以在计算机上实验自己正在学习的知识点，对信息的掌握能保证很高的准确性。

2.计划。课堂项目计划包含两个方面：步骤和方法。网页设计课程的任务往往是做一个网页，而网页基本上都是从上到下、从左到右这种符合阅读习惯的顺序进行设计，所以步骤计划在网页设计中表现得并不明显，那么重点放在方法的设计上。学生分小组讨论项目的技术要点。如在讨厌的陷阱网站项目中讨论关不掉的对话框和不停弹出的广告页面该用哪种方法，怎么操作才可以实现。

3.决策。学生的计划可能是不完备的，教师不能让学生基于一个不完备的计划去实施，这样可能导致项目失败。教师可以在学生实施项目计划时通过旁听等方式获取计划内容，也可以通过提问等方式了解学生的计划。在保证项目的最终正确效果和不影响教学目的的前提下，对学生的计划进行调整以形成实施方案。尽量保持学生方案的原创性，突出其主体地位。如网页的布局可以用表格，也可以用布局元素来进行定位，学生用什么方法其实都无所谓，因为既不是学习表格布局，也不是学习布局元素的使用。

1　引言

以工作过程为导向的职业教育理论是德国20世纪90年代以来针对传统职业教育与真实工作世界相脱离的弊端,以及企业对生产一线技术型、技能型人才的需求提出的,并成为德国职业教育改革的理论指南[1]。针对我国传统职业教育与工作实际相脱离的弊端,我国高职教育也开始参照和借鉴德国的“双元制”职业教育改革模式,逐步形成我国的基于工作过程导向的课程体系建设,主要是为了培养学生参与建构工作岗位实践的能力[2]。而这种课程体系的改革也打破了传统学科型课程体系的教学模式,将理论学习和实践学习有机统一,学校按照企业实际的工作需要、工作内容和工作过程组织课程,形成以工作过程为导向的课程改革。工作过程是指在企业里为完成一件工作任务而获得一项工作成果的一个完整的工作进程,因此工作成果始终是其所要达到的目标[3]。以工作过程为导向的专业课程改革是以具体的工作过程对专业的教学进行整体改革。《网页设计与制作》是为高职院校计算机类专业的学生开设的一门专业技术课程,目的是让学生在学完计算机基础、平面设计、动画制作、计算机网络等课程的基础上进一步掌握网页设计的基本技能,为今后从事网页设计的学生深入学习网站开发与建设奠定基础。

2　在《网页设计与制作》课程中采用传统的学科系统化教学存在的主要问题分析

2•1　培养目标不明确

传统的教学模式主要是依照高教体系,其教学目标是按照课程教学大纲要求,使学生掌握该门课程相关知识,注重专业知识与技能的培养,而没有注重职业素质培养,专业性不突出,学生的能力不突出,学到的技术不实用。这种教学模式各门课程之间大多相互独立,缺乏关联,即使学生能够较好地完成各门课程教学目标的要求,在实际工作过程中,仍难以将各科知识灵活运用,有机融合,从而表现为解决综合问题的能力不强。

2•2　教学内容过于强调系统、全面,与企业工作实际脱节

学科型教育的教学内容通常由文化课、专业基础课和专业课三大部分组成,在适当阶段配以实训课以强化学生的实际操作能力,整体教学内容强调系统、全面[4]。各专业教师通常只是按本门课程的教学大纲进行授课,各门课程之间的联系缺乏紧密性,甚至造成部分内容重叠,实践和理论脱节,而且大多数教材中专业训练案例较少,学与用不能有机结合,与实际工作任务过程脱离,难以达到应有的教学效果。

2•3　教学手段单一,学生综合实践能力差

【摘 要】本文主要从教育改革的发展方向和目标出发，结合教学实践，研究分析项目教学法在《网页设计与制作》课程教学中的具体应用，为培养学生的就业能力提供有效途径。

【关键词】项目教学法；网页设计与制作；应用

一、项目教学法的含义

项目教学法是通过进行一个完整的“项目”工作而进行的教学活动。

在建构主义理论的指导下，项目教学法以实际的工程项目为对象，先由教师对项目进行分解，并根据需要做适当的示范，然后让学生分组围绕工程项目进行讨论、协作学习，最后以共同完成项目的情况来评价学生是否达到教学目标的一种教学方法。

二、项目教学法在《网页设计与制作》课程教学中的具体实施

（一）实施流程

项目教学法在《网页设计与制作》课程教学中的实施流程大致可分为确定项目、分析项目、实施项目、项目成果展示、评价这几个阶段。

摘 要：基于工作过程的课程开发是目前高职院校普遍认同的课程改革思想，在此思想指导下进行的《网页综合实训》课程开发及探索，基于岗位需求确定课程教学目标，根据工作过程对教学内容、教学方法和考核方式进行详细设计，提高了学生的岗位工作能力。

关键词：工作过程;课程设计;情境设计;网页设计

一、研究背景

根据齐鲁网及山东传媒职业学院毕业生岗位调研结果，我校毕业生在网页设计方面适应的岗位主要有网页页面设计、前端网页开发、后台动态网页开发等。

网页页面设计：主要应用Photoshop、Illustrator等图片处理和图形设计工具;

前端网页开发：主要应用Dreamweaver、Notepad++、Editplus等网页编码工具;

后台动态网页开发：主要应用Mysql数据库、PHP动态页面开发工具等。

这些工作岗位要求学生熟悉整个网页设计和开发的工作流程，具备所需的基本知识和操作技能，同时还要有良好的职业道德和团队精神，以适应行业发展需求。为了进一步实现职业院校的人才培养目标，提高职业教育的教学质量，围绕实际的网页设计和开发的工作过程，对《网页综合实训》课程进行改革和开发。

教材分析

《网站创作始于规划》选自上海科技教育出版社出版的《网络技术应用》第四单元《网站的设计与评价》。本单元以网站设计为工作任务，让学生通过完成网页制作的过程，亲历利用信息技术加工信息和表达思想的过程与方法，同时将网络技术的基础理论与实际应用技能有机结合起来。在网站制作中，一份详细的规划书有利于指导创作过程，而我们学生所缺少的也正是这种统筹规划能力，因而我从实际出发把网站的规划单独提了出来，以网页规划设计表为载体设计了一课时的教学内容。本节课的《普通高中信息技术课程标准（实验）》要求是：通过开发实践，学会规划、设计简单网站的基本方法并能够根据网站主题要求设计评价指标。从课标和教材可以看出，本节内容至关重要，有着承上启下的作用。承上：承接必修教材中《信息作品的集成》环节。启下：本课是《网站的设计与评价》单元的开篇，网页规划的合理与否，主题的确定是否恰当，小组成员的分工是否详细，对于后续的网页制作起着至关重要的作用。

学情分析

高一学生经过近一个学期的学习，已经具备了一定的信息获取、加工、管理能力，同时了解了网络技术的基础理论，对精彩的网页很感兴趣，非常向往掌握网页制作的技术，很想亲自创作网页作品来表达自己的想法进行有效交流。但他们会忽略电子作品制作的前期规划，对于网页设计的一般流程，以及如何确定适合的主题、如何在作品中体现主题，缺少必要的经验，因此本节课有必要在规划设计方面加以训练。

教学目标

知识与技能目标：了解创作电子作品的一般流程，理解网页规划的重要性；能够根据网站主题要求设计评价指标，对网站的质量与运行状况进行评价。

过程与方法目标：通过赏析、评价网页作品，了解网页规划的设计要素，提高审美意识；能根据任务需求，确定主题，进行科学规划，初步掌握网页规划的方法。

情感态度与价值观目标：通过小组合作，感受同学友谊，增强集体意识和协作意识；学会欣赏他人的劳动成果，提高艺术修养和审美情趣。

摘要：行动导向的教学模式必须依靠一项有代表性的综合实训项目完成，整个实训过程中以学生为主体。在教学实践中，行动导向教学模式主要运用项目驱动、情景模拟等教学手段开展，教学过程将围绕一个具有代表性的项目课题展开实施。

关键词：行动导向教学模式网站构建典型工作任务教学活动核心能力

职业学校的网站构建是一门实践较强的课程，其主要教学目标是使学生掌握静态页面设计、网页交互信息及动态数据库连接、浏览网站等知识，要求学生有较强的学科综合知识，能熟练掌握网页的制作，并将之运用于学习及实际工作中。目前职校对网站构建的课程多以静态页面的教学为主，技能知识多，任务实践性不强，过于强调软件的操作，缺少实践项目制作的指导，因此探索适合职业学校的教学模式是非常重要的。

一、行动导向教学模式的提出与内涵

德国人在职业教育中提出了职业行动能力的培养模式，以知识能力、专业能力、与人协作能力等为主要的培养目标。过去以“结果为导向”的课程体制己无法适应一线技术工人的要求，以行动为导向、强调“学中做，做中学”的教学模式应运而生，行动导向教学模式由教师导、学生做、获取经验三部分组成，教师作为指导者和策划者，学生直接操作，从技术成品中进行评价，通过自学、与教师进行交流，提高技能创造的能力，从而增强和提高学生在学习过程中的主动性和参与性。

行动导向教学模式必须依靠一项有代表性的综合实训项目完成，整个实训过程中以学生为主体，选择合适的情境及注重知识引入，运用项目驱动、情景模拟、角色扮演等教学手段，做好教学活动的设计，其中包括资讯、计划、决策、实施、检查、评估等内容，以实现技能、知识一体化，将专业能力、方法能力、协作能力、个人能力的锻炼集于学生的实训过程中，以达到通过项目实训提升学生综合能力的目的。

二、行动导向教学模式在网站构建课程中的实施

学生在学完网站构建课程后，是否能完整、独立地设计一个网站？学生需要达到什么样的一个水平呢？这就是行动导向教学的最终要解决的问题。传统的教学模式一般采用接受教学和案例教学两种形式，教学方法单一，学生能基本掌握其中的知识和技能，但综合技能的运用能力比较弱，远远不能满足企业对学生的要求，学校的教学与社会生产实践往往出现脱节现象。为改变这一局面，笔者提出在教学中引入企业实践专家的指导，按照企业实现项目的构建要求，设计出合适的、有价值的项目进行教学。下面就以企业项目“电子商务网站构建”（教学课时：10周）为例，探讨行动导向模式的教学设计及实施。

摘 要：《网页设计与制作》是中等职业学校计算机专业学生的一门核心专业课程。通过这门课的学习，学生能够掌握网页设计与制作的基本技能。但是，传统的教学方式对于这样一门技能型课程来说还远远不够，只有通过实训才能加深学生对于各知识点的了解和掌握。本文旨在通过在《网页设计与制作》课程实训中运用多种教学方法进行项目式教学的案例，对教学过程进行总结，探讨适合中等职业学校学生的一些教学方法。

关键词：网页设计与制作 综合实训 案例教学 任务驱动

中图分类号：G633 文献标识码：A 文章编号：1673-9795（2013）05（b）-0173-02

近年来，随着我国职业教育改革的进一步深化，计算机专业课程改革面临着进一步完善，这就对《网页设计与制作》课程改革提出了更高的要求。《网页设计与制作》课程是中职学校计算机应用技术和计算机网络专业中一门创新性和实践性很强的专业课程，要求学生不但要学好理论知识，还需要掌握实践技能，关键是要具有解决实际问题的能力。但是，这样一门看似简单好学的课程，却经常得不到很好的教学效果。学生在学完课程之后，要么设计结果达不到应有的功能和视觉效果，要么不能独立地进行网站规划和页面设计。因此，笔者在《网页设计与制作》课程的教学实训中，对教学内容、教学方法、教学手段、考核方式等进行了一些尝试，收到了良好的效果。

1 实训阶段

以我校计算机应用专业为例，《网页设计与制作》综合实训课安排时间为60个课时，以集中训练的方式进行。在综合实训之前，学生已经学习理论知识和上机操作，对课程的重点、难点进行了相关的练习。笔者在教学中发现，虽然学生经过指导能够完成课堂上布置的任务，但是只能根据规定的操作步骤进行，学生没有独立设计和制作网页的能力。学生的操作依赖性很强，学习之后很快就遗忘。针对这些问题，笔者制定了切合实际的实训计划，主要目的是培养他们团队中协作能力，独力完成所承担的网站需求分析、网站规划、网页设计、综合测试等工作，从而使学生牢固掌握所学知识，实现以技能培养为核心，培育适合当前职业岗位需求的应用型、技能型人才。本课程综合实训如下所示。

1.1 实训动员

在综合教学实训进行前，要做好学生的学习动员工作。一方面，让学生明确综合实训的主要目的是让学生通过实践，了解和掌握网页设计与制作的基本方法，通过不断上机练习达到解决实际问题的能力。因此，集中两个星期时间使学生综合运用所学习的网页设计与制作的知识及以前所学习图形图像处理等计算机软件应用方面的知识，根据网站制作的流程，完成一个综合的网站，全面巩固学生的知识，培养学生解决实际问题的能力，从而达到学以致用的目的。另一方面，让学生了解实训的目的和意义、学习方法以及考核方式等方面的内容。采用展示实际案例效果、历年网页设计与制作竞赛获奖作品、历届学生的优秀作品等方式来激发学生的学习兴趣，让他们积极主动地参与到实训中来。

1商务网站的前台设计概述

《商务网站前台设计》课程是电子商务专业的一门专业核心课。始终贯彻“工学结合、项目导向”课程模式，以“实用、够用、必需”为原则，培养学生的实际应用能力，取得了良好的教学效果。根据职业岗位的需求，与企业专家共同确定目标和内容。通过本课程学习，使学生能熟练运用fireworks/photoshop软件进行网页效果图的设计；熟练运用HTML中的文字、链接、列表、表格、表单、图像、多媒体、框架元素标志及属性设计网页；掌握Dreamweaver进行网站的导入、规划、管理、的相关技术及网页制作的操作技能；掌握CSS+DIV网页布局设计，掌握JAVASCRIPT脚本编程语言的基本语法知识。商务网站前台设计课程，主要采用项目教学法，教学项目是教学内容的具体表现形式，也可以说教学内容就是教学项目，完成教学项目的工作过程中形成的隐性知识即工作过程知识才是职业教育教学的核心内容，典型工作任务为工作过程知识的载体,课程内容来源于实践专家研讨会，工作过程是课程形式的体现，因此，教学项目的选择是课程开发的一项重要任务。经过反复研究并通过实践检验后的不断调整完善，最终选择了四个项目（由简单到复杂）。

（1）选择两个源于真实、完整的“红叶网上书城”和“校园超市”商务网站制作项目。其中“红叶网上书城”网站制作偏向于简单的表格布局制作，该教学目的难度属于中等偏易，“校园超市”电子商务网站制作偏向于较有难度的DIV布局制作，难度属于中等偏难，两个项目的整体设计共同为引导学生“怎么做？”。

2拓展网站设计的实践项目

从理论实施布局来讲，这个项目基本覆盖了所需的理论知识，构成了基础实践阶段的项目。为了进一步提高学生的实践能力，又设计了课外拓展实践项目。

（1）选择个性化网站制作项目，主要侧重学生同步独立实践，该项目为课外拓展实训项目，要求学生在课堂外独立完成，解决“做什么”问题。在该项目的难度属于中等。

（2）工学结合项目，是在期末集中实训期间，在学校聘请的兼职教师的指导下，学生以小组的形式主动到企业中找项目分角色完成真实网站制作项目。

由此而构成354的教学模式，既三阶段项目：“三段”：基础型实践阶段、拓展型实践阶段、工学结合型实践阶段。“五化”：课程教学项目化、模块单元化、教学过程工作化、考核多样化、课程评价过程化。《商务网站前台设计》课程建设，形成了本课程的“三段五化”教学模式。课程教学为主，充分运用“三段”教学模式，实践教学循序渐进，符合高职学生的认识规律。“四项目”：“红叶网上书店”项目和“校园超市”电子商务网站项目、个性化电子商务网站项目，源自企业真实的电子商务网站制作项目。本课程四个模块均以典型的电子商务网站项目为核心，将真实的网站分解到各个教学单元，强化知识点和技能点的训练，各个教学单元独立起来、前后相关、有序叠加，最后整合成完整的项目。课程模块是以商务网站前台设计的实际工作过程，按工学结合，能力导向来划分的，包含网页设计的制作流程、企业规范、项目规划书的制作、效果图设计、HTML和CSS+DIV理论及实践、Dreamweaver理论及实践、网站维护等内容。通过项目教学，企业实训和认证考试来实现学生的综合实践能力。“行动导向”教学模式强调学生是学习过程的中心，教师是学习过程的组织者、管理者、协调者和监督者，教师是“导演”，学生是“演员”。根据《商务网站前台设计》课程的特点，由项目组成的教学模块均是相对独立、有单独展示的成果，因此，每个教学小模块都按照“资讯、计划、决策、实施、检查和评估”六步完整的行动过程（六步法，如下图所示）来进行教学。资讯阶段，教师布置任务，帮助学生理解任务要求；计划阶段，学生一般以小组方式工作，寻找与任务相关的信息，制定工作计划；决策阶段，学生制定的计划，经过小组讨论、论证，集中团队集体智慧，作出决策，形成团队实施方案；实施阶段，学生根据计划方案完成设计和模拟，作好有关文字记录，教师监督学生学习过程，纠正学生学习偏差；检查阶段，学生检查和展示工作成果；评价阶段，自我评价，其他同学提出问题，师生共同评价。网页设计一般分为三种大类：功能型网页设计（服务网站&B/S软件用户端）、形象型网页设计（品牌形象站）、信息型网页设计（门户站）。设计网页的目的不同，应选择不同的网页策划与设计方案。一个好的网页前台的设计，能够给企业带来有利的影响。

摘要:将行动导向教学法运用到高等职业学校的网页设计与制作课程设计与教学中,是对德国先进的职业教育理念在我国高职计算机专业课中的运用进行探索,其目的是通过教学改革,找到更加适合高职计算机应用学科的教学方法,培养社会急需的网页设计的应用型人才。

关键词:行动导向 教学方法 网页设计与制作

行动导向教学法以职业活动为导向,以人的发展为本位,是世界职业教育中比较先进的教学法。本文对行动导向教学法在网页设计与制作课程中的应用进行了探索,目的是通过教学改革,找到更加适合高职计算机应用学科的教学方法。

一、行动导向法的概述

1.行动导向法的概念

行动导向法以学生为中心,以能力为本位,以教会学生“学会学习、学会工作”为目标而开展教学活动。行动导向法是教师营造一种仿真环境和气氛,通过师生共同确定学习任务和目标,引导学生在学习过程中,心、手、脑并用,教、学、做结合,以达到培养学习兴趣、掌握专业知识和技能、提高解决实际问题和互助合作等关键能力的教学方法。行动导向法的核心是注重学生个体行为能力的培养,注重激发学生自主学习的积极性,引导学生在学习中自主承担责任、自主决断、自主选择和向实践学习,对于培养人的职业素质和关键能力有着十分重要的作用。

2.行动导向法的基本特点

(1)“以学生为中心”是行动导向法的基本理念