随着社会的快速发展和互联网的普及，计算机技术及其应用发挥着重要的作用。为了全面提高高校学生的网页设计能力，激发学生的网页设计兴趣，探索课程改革的几点思路，从而实现对高校学生的能力提高、兴趣培养和考核标准的改革，结合课程改革的《网页设计与制作》教学模式的研究显得极为重要。
【关键词】
网页设计；课程改革；教学模式
《网页设计与制作》是一门实践性极强的课程，也是为满足社会需求而设置的。网络是人们获取信息的重要来源，随着网络在人们生活中的地位逐渐上升，企事业单位和政府机构以及个人通过网页来宣传自己的单位和个人形象。因此，提高学生对网页设计的兴趣、培养学生自己开发网站的能力显得尤为重要。
1激发学习兴趣，鼓励创新精神
1.1案例教学古语讲“学起于思，思源于疑”，良好的学习兴趣是学习的先导。首先采取案例教学，摒弃传统的教学方法。在传统的课堂上，教师讲授理论知识，之后学生进行上机练习。往往会造成机房内操作过程中无处下手。因此，结合教学内容和目标选取典型的案例进行案例教学法能够很好的解决这个问题，提高教学效果。枯燥的理论与实际案例相结合，在课堂上及时展示网页设计的效果，必将为课堂带来全新的效果，对于学生熟悉理论知识和实际操作能力也能全面加强。激发学生的学习兴趣、鼓励创新精神，化被动为主动和提高学生解决实际问题的能力是网页设计课程改革的出发点。
1.2互动教学建立教学网站，开设相应的学习论坛。在网站上传课堂视频、经典课件、网页设计的学习资料以及课堂作业，加强师生的交流、资源共享。学生在课堂上不可能掌握教师所讲的所有内容，加强互动交流和平台建设这样有助于学生的课后复习巩固，清楚学生在课堂上的疑问。
2实验设计与大作业制作标准
制作一个主题网站，主要从下面三个主题中选择：个人网页、校园生活、文学。综合运用本课程所学的内容知识，导航、布局清晰、信息分类合理。可以从网上下载部分资料，但是不能超过整个内容的30%，绝对不允许直接从网上下一个网站，一经发现直接记0分，总的页数应超过8页。（一个包含主题内容的html文件或asp文件算一页。）具体要求如下：（1）站点结构清晰，站点内文件夹名、文件名命名规范，杜绝使用中文汉字。(5分)（2）页面布局可采用表格或者css+div。（10分）（3）创建模板，并根据模板至少创建1个页面。（10分）（4）为一个页面添加浮动框架，并有链接的页面显示到浮动框架部分。（10分）。（5）使用css样式美化网页。（10分）（6）网页中必须有插入图像、文字、鼠标经过图像等页面元素，并与主题相关。（10分）（7）要求首页中加载5种链接方法：内部链接，外部链接、邮件链接、锚点链接、图像链接。（15分）（8）网站中应用的方法和技巧的种类多少。（10分）（9）网站中无断掉的链接和孤立的文件。（10分）（10）制作一份网站设计说明书，放在站点总文件夹中，并用A4纸打印一份。（该说明书必须能够体现制作网站的过程，否则视为抄袭以0分计。）（10分）在网站制作过程中应注意以下几点事项：（1）建立站点，图片存放在文件夹images中。（2）所做网页的首页文件名必须为index.html。（3）不要忘记给每个页面命名。（4）所以文件和目录名全部使用英文字母和数字，不得汉字和全角字符。（5）网上下载的文字要注意删除多余的超级链接和？之类。（6）最好在每个页面加一个超级链接返回首页。（7）网页的总容量一般不要大于15mb。（8）如果网站制作粗糙，站点结构混乱，每个扣5-10分。（9）如果运用的动画、图片等不符合作品反映内容扣5-10分不等。将制作的网页及说明书压缩成一个文件，文件名为：学号_姓名_班级。
3团队协作
在网页制作过程中，鼓励学生进行分组讨论，以团队形式完成作业，培养学生的团队协作能力。在制作过程中，将同学们以5-7人分成一个课题小组，按照分工协作、组长负责的原则加强同学之间互相讨论、互相学习、取长补短，一个团队的同学共同思考完成一个网站的制作，锻炼学生的合作精神。设计多个题目供学生选择，学生可以自选题目，充分发挥学生的兴趣和主观能动性，在规定时间内完成最后进行网页设计汇报演示。
4《网页设计与制作》课程的考核标准
多数课程通常采用笔试的方法，然而计算机类课程考核的重点是实际操作能力而非单一的理论知识。《网页设计与制作》这门课程考核内容过多偏于死记硬背的记忆性知识考核，就恰恰忽略了课程本身的性质，因此应重点培养学生的实践能力。《网页设计与制作》的课程考核方式要全面反映学生的真实学习水平、激发学生的学习兴趣和制作灵感。为充分调动学生课堂以及课后完成网页制作的积极性，在具体的考核中平时成绩占总成绩的20%，期末大作业的网站设计占总成绩的80%。这样能够调动学生上课以及完成课堂练习和实验任务的积极性。
5结语
网页设计的人才培养目标和方案必须适应市场经济对人才的需求，培养具有能够自主思考、开拓创新和独立解决实际问题能力的学生，这也是高等教育的基本目标。结合课程改革的《网页设计与制作》教模式以学生为主题，发挥学生的主观能动性，鼓励团队协作和师生平台交流必将发挥重要的作用。
参考文献：
[1]马国德.对提高课堂教学质量的一点思考[J].青海教育,2002(04):18.
[2]刘显丽.网页制作课程的整合研究[J].辽宁教育行政学院学报,2005,(02):125-126.
[3]尹玉菡,杨万军.非计算机专业《网页设计制作》课程教学设计与实践[J].辽宁师专学报,2010,12(01):44-45.
[4]史科蕾，高咏欣.《网页设计与制作》课程的教与学[J].信息技术与信息化,2007(02):129-131.
[5]刘强,张阿敏,翁艳彬.网页设计与制作[M].北京:高等教育出版社,2010.
[6]DarcyDiNucci.WebSiteRedesigns[J].PearsonEducation,2001.
【关键词】网页设计 商业网站 脚本编程
1 前言
网页设计――根据企业希望向浏览者传递的信息（包括产品、服务、理念、文化），进行网站功能策划，然后进行的页面设计美化工作。作为企业对外宣传物料的其中一种，精美的网页设计，对于提升企业的互联网品牌形象至关重要。
《商务网站前台设计》课程是电子商务专业的核心课程，本课程的最终目的是设计与制作出具有电子商务营销特点的精美网页。然而，对不同的主题，设计效果是不一样的。为此，课程团队经过长期积累和充分讨论，率先制定出了《商务网站前台设计课程标准》，该标准试行两年多以来，得到了业内人士的肯定。本课程正是在该标准的指导下，评项目、教项目、学项目、做项目，它将抽象问题具体化，将主观感觉分数化，将创作变得有章可循，进而使学生能按照某种规则指引，又好又快地设计出满意的网页来。
2 商务网站的前台设计概述
《商务网站前台设计》课程是电子商务专业的一门专业核心课。始终贯彻“工学结合、项目导向”课程模式，以“实用、够用、必需”为原则，培养学生的实际应用能力，取得了良好的教学效果。根据职业岗位的需求，与企业专家共同确定目标和内容。通过本课程学习，使学生能熟练运用fireworks/photoshop软件进行网页效果图的设计； 熟练运用HTML中的文字、链接、列表、表格、表单、图像、多媒体、框架元素标志及属性设计网页；掌握Dreamweaver进行网站的导入、规划、管理、的相关技术及网页制作的操作技能；掌握CSS+DIV网页布局设计，掌握JAVASCRIPT脚本编程语言的基本语法知识。
商务网站前台设计课程，主要采用项目教学法，教学项目是教学内容的具体表现形式，也可以说教学内容就是教学项目，完成教学项目的工作过程中形成的隐性知识即工作过程知识才是职业教育教学的核心内容，典型工作任务为工作过程知识的载体，课程内容来源于实践专家研讨会，工作过程是课程形式的体现，因此，教学项目的选择是课程开发的一项重要任务。经过反复研究并通过实践检验后的不断调整完善，最终选择了四个项目（由简单到复杂）。
（1）选择两个源于真实、完整的“红叶网上书城”和“校园超市”商务网站制作项目。其中“红叶网上书城”网站制作偏向于简单的表格布局制作，该教学目的难度属于中等偏易，“校园超市”电子商务网站制作偏向于较有难度的DIV布局制作，难度属于中等偏难，两个项目的整体设计共同为引导学生“怎么做？”。
3 拓展网站设计的实践项目
从理论实施布局来讲，这个项目基本覆盖了所需的理论知识，构成了基础实践阶段的项目。为了进一步提高学生的实践能力，又设计了课外拓展实践项目。
（1）选择个性化网站制作项目，主要侧重学生同步独立实践，该项目为课外拓展实训项目，要求学生在课堂外独立完成，解决“做什么”问题。在该项目的难度属于中等。
（2）工学结合项目，是在期末集中实训期间，在学校聘请的兼职教师的指导下，学生以小组的形式主动到企业中找项目分角色完成真实网站制作项目。
由此而构成354的教学模式，既三阶段项目：
“三段”：基础型实践阶段、拓展型实践阶段、工学结合型实践阶段。
“五化”：课程教学项目化、模块单元化、教学过程工作化、考核多样化、课程评价过程化。《商务网站前台设计》课程建设，形成了本课程的“三段五化”教学模式。课程教学为主，充分运用“三段”教学模式，实践教学循序渐进，符合高职学生的认识规律。
“四项目”： “红叶网上书店”项目和“校园超市”电子商务网站项目、个性化电子商务网站项目，源自企业真实的电子商务网站制作项目。
本课程四个模块均以典型的电子商务网站项目为核心，将真实的网站分解到各个教学单元，强化知识点和技能点的训练，各个教学单元独立起来、前后相关、有序叠加，最后整合成完整的项目。
课程模块是以商务网站前台设计的实际工作过程，按工学结合，能力导向来划分的，包含网页设计的制作流程、企业规范、项目规划书的制作、效果图设计、HTML和CSS+DIV理论及实践、 Dreamweaver 理论及实践、网站维护等内容。通过项目教学，企业实训和认证考试来实现学生的综合实践能力。
“行动导向”教学模式强调学生是学习过程的中心，教师是学习过程的组织者、管理者、协调者和监督者，教师是“导演”，学生是“演员”。根据《商务网站前台设计》课程的特点，由项目组成的教学模块均是相对独立、有单独展示的成果，因此，每个教学小模块都按照“资讯、计划、决策、实施、检查和评估” 六步完整的行动过程（六步法，如下图所示）来进行教学。
资讯阶段，教师布置任务，帮助学生理解任务要求；
计划阶段，学生一般以小组方式工作，寻找与任务相关的信息，4制定工作计划；
决策阶段，学生制定的计划，经过小组讨论、论证，集中团队集体智慧，作出决策，形成团队实施方案；
实施阶段，学生根据计划方案完成设计和模拟，作好有关文字记录，教师监督学生学习过程，纠正学生学习偏差；
检查阶段，学生检查和展示工作成果；
评价阶段，自我评价，其他同学提出问题，师生共同评价。
网页设计一般分为三种大类：功能型网页设计（服务网站&B/S软件用户端）、形象型网页设计（品牌形象站）、信息型网页设计（门户站）。设计网页的目的不同，应选择不同的网页策划与设计方案。一个好的网页前台的设计，能够给企业带来有利的影响。
参考文献
[1]王伟，叶颖.项目课程的教学设计探讨[J].中国现代教育装备，2007（10）.
[2]蒋庆斌，徐国庆.基于工作任务的职业教育项目课程研究[J].职业技术教育，2005（22）.
[3]刘利华.项目教学法在项目课程中的应用实例及启示[J].安徽电气工程职业技术学院学报，2006（3）.
[4]姜宏.高等职业教育课程改革探讨[J].北京市计划劳动管理干部学院学报，2006（3）.
一、比较对象的选择
比较对象的选取是对比中外顶级科技期刊网络传播效果的前提，为此本文设置了四个遴选原则：（1）同时拥有，即对比双方均有自己独立的网站，依托数刊联合网、主办单位网、学科信息网、数据库平台设立的期刊网页予以排除；（2）同一时期，即选取2014年最具影响力的科技期刊对应的网站；（3）同一领域，即参与对比的科技期刊所处的学科领域相同；（4）级别对等，即影响因子均处于同类期刊前列，国外期刊选取“JournalCitationReports（ScienceEdition）”影响因子在专业排名前5的科技期刊对应的网站，国内期刊选取“TheHighestInternationalImpactAcademicJournalsofChina（2014）”影响因子在专业排名前5的科技期刊对应的网站。通过筛选，最终梳理10种国际顶级期刊网站以及对应的国内10种顶级期刊网站作为本次的比较对象，详见表1。
二、对比维度分析
1.关于网络传播途径科技期刊除自办网站外，还可通过专业科技类网站、综合类门户网站、社交网络、移动终端无线网络等多种方式，传播科技信息，实现论文资源共享，提高本刊影响力。国外科技期刊比较注重开拓社交网络的应用，[9]如EnvironmentalScienceandTechnology期刊网站上就有Facebook社交入口链接、Nature期刊网站上有Blogs入口链接，用户可点击链接进入相关主题讨论。从单纯的新闻媒体与社交网络的传播优先顺序来看，国外科技期刊论文更倾向于借助媒体的优势进行内容公开，并依托媒体的社交网络工具实现与公众的互动；而国内的科技论文在选择网络传播方式时，更倾向于在作者自我控制力较强的微博、博客、微信等社交网络工具首先进行公开，获取广泛影响力后再转入新闻媒体的转播视野。移动终端阅读作为一种节能环保、经济的绿色阅读方式正受到期刊网站的青睐，Cell的导航条即具有Mobile功能，用户可以通过此下载移动客户端，ChineseMedicalJournal也支持iPad阅读功能，但总体上科技期刊网站支持移动终端阅读的比例较低。在论文新闻化方面，国外期刊如Science、Nature等除通过自己的官方网站科技新闻外，还定期向各大门户网站及各科技网站推送自己依据科技论文转化的科技新闻，而国内的期刊网站在这方面做得相对不够。近几年，国内科技期刊与新闻媒体逐步联手构建最新科研成果大众化传播的有效机制，实现多方共赢，但相对于国外多渠道的网络传播机制，目前国内的期刊与期刊、期刊与媒体、期刊与网络出版商的合作形式总体上还处于较低水平。为鼓励公众参与，国外期刊网站一般都设有论坛、群组、留言板等一系列的互动功能，公众参与度也较高，如在Nature的用户交流页面中，用户可以畅快地泡论坛，自如地添加标签，快捷地找到自己感兴趣的话题或资料，而国内期刊网站的相关功能有摆设之嫌。
2.关于主页内容安排上述国内外顶级期刊网站主页均居中分布，网页布局总体分上、中、下三层：最上层大多放置反映期刊特色的logo与导航条；中间层是各功能分区，主要包括期刊介绍区、新闻公告区、检索浏览区、用户登录区、友情链接区及其他扩展功能，内容最为丰富；最下层主要是期刊版权声明、联系方式、帮助等提示性栏目。在个性化要求日益突出的今天，上述三层之分也非严格限定，最上层有时也放置相对重要的信息，如广告条、重大公告等。国内顶级期刊网站中间功能区从左至右分两至三个竖条，具体内容排版由期刊根据自身特色设定，如ChinesePhysicsLetters期刊网站将通知公告放在左列，而JournalofMolecularCellBiology将事件公告放在右列。国内顶级期刊网站的当期文章目录与摘要占据整个网页的绝大部分，如ChineseChemicalLetters期刊网页几乎全是论文的简明目录，由于过多强调期刊网站主体功能容易导致其他相关功能的不足，布局略显单调、呆板，风格上也缺少国外期刊网站那种随和与自然。页面的底部区域，国内的科技期刊网站一般设有ICP备号、地址、邮编、联系方式等本土特色鲜明的信息，在设计上应当考虑增强网页内容的整体视觉效果、减少结尾部分的突兀感。需要说明的是，上述10个外国期刊网站中，Nature、NatureNanotechnology、NatureBiotechnology、NatureMaterials是同一出版机构下属的多种期刊，其主页布局风格十分相似，说明同一出版机构下属的各期刊倾向于采用相同的网站设计团队，而这种模式可大大降低网站的建设成本。
3.关于页面形式设计可视化图像比文字更容易吸引人们的注意，借助视觉形式动力指引人们目光移动的顺序，[11]最快速、直接地向大众解读所要传达的主题信息。国内期刊网页在可视化程度上明显比国外期刊网页低，除期刊封面、广告位图外，整个网页中很少有其他图片，论文内容可视化更是不足，10个国内顶级科技期刊网页，只有NanoResearch期刊网站在数字刊目推介中配有相应的图片，以辅助理解论文内容。而国外期刊网页，图像占比率相当高，如Cell期刊网页充满各种图片，即便是通俗易懂的内容也倾向于用相应图片展示。从设计学的角度看，国外期刊网页的图片质量较高，如Science期刊网站将2014年11月14日的封面悬挂其上，把闪电与城市的大小比例无限放大，给人们展现一种非常规的视觉体验，整个城市被一层红色的浓雾笼罩，闪电从空中画出一道道痕迹，画面以红色系的冷色调给人一种警示、恐惧的效果，通过视觉语言有力地诠释出全球变暖对闪电活动的影响，见图1；而ChineseScienceBulletin期刊2014年11月的封面则以专业化极强的学术图片搭配红色的抽象背景，普通大众很难通过视觉语言解读封面故事，见图2。国外期刊网页除有图片外，还有音频和视频内容，如TheLancet期刊网站专门设有“Multime-dia”一栏，提供各种视频、音频；而对应的ChinesePhysicsLetters期刊网站几乎没有一幅图片，更不用说视频、音频。此外，也有国外期刊网页将大尺寸、高清晰的图像专门存放在相关链接中，如Science论文页面中有专门的“Viewlargerversion”链接，可点击查看高清图片，并可以教学幻灯片形式下载。
4.关于主体功能外的扩展服务与增值服务科技期刊网站的主要目的在于推介本刊的重要科技论文，由此衍生出诸多扩展服务与增值服务，如RSSFeeds、E-mailAlert、ProfitService等。国内期刊网页大多设有“订阅指南”，提供相关纸质本的订阅信息，很少有RSS链接；而国外期刊网站RSS订阅已成共性，订阅内容的分类方式也不尽相同，JournaloftheAmeri-canChemicalSociety期刊订阅内容分为JournalArticle、CASSection两类，Nature期刊有ScientificAmerican、NatureResearchJournals、NatureReviewsJournals、Na-turePublishingGroupJournals、NewsServices等多种类别。如今，期刊网站以E-mailAlert（电子期刊派发）方式可对自立身产品进行营销推荐，并可根据用户的需求自动地发送信息（如杂志的当期目录、摘要等），Na-ture邮件提醒服务细化了服务内容，依出版物A-Z字母索引，按用户的个性选择予以提供；而提供E-mailAlert服务的国内期刊网站只有ChineseMedicalJournal、ChinesePhysicsLetters、ChineseChemicalLetters三家。在期刊网站运营盈利方面，国内期刊网站盈利水平较低，大多处于无收入状态，而国外科技期刊网站的运营经验则较丰富，如NaturePublishingGroup为作者提供有偿英语语言编辑服务和黑白或彩色抽印本订购服务；Science为企业提供信息服务和网页广告收入等。虽然“会员制”服务模式被国内外期刊网站普遍采用，但国内大多数期刊网站在实践层面较为肤浅，注册会员除阅读电子期刊外，很少能享受到其他特色服务；国外期刊网站的“会员制”服务，则较为全面，如JournaloftheAmericanChemicalSociety期刊网站除上述功能外，还为会员提供来自学会的教育、培训机会，给予项目基金资助，推送行业信息报告，组织就业指导培训，会员的求职信息等。
三、改进策略
1.增加科技期刊网络建设评价指标，促使期刊重视网络传播科技期刊的传统评价体系主要是基于中国科技论文统计源期刊，选取总被引频次、影响因子等重要指标进行科学统计与分析，将各期刊排序在相应学科下，作为期刊质量的衡量标准。近年来，又增加了基金论文比、地区分布数、他引率等修正指标，改进了期刊评价工作，每年均出台新的《中国科技期刊引证报告》（含核心版与扩展版），但该评价体系尚未引入科技期刊的网络建设因素。因此，可将期刊网络影响力作为单独的一项评价指标，并在期刊评价总指标体系下进行相应的赋权。一套融合了网络传播指标的评价体系，对期刊网站建设具有重要导向作用，激励各期刊加大网站建设投入，努力争取较高评分。而且，在当前发展“互联网+经济形态”的风口，“互联网+期刊”建设更应受到重视，信息不对称带来的信息咨询和知识交易可通过科技期刊网站这一载体进行。
2.拓展科技期刊网络增值服务，树立为用户服务的理念在网络信息资源爆炸时代，科技期刊提供科技文献的目次、摘要、全文以及期刊介绍等信息的基本服务与科技信息自身价值的实现之间存在巨大的鸿沟，也无法应对用户多层次、差异化、定制式的信息需求。期刊网站当务之急是要以科技期刊论文为核心开发丰富多样的服务项目，如在科技期刊网站设置用户交流社区、内容推介区、图书情报机构专家在线咨询、文献计量统计分析模块等等，[12]通过树立为用户服务的理念，在注重内容学术性的同时，也关注内容服务的高容量性、新颖性、时效性、趣味性，使用户拥有更多的选择的同时更愿跟踪了解学科最前沿信息，增加用户体验、提高互动效果，转优势为增值服务。期刊数据库，如知网、维普、万方等，可通过适当降低使用费用、降低集中式授权比例、灵活采用分散式授权方式、与信息分析单位合作，为用户提供除单纯论文下载外的情报分析信息。
3.发挥编辑的作用，提升期刊网站的管理运营能力科技期刊网络传播涉及网络科技新闻的传播、科技论文在社交网络中的传播、移动终端电子期刊的传播等各种传播途径，每一种传播途径的开拓与维护都需要相应的专业技术人员和管理人员。[13]前述科技期刊网站的内容组织与形式设计都需期刊编辑的积极参与，也对编辑各方面素质提出更高要求。先前是期刊编辑将内容进行选排后由网站设计公司进行线上传输，而今要求编辑对即将出版的论文进行筛选和推荐，并对重点论文进行精辟点评、概括及配图，这就要求编辑具有良好的专业知识背景和明晰的新闻传播意识。此外，多样化的文章体裁、多指向的超链接等，要求编辑做好统筹安排，严格把关层级结构关系。编辑个人的风格偏好将密切影响期刊网站相关模块甚至是整体的风格，其应当建立起与可视化图形图像设计者的密切联系，借用他人新颖的页面设计、契合的动静图像组合将严肃的科技期刊及其网站办得生动、活泼，实现协同管理。
四、结语
【关键词】 工作过程系统化；《网页设计与制作》；课程开发
【中图分类号】G642.421 【文献标识码】A 【文章编号】2095-3089（2013）17-00-01
基于工作过程系统化的课程开发强调对工作过程行知识和经验性知识的学习，培养高素质技能型人才的要求，职业教育课程开发的起点是职业分析，基于工作过程的课程对现代职业活动与工作过程相关的典型工作任务进行整体化的分析和描述[1][2]。
基于工作过程系统化的课程开发有以下步骤：
第一步：本地区及周边地区人才市场调研；
第二步：职业分析；
第三步：提炼本课程所设计的职业行动领域；
第四步：按照工作过程系统化对课程知识体系进行解构和重构；
第五步：精心设计教学内容和教学过程；
第六步：精心学习情境设计。
总结起来就是：工作任务分析行动领域归纳学习领域转换学习情境设计[3]。
一、工作任务分析、行动领域归纳
《网页设计与制作》相关的职业岗位有网页设计师和网页制作师。我们课程团队对珠江三角洲的一些企业走访调研，对已在相关岗位就业的毕业生进行回访。调研的范围主要涉及以下几方面：（1）工作具体的流程；（2）工作中常用的技术；（3）负责设计与制作的网站类型；（4）你认为学校的教育对你现在工作的影响等。对收集的调研资料，我们课程团队总结出网页设计师的主要工作任务：（1）负责网站项目的整体版式、风格设计（2）根据网站策划对网站整体框架的设计；（3）网页的具体设计制作；（4）协助网页制作师完成网页的制作。网页制作师的主要工作任务：根据网站说明书和网站设计图完成网页的制作。
二、学习领域
网页设计师这个岗位涉及到美工方面，我们网络系统管理专业相关的课程只有photoshop和《网页设计与制作》，美工方面的知识只能是学生根据自己的兴趣爱好自己补充，但是没有美工专业基础，还是有很多计算机专业的人从事这个职业。根据调研结果我们确定《网页设计与制作》的主要教学任务是让学生掌握网站设计开发的流程与方法，掌握DreamWeaver开发工具设计网站和制作网页，培养学生设计网站和制作网页的能力。
三、学习情境设计
根据行动领域的归纳和学习领域的转换，我们选择了个人主页、班级网站、商业企业网站、旅游网站、商业购物网站作为课程的教学项目，总结为三个学习情境：小型网站网页设计与制作、中型网站网页设计与制作和大型网站网页设计与制作。具体的学习情境设计如下表1：
其中拓展项目可根据校企合作的情况和学生兴趣小组进行补充和更改，每个学期每个班可以不一样。
参考文献
[1]姜大源，职业教育学研究新论[M]，北京：教育科学出版社，2007。
关键词：技工教育；一体化教学；网页制作；Dreameweaver
中图分类号：TP393.092-4；G712.4
网页制作教学是技工教育计算机学科教学中的重要内容，传统教学模式下，习惯将计算机理论知识与上机实践分开教学，往往是理论知识教学与实践应用能力教学由两个教师来承担，教学效果并不理想。运用一体化教学模式，可以有效地解决理论教学与实践教学相分离的弊端，提高网页制作课堂教学的成效。
一、“一体化”教学概述
“一体化”教学是一种以教师为主导、学生为主体的现代化教学模式，在专业教师的指导下，教师通过设计大量的由简单到复杂、由浅入深的“实践活动”来完成教学过程。“一体化”教学模式是以培养具有扎实理论基础知识、操作技能强的复合型技能人才为目的，将教学大纲、教学过程有机地统和在一起，以实现理论教学与实践教学的目标要求。“一体化”教学模式具有课程理论适度化、模式一体化、内容综合化的特征，“一体化”教学模式对教师的个人综合素质要求较高，教师不仅要具有较高的理论讲授能力，更重要的是还能够熟练地运用现代化的教学手段、设施，具备较高操作技能。同时，“一体化”教学模式的运用，对硬件教学设施要求也较高，以网页制作教学为例，“一体化”教学模式的实施，可以采取自学、导学、助学、促学相结合的方式，规划并创建站点制作主页和内页优化网站和管理站点。《网页设计与制作》是技工教育的主干专业课程，该课程具有实用性强、应用面广、操作性强以及与未来就业岗位密切相关的特点，在《网页设计与制作》学科中，大胆地进行教学模式改革，打破传统的课堂教学模式，实施“一体化”教学，能够提高学生的学习能力、综合能力以及协作能力，激发学生的学习兴趣。
二、“一体化”教学在网页制作中的应用探析
网页制作过程中，运用“一体化”教学模式，学生成为了学习的主体，在整个教学过程中，教师更多的是发挥引导协助的作用，这样不仅提高了学生自主学习的能力，而且对于落实网页制作学科的教学目标要求也具有重要的意义。
（一）确定设计思路
当前，各大中职院校基本上都开设了网页制作课程，其中“Dreameweaver网页制作”就是网页制作教学科目必修的基础性学科之一，是一门艺术与技术相结合、实践应用性比较强的课程，以在课程教学过程中运用“一体化”教学模式为例，确定设计思路时，首先就要打破传统的教学模式，确定以提高学生实践能力、动手能力为主的教学目标，让学生在动手操作、实训中建构相关的理论基础知识，逐步培养他们运用“Dreameweaver”技术的能力。由于“Dreameweaver”网页制作软件需要配合HTML语言的一些基础性知识，因此，需要对该项内容进行细分、设计，分解为多个子模块，每个子模块要都以培养学生的实践能力为主导，注重学生职业能力的训练，综合考虑课程理论知识、资格证书以及技能、态度等等要求。网页设计教学都是以典型案例为载体展开的，以“工作任务”为中心进行理论与实践整合，从而实现理论教学与实践教学的“一体化”。
（二）确定网站项目
在确定了设计思路之后，确立优秀的网站设计项目是“一体化”教学法实施成功的必要保障，否则，如果确定的网站设计项目不合理，一体化教学方法就失去了其存在的价值。项目的选择、网页的制作必须要具有系统性，而且要能够前后联系、相互衔接、由简入难，让学生使用素材库中的素材进行设计、分析，比如，在《网页制作》课堂教学过程中，教师可以让学生设计校园网站，要求制作的校园网站要采取各个页面采用不同布局方法进行布局，而且各个页面元素的插入、设计要尽量应用到“Dreameweaver”网页制作科目中所学到的知识点，这样通过指导学生设计校园网站，使他们掌握建立、上传、美化、布局、优化网页的方法，在实践运用过程中掌握网页制作设计的基本知识。总之，“一体化”教学模式的实施，需要运用到项目教学方法的内容，以优秀的项目作为载体，完成网页制作课程的教学任务。
（三）网站项目实施
“一体化”教学项目的运用可以分为三个阶段，分别是向学生讲授网页制作软件使用方法、制作网页以及总结评价网页制作成果，其中，第二个阶段是“一体化”教学方法实施的核心部分，该阶段，教师要把学生分为几个小组，明确网页设计的任务，给予具体的指导，解决学生学习过程中的各种疑难问题。“一体化”教学模式下，要突出以学生为主体、以人为本的教学理念，教师通过分解网页设计项目，帮助学生选择素材，引导学生创建一个网页使用表格布局、表格以及曾三种布局方法，以实现优化网页页面的目标。传统教学模式下，教师习惯先进行静态网页设计教学，这固然是网页制作课程的入门必备知识，然而，“一体化”教学模式下，教师要将动态网页设计教学与静态网页设计教学结合在一起，完善网页制作的功能创建，并引导学生直接在互联网平台进行，这样有利于实现整个网页设计的优化、整合，从而实现提高学生网站设计能力的目的。
（四）展示与评价
“一体化”教学模式要充分开发各种学习资源，给学生提供各种丰富的实践机会。根据“Dreameweaver”网址制作课程特点以及教学目标要求，采取制作作品考核与学期末理论考核相结合的方式，对学生的制作的网页进行综合评价。学生和教师可以提出问题，并结合相应的网站项目评分表，形成学生和教师对该项目各自的评价。在对学生进行评价时，还应结合其在项目开发过程中的学习能力、合作能力、参与程度、服务程度以及所起作用等各方面的表现情况。
结论
一体化教学模式从本质上改善了网页设计与制作课堂教学效果，使学习者能够真正地掌握一门学习技术，提高他们的开发能力、创新能力，最大限度地调动了学习者的积极性、主动性。
参考文献：
[1]冯晓娟.职业学校的一体化教学[J].中国商界（下半月），2010（05）.
[2]熊凯.高职院校《网页制作》课程教学的几点体会[J].当代经理人（下旬刊），2006（07）.
【关键词】工作过程；Dreamweaver网页制作；教学改革；项目化教学
《Dreamweaver网页制作》是一门实践性很强的技术入门课程，兼具设计性、实操性和应用性。本课程的主要任务是让学生了解网页制作和网站建设所需的基本知识，培养学生设计网页、建立网站和规划网站的实际技能。该课程以讲解Dreamweaver、Flash、Photoshop软件使用为主，旨在让学生掌握网页制作所必备的图像处理、视音频处理、网页页面制作及网站建设的基础知识，为进一步学习网络知识打下基础。
在教学改革的探索与实践过程中，我们应以岗位需求为导向，根据计算机应用技术的发展和职业岗位的实际需要，先分析其典型工作过程与工作任务，得出完成工作任务对应的计算机应用技术和职业要求，按照计算机应用技术和职业要求设计专业知识模块和项目案例，分解工作任务，形成教学情境。结合职业技能鉴定要求和劳动力市场化管理需要，依托校内实训室、校外企业，创造最佳的基于工作过程的学习环境和实训条件，对基于工作过程的《Dreamweaver网页制作》课程体系、教学内容、教学方法及教学手段等进行探索与实践。
1 现状分析
随着计算机信息技术的飞速发展，网络发展与应用所涉及的行业越来越广泛，网站在变，用户体验在变，网站设计人员的职业标准在变，对于计算机专业《Dreamweaver网页制作》课程的教学要求也在变。如何适应现今诸多变化完成教学并提高教学质量已经成为计算机专业教学改革的一大课题。
从教师方面来看，很多教师虽然教龄长，理论知识丰富，但长期脱离实践，对行业新变化了解甚少。部分专业教师一毕业就来到学校，刚刚走出校园的他们，同样是理论知识丰富，缺乏实践经验。教师队伍中即便加入了新生力量，但“双师型”教师缺乏，教学环节理论与实践结合不够，仍难以体现高职高专院校的职业特色。
从学生方面来看，高职高专学生与普通高校学生相比，大部分学生文化基础差，入学成绩普遍偏低，学习吃力且人生目标模糊，学习的主动性、自觉性不足，学习习惯不好，接受知识的速度相对较慢，其自身素质与高校要求不相适应。而一部分素质较高的高职高专学生，对本课程的学习也仅限于理论方面，缺乏实践锻炼，未能与社会需要技能无缝对接。
综上，《Dreamweaver网页制作》课程教与学的方式亟待解决。那么，基于工作过程导向的教学思想和方法是在学习与借鉴德国“双元制”职业教育经验、改革我国职业教育的过程中，逐步在我国教育界受到重视。工作过程的核心是行动导向，强调学生是学习过程的中心，教师是学习过程的组织者与协调人，教师采取“资讯、计划、决策、实施、检查、评估”的整体行动，在教学中与学生互动，让学生通过“独立地获取信息、独立地制定计划、独立地实施计划、独立地评估计划”，使学生在实践中掌握职业技能、习得专业知识，从而构建属于自己的经验、知识或能力体系。
2 探索与实践
2.1 优化教材体系
“工欲善其事，必先利其器。”完善本课程的教与学关键之一便是优化教材，合适的教材在教学环节中起着举足轻重的作用。《Dreamweaver网页制作》课程以往选用的教材，对于初学者尤其是学习能力稍差的高职学生而言难度较大，以至于教学中经常出现学生学习兴趣降低、教师教学课时明显不够等问题。基于工作过程的Dreamweaver网页制作课程教材，内容应以教授基础、基础与案例相结合、基于工作过程的案例分析等层层递进的原则进行选择，组织与编排方式以折衷式组织及螺旋式排列组合为优。在选择到合适的教材基础上，教师要立足于教材，筛选基于工作过程的教学内容，以使教学过程更接近岗位化。
本人为了使教材更利于学生工作岗位化，结合我院学生及学校实际情况又编写了《网站总体设计书》，该设计书构造了以网站欣赏、网站规划规范、网站效果图设计、网页色彩与布局设计、网页动画设计、HTML 语言基础、网页布局与编辑、模板与库的应用、层叠样式表CSS、DIV+CSS网页布局、静态网站动态化、动态程序开发、综合教学案例、项目开发实训14 个模块为主教学单元，然后将教学内容进行了重构，整理成5个典型的工作情境，编写了基于工作过程的《网站总体设计书》，教材内容体系清晰，教学模块符合岗位需求。如下表是结合学校及学生实际情况，制定的关于Dreamweaver网页制作的整体工作化教学情境。
表 “Dreamweaver网页制作”工作化教学情境设计
工作化教学情境设计
情境1：学校团委网站建设项目基础与流程设计、效果图设计、网站的后期编辑、网站的与测试
情境2：宠物网站建设网站项目策划、主页设计与制作、网站动画的设计、网站的后期编辑、HTML学习、CSS应用、项目完善
情境3：喜洋洋枸杞专卖购物网站建设项目前期组织工作、效果图与动画设计、网站的后期编辑、代码编辑、网站的与测试
情境4：《计算机组装与维护》精品课网站建设项目前期策划、效果图与动画设计、DIV+CSS布局网站、使用模板与库完善网站
情境5：学校留言反馈系统网站建设前期策划与效果图设计、框架布局图形设计、登录系统的实现、留言系统的实现、反馈系统的实现
工作化教学情境设计是学习领域教学内容的具体化。表中工作化教学情境的设计思路是：按照Web 网站项目开发实际工作过程，将典型的工作任务融入到为这5个工作情境中，这些工作情境从个体上看，都代表了某一类网站；从整体上看，则是难度逐步加深，推动了工作进度，最终完成5种类型的网站项目、网页设计与制作的理论知识点技能要求，分布在这些工作情境之中，它和传统教学顺序完全不同，教学内容设计完全取决于实际开发需要，从而大大激发了学生的兴趣，达到了教材工作岗位化，使学生在教与学中做到了“学中做、做中学”的效果，学生的学习主观能动性得到了发挥。
在经过2012信息管理班学生分组化试点后，我们在2012级计算机软件技术专业学生中应用了基于工作过程导向的，将真实项目资源转化为教学资源的任务驱动教学方法，实践证明，在实际教学过程中，学生能够主动发现问题，并积极主动去解决问题，特别是由于所有的情境都基于同一项目，学生在做后面的实训时，经常能发现以前作业的不足之处，从而主动将业余时间用来做网站项目，部分同学甚至在学期末将本学期20个工作任务全部重做了一遍，大多数学生具备了学习的主动性和能动性，明确了知识模块的联系和课程的学习目标，为后继课程的学习打下了坚实的基础。
2.2 改革教学方法
2.2.1 采用“项目引领”教学法，突出“能力本位”教学目标
引进基于工作过程的网站真实案例作为实训教学案例，采用“案例引领”教学法，将工作过程的“案例”中的技能模块进行分拆和重构；采用“实训项目”和“拓展实训”相结合。
2.2.2 采用“任务驱动”教学法，强调从点到面到综合能力的培养
任务驱动，小组协作。开展以制作工作过程的多类型网站为目标的项目教学，使得学生不仅能够掌握《Dreamweaver网页制作》课程的基本知识和基本技能，提高学习兴趣，而且在小组学习的过程中，学会与他人合作，共同完成任务。同时，在专业课程教学中渗透多类型网站内容相关教育内容，使学生在不知不觉中学到更多学科知识。此外，还可定期举办技能大赛和知识竞赛，以巩固学生的学习效果。
2.3 改革教学手段
1）充分利用信息化教学工具和软件。根据该课程的特点，将理论课与工作过程的实训课融合在一起，全部都在多媒体机房上课、实训或实习，因此，在教学过程中，完全利用现实网站进行剖析讲解。
2）利用数字化资源库立体化教学平台，实现网络教学互动和资源共享。将课程内容、工作过程的实训项目、理论题库、实训题库、证书题库、电子教材、网上答疑以及视频资源统一规划建设，依托校园网络平台，构建师生学习的数字化资源环境。
以基于工作过程为导向，加强实习实训平台建设，强化实践教学，教学与实训实现一地化，重视校企合作。高职教育人才培养模式是根据职业岗位需要来进行，立足于企业人才需求实际，在课程中开展基于工作任务的项目教学。我们应利用校企合作共同构建和实施基于工作任务的项目课程体系，使学生真正做到理论联系实践，在获取知识的同时充分掌握专业岗位技能，以充分体现出高职人才培养的职业性和实践性。
2.4 基于工作过程，加强“双师型”教师培养
优秀的师资是高职院校办学的根本保证。提高计算机应用专业高职教师基于工作过程Dreamweaver网页制作的“双师”素质是高职教育发展的需要，也是教师个人发展的需要。高职院校应鼓励现有计算机应用专职教师在其专业领域不断学习，及时更新自己现有的知识结构，进行自我提升，并有针对性地将部分教师安排在企业网站制作的顶岗岗位上工作，增强其实践经验，提高其动手能力，使他们对行业需求变化了如指掌，以便清晰地掌握学生的培养方向。
3 总结
在实践过程中，发现存在如下问题与不足：由于整个教学情境在逻辑上前后联系，对于动手慢的同学前一个任务没有完成，就失去了实现当前任务的基础。针对这一问题，在下一步工作中，需加强过程管理和课余辅导，鼓励同学间相互帮助与沟通，先进带动后进；另外，需强化基础图象处理训练与审美训练，培养良好的界面设计能力，提高网站设计能力。
以工作过程为导向，将真实项目资源转化为教学资源，调动学生的主观能动性，在教师引导下来实施教学进程，是培养学生理论知识、实践技能和学习能力的重要手段，是能力本位教学模式的体现。而这种教育模式也对教师的教学水平、责任意识、实践经验等提出了更高的要求。开发多种类型的课程模式，不断深化高职教学改革，提高教学质量和就业质量，是一线教师义不容辞和长期艰巨的任务。
【参考文献】
[1]胡炜.钟卫连.高职院校计算机教学的分析与对策[J].福建电脑，2007（8）.
[2]姜大源.当代世界职业教育发展趋势研究[M].北京：电子工业出版社，2012.
[3]丁桂芝.动态网页制作实例教程――Dreamweaver ASP与SQL[M].天津大学出版社，2008（4）.
>> 分析网站建设中网页设计的安全缺陷及对策 基于网站建设中网页设计的安全缺陷及对策分析 Dreamweaver中网页的设计与实现 探析网页标准化设计在网站建设中的研究与应用 浅谈教育网站中网页背景的设计 浅谈网页设计与网站建设的创意与实施 网页设计与制作教学网站的设计与实现 《网页设计与制作》精品课程网站的设计与实现 基于Web标准的企业网站网页设计与实现 《网页制作》专题学习网站的设计与实现 基于项目教学在《网页设计与网站建设》中的探索 浅析基于PHP和MySQL技术的网页设计与制作类专题学习网站设计与实现 网站的设计与实现 浅谈站群在网站建设中的实现与应用 浅析站群系统在高校网站建设中的实现与应用 浅谈网站建设与网页制作的方法 探究现代电子商务中网页设计的理性与感性 浅析计算机教学中网页的设计理念 网络课程中网页的视觉设计研究 基于PHP技术的党校网站建设 常见问题解答 当前所在位置：l），这样可以保存切片图片和网页信息，便于在Dreamweaver中进行编辑。
3.2 网页的实现
Photoshop完成网页的切片与导出后，只是完成了网页的基本框架，网页中还没有具体的内容，还需要使用Dreamweaver对网页内容进行设计与排版，设置网页的属性，添加网页元素，输入网页文本，最后才是所需要的网页。在Dreamweaver中导入之前Photoshop保存的“*.html”文件，网页所需的表格基本已经构建好，对整体页面的代码稍作调整便可使用。导入所需切片，加入文字和链接后，所需网页便完成。
用于控制党校首页整体元素属性的相关CSS代码如下：
Body
{
padding:0;
margin:0;
background:url
(images/header.jpg)
no-repeat center 0 #020100;
color:#581B05;
font:normal 11px
Arial, Helvetica,
sans-serif;
}
4 结语
本网站是中共吉林省委党校（吉林省行政学院）重要的宣传阵地，是“空中党校”的重要组成部分。框架搭建采用结构化系统分析，站内编程采用C sharp语言，数据库选用配套的SQL server 2005数据库，系统平台服务器端搭建在windows2003 advance server 上，整体运行稳定，页面更新速度快，内容充实，为吉林省委党校在信息化建设中提供优质的服务。
参考文献
[1]朱晓菊,谭岚丹.政府网站设计中的视觉元素-色彩[J].大众文艺,2010(16).
[2]罗建萍 ,陈伟.党校网站建设中存在的问题及发展对策[J].知识经济,2008(11).
【关键字】商务网站设计 课程改革 案例教学
一、引言
《商务网站设计》是电子商务专业技术核心课程，目的了解网站的架构，掌握网站开发技巧和能力，特别是掌握商务网站设计与开发能力。《商务网站设计》内容涉及静态网页制作、SQL server数据库应用、动态网页编程等内容，是一门难度特别大的技术综合课程。
二、教学中发现的问题
由于《商务网站设计》集网页制作、数据库应用、网络编程、系统开发设计于一身，技术性，专业性、实践性、动力能力要求非常强。在教学中活动中，发现存在下列主要问题：
1.教材过于简单
现在，社会上介绍网站开发程序和技巧的课本主要是二类教材，软件和java编程。现实用教程为例，由于同学刚学习网络编程，所以教材往往会采用实用教程作为教材。教材首先介绍VS201运行环境，变量定义if语句forwhile循环，类属继承，基础web控件内置对象，主要对象，数据控件GridView显示数据，主题与模板，网站导航，XML数据传递和web服务。教材往往把各部分单独介绍，没有相互配合，完成整个系统，各个web控件、内置对象、对象、GridView的功能介绍得特别简单，以方便学生了解掌握基础知识和基本技能。
2.教学案例简单不连贯，教学方法以讲为主
由于教材为适应初学者，数据库操作只介绍一个表的查询、插入、修改、删除等最基础操作；最重要的GridView控件只介绍数据查询显示，而GridView的分页、链接字段、图形显示、删除修改等特别重要功能，一概不说。前一章案例与后一章案例毫无关系，系统开发实用常用知识和技巧都不讲。《商务网站设计》比较高要求围绕商品展示、商品查询、购物车、下订单支付等功能，完成商务网站开发，内容包括设计静态网页，数据库的表，网络编程，使它们形成一个有机整体。但教材对这些内容无从谈起。
另外上课以老师讲课为主，老师将网站制作需要的知识点，做成PPT，进行讲解示范；学生通过简单模仿老师讲解的方法，完成网页功能，造成老师教什么，同学就只会什么，没有深入分析为什么，结果{杀了同学主动性创造性。
3.课程网站成摆设，互动性差
许多学校都要求老师建立课程网站，方便同学课后学习。老师与同学的互动主要是在课堂时完成；课后，老师与学生各忙各的，交互性差，只是通过课程网站完成，让同学自主学习。
通常老师只是简单把教学大纲、教案、课件PPT和相关视频放到课程网站上，对课程网站内容更新慢，缺乏指导，没有相互讨论。同学上去，发现资料比较少，，更新比较慢，去了2、3次就不去了。课程网站缺少人气，基本成摆设。
三、改革措施
1.加强教学内容
把常用实用的知识、编程技巧讲深讲透，把重要控件功能、程序、应用，反复讲反复练，比如Gridview的自定义显示数据、分页功能、字段链接、选择、修改、删除等重要功能，相关事件、对应程序，扩展到如何使用Gridview控件在同一个网页中完成显示、修改和删除，实现直观方便完成数据管理功能。
2.以电子商务角度选择案例，加以扩展
教学中，应该以学生熟悉、简单B2C商务网站作为案例，比如网上书城，介绍商务网站基本功能―前台：商务展示、商品查询、详细信息、购物车、下订单、用户登陆注册，后台：商务管理、优惠打折等功能；数据库数据如何变化，才实现网上购书。最后逐步讲解主要程序技巧，完成商品展示、购物车、下订单等功能。
学生三四个人组成一组，分别选择网上书店、海尔公司商务网站、C2C商务平台等不同商务网站、或者QQ空间、社区论坛、军事网站等作为项目，通过自主完成项目，发挥主动性创造性，大大提高同学的开发设计商务网站的能力和经验。
把商务网站的各个功能拿出来作为任务，由各个小组分别负责，组织分析讲解要点和主要技能，全班同学讨论，最后由老师点评。也可以把完成项目过程，遇到困难，收获的经验，或者学到技巧，在课堂上与同学交流，提高彼此水平。避免老师不管学生吸收能力，满堂灌的现象。
3. 增强课程网站互动性
老师每次上完课，把上课内容、作业都放到课程网站，学生从课程网站下载资材，课后学习，完成作业并上传到课程网站，方便老师检查。学校规定每学期各门老师每周固定一个时间在课程网站与同学探讨互动。老师把思考题、扩展案例放到讨论区，让同学上课程网站进行讨论，指导学生学习，回答学生问题，并通过学生的表现，给出一定平时成绩。
四、结论
《商务网站设计》是一门电子商务专业综合性实验性非常强的课程，要以真实的商务网站为精讲的安全，即要对基础知识讲深讲透，也要对重点控件熟练应用，发挥同学热情和能动性，扩展到其他常用网站。课堂上课后，都需要加强互动，才能上好《商务网站设计》课程。
参考文献：
[1]刘容容，《电子商务网页设计与制作课程教学改革探究》 （J），职业，2015.5，53
1课程现状
传统的教学和考核方式虽然学生也能掌握其中的知识和技能，但是综合运用能力不强，学期结束时，能设计出符合要求的网站的学生可谓是凤毛麟角。将目前课程教学现状归结如下：在教学内容方面，往往侧重于讲解Dreamweaver软件或相关软件的使用方法，教学内容零散、陈旧，没有很好的融合。结果是虽然学生能熟练运用网页设计与制作的相关工具，而且用的很熟练，但是就是不能独立地进行网站的规划与建设。即使是完成的作品也达不到应有的功能效果和视觉效果。这种课程内容上“重知识、轻应用”和“重技术、轻设计”现象，容易导致学生眼高手低，做不出东西，不利于学生从全局的角度进行网站的开发与设计。在教学方法方面，教师先进行理论讲解，然后安排学生上机，这种方式在传统课程中有它的存在价值，但是在《网页设计与制作》中，教学内容广，所使用的软件工具较多，容易造成教学与实践相脱节。在考核方式方面，少部分采用传统的闭卷考试方式。闭卷考试经过多年的实践应用，在考试题型、考试内容、考试成绩评定等方面都较为成熟。同时闭卷考试也有利于学校组织和管理。但是，闭卷考试多以书本知识为主，重视学生对书本知识的记忆，忽略了对能力的考核。大部分采用考查方式，要求学生自主选题，制作完整的网站。这种考试方式能综合考查学生对软件的应用能力和一定的设计能力，也能全面体现学生对课程知识的掌握程度和综合运用能力。但是，学生选择的主题范围狭窄，大部分学生完成的是个人网站的制作，而大部分网站又是学习内容的堆砌，不懂得选择与舍弃，技术含量不高，更寻找不到设计的闪光点[1]。
2课程改革思路
在《网页设计与制作》课程的教学中，确立以学生为主体、教师为主导的意识，通过调整课程开设内容、加入科学的教学方法、采用合理的考核方式，面向应用，重视实践，培养学生网页设计与制作的综合技能和素质，培养学生学习的主动性、创新思维和合作精神，从而提高个人的综合竞争力和适应力。
3教学内容
由于计算机技术发展迅速，网页从单一的文字信息，到图文并茂，再到现如今包括Flash、音频、视频的多媒体交互及其它APP应用程序等。所以在教学内容上应该革新，体现技术的先进性、前瞻性和延续性。在《网页设计与制作》课程的教学中，本着“从浅到深、从基本到综合”技术与理论相结合的原则，对教学内容进行合理地整合和模块的划分（如表1），分阶段实施教学，并及时更新，从而将最新的技术融入到教学中，激发学生的学习兴趣并形成持久的学习动力。《网页设计与制作》课程侧重于讲解静态网页，为今后动态网页的学习打好基础。所以，教学内容采用社会流行的网页三剑客（Fireworks+Flash+Dreamweaver）。Fireworks实现对网页界面的设计以及GIF动画的制作，Flash用于动画的制作，Dreamweaver主要用于网页的整体框架及布局。
4教学方法
为了提高《网页设计与制作》课程的教学效果，在多年的教学过程中，我们从理论教学、实践教学、课外加强三个环节进行探索，将课程的理论性、技能性、应用性以及审美性结合起来，贯穿于整个教学过程。在教学的各环节中，精心准备多媒体教学课件，使学生能够更好地分析和解决问题。
（1）理论教学：采用引导法、启发法、命题法、案例分析法、案例扩展法、现场网页制作和学生课堂讨论等多种教学方法，教师将简单问题情趣化、复杂问题生活化、综合问题步骤化，主要表现为：教师讲解要求学生掌握的知识点，演示知识点在实际项目中的应用结果，引导学生将理论知识与行业实践结合起来，逐步培养学生的设计思维。
（2）实践教学：采用项目驱动方式，以项目开发为主线，以网页效果制作为载体，培养学生对整个课程知识的融会贯通能力、培养学生项目开发的能力和解决实际问题的能力。以学生动手为主，教师指导为辅的方式，教、学、练相结合，教师讲授约1/3的时间，学生按教师讲授的内容和要求进行实践，在此过程中教师则对学生进行辅导，如遇多数学生都存在的问题，则进行集中演示讲解，最后留10分钟左右的时间对本次的实践情况进行总结，让学生能够及时的解决遇到的问题。
（3）课外加强：开展优秀作品赏析，对作品进行欣赏和评价，提高学生的审美观念和鉴赏力，启发学生的创新思维，吸取和借鉴优秀作品的相关元素加以合理运用。提倡开展学生个人作品交流，让学生分享学习中的新发现和新知识的运用，作品的制作心得，加强了学生对学习的主动性。开展教学成果展览，对于优秀的作品进行收藏，极大提高了学生的自信心和成就感。
5考核方式
《网页设计与制作》是一门实践性很强的课程，属于考查课，所以要注重学生实际应用能力的考查。转变一次性考试定成绩的做法，总成绩由平时成绩（占60%）和期末成绩（占40%）两大部分构成。平时根据知识内容的特点分阶段进行不同方式的考核，对于HTML语言部分，采用笔试（闭卷）方式，以基本理论为考核对象，反映个体掌握基本知识的程度。而对于Dreamwever部分，采用上机考试方式；Flash部分和Fireworks部分，以平时作业方式考核，不仅反映学生所学知识水平，而且考核学生动手实践能力、创新思维等多方面的能力。期末以网站项目为考核对象，学生每四个人组合成一个团队，模拟客户的身份提出某个网站平台的制作要求，给出网站设计任务书，并完成一个网站的开发制作，最后由代表进行作品演示和现场答辩，这样既考核了学生知识的综合掌握和应用能力，又考核了学生的表达能力、与人沟通的能力和应变能力。通过这样的全方位多层次的考核最终综合得出学生的课程成绩。这种做法能够较好地化解学生为了应付考试进行期末冲刺的做法，较一次性考试更能反映出学生经过该课程学习后获得的知识和能力。
购物车(0)