网站建设实训总结

前言：想要写出一篇令人眼前一亮的文章吗？我们特意为您整理了5篇网站建设实训总结范文，相信会为您的写作带来帮助，发现更多的写作思路和灵感。

网站建设实训总结范文第1篇

关键词：网站建设；课程；教学模式

随着互联网技术的普及和网站技术的发展， 网页设计师是信息社会发展和实现媒体内容数字化以及网络化的关键人才。然而，网站建设类课程作为计算机应用技术专业的核心课程，在传统的教学过程中存在许多问题，如学生实践操作能力不强，所学知识与工作岗位任务有距离等。本文主要探讨在课程教学中，如何提高学生的动手能力，如何采用课堂教学与岗位工作相结合的教学方法，使学生能尽快适应实际工作流程，培养出符合市场需求的人才。

一、课程体系的设计

目前网站服务使用浏览器/服务器结构，因此建设完整的网站所需要的知识也可分为浏览器端和服务器端两方面。实际的网站建设相关职业根据工作内容的不同，网站职位细分为四种：网站编辑，网页美工，前台开发，后台开发。所设课程、知识体系与职业需求关系如下图所示：

整个课程体系形成链式结构，环环相扣，并具有一定的阶梯，同时课程中又有一定交叉，互相影响，螺旋式上升，注重了职业特性，同时考虑到高职教育培养具有一定的技能型，具备一定的适应性和可持续发展的人才培养模式，注重了整个专业的系统性。

因此在教学过程中，一定要重视基础，注重课程前后的联系，并关注横向课程，相辅相成。

二、教学模式的设计

1、基于工作任务的项目教学

基于工作任务的项目教学是指授课教师在创设项目单元教学情境时，使教学内容与职业工作内容相结合，把典型的工作任务融入到项目教学当中，该工作任务来源于企业生产实际，同时要具有教学内容中必备的理论知识点，当然我们可以根据教学的实际需要进行分解，形成小的项目单元，使之更好地为教学服务，方便学生学习。

例如，在《web网站开发与设计》课程中，以电子商务购物网站来贯穿整个教学过程，授课教师将这个典型的工作任务按照实际工作流程进行分解，并融入相关的理论进行教学，使教学过程更加贴近真实的工作岗位，有效实施项目教学。

2、教学中突出体现校企合作

网站建设类课程大多是实训类课程，为了让高职的教学更好地贯彻“工学结合、校企合作”的办学理念，应当由校内专任教师和企业兼职教师共同制定课程教学目标，共同进行课程教学项目的设计与开发，一起承担课程的实训指导工作，使课程体系构建与企业工程项目相融合，使课程教学更具针对性、实用性和职业性，更加贴近企业生产实际。

例如，在网站编辑这个岗位职责的培养上，为了让学生能有更真实的网站维护经验，我们专业与温州二手车交易网进行校企合作，让学生在网站信息处理员这个岗位上进行顶岗实习。在顶岗实习过程中，学生与企业技术人员和兼职教师零距离接触，可以进行良好地互动交流，及时地了解本行业最新的发展动态和先进技术，增加对未来工作岗位的了解。

3、因材施教

对于高职类学生来说，专业基础参差不齐，兴趣和能力也不尽相同，因此我们的人才培养目标不可能将学生都培养成行业的“通才”，也不能像产品批量生产一样，将学生都培养成某一岗位的“专才”。我们总会发现，有的学生口才良好，有的学生色彩感觉好，有的学生擅长于编码技术等。因此，我们在教学模式中应该注重“因材施教”。

例如，在实际工作中需要有不同的角色来完成不同的任务，可以根据学生的擅长让他们选取角色，分成小组实施教学，从而对其所擅长之处加以培养。口才良好，市场嗅觉敏感的学生注重培养需求调研、网站的架构技术；美术功底较强，色彩感觉好的学生注重培养网页美工设计；而对编码技术有追求的学生培养他们的后台代码编写以及网站技术的实现。这种根据学生的特点“因材施教”的教学方式更能提高学生的学习兴趣，使学生较快的掌握所需的职业技能。

4、基于行动导向教学的项目教学

在实训课程中，授课教师都会采用项目任务的方式来进行教学。依据职业岗位工作过程的需求，整个项目的教学过程可以模拟企业的实际工作情境，积极推广“任

驱动”、“情境体验”、“案例解析”、“过程导向”等多种符合职业教育特点的教学方法，充分体现“工学结合，引产入教”的教学特色。

根据网站建设的实际工作任务和流程，采用与实际岗位团队开发一致的项目组分工完成的方式，为学生创造一个基于职业情境的学习情境，使学生在该情境中能根据已有的经验，从周围的环境中主动获取信息，在完成任务的同时也熟悉实际岗位的要求及操作流程。

例如，在《网页设计与制作实训》课程中，授课教师采用的项目是学院教务科研处网站的设计与制作，可以按以下设计来进行实践教学：

（1）明确任务。教师布置任务，展示效果预览图，帮助学生明确任务要求。

（2）制定计划。学生在教师的引导下，分解项目任务，确定工作计划。

（3）收集信息。学生根据计划与任务分工，进行收集资料，准备素材等。

（4）设计制作。学生根据计划在教师的指导下完成页面的设计与制作，并做好相关文字记录。

（5）检查评测。学生展示作品、教师提问、学生答辩、学生互评、教师讲评。

三、总结

就业导向是高等职业教育的必须把握的准则，职业技能的培养、适应岗位工作的需要应当成为高职计算机专业教学中必须强化的主题思想，因此，专业技能的实训显得尤为重要。网站建设过程需要使用多个专业课程知识，是一门综合技能课程，从实训内容、实训组织形式等方面强化本课程群的综合技能实训，能培养学生与就业岗位“零距离对接”所要求的综合职业能力。

参考文献

[1] 敖冰峰，乔阳. “项目教学法”在《网页设计与制作》中的应用[j]. 科技创新导刊，2010.17.

[2] 高英，罗宜志，刘竹林. 基于工作任务的项目教学法在《asp 典型模块功能开发》课程中的应用研究[j]. 电子商务，2010.8

作者简介：

网站建设实训总结范文第2篇

关键词：中小企业；网站建设；岗位；人才；课程方案

中图分类号：G712 文献标识码：A 文章编号：1672-5727（2012）09-0152-02

当前，计算机相关专业面临巨大的就业压力已成为不争的事实。一方面，每年都有大量的毕业生涌入市场，另一方面，用人单位又招聘不到合适的人才，学校教育与市场需求不衔接，出现结构性错位。因此，如何培养企业用得上、适应快的毕业生，成为我们教学改革的目标。

教育部高等学校计算机科学与技术教学指导委员会经过认真的调研、分析、对比，提出了人才培养要面向就业市场的理念。面向就业市场培养计算机人才，不仅是社会的需要，也是计算机院系生存的需要，要求计算机专业人才加快向应用型人才转变的步伐。根据《宁波大红鹰学院2011年—2015年建设与发展规划纲要》，学院要成为中小企业发展的首选大学，人才培养目标定位为中小企业中高端技术、管理岗位应用型人才，服务面向定位：立足浙江，面向长三角，辐射全国。学院明确的发展规划，为专业教学改革提供了更为广阔的空间。

面向中小企业的网站建设与管理人才岗位需求分析

（一）信息化进程中的中小企业需要网站建设与管理类人才

笔者对中国宁波人才网（http：//.cn/index.htm）、258人才银行（http：///）、前程无忧（http：//）等相关人才网站对宁波企业网站建设与管理岗位的需求情况（2011年6月1日至2011年8月1日）进行了分析。网站建设与管理相关的工作岗位主要有：网页设计/美工、网络程序员、网店美工、网络运营专员等。企业对于相关岗位的人员一般要求如下：学历最好是专科及以上，专业要求计算机相关专业，由于岗位不同，因此，各企业对于学生的技能要求不一样，但是，企业普遍希望学生具备网站项目开发的实践经验。而对于学生的职业态度，企业强调要有良好的组织观念和团队合作精神、敬业精神，工作上积极主动，细致专注，并能承受工作压力。

我们发现，不同类型的企业对于网站建设与管理类人才的要求并不完全相同，互联网/电子商务类企业对于网站建设人员需求量较大，而且要求学生在系统了解网站建设相关流程的基础上，在某一方面，要具备专业特长，如美工设计、程序设计等，需要有专业特长的学生。其他类型的中小企业则要求学生能全面掌握网站建设与管理的相关知识，并且能对本行业的相关知识及工作流程比较熟悉，能解决日常工作中碰到的各类问题，对学生的综合能力要求高。而且，随着宁波市中小企业信息化进程的加快，企业对于网站建设与管理人才的需求也急剧增加。

（二）具体岗位对于人才的技能要求不同

不同的工作岗位对于人才的技能要求是不同的。如网页设计/美工，要求学生具备独立进行网站项目的整体版式、风格设计能力，精通Photoshop、Flash、Dreamweaver等网页设计美工软件，具有良好的美术功底以及良好的创意构思能力，对色彩敏感，具有把握不同风格页面的良好能力；网络程序员，要求学生熟悉PHP、ASP、VB、C#语言编程，并掌握其中一种开发语言进行网站的后台功能开发，熟悉SQL、Access等数据库操作，具备项目程序开发经验，责任心强，学习能力强，敢于接受挑战和承受压力，能够独立完成任务；网店美工，要求学生能熟练的处理网店产品图片，宝贝上架，宝贝标题设定，以及对网店进行装修（包括图片设计与代码制作）和日常维护，同时，还要兼顾网站的销售业务；网络运营专员则主要从事网站编辑、网站策划、客服等，负责网站信息的更新和维护，提供客户咨询，跟踪和策划重点时事专题网站的推广，软文的撰写和编辑，审核有关的内容及内容管理；擅长网站运营数据分析、总结，并以用户为核心提供实用内容。

面向中小企业的网站建设与管理人才培养方案

（一）明确培养目标

如果将学校培养出来的学生视为一种特殊的“产品”，这个“产品”必须按照企业和用人市场的基本要求去考虑和设计。要达到培养规格要求，首先必须制定好人才培养方案，特别是要明确培养目标定位。通过对企业用人需求的分析，尤其是结合具体岗位的需要。而对于学生来说，明确的职业目标也能使学生的学习目标更为明确。

（二）设计课程方案

课程设置的原则是适合人才培养目标的定位。目前，学校的课程设置普遍沿用传统的课程体系，随着用人单位的要求不断提高，以及学科技术的快速发展，需要对有关课程进行完善和改进。

在原先的课程体系中，学生职业能力的培养目标被分解到不同的专业课程中。各专业课程的学习相对独立，学生不能理解课程与岗位技能的关联性，因此，在课程学习过程中处于被动状态。由于职业能力的培养已经分解到不同的专业课程，会造成一定程度的职业能力割裂，这对于培养学生的综合职业能力是一个很大的挑战。从现实情况来看，即使学生都很好地掌握了每门课程所要求的能力，也并不意味着学习效果是最好的。因此，我们必须对原来的课程体系进行改革。具体方案如图1所示。

网站建设实训总结范文第3篇

【关键词】“网站建设综合实训”课程 混合式教学资源库 建设与应用

【中图分类号】G 【文献标识码】A

【文章编号】0450-9889（2016）11B-0034-03

教育部 2011 年了《关于实施国家示范性职业学校数字化资源共建共享计划的通知》，决定以国家示范性职业学校为引领，促进优质资源共享，提升信息技术支撑职业教育改革创新的能力，着力提高人才培养质量。南宁市第六职业技术学校近年来开始尝试通过信息技术将学校教育、社会实践及终身学习结合在一起，进行混合式的教学改革。学校将信息技术应用渗透进课堂教学，通过教育途径的延伸，线上线下学习的结合，实现在教师引导下的学生主动学习能力的培养。本文以南宁市第六职业技术学校为例，从建设目标与思路、建设内容、实施方案、应用成效、特色与创新等方面对“网站建设综合实训”课程混合式教学资源库的建设与应用进行探索，以突出教学特色创新，大幅提升线上线下教学成效。

一、建设目标与思路

（一）构建混合式教学模式。将职业教育理念与远程教育理念混合，将网络资源的在线学习与离线学习混合，将传统教学资源与数字化资源混合，将真实环境的学习方式与虚拟（网络）环境的学习方式混合，构建面对面的课堂教学和数字化学习两种方式相融合的混合式教W。

（二）开发多样性混合立体化教学资源库。优化混合式教学实施方案，在改进完善课程教学大纲、整体设计、单元设计基础上，进一步开发设计一套切合混合式教学的教学课件、助学视频及动画、试题库、学习评价体系等立体化教学资源库。

（三）突出自主学习，强化教学效果。以学生为中心，以教学活动为导向，将传统学习方式优势和数字化网络学习优势相结合，引导学生在“学”上下工夫，关注学习过程，加强学习策略和方法的训练指导，注重学生自主学习能力的提升，力求给学生良好的学习体验。

项目以“教学团队集中学习讨论与培训（领会相关资源库建设理论）到企业、同类院校调研根据课程内容及特点进行学生学习需求分析教学元素设计与开发（包括学习理论、学习资源、学习环境、学习方式等）教学模式重构，混合式教学资源整合混合式教学活动设计与实施项目研究总结，评价并进一步改进优化教学资源”的思路开展研究。

二、建设内容

通过对课程课堂教学和网络教学的深入融合，创新教学模式，进一步优化教学整体设计和单元设计，整合立体的数字化教学资源，借助互动性强的课程网络学习平台，实现课程线上线下“双互动”，以满足学生自主学习需求，最终使学生达到最优的学习效果。具体体现在以下几个方面：

（一）课堂面授教学设计。课程将“翻转课堂”理念运用到教学中。以分组教学的形式，将班级学生分别划分为 6 组，每组6-7 人，每组设组长 1 名。教学环节按照企业项目开发过程，穿插角色扮演。计算机网站建设实训室被拟为“广西南宁欣欣文化传播有限公司”，承担的工作任务是某商务网站投票系统、注册系统、留言系统的设计与开发；学生分别扮演网页（美工）设计师、Web 软件开发设计师的角色，教师分别扮演客户、项目经理的角色。

在课堂教学面授过程中，围绕网络学习中存在的疑点、难点，通过小组课前汇报、撰写计划、案例分析、协作学习、编码调试、作品评价等教学活动环节，很好地调动学生的学习主动性，发挥教师引导、启发、监控教学过程的主导作用。同时，课堂教学中的资源都可以从网络教学平台中获取。

（二）网络远程教学开发。课程提前一周在学校网络教学平台工作任务。网站资源库的网络教学对课堂教学提供全方位的导学助学支持。帮助学生了解课程、引导学生制订学习计划、提供学习方法指导、指导学生选择学习媒体和学习开发工具、提供学习心理辅导和在线交流等。

在网络教学中，适时导学材料、作业、辅导资料、知识拓展资料等学习资源；定期组织在线测试和集中辅导；策划组织在线答疑、主题讨论、典型例题与案例解析等学习活动，引导学生开展协作学习，充分体现学生作为学习过程主体的主动性、积极性与创造性。通过在线导学、定期实时辅导和集中面授辅导等方式的结合，保证导学助学服务不间断地贯穿学生学习的整个过程。

三、实施方案

课程一般按照 5 个课时进行单元设计编写。以模块 1 中第四个工作任务投票功能实现为例。教学分为三个阶段进行，其中线上学习 2 个课时，线下学习 3 个课时。

（一）课前准备。学生通过网络平台领取工作任务单，浏览和下载资源对投票功能相关知识点进行学习，与组员之间讨论交流，进行学习资料收集与整理，制作项目需求分析，并根据项目需求分析，进行投票功能设计，确定制作方案。

（二）课中讲授。课中讲授可从以下步骤展开：（1）针对学生网络学习过程遇到的问题进行讲解，提示学生疑点、难点的解决思路；（2）学生小组分工协作，完成程序开发、编码单元调试和集成调试；（3）教师对各小组执行进度和情况并做好相关记录，提出整改意见；（4）学生课内讨论交流，根据教师建议对作品进行修改完善；（5）成果展示，教师点评，学生互评。布置下一个工作任务。

（三）课后巩固。学生将作品修改完善后通过网络平台提交给教师，教师在平台上批改作业并给予反馈。师生在学习平台上针对教学问题进行交流。学生利用网络资源进行自主学习拓展内容。

课程教学资源针对课程特点和教学内容进行设计与开发，主要见表 1。

四、应用成效

教学资源实践环节经历了两个课改班级的课程教学（即两个阶段），在第一个阶段的实践教学环节中，按照新修订的课程标准、教学计划，新编制的整体设计和单元设计、校本教材等资源实施混合式教学。初步取得了一定的成效：首先，学生成为主体，对学习内容兴趣增大，学习热情高涨。学生能在教师的帮助下，慢慢参与到项目中，体验工作角色的魅力。其次，学生能够自主思考、探索，进一步养成独立分析问题、解决问题的能力，扩宽了学习的途径和渠道。最后，在教学过程中教师与学生、学生与学生间的交流与互动明显增强，课堂授课学习氛围有较大的改观。

同时，第一阶段实践教学环节也存在一些问题：一是由于课时限制，一开始选取的教学内容难度偏大，学生无法在有限的时间内较好地完成线上工作任务，增大了线下教师课堂教学指导难度。二是学生网页基础知识掌握不牢，自主开发设计网页的时间和空间不够。学生在完成课程学习后难以自主开发网站，优秀学生作品较少。

针对以上存在的问题，在第二阶段实践教学环节中，课题组成员反复研究总结，并提出改进方案和下一步研究工作计划。一是对现有的教学内容筛选和提炼，寻找适合课堂教学的企业实际项目，修订出切合实际教学需要的校本教材，进一步进行线上线下学习时间分配和资源建设。二是搭建“网站建设综合实训”课程资源库网站，丰富课程资源库，为学生课后学习和探索搭建学习交流平台。

经过两个阶段的教学实践研究，课改班级学生较非课改班级在课程综合成绩、网站开发综合能力上有较大的进步和提高。如图 1 所示。

在课题实施过程中，对完成实践教学的计算机应用技术专业 88 名学生进行课程教学满意度调查问卷，调查结果显示，学生对课程学习兴趣明显提高，对课程教学内容、教学模式、教学方法、考核方式等方面的满意程度均有较大幅度的上升。如图 2 所示。

五、特色与创新

（一）与竞赛项目对接的教学资源建设。课程资源建设积极探索新思路，开发微课视频、制作助学游戏、搭建课程网站，将所有教学资源集成在一个平台。既包括课程标准、教学大V、教学计划、整体设计、单元设计等教学资料，又涵盖了教学课件、课程素材、学习手册、优秀作品等教学资料，资源强调多而精，极大程度上丰富了课程多媒体资源库，扩大了学生自主学习空间，将课程学习延伸到了课外。

结合相关竞赛标准，在教学目标上提出高要求，学生不但能够掌握网站规划、网站功能设计的专业知识和专业技能，还能使用动态网站技术独立完成建站工作，对现有的成熟产品进行二次开发，团队合作完成小型项目的设计与开发，以及产品的测试与维护。真正做到以教学资源促进竞赛项目，提升学生职业综合能力。

（二）创设“工作室制”的资源学习环境。引入企业“工作室制”的教学环境设计，将企业真实环境带入课堂，教学环节按照企业项目开发过程，穿插角色扮演。模拟企业环境的教学情境设计，重在全面培养其团队协作、沟通表达、工作责任心、职业道德与规范等综合素质。

将企业项目开发流程贯穿课程教学环节，严格按照“网站策划网站整体设计静态网页设计动态网页设计数据库设计网站测试网站上传网站更新维护”整个标准的企业网站开发过程进行设计，促使学生学以致用，以“用”促学，边“用”边学。

（三）校企合作共建课程资源体系。以就业为导向，以能力为本位，深度挖掘企业资源与专业课程教学的契合点，利用企业资源更好地改善课程教学质量。依托企业资源，以校企合作为切入点，重构课程内容体系，结合岗位分析将企业实际项目融入教学内容，使得企业资源最大限度地服务课程教学的各个环节，提升课程教学整体水平。

内容重构以就业岗位定位和职业能力分析结果作为重要依据，课程将企业实际项目融入教学内容，以 3 个子项目12 个典型具体的工作任务为载体。学生通过参与网站项目制作，亲自体验“网站策划―网站整体设计―静态网页设计―动态网页设计―数据库设计―网站测试―网站更新维护”整个标准的企业网站开发过程。整合后的课程内容对接就业方向，接轨就业岗位，切实在教学中提高学生的职业能力。企业资源的注入使课程教学焕发新的生命力。

该混合式教学资源已经实际运用于计算机应用技术专业实验班级的课堂教学。对完成实践教学的专业学生进行课程教学满意度调查问卷。调查结果显示，学生对课程学习兴趣明显提高，对课程教学内容、教学模式、教学方法、考核方式等方面的满意程度均有较大幅度的上升。

通过混合式教学资源库的建设与应用，学生学习兴趣更为浓厚，迟到旷课率减少，学习主动性和自觉性增强，合作精神和竞争意识有所提高，改变了不良的学习习惯，从而进一步增强动手操作能力和综合职业能力，同时也提升自学能力和职业创新能力。

【参考文献】

[1]程建钢.职业教育信息化研究导论[M].北京：清华大学出版社，2015

[2]强光峰.科学实施混合式教学的四个关键[J].基础教育参考，2015（7）

网站建设实训总结范文第4篇

关键词：工作过程；学习情境；网页设计

“网页设计与制作”是我院计算机应用技术专业和计算机网络技术专业的专业核心课程，主要培养学生的网站规划、网站效果图的设计与制作、网页设计、网页动画设计、网站后期编辑、网站测试及等技能，是一门实践性和操作性非常强的课程。如何将高职生培养成合格的网页设计师，使学生上岗后的能力能适应工作岗位的要求，这是本课程教学的总体目标，也是课程设计的方向。

一、职业岗位能力需求分析

通过对计算机相关专业学生毕业后从事网页设计与制作相关工作岗位的需求调研、毕业生问卷调查、网上企业招聘信息查询统计、校企合作办学等多种形式，在充分了解行业、企业具有的适合计算机相关专业毕业生就业岗位的前提下，由企事业专家和专、兼职教师组成的专业建设与课程建设指导委员，通过反复论证，确定本课程相关的职业岗位、岗位能力及岗位所需的综合

素质。

二、课程设计的理念与思路

1.课程设计的理念

本课程根据高职教育的特征，将“基于工作过程系统化”和

“行动导向教学”作为课程开发与设计的基本理念。将教学内容设计为5个学习情境，打破传统网页教学的条块界限，将网页设计与制作的实际过程作为课程教学主线，这样网页设计与制作的实际顺序即是本课程的教学顺序。

2.课程设计的思路

本课程的开发设计充分体现了职业岗位要求――职业性（网站策划岗位、网页设计岗位、网站建设岗位、网站管理岗位）、丰富多样的实践环节――实践性（课内项目、课外拓展项目、网页技能展示、毕业实习和毕业设计）和教学内容的灵活可选性、可拓展性――开放性（网页设计竞赛、网上教学资源、校外专家讲座）。

三、教学内容的组织与实施

1.教学内容选取的指导思想和基本原则

（1）根据网站开发职业岗位要求和相关职业资格标准，适时调整更新教学内容。

（2）以项目能力作为课程培养的主要目标，以真实项目为载体组织教学内容，注重培养项目实施能力。

2.以网站项目为载体，重构和序化教学内容

课程组通过对市场调研、听取毕业生的反馈信息，与校内外行业专家充分研讨分析，确定了课程的职业岗位指向是“网站策划员”“网页设计与制作员”“网站管理员”“网页美工员”“网页编辑员”和“网站运营员”等，并对这些典型工作岗位的职业能力进行了分析，选取了“武威职业学院校园十佳歌手评选活动宣传网站建设”“放飞梦想个人网站建设”“武威职业学院信息技术公司网站建设”“武威旅游网站建设”和“佳佳商城网用户及留言管理系统建设”等5个学习情境作为课程的教学内容，并为每个情境设计了6～10个教学任务，重构和序化教学内容，将真实项目精心分解成符合学生认知规律的教学任务，将技能点、知识点合理地融入各个教学任务中，打破了传统的“先理论，后实践”的教学组织方式。

在网站项目教学过程中，学生要根据项目来学习，具有很强的学习目的性、积极性和主动性，激发学生学习热情。每个项目的教学过程都要遵循：“项目任务内容项目”这样一个过程。在这个过程中，学生根据项目需求可以对前面学习的内容进行分析、总结、归纳、提高、整合。

3.教学内容的选取与教学实施

依据所确定的职业岗位选取教学内容，在确定网站教学项目时，遵循学生的职业成长规律，将网页设计基础知识、网站欣赏、网站规划与设计、网页效果图设计等16个教学模块进行了重构与序化，以5个网站项目为载体，综合理论知识、操作技能和职业素养为一体。

5个学习情境之间由易到难，层层递进，在不断补充新知识、新技能的同时，对课程的重点和难点进行反复强化。通过5个网站项目的学习，学生不但能够掌握网页制作与网站设计的专业知识和专业技能，还能够全面培养其团队协作、沟通表达、拓展创新、爱岗敬业、精益求精、求真务实的职业道德与规范等综合

素质。

4.课程考核

本课程的评价采用过程性评价（项目评价）和期末考评（课程考核）相结合的方法。最终课程成绩由“平时成绩（占20%）、项目考评（占30%）、期末考评（占50%）三个部分组成。具体考核要求见下表。

四、教学效果

学生对该课程采用基于工作过程系统化的教学反映良好，对教学中引入企业项目案例设计，与生产实践相结合的探索感到满意。良好的实习、实训条件也使学生的设计制作能力得到了明显提高，实现了工学的无缝结合。基于工作过程系统化的课程和行动导向的教学模式充分调动了学生学习的兴趣，学生普遍认为在这种教学模式下老师们的授课重点突出，难易适度，在教学中引入前沿知识和实际项目扩展视野，使学生在专业技能得到提高的同时，职业综合素质也得到了很好的锻炼和提高，为将来就业打下了良好的基础，同时该课程改革已得到校内外专家的一致好评，我院学生连续多次在甘肃省大学生创新杯计算机应用能力竞赛网页设计项目中获得各种荣誉，已经取得了明显的效果。

参考文献：

[1]姜大源.当代德国职业教育主流教学思想研究[M].北京：清华大学出版社，2007.

[2]王美萍.关于“工作过程系统化”教学模式应用的探讨[J].中小企业管理与科技，2009.

网站建设实训总结范文第5篇

关键词:平面设计;课程网站;网页设计;布局;模板;流媒体

中图分类号:TP393文献标识码:A文章编号:1009-3044(2009)24-6944-03

The Construct of Course Website of Graphic Design

MA Qiu-fang,ZHANG Bo-lun

(Qingdao Huanghai Vocational College, Info-Engineering Faculty,Qingdao 266427, China)

Abstract: Network-based teaching is possible with the popularity of campus network. One of the most important elements is establishment of website in teaching reform. It is focus on the necessity, location construction of the website. The principle in the website design with image processing software and web page design software is introduced in detail. The keys such as update of the website are also given in the paper.

Key words: graphic design;course website;web design;layout;template;streaming media

1 网站建设的背景及意义

计算机网络技术以及多媒体技术的快速发展推动了教学模式和教学手段的变革。我校的校园网已经建立,由于教学信息资源的匮乏,难以发挥其在教学科研中应有的作用,建立相应课程的教学网站势在必行。

教学网站是通过网络表现教学内容和实施教学活动的综合性教学系统,借助于多媒体和流媒体技术,为学生提供一个自主学习的环境。

平面设计课程是我校高职艺术类专业的一门主干课程。根据实际需要构建平面设计课程的教学网站,有助于激发学生的学习兴趣,提高课程的教学效果和影响力。

2 网站的前期准备

2.1 需求分析

平面设计课程教学网站的浏览者是教师和学生,需要提供课程的教学大纲、电子教案及案例素材等教学资源供学习者使用,提供课后习题以检查学习效果。此外,网站还应该实现师生之间的互动,形成一个有信息反馈和实时或非实时交流的系统。

2.2 风格定位

课程网站的风格应当美观大方、简洁明了,界面的设计体现友好和谐、方便用户操作。风格取决于布局和色彩。

网页布局结构大致可分为“国”字型、拐角型、标题正文型、左右框架型、上下框架型、封面型等[1]。无论采取何种结构的网页,都应遵循突出主要内容、主次分明这一原则。本站点的网页采用拐角型结构,正文部分纵向分隔为两栏,这是一种规范理性的分隔方式,类似于报刊的版式。

网站的页面主色调为海蓝色,海蓝色令人想到独立和创造,代表着美好的未来。通过调整透明度和饱和度对色彩进行变淡或加深渐变等的处理,产生新的海蓝色的近似色彩,整个网页看起来色彩统一,又不乏层次和变化。页面中还使用了淡灰色的背景图像,给人以遐想的空间,对于协调页面的均衡也起着很大的作用。

2.3 方案设计

2.3.1 网站栏目及栏目简介

根据需求分析,平面设计课程网站需要建立以下几个栏目:

(1)课程简介。简要介绍了平面设计课程的性质和说明,使用的教材及参考教材。

(2)课程建设。本栏目具体介绍了课程负责人和主讲教师的基本信息,课程的教学目的、教学设计思想和教学手段,课程的教学特色,考核方式和课程评价。

(3)教案与视频。该栏目提供了平面设计课程的CAI课件下载,重点章节的教师授课现场视频以及说课形式的课程整体介绍视频,帮助学生更有效的学习或复习。

(4)学习指南。网络教学不同于课堂教学,不能只提供教案课件,还需要提供学习指南指导学生的自主性学习[2]。本栏目包括本课程的知识结构、教学大纲、各章节学时分配,各章节的主要内容和重点难点以及课程进度表。

(5)实验实训。该栏目提供了平面设计课程的实践性环节,包括平面设计的精彩案例制作步骤以及所需素材的下载,用于拓展知识面。

(6)习题与试卷。包括各章节的相关习题、历年考题以及平面设计师认证考试的模拟试题,方便了学习者的自我检测。

(7)学生作品。选取优秀的学生作品和大赛获奖作品进行展示。此栏目不仅能够激发学生的积极性,又展示了课程的教学效果,对学校的教学起到宣传作用。

(8)讨论区。在讨论区学生可以进行学习交流、资源共享、信息以及作品展示等,该栏目加强了师生之间的联系。

2.3.2 网站拓扑图

图1为网站拓扑图。

2.3.3 确定设计工具

开发一个好的课程网站要选择好开发工具和开发技术,网站的静态部分使用Dreamweaver来制作,利用Photoshop设计网页界面和处理图像,网站的动态交互部分采用ASP和SQL实现,IIS为系统运行服务器。

3 网站建设

3.1 设计首页界面

3.1.1 绘制首页草图

确定了首页各项栏目及位置之后,开始设计首页的版面,将首页做一个简单的规划(如图2所示),包括导航栏、网站Banner、正文、版权信息。

3.1.2 首页效果图

使用Photoshop制作效果图,将文件规格设置为宽度780像素,高度800像素,分辨率为300像素/英寸。效果图制作完成后借助参考线进行划分,然后使用切片工具沿参考线切片(如图3所示),并将其存储为Web所用格式,系统则自动生成一个文件夹,保存所有的切片。

需要注意的是:切片时要按照Dreamweaver表格能实现的区域进行划分,切忌切片过于复杂[1];为了整个网站风格的统一,网站中的其他网页也采用类似的形式。

3.2 创建站点

在制作网站时创建一个本地站点文件夹,这个文件夹用来存放和管理站点中的所有文件,该文件夹的四个子文件夹,分别是image、video、courseware、works,分别用来存放网页的图片、教学视频、电子课件和学生作品。

启动Dreamweaver新建站点,站点名称为“平面设计课程教学网站”,本地根文件夹则设置为上面所建的本地站点。

3.3 网站建设中的关键点

3.3.1 网页的布局

网页的布局方式一般有:表格布局、框架布局及层布局。本站点中的网页采用表格布局,表格比较容易设置和定位,方便管理调用,比较适用于排版统一的网页[3]。不采用单一层进行布局是因为层的绝对定位方式导致网页的稳定性不高,层的位置会跟随显示分辨率的变化而移动,造成页面混乱。

3.3.2 模板和库的使用

由于网站中所有网页的布局和界面大体一致,在制作和修改网页时借助模板减少重复的工作量。避免了相同部分的输入,而且在更新网站时,只需修改模板,系统就能自动更新基于这个模板的所有网页。

此外还将网页中的内容的许多共性部分(如版权信息等)定义为库元素,将其应用在每个页面需要的地方。与模板类似,当相关信息发生改变时,不必每个页面都进行修改,只需修改库元素就会自动更新全部网页。

3.3.3 锚点链接

实验实训、学习指南、学生作品等网页的特点是内容分类多,但各项包含的内容少。如学生作品分为海报设计、包装设计、书籍封面设计等七个分类,而每一类展示的作品只有八幅,这样就可以在页面的右侧设计一个内部导航条,为其添加锚点链接。

这种设计方式是将全部内容放置在一个页面上,浏览时利用锚点在同一页面的不同位置进行跳转。这样一来,在浏览不同类别的内容时无需打开新的页面或刷新页面,提高了浏览速度,而且维护方便,省去大量重复代码,减少了文件容量。

3.3.4 流媒体

教案与视频页面需要将教师授课视频上传至网站,考虑到传输网络的带宽、观看者等待时间和视频分辨率等因素,将所有视频统一转换为Flv格式。Flv的全称是Flash video,是一种流媒体的格式,边下载边播放,形成的文件较小,加载速度快,分辨率适中。

3.3.5 以学生为中心

在网站的规划和实现方面都坚持以学生为中心。例如:针对不同水平的学生提供不同的教学进度和学习目标,并配合难易度不同的课件、教学视频以及课后习题;在讨论区设置教师答疑版块,集中解决学生学习中遇到的问题;设置反馈意见电子信箱,收集学生的意见和建议;网站栏目和内部导航条的划分符合学生的认知心理等,真正实现了由以教师为中心向以学生为中心的转变。

3.3.6 网站的更新

一个好的课程网站不仅需要建设,更需要不断更新维护。许多高校都建立了课程网站,但是建成后没有后期的更新维护,成了“一建了之”的工程,降低了网站的生命力,没有达到促进教学的最终目的。

平面设计课程发展速度很快,软件不断升级、国际流行设计不断变化。笔者刚接触Photoshop时的CS版本升级到现在CS4版本只用了四年的时间,增加了几十项功能。为了让课程跟上时代的步伐,不断吸纳最新的教学成果和研究成果,完善的教案、习题、视频等教学资源[4],并将讨论区里优秀的学生原创作品提炼出来充实到网站中,实现网站的滚动建设,延长生命力。

4 总结

课程网站的建设是教学模式和教学手段改革的一项重要内容,课程网站可以实现优秀教学资源和教学成果的共享,提高教学质量。通过一年的运行证明效果良好,学生自主学习的积极性增加,教师的业务水平也有所提高。课程网站的建设是一项长期的工作,需要在教学实践中不断总结和完善。

参考文献:

[1] 智丰电脑工作室.Dreamweaver8网站设计制作入门与提高[M].北京:中国林业出版社,2006.290-292,298.

[2] 王向红.“微机原理及接口技术”课程网站设计和实现[J].中国现代教育装备,2007(9):51-52.

[3] 王凤兰,赵应旺.花卉精品课程建设中网站的构建初探[J].农业与技术,2007(7):164.