购物车(0)
网站设计与制作论文:网站设计与网页制作论文
1网站建设的作用和意义
互联网作为连接世界各地计算机的全球性信息化网络，它的传输内容是非常丰富的，涉及到全球的各个领域，是人们了解世界、掌握信息的主要渠道之一。网站作为信息时代基层的一个重要窗口，是院务公开、公正、服务职工、惠及民生的重要手段。办好网站，对于保障职工合法权益、增加职工之间互相的透明性、加强自身建设、提升知名度和影响力都具有非常重要意义。
2网站设计分析
文字、图形、色彩是展示网站内容的重要组成部分，是构成网站传达信息不可或缺的手段，同时也是用户对网站及时印象和整体风格关注的主要内部分。要想设计出符合人性化需求的网站，只有多为用户着想，认真地以用户的切身体会出发去完成网站的整体设计。当然，在设计过程中需要考虑的因素很多，用户群因素和界面因素是首要考虑的两个方面。
3网页制作
3.1选择合适的网页设计软件当前能使用的网页设计类软件很多，而选择一个功能强大、操作简单的软件则会让你事半功倍。对于网页制作软件来说，初学者最常使用是Frontpage和Dreamweaver，Frontpage是微软公司出品的一款网页制作入门级软件，FrontPage使用方便简单，会用Word就能做网页，所见即所得是其特点，该软件结合了设计、程式码、预览三种模式。Dreamweaver是美国MACRO~EDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，利用它可以轻而易举地制作出充满动感的网页。此外，制作网站还要用到边缘性软件，如photoshop、flash等，网页设计过程中可根据自己的需要灵活运用这些软件。
3.2选择网页内容前期的框架设计好后，就要为这个网站选择内容了。网页内容影响着网站的成败，所以我们要多花一些心思在内容制作上。内容选择要选有新意的、独特的，这些可以从图书、报纸、互联网等信息媒介搜集素材，素材通常分为三类一一文字、图片、影像。素材准备得越多越好，再从这些素材中粗中取细，以备制作网站时可以随时拿来使用。总之，网页内容是网站的根本，如果内容空洞，页面制作的再怎么精美，仍然不会留住访问者。
3.3运用网页设计中的色彩不同的色彩搭配产生不同的效果，反映出不同网页的文化内涵。因为它能产生强烈的视觉冲击，所以确定网页的色彩是相当重要的一步。在网页的色彩设计上，除了要表现心理和感情联想之外，还要考虑色彩的对比明暗、轻重、冷暖、调和色和纯度对比色的应用等等。合理的用色可以让信息的传递更有价值，使网页更有效和地把信息传达给我们的视觉。
4结语
网站的设计与制作谈起来很简单，但要制作出真正有创意、经典的网站不是一件容易的事情。网页设计需要不断的实践，不断的学习，不断的丰富、创新网页制作的方法，不断完善、提高自己网站设计的能力。
作者：华磊许长安单位：黄淮学院
网站设计与制作论文:网站设计与制作课上翻转课堂的运用
【摘要】随着我国经济实力的不断上涨，网络科技也逐渐进入大众的视线，网络教育也得到了新的发展。在全新的教育形势下，网络课程的开设已经越来越普遍。本文从网站设计与制作课程的教学现状出发，阐述了新时代下新生的翻转课堂的具体内涵，为我们展示了翻转课堂运用于网站设计与制作的优势与作用。
【关键词】网站设计与制作课;翻转课堂教学模式;应用
一、前言
翻转课堂是随着时代的发展，信息的普遍而新兴的一种教学方式。它结合了传统教学的优良之处，同时也融入了时代的元素，是网站设计与制作课程上的不二之选。翻转课堂在网站设计与制作课的应用，是连接课前，课堂，课后的纽带，人性化的课前指导，生动形象的教学视频，自主学习的课堂氛围都是它从众多教学方法中脱颖而出的几大优势。而在实践的检验和反思下，也证实了翻转课堂应用于网站设计与制作的重要意义。
二、网站设计与制作课的教学现状
由于目前为止我国网络设计与制作课程开设时间相对较短，因此在很多方面仍然存在着一定的问题。通过对一些已经开设了该门课程的调查可以发现他们在网络课程教学中存在着一些共同的问题。
1.教学手段老套，学生积极性低
学生在真实的情境中学习不仅能够帮助学生调动已有的知识体系，同化到他们要学习到的新知识中，有效帮助学生理解知识点；还可以从根本上激发学生的积极性，将外在的学习动机转化成主观的学习意识，进而锻炼学生的探究能力。但是目前大部分的网络课程都是通过传统的“说教”来达到理论知识的传授，而不是导入与课程相关的情境来辅助学生进行学习和理解。这样被动的学习是无法集中学生思维，提高课堂效率的。
2.可供学生学习的资源较少
网络课程的主要学习方式是学生通过自主学习进行各种学习活动。但是在目前很多学校没有为学生提供足够的学习资源。在学校的资源库中，大部分都是用于教师备课和教师备习题，学生可以利用的资源少之又少[2]。不仅如此，在有限的资源中，其内容大多是枯燥无味的。种种因素都限制了资源的共享性与交流性。
三、翻转课堂的重要内涵
翻转课堂是在新信息时代下诞生的一种全新的课堂模式。在课堂上，打破传统的老师说学生听，随后布置作业，学生去完成的教学模式。而是在课前老师根据学习目标制定相应的学习视频和学习资料，通过无线网的方式发送给学生，只需要学生去观看视频，自主地去完成对这些学习资源的提前学习。[3]在课堂中，师生之间面对面的，对学习内容中困惑之处进行探讨和交流，以此达到课堂效率的较大化。
四、网站设计与制作课上翻转课堂教学模式的优势
显而易见的是，翻转课堂的学习模式颠覆了传统的课堂模式，让我国教育事业在经济全球化的机遇下得到更加蓬勃的发展，网站设计与制作课程也迎来了新的发展契机。
1.转变学习模式
传统的教学是教师在课堂上传授知识，学生在课后通过完成作业的方式进行自我复习和消化，但有部分学生因为在课堂上没有掌握到位，课后作业的完成就会十分艰辛且效果不佳，课堂效率大大降低。而翻转教学模式则是老师提前将学习内容发给学生，让他们课前进行操作，在课堂上的时间就可以充分利用于解疑答惑，这于学生对知识点的吸收和掌握来说无疑是百利而无一害的。
2.转换师生角色
在翻转课堂模式下，师生之间的关系明显地发生了一些明显的变化。所有的学习过程几乎都是由学生占主要地位，而教师由传统的传授者和管理者变成了学生的引导者和协作者。[1]教师的任务由传统的课堂讲解变成了课堂协助，帮助学生在进行网络作业时加强对难点的理解，引导学生进行总结及应用，充分肯定了学生的主体性。
3.实现学生的个性化学习
每个学生在不断的学习中，都会有适合于自己的学习方式和自己的学习兴趣。但是传统“一刀断”的单一教学模式明显无法满足学生的个性需要。而翻转教学中，每个学生都可以根据自身的具体情况来定制相应的学习计划，对于课程学习能力强的可以将进度调快，而这方面学习能力较弱的则可以调慢点，强化基础知识的学习。因此，翻转课堂对学生可持续发展的帮助是传统教学模式所无法比拟的。
五、总结
翻转课堂教学模式升华了网站设计与制作教学的传统模式，把以前零零散散的教学方式通过翻转课堂的方式，改变了它条条框框的构架模式，应用自由的、轻松的视频课件将学生带回课堂，它涵盖的知识面具有广泛，是学生们获得更为精彩丰富的课堂内容，当然，课前预习以及课后复习也成为这次改革的一个内容，反思自己学习的知识，研讨学习任务也会是学生学习网站设计与制作的重要过程之一。通过这次改革，我国网络设计与制作课程有了一个新的制高点。
网站设计与制作论文:网站设计与制作中模块化教学的运用
摘要:在我国教育教学改革进程不断深入的现阶段，对于职业教育工作的开展也提出了越来越高的要求，特别是针对一些实践性较强的课程，应积极转变其教学模式；模块化教学法作为一种以技能培训为核心的教学模式，其强调的是理论和实践二者的有机结合，在网站设计与制作课程中的应用表现出了显著的成效，应对其予以高度的重视。
关键词:网站设计与制作;模块化教学;应用
一、前言
自进入到信息时代以来，互联网领域的迅猛发展使得社会对计算机人才的需求量剧增，各个院校对于网站设计与制作等课程的教学也予以了高度的重视；然而，在网站设计与制作课程的教学过程中还存在“重理论，轻实践”的问题，而模块化教学法的提出与应用则有效的提高了教学有效性。基于此，本文围绕网站设计与制作中模块化教学的应用这一课题进行了浅析，希望为相关工作的开展提供参考。
二、模块化教学法概述
模块化教学法指的是将劳动力市场需求、岗位职业操作技能等作为依据，对教学内容进行分析和设计，将知识内容按照一定的逻辑关系划分成几个相对独立的教学模块，之后根据不同教学模块的教学目标来确定教学方法、组织形式和考核方式等。与传统的教学方法相比较而言，模块化教学法具有以下几点鲜明特征：首先，课程的设计以职业能力作为参考标准；其次，课程结构模块式；再次，强调学生利用理论知识更好的完成实践任务；，理论和实践教学的实现是建立在具体化的工作任务布置的层面之上。
三、模块化教学法在网站设计与制作中的应用
1.课堂教学
在网站设计与制作中应用模块化教学法，其中每个模块的教学流程都包括了明确技能要求、展示网页效果、操作任务分析、课堂演示、实践训练、总结归纳等环节。课堂教学是模块教学法的重要组成部分，教师需要帮助学生明确岗位职业技能要求和教学目标，打破传统的灌输式教学模式，在案例中实现理论知识的讲授。例如，在开展《页面布局》这一模块的教学时，教师可以选择社交网站、购物网站、视频网站的网页作为案例，对其进行剖析分解，将抽象的理论知识变得更加具体化，有利于学生的理解。
2.实践教学
实践教学是应用模块教学法最为重要的一个部分，最为常见的方式就是任务驱动，结合网站设计、制作流程以及及各工序之间的衔接顺序来安排教学流程，教师布置任务，由学生进行小组合作共同完成，在实际操作的过程中实现对知识的内化和技能的加强。
（1）划分小组
在网页设计与制作课程教学中，教师可将全班学生划分成几个小组，每组的学生人数应在5人左右为，并保障每个小组中学生的能力都较为平均，从中选取一名学生作为组长。
（2）确定任务
在《网页制作》这一模块当中，主要包括了文本和图像、网页布局、动感元素和超级链接以及表单网页等子项目，教师应帮助学生明确其相对应的岗位的具体工作内容和能力要求，如“文本和图像”部分的工作内容是提供创意文案和符合主题的图像，要求学生应具有深厚的文字功底和想象力等；在此基础上，教师为学生布置任务，即为一个购物网站设计主页，小组通过讨论确定网页的风格特色等,并由组长组织为每个成员划分各自所负责的部分。
（3）实践操作
小组明确网页制作的流程，学生根据自身的兴趣和职业规划选择负责的部分，在此基础上进行实践操作；例如，负责文字和图像部分的学生要提供创意文案，负责着色的学生结合网页特征对需用到的色彩进行设定，负责二维或三维动画设计的学生运用相关软件（Flash、AE、Ps等）进行动画或场景的制作；整体制作完成之后小组成员对网页设计进行分析，对发现的问题或不足之处予以修整，全部完成之后上传到班级共享群当中。
（4）总结评价
每个小组对设计的网站网页进行讲解，包括构思、主题和意义等，采取小组互评的方式选出的作品，对这一小组的学生给予适当的奖励；之后组织学生进行实践操作体会的沟通交流，教师针对学生操作过程中出现的问题或者是难点部分予以讲解，帮助学生更好的掌握相关技能，完成模块教学目标。应用模块化教学法使得学生透彻的理解网站设计与制作的流程，提高自身技能水平满足职业岗位需求。
四、结束语
综上所述，模块化教学法一方面构建了以学生为主体的教学模式，培养了学生的综合素质能力，另一方面还有利于教学内容的更新和教学效果的优化，其在课堂教学中的应用具有重要的意义。网站设计与制作是一门实践性较强的课程体系，在教学中应用模块化教学法，教师应该对各个模块的相关知识内容予以深入的挖掘，并将社会人才需求和专业技能需求等作为依据来选择和设计教学内容，同时实现理论和实践的融合，以此来提高课程教学的有效性。
网站设计与制作论文:设计与制作课程实践
一、课程情况
《网站设计与制作》也是计算机各专业学生学习后续课程的基础，比如学习基于网络编程的动态网页设计技术，学生毕业后可从事网络软件的设计与开发，进行商务网站的设计与制作，同时也可以考取网页设计师、网络软件工程师等相关国家职业资格证书。开设该课程是复合我校关于“高素质、技能型人才”培养目标的需求的，通过该课程的教学，可以培养出一批的、能够在一线工作岗位上从事网页设计与制作、网站规划、管理与维护工作的专业人才。基于该课程的主要工作岗位有：网站管理与维护人员、网页设计与编辑人员、网站策划人员及网页美工人员等。
二、课程教学思路与教学方法改进
学生如果要很好得完成网站制作，所需的的知识体系非常庞杂，其中包括网络基础知识，网页制作技术，平面设计和动画制作等基本要素。具体涉及到网页制作软件，图像处理软件，动画软件，数据库知识，脚本语言动态服务器编程技术等。教学内容比较多，知识点比较分散，而学时仅为48个学时，学习内容多而课时少。经过多年的教学活动的开展和经验总结后，我们总结出一套适合高职学生教学方法，那就是使用任务驱动式的教学方法。我们以前的教学设计思路是：讲授知识点———设计任务———监督学生完成———验收，现在的教学设计思路是这样的：实际工作任务导向———任务驱动———相关知识讲授。老师在此教学思路中的角色：给学生布置一项工作（实际工作任务导向）———将工作转变为一个任务（任务驱动）———通过任务引出知识点（知识学习）。学生在此教学思路中的角色：通过老师的引导，理解相关任务要求，继而产生强烈的学习相关知识的兴趣，在下一步的知识学习中就能很好地学习，掌握了相关知识后，马上运用于实践，完成老师布置的任务。通过该课程的教学，使学生最终能够自主开发一个完整的网站，毕业后能够直接从事企事业单位网站的开发设计与管理维护等工作。
三、课程体系内容重构
本课程性质是计算机系的基础必修课，教学对象是全系各专业的大一学生，因此教学内容定位于静态网页的制作，以Dreamweaver软件为主线，介绍静态网页设计和制作的基本技术,目前很多网页教材是基于网页三剑客的即Dreamweaver、photoshop和flash，然而当前课时条件和时间条件下，根本做不到三个软件都讲到位，事实上每个软件分开都可成为一门课程，而网页设计课程只能以网页制作软件Dreamweaver为主，其他软件为辅，并且其他软件制作的作品要与网页密切相关为了解决内容多学时少的矛盾，有利于教学的开展和培养学生的动手能力，为此我们对教学内容重新进行了重构，围绕Dreamweaver软件讲解网页制作的方法和技巧，只有在制作图像缩略图、切片、按钮、LOGO图片等时候，才辅助其他软件加工素材或者制作动画。教学内容分为9个模块:模块一、网页设计基础；模块二、页面的基本操作；模块三、简单网页的制作；模块四、网页的样式设计；模块五、实用HTML布局页面；模块六、实用DIV+CSS布局页面；模块七、制作多媒体页面；模块八、网页交互设计；模块九、网站的测试与管理。
四、总结
高职学生思维活跃，好动手，但是其学习基础较差，没有良好的学习习惯和学习方法，教师在实际的教学活动中应当充分发挥其优点，改变其缺点。在本课程的教学活动中，我们的教学思路和课程内容体系的重构都是围绕这点来设置的，在实际的教学活动中取得了较好的教学效果。
作者：钟永全 唐琴 单位：桂林电子科技大学职业技术学院
网站设计与制作论文:网站设计与制作教学应用研究
一、Moodle平台《网站设计与制作》课程设计
1.学习资源
学习资源为学习者上机练习提供必要学习资源，根据教学内容和学习者特征为学习者提供经典学习资源，作为学习者上机练习的有益补充。课程平台主要为学习者提供课程课件、相关软件、课程案例、教学视频、网站作品、网站设计与制作的素材、W3C组织官方网址等基本教学资源。在学习者上机练习过程中，遇到问题可以通过学习资源进行解决，减轻教师上机辅导的工作量。
2.学习活动
学习活动是学习者熟练掌握知识的主要途径，教师根据教学内容特点和学习者认知结构，设置灵活的学习活动，每章节学习活动一般包括两种类型，一类学习活动主要针对每个知识点设计的上机练习，主要考查学习者对基础知识的掌握情况；另一类学习活动主要针对综合性的项目，主要考查学习者对知识综合应用的能力，这类学习活动主要通过Moodle平台wiki协作学习完成。
3.学习论坛
学习论坛是师生之间、生生之间相互交流的良好渠道，同时也是学习者主要答疑渠道，针对两类不同学习活动开启不同讨论主题，学习者可以围绕讨论主题展开讨论，也可以发起讨论主题。学习论坛可以及时解决学习者在学习过程中的困惑，也可以了解学生的想法和观点。
4.作业提交与反馈
作业提交环节是学习者学习成果展示的有效途径，通过作业提交可以及时了解学习者对所需知识点的掌握情况，同时也是教师辅导的主要依据，作业提交包括平时上机练习作业和综合项目的作品。通过Moodle平台作业提交时间限制功能，可以让学习者在规定的时间内完成作业提交任务，教师及时给予点评，让学习者了解学习中的不足，及时解决学习过程中存在的问题。
二、课程教学效果分析
采用问卷调查法对Moodle平台教学效果进行调查分析，选取新疆昌吉学院物理系教育技术学专业本科1104班大三的学生作为研究对象，学生们具备相应的媒体操作能力，对Moo－dle平台操作不存在技术困难。采用问卷星进行问卷发放，发放问卷29份，回收问卷28份，回收率为96．55％；问卷的有效率为100％。
1.学习者调查分析
对学习者在线学习进行调查发现，曾有过在线学习经验的占到36．22％，没有在线学习经验的占到63．78％，从调查结果可以看出，大多数学习者没有在线学习的经验，可能会对课程平台教学效果产生一定的影响。
2.Moodle平台功能模块分析
在线学习过程中，对学习者使用Moodle平台最多的功能模块进行调查发现：学习者使用最多的功能模块是作业上传占91．43％，其次是论坛模块占48．57％，wiki协作学习模块和个人blog模块相对较少，分别占20％、5％。通过调查结果可以分析出，学习者对教师要求完成任务的功能模块使用较多，没有布置任务的功能模块很少使用，在一定程度上，可以表明学习者处于被动学习状态，自主学习能力不强。
3.课程平台学习情况分析
笔者主要从学习兴趣、时间投入、学习动因、学习资源、学习方式和问题解决方式等因素来分析Moodle课程平台学习效果。对使用Moodle平台学习本门课程是否能够激发学习者学习兴趣调查，有28．57％的学习者认为能够激发学习兴趣，有62．86％的学习者不确定是否能够激发学习兴趣，只有8．57％的学习者认为不能激发学习兴趣。从调查结果可以分析出，小部分学习者认为Moodle平台能够激发学习本门课程的学习兴趣，而大部分学习者不确定是否会激发学习兴趣，其主要原因可能在于大部分学习者缺乏在线学习的经验。
对课后每周学习时间投入情况调查，有95．86％的学习者在课后每周愿意花5小时以下时间利用平台进行学习，只有4．14％的学习者在课后每周愿意花5小时以上10小时以下时间利用平台进行学习。从调查结果可以分析出，课后绝大多数学生不会投入更多时间利用平台进行学习。同时笔者还对利用平台进行学习动因进行调查，有82．86％的学生者是因为有学习任务必须进行学习，有51．43％的学习者是为了查看资源是否有更新，有57．14％的学习者是为了查看是否有新任务，有4．43％的学习者是愿意利用平台资源进行学习，由此可见，绝大多数学习者处于被动学习状态，自主学习能力不强，可能因为长期接受传统教育的结果，习惯被动学习状态。对平台提供的学习资源是否能够满足学习需要调查，有94．29％学习者认为平台提供资源可以满足学习需要，只有5．71％学习者认为平台提供资源不能满足学习需要，从结果可以分析出，绝大多数学习者对课程设计的资源比较满意，只有少部分学习者认为不能满足学习需要，可能跟学习习惯有关，喜欢听从教师的安排与作业布置。对课程平台学习过程中。喜欢学习方式调查，喜欢整堂课教师讲授的学习者占到81．28％，喜欢小组协作学习的学习者占到10．15％，喜欢利用资源进行自主学习的学习者占到8．57％。
从调查结果可以分析出，绝大多数学习者喜欢传统以教师讲授为主的学习方式，只有少部分学生者喜欢小组协作学习和自主学习。对在使用课程平台学习过程中遇到问题时，解决问题方式的调查，有94．29％的学习者直接求助同学和教师，有32．86％的学习者通过网上搜索，有25．71％的学习者会在论坛发帖求助。从调查结果可以分析出，在问题解决方式上，绝大多数学习者还是喜欢传统解答方式。
三、结语
通过上述调查统计结果可以概括出，学习者受传统教育影响较大，在一定程度上，学习者自主学习能力、协作学习能力不强，习惯听从教师的安排和布置，结合上述学习者特点，建议教师在利用Moodle平台进行课程设计过程中，应多考虑建构主义教学理念，通过以问题、情景、任务、项目等教学策略进行网络课程的设计，让学生者真正参与到课堂中，培养学习者自主学习能力、协作学习能力，才能真正发挥Moodle平台在教学中的作用。
作者：张慧丽 王文惠 王建虎 单位：新疆昌吉学院 新疆师范大学教育科学学院
网站设计与制作论文:高职图书馆网站设计与制作
1设计理念
⑴符合高职的特点和实际情况。高职图书馆不同高校图书馆，高职图书馆具有独特性，网站应结合图书馆的服务理念去建设，但高职图书馆面临资源少、服务项目少的困境，我们如何对读者提供有价值服务，需要馆员们多年服务读者过程中总结，才能给读者一个满意的网站。图书馆网站建设力图把满足读者需求、方便读者使用作为网站设计的根本出发点，网站的内容和设计要充分考虑到读者的需求，一个受读者喜欢并信赖的网站是建立于读者明确需求的基础上。
⑵不使用过多颜色，力求简洁、清爽。色彩可以鲜艳一些，但不能杂乱。从审美角度看，在网站设计时，只使用三、四种相匹配的颜色就可以让网站更为美观了，应尽量避免使网站过于花哨，尽量不用或少用动画、闪烁或滚动的文本。
⑶页面应布局合理，尽量简洁。一般来说，页面的分辨率推荐1027x768，固定布局宽度来设计；按网站层级来设计布局，同一层级的布局尽可能统一。网站首页布局应简洁、大方，应把服务与资源充分显示在首页面上，可以采取JS滑动显示的技术，容纳更多的内容而不显得拥挤。
⑷使用一致的设计元素。在网站的全部页面上，都采用一致的字体与颜色，会使网站显得更为统一和专业。同时在网页的布局设计、术语或词汇的使用，以及与用户交互的方式使用等方面，也都应尽力保持这种一致性。图书馆主页、OPAC页面及二级页面在功能菜单及色调上应尽量做到一致。
⑸图书馆的网站上应设计一个较醒目的给读者发牢骚、提意见、问问题的窗口。
⑹网站整体导航清晰化。1）全局导航。全局导航也就是说可以帮助用户随时去到网站的任何一个栏目。并且能轻松跳转到另一个栏目上。一般来说，全局导航的位置是固定的，这样可以减少浏览者查找的时间。2）导航栏异化，直接的告诉用户他身在何处。浏览则当前访问的页面所属的导航，在网站建设中要进行特殊化处理，比如一家网站建设公司的网站导航，如果网站主导航颜色是蓝色的，那么当用户浏览到网站建设流程这个大栏目之下，那么网站建设流程这个栏目的导航应该换一种颜色或者做一种特殊的效果来进行体现，以区别与其他的导航。这样浏览者就能够非常的容易的识别到当前导航所在的位置。
2网页制作——精益求精
⑴CSS样式制作规范。为了开发后样式名管理方便，请用有意义的单词或缩写组合来命名，一看就知道这样式是哪一块的，这样就节省了查找样式的时间。
⑵符合搜索引擎。在制作网站的过程中，应符合搜索引擎，以便读者能搜索到图书馆网站。网站设计符合搜索引擎主要有两个标签：标题（title）、描述（description），写法如下：<title>顺德职业技术学院图书馆|顺职图书馆|顺大图书馆</title><metaname="Description"content="顺德职业技术学院图书馆为了适应本馆的持续发展和读者不断提高的需求，本网站图文结合，内容丰富，层次分明来展示图书馆的资源和服务。"/>
⑶网站的扩展性及维护的便利性。站维护的便利性。网站后续维护的工作中，我们通过网站管理后台权限的分配，把馆内的各部门人员全部调动起来，各自负责各自的网站模块。维护的内容包括四个方面：及时、网站各模块内容的更新；第二、试用的数字资源的及删除等；第三、图书馆业务中内容发生变化的相应更新；第四、网页功能的修改升级或者特效的改造增加。
作者：周堪培 单位：顺德职业技术学院
网站设计与制作论文:网站设计与制作的重构与实践
一、课程教学思路与教学方法改进
学生如果要很好得完成网站制作，所需的的知识体系非常庞杂，其中包括网络基础知识，网页制作技术，平面设计和动画制作等基本要素。具体涉及到网页制作软件，图像处理软件，动画软件，数据库知识，脚本语言动态服务器编程技术等。教学内容比较多，知识点比较分散，而学时仅为48个学时，学习内容多而课时少。经过多年的教学活动的开展和经验总结后，我们总结出一套适合高职学生教学方法，那就是使用任务驱动式的教学方法。我们以前的教学设计思路是：讲授知识点———设计任务———监督学生完成———验收，现在的教学设计思路是这样的：实际工作任务导向———任务驱动———相关知识讲授。老师在此教学思路中的角色：给学生布置一项工作（实际工作任务导向）———将工作转变为一个任务（任务驱动）———通过任务引出知识点（知识学习）。学生在此教学思路中的角色：通过老师的引导，理解相关任务要求，继而产生强烈的学习相关知识的兴趣，在下一步的知识学习中就能很好地学习，掌握了相关知识后，马上运用于实践，完成老师布置的任务。通过该课程的教学，使学生最终能够自主开发一个完整的网站，毕业后能够直接从事企事业单位网站的开发设计与管理维护等工作。
二、课程体系内容重构
本课程性质是计算机系的基础必修课，教学对象是全系各专业的大一学生，因此教学内容定位于静态网页的制作，以Dreamweaver软件为主线，介绍静态网页设计和制作的基本技术,目前很多网页教材是基于网页三剑客的即Dreamweaver、photoshop和flash，然而当前课时条件和时间条件下，根本做不到三个软件都讲到位，事实上每个软件分开都可成为一门课程，而网页设计课程只能以网页制作软件Dreamweaver为主，其他软件为辅，并且其他软件制作的作品要与网页密切相关为了解决内容多学时少的矛盾，有利于教学的开展和培养学生的动手能力，为此我们对教学内容重新进行了重构，围绕Dreamweaver软件讲解网页制作的方法和技巧，只有在制作图像缩略图、切片、按钮、LOGO图片等时候，才辅助其他软件加工素材或者制作动画。教学内容分为9个模块:模块一、网页设计基础；模块二、页面的基本操作；模块三、简单网页的制作；模块四、网页的样式设计；模块五、实用HTML布局页面；模块六、实用DIV+CSS布局页面；模块七、制作多媒体页面；模块八、网页交互设计；模块九、网站的测试与管理。
三、总结
高职学生思维活跃，好动手，但是其学习基础较差，没有良好的学习习惯和学习方法，教师在实际的教学活动中应当充分发挥其优点，改变其缺点。在本课程的教学活动中，我们的教学思路和课程内容体系的重构都是围绕这点来设置的，在实际的教学活动中取得了较好的教学效果。
作者：钟永全 唐琴 单位： 桂林电子科技大学职业技术学院
网站设计与制作论文:网站设计与制作课程体系实践
一、课程情况
《网站设计与制作》也是计算机各专业学生学习后续课程的基础，比如学习基于网络编程的动态网页设计技术，学生毕业后可从事网络软件的设计与开发，进行商务网站的设计与制作，同时也可以考取网页设计师、网络软件工程师等相关国家职业资格证书。开设该课程是复合我校关于“高素质、技能型人才”培养目标的需求的，通过该课程的教学，可以培养出一批的、能够在一线工作岗位上从事网页设计与制作、网站规划、管理与维护工作的专业人才。基于该课程的主要工作岗位有：网站管理与维护人员、网页设计与编辑人员、网站策划人员及网页美工人员等。
二、课程教学思路与教学方法改进
学生如果要很好得完成网站制作，所需的的知识体系非常庞杂，其中包括网络基础知识，网页制作技术，平面设计和动画制作等基本要素。具体涉及到网页制作软件，图像处理软件，动画软件，数据库知识，脚本语言动态服务器编程技术等。教学内容比较多，知识点比较分散，而学时仅为48个学时，学习内容多而课时少。经过多年的教学活动的开展和经验总结后，我们总结出一套适合高职学生教学方法，那就是使用任务驱动式的教学方法。我们以前的教学设计思路是：讲授知识点———设计任务———监督学生完成———验收，现在的教学设计思路是这样的：实际工作任务导向———任务驱动———相关知识讲授。老师在此教学思路中的角色：给学生布置一项工作（实际工作任务导向）———将工作转变为一个任务（任务驱动）———通过任务引出知识点（知识学习）。学生在此教学思路中的角色：通过老师的引导，理解相关任务要求，继而产生强烈的学习相关知识的兴趣，在下一步的知识学习中就能很好地学习，掌握了相关知识后，马上运用于实践，完成老师布置的任务。通过该课程的教学，使学生最终能够自主开发一个完整的网站，毕业后能够直接从事企事业单位网站的开发设计与管理维护等工作。
三、课程体系内容重构
本课程性质是计算机系的基础必修课，教学对象是全系各专业的大一学生，因此教学内容定位于静态网页的制作，以Dreamweaver软件为主线，介绍静态网页设计和制作的基本技术,目前很多网页教材是基于网页三剑客的即Dreamweaver、photoshop和flash，然而当前课时条件和时间条件下，根本做不到三个软件都讲到位，事实上每个软件分开都可成为一门课程，而网页设计课程只能以网页制作软件Dreamweaver为主，其他软件为辅，并且其他软件制作的作品要与网页密切相关为了解决内容多学时少的矛盾，有利于教学的开展和培养学生的动手能力，为此我们对教学内容重新进行了重构，围绕Dreamweaver软件讲解网页制作的方法和技巧，只有在制作图像缩略图、切片、按钮、LOGO图片等时候，才辅助其他软件加工素材或者制作动画。教学内容分为9个模块:模块一、网页设计基础；模块二、页面的基本操作；模块三、简单网页的制作；模块四、网页的样式设计；模块五、实用HTML布局页面；模块六、实用DIV+CSS布局页面；模块七、制作多媒体页面；模块八、网页交互设计；模块九、网站的测试与管理。
四、总结
高职学生思维活跃，好动手，但是其学习基础较差，没有良好的学习习惯和学习方法，教师在实际的教学活动中应当充分发挥其优点，改变其缺点。在本课程的教学活动中，我们的教学思路和课程内容体系的重构都是围绕这点来设置的，在实际的教学活动中取得了较好的教学效果。
作者：钟永全 唐琴 单位：桂林电子科技大学职业技术学院
网站设计与制作论文:网站设计与制作课翻转课堂教学模式
【摘要】随着我国经济实力的不断上涨，网络科技也逐渐进入大众的视线，网络教育也得到了新的发展。在全新的教育形势下，网络课程的开设已经越来越普遍。本文从网站设计与制作课程的教学现状出发，阐述了新时代下新生的翻转课堂的具体内涵，为我们展示了翻转课堂运用于网站设计与制作的优势与作用。
【关键词】网站设计与制作课；翻转课堂教学模式；应用
一、前言
翻转课堂是随着时代的发展，信息的普遍而新兴的一种教学方式。它结合了传统教学的优良之处，同时也融入了时代的元素，是网站设计与制作课程上的不二之选。翻转课堂在网站设计与制作课的应用，是连接课前，课堂，课后的纽带，人性化的课前指导，生动形象的教学视频，自主学习的课堂氛围都是它从众多教学方法中脱颖而出的几大优势。而在实践的检验和反思下，也证实了翻转课堂应用于网站设计与制作的重要意义。
二、网站设计与制作课的教学现状
由于目前为止我国网络设计与制作课程开设时间相对较短，因此在很多方面仍然存在着一定的问题。通过对一些已经开设了该门课程的调查可以发现他们在网络课程教学中存在着一些共同的问题。
1.教学手段老套，学生积极性低
学生在真实的情境中学习不仅能够帮助学生调动已有的知识体系，同化到他们要学习到的新知识中，有效帮助学生理解知识点；还可以从根本上激发学生的积极性，将外在的学习动机转化成主观的学习意识，进而锻炼学生的探究能力。但是目前大部分的网络课程都是通过传统的“说教”来达到理论知识的传授，而不是导入与课程相关的情境来辅助学生进行学习和理解。这样被动的学习是无法集中学生思维，提高课堂效率的。
2.可供学生学习的资源较少
网络课程的主要学习方式是学生通过自主学习进行各种学习活动。但是在目前很多学校没有为学生提供足够的学习资源。在学校的资源库中，大部分都是用于教师备课和教师备习题，学生可以利用的资源少之又少[2]。不仅如此，在有限的资源中，其内容大多是枯燥无味的。种种因素都限制了资源的共享性与交流性。
三、翻转课堂的重要内涵
翻转课堂是在新信息时代下诞生的一种全新的课堂模式。在课堂上，打破传统的老师说学生听，随后布置作业，学生去完成的教学模式。而是在课前老师根据学习目标制定相应的学习视频和学习资料，通过无线网的方式发送给学生，只需要学生去观看视频，自主地去完成对这些学习资源的提前学习。[3]在课堂中，师生之间面对面的，对学习内容中困惑之处进行探讨和交流，以此达到课堂效率的较大化。
四、网站设计与制作课上翻转课堂教学模式的优势
显而易见的是，翻转课堂的学习模式颠覆了传统的课堂模式，让我国教育事业在经济全球化的机遇下得到更加蓬勃的发展，网站设计与制作课程也迎来了新的发展契机。
1.转变学习模式
传统的教学是教师在课堂上传授知识，学生在课后通过完成作业的方式进行自我复习和消化，但有部分学生因为在课堂上没有掌握到位，课后作业的完成就会十分艰辛且效果不佳，课堂效率大大降低。而翻转教学模式则是老师提前将学习内容发给学生，让他们课前进行操作，在课堂上的时间就可以充分利用于解疑答惑，这于学生对知识点的吸收和掌握来说无疑是百利而无一害的。
2.转换师生角色
在翻转课堂模式下，师生之间的关系明显地发生了一些明显的变化。所有的学习过程几乎都是由学生占主要地位，而教师由传统的传授者和管理者变成了学生的引导者和协作者。[1]教师的任务由传统的课堂讲解变成了课堂协助，帮助学生在进行网络作业时加强对难点的理解，引导学生进行总结及应用，充分肯定了学生的主体性。
3.实现学生的个性化学习
每个学生在不断的学习中，都会有适合于自己的学习方式和自己的学习兴趣。但是传统“一刀断”的单一教学模式明显无法满足学生的个性需要。而翻转教学中，每个学生都可以根据自身的具体情况来定制相应的学习计划，对于课程学习能力强的可以将进度调快，而这方面学习能力较弱的则可以调慢点，强化基础知识的学习。因此，翻转课堂对学生可持续发展的帮助是传统教学模式所无法比拟的。
五、总结
翻转课堂教学模式升华了网站设计与制作教学的传统模式，把以前零零散散的教学方式通过翻转课堂的方式，改变了它条条框框的构架模式，应用自由的、轻松的视频课件将学生带回课堂，它涵盖的知识面具有广泛，是学生们获得更为精彩丰富的课堂内容，当然，课前预习以及课后复习也成为这次改革的一个内容，反思自己学习的知识，研讨学习任务也会是学生学习网站设计与制作的重要过程之一。通过这次改革，我国网络设计与制作课程有了一个新的制高点。
网站设计与制作论文:个人生活网站设计与制作
1素材准备
素材的准备是制作网站的基本条件，只有准备好必备的素材，才能够快速的制作网站，而不会浪费不必要的时间和精力。准备网站的素材不仅要从网站的各个栏目的规划考虑，也要考虑各个页面用到的图片、内容、特殊效果等等，具体的网站有:网页大宝库、懒人图库、素材精品屋等。准备好素材以后，需要对文本、图片、样式、特效等进行基本的处理，同时还要将素材进行分类，具体分类文件夹如：images、flash、music、style。
2首页制作
首先把整理好的素材分别放在images、flash、music三个文件夹下。建立站点1）打开Dreamweaver软件。2）单击“站点”菜单，进行“新建站点”操作。3）在站点定义对话框中输入网站名称“mywebsite”，本地根目录文件夹”是指你网站保存的磁盘路径，选择d:\myweb后，单击“确认”按钮。4）经过以上基本操作，一个站点就建立好了。5）把images、flash、music三个文件夹剪切到站点文件夹下，再新建html文件夹。6）右键单击“站点”面板中根目录下的html文件夹，新建网页首页文件，命名为”index.html”。7）打开首页文件index.html进入编辑状态。8）建立表格，使表格居中对齐。表格居中代码如下：<tablewidth="800"height="712"border="0"align="center"bordercolor="#000000"><tr><thheight="218"scope="col"> </th></tr></table>9）点击表格内部在执行菜单中，插入——媒体——flash。10）同样的方法插入flash背景音乐文件未命名-5.swf。11）点击修改——页面属性——外观——背景图像，单击浏览选择所需背景图片。
3模版的建立
1）首先建立一个大表格并且使表格居中，接着制作嵌套表格,使用插入表格命令，在大表格内插入所需行数和列数表格，设置宽度百分比“Percent”（百分比），在文本框中输入100，单击“OK”，所插入的表格刚好充满及时个单元，然后插入一行三列的表格，左右分别为100宽居中表格宽度为600，再居中嵌入一行七列的导航栏和一列的文本内容栏。2）表格嵌套完成后开始编辑导航条，首先输入导航文字内容，给每栏文字分别添加链接为【#】点击导航条表格的<table>，在属性菜单下编辑边框大小为3、颜色为#FFCC99。选择执行菜单中，页面属性——链接，设置文字链接，添加链接效果：链接颜色与已访问链接颜色为#ffcc99变换图像链接颜色为#ffff00，下划线样式为仅在变换图像是显示下划线。3）添加网页背景图案，页面属性——外观——背景图像，选择好事先存放在images里的背景图案。4）添加table中的背景图案，单击<table>在属性中选择背景图像，添加图像，这样模板就完成了。
作者：胡旭 单位：辽宁林业职业技术学院
网站设计与制作论文:藏饰商务网站设计与制作
1 电子商务
电子商务（Electronic Commerce，EC）是一种新型的电子方式的商务贸易活动，它与传统的商务贸易活动相比，既有相似之处，又有明显的区别．电子商务可以简单地解释为：利用便利、快捷和低成本的电子信息技术和手段进行的商贸活动．目前大家所讨论的电子商务主要是利用EDI（电子数据交换）和Internet（因特网）来完成的．因此，也可以说电子商务是计算机网络技术在商务活动中的应用［1］．一般而言，电子商务包括生产、流通、分配、交换和消费等环节中所有活动的电子信息化处理．电子商务活动包括通过互联网进行的交易和商务活动、通过增值网络进行的电子交易和服务（如通过EDI进行采购和报关等），以及通过连接企业或机构的计算机网络发生的交易和服务．中国的电子商务已经出现“多元化”发展趋势，专业化行业网站将有一个迅猛的发展，符合区域发展特色的电子商务、综合的电子商务生态系统也将得到快速发展、电子商务的国际化将受到高度关注．因此，作者设计并实现了藏饰品电子商务网站，为发展本区域民族特色经济具有实际意义．
2 网站整体功能
2．1 建站目的
建设藏饰品电子商务网站的目的是为了扩大藏族文化在电子商务领域的影响力，打造一个具有地域风情、具有西藏、青海藏族风情特色、具有民族文化气息的藏族饰品电子商务平台，旨在改进传统的藏族饰品销售方式，将先进的、基于互联网的电子销售方式融进藏饰品的销售中去，让更多的藏饰品生产厂家获得更大的效益和影响力，让他们认识到做基于Web的电子商务的重要性和必要性，使整个有关藏族特色的电子商务在互联网上繁荣昌盛，最终为大力发展区域民族特色经济助一臂之力．
2．2 网站平台
在该设计中，作者选用的是ASP应用服务器技术和SQL数据库的组合方式．ASP全名Active ServerPages，意为“动态服务器页面”，是微软公司开发的代替CGI脚本程序的一种应用，它可以与数据库和其它程序进行交互，是一种简单、方便的编程工具，利用它可以产生和运行动态的、交互的、高性能的WEB服务应用程序．ASP采用脚本语言VB Script（Java script）作为自己的开发语言．
2．3 网站架构
本网站架构采用B／S模式．B／S（Browser／Server）结构即浏览器和服务器结构，它是随着Internet技术的兴起，对C／S结构的一种改进的结构．在这种结构下，用户工作界面是通过WWW浏览器来实现，极少部分事务逻辑在前端（Browser）实现，但是主要事务逻辑在服务器端（Server）实现，形成所谓三层3－tier结构．相对于C／S结构属于“胖”客户端，需要在使用者电脑上安装相应的操作软件来说，B／S结构是属于一种“瘦”客户端，大多数或主要的业务逻辑都存在服务器端，因此，B／S结构的系统不需要安装客户端软件，它运行在客户端的浏览器之上，系统升级或维护时只需更新服务器端软件即可，这样就大大简化了客户端电脑载荷，减轻了系统维护与升级的成本和工作量，降低了用户的总体成本．
2．4 藏饰品
建设藏饰品商务网站旨在展示和销售藏民族特色商品．首先，藏族的特色体现在他们的衣着也即藏袍中，因此必须设立一个衣服（藏袍）的商务单元；其次，在藏民族同胞穿着的藏服中，一般挂有藏民族特色的饰品，而且藏族首饰以其特殊的民族文化、神秘的文化背景强烈吸引着消费者，所以第二个商务单元确立为首饰；再次，藏民一般游牧于大草原中，而他们的家也随着家族的游牧而搬迁，所以藏族人的住所、住所里摆放的家具、使用的器皿也别具特色，那么由此确立第三、四个商务单元分别为：家具和器皿；另外，“扎西德勒”是藏语中的“你好”的意思，通常藏族同胞对外胞表示友好和赞赏时对他说“扎西德勒”，同时敬献上藏族的特色礼物哈达，所以将哈达作为第五个商务单元；，“唐卡”是藏族的一种壁画艺术，藏族壁画中包含有藏族的历史和藏族的文化等元素，是藏民族的精神领袖，所以选壁画作为第六个商务单元．
3 网站建设
3．1 Web站点建设
作者通过Adobe Dreamweaver CS3建立了该站点，具体步骤为：执行“站点／新建站点”，在弹出的对话框中建立一个“服务器模型”为“ASP Vbscript”、“访问类型”为“本地／网络”、“测试服务器文件”为“D：＼藏饰品电子商务网站”的站点．完成了这一步，以后制作的网页文档就保存在所建的站点中，并上传到测试服务器．
3．2 数据库创建
一个基于B／S模式的网站仅有浏览器是远远不够的，必须要有服务器的支持才能被称为B／S，因此使用SQL SEVER 2000来作为数据库系统的支持．具体步骤为：安装并打开SQL SEVER 2000数据库，在数据库中新建一个名称为“My EC”（数据库名称的命名没有硬性的要求，EC即电子商务）的数据库，并分别新建“用户表”、“后台管理员表”以及如上所述的6大商务单元表．这些不同的表分别完成不同的功能，用户表完成添加、查询、修改、删除等用户信息的功能；后台管理员表用于保存后台管理员的用户名和密码等的相关信息；6大商务单元表则动态链接到Browser（浏览器）中，修改了数据库中的表就同样修改了浏览器中的商务单元的相关属性和方法，商家在进行对商品的进、存、销的操作时，直接操作数据库中表的元素就可以了，不必对前台进行修改．
3．3 网页布局设计
WEB站点和数据库搭建好以后，进一步的操作就是网站布局设计．在Adobe Dreamweaver CS3中设计网页时，首先要对网页进行整体的布局，具体步骤为：在“查看／表格模式”菜单命令项，选中“布局模式”，在“插入”栏中会出现绘制布局表格的图标，单击“绘制布局表格”，绘制一个宽度为985的布局表格，使之居中对齐，然后在该布局表格中，分别绘制出导航、LOGO、图片布局及功能等布局表格，如图1所示．
3．4 数据库的连接
网站布局设计完成以后，便要实现网站功能与数据库系统的连接了，在Adobe Dreamweaver CS3中，是通过表单和SQL Sever数据库进行连接的．要实现用户的登陆功能，首先在Login．asp文件中新建一个表单，以便将表单中的数据传输到数据库服务器中，在表单中分别新建两个文本域和两个按钮，用于传输用户所输入的数据至数据库服务器中．建好表单以后，开始配置Microsoft ODBC SQL Server DSN，在“绑定”中绑定查询的记录集，连接到已建立好的DSN上，查询过程中使用的是SQL语句进行查询SELECT ＊FROM dbo．denglu，单击“测试”，如果能正确显示出数据库中的基本信息，则说明SQL语句无差错，记录集绑定成功.
3．5 用户登陆功能的实现
要实现用户的登陆功能，在服务器行为中添加一个插入记录，连接到绑定的DSN中，插入到数据库的用户表中，每个文本域分别对应不同的字段名，登陆成功跳转至登陆成功界面，登陆未成功则跳转至登陆未成功界面．在浏览器的登陆页面，为提醒用户保护好自己的用户名和密码，可以加入相关的提醒．如果用户登陆是在数据库实现查找功能，那么用户注册则是在数据库中实现插入功能．在页面右下角的文件中新建一个Register．asp注册页面，新建表单放入应放的文本域textfield1、2、3、4、5，插入button1和2，绑定记录集到数据库中的用户表，单击服务器行为选择插入记录，将依次的文本域插入到数据库依次的表中去，再将But－ton1的名称改为“注册”，选为“提交表单”，便完成了由表单向数据库插入记录的功能．
3．6 网站后台功能
本藏饰品电子商务网站还设计了后台程序，供网站管理人员来管理网站商品的基本信息，只需要用所提供的管理员帐号和密码即可进行网站后台功能的使用．后台管理系统提供两种基本功能，一是Insert插入功能，一是Update修改功能，即向数据库中插入商品信息和修改商品信息．键入帐号和密码进入后台管理系统，在Adobe Dreamweaver CS3中，只需在绑定了记录集后，将服务器行为设置为插入数据，那么这个选中的表单就能从文本域中向数据库中添加数值了．完成这步，藏饰品电子商务网站的基本框架都已全部完成，再进行具体的网站建设操作就可以了，例如设置图片大小格式、设置网页布局页面规范、美观以及设置网页效果人性化等等．在完成了与数据库的连接以后，将数据库中的文件存入根目录的Data文件夹中，将网站的后台文件存入根目录的Admin文件夹中，将图片文件存入根目录的Img文件夹中，网站的主文件保存入根目录中即可．
4 数据库中表和商品的关系
该藏饰品电子商务网站只集成了六款商品的交易，如果商户有新的商品项，可以随时添加．针对六款商品，建了6个数据库表来存放相应的商品项，分别是：dress表、shoushi表、jiaju表、qimin表、hada表和bihua表．表中现已分别有了现成的“商品”，并且每款商品都有各自的图片在浏览器中显示．商品号、商品名称、商品描述、商品单价和库存量都显示的是数据库表中的数值，也就是数据库中的“商品”，商户如果有新的商品上架，只需要在数据库表中修改相应选项，不必要在浏览器端修改，如果一件商品被成功交易，商户即在数据库中删除相应数据库表中的值即可，不需要在浏览器端进行删除［2］．
5 数据库中表和交易的关系
用户在确定购买以后，在收获信息的页面中填写相应的信息（如图2所示）．如收货人的省分、城市、区县、邮政编码、街道地址、收货人姓名、手机号码等信息，用户输入的值，会传到数据库的中shouhuo表中．商户只需要查看shouhuo表中的信息，就可以确定发货信息，从而根据此信息给顾客发货．这样便完成了电子商务交易中的“买卖”工作．
6 结束语
该藏饰品电子商务网站实现了浏览器与数据库的动态链接；网站整体布局合理，页面整体风格简洁明了；设计中所有素材均精心收集并经过PhotoShop加工；在一定程度上实现了后台管理功能．但是，与专业的电子商务网站相比，该网站并不成熟，尚有待改进．例如，在用户登陆功能方面，可以加入更详细的用户信息和更人性化的权限登陆条件；在数据库设计中，可以加入更贴近现实社会、更的数据完整性；在购物车功能中，实现网银功能等等．作者在将来的设计中，会逐步实现．
网站设计与制作论文:网站设计与制作教学模式探讨
一、课程教学模式的研究
1．以实际工作过程为主线
无论是课程内容的选取，还是教学内容的组织，始终围绕实际网站设计与制作工作的过程及内容，以实际工作流程为教学内容和教学组织顺序，将课程融于实际工作需求中，突出了技能和素质的培养。
2．工作任务的真实性
课程实训中提交给学生的实训企业资料，均是以来自于实践一线的真实业务为基础，经过校企双方精心组织挑选。要求学生完成网站调研、网站建设方案书的撰写、网站的设计与制作等，与实际网站设计与制作岗位的工作情况相同。因此通过完成相应的任务而让学生掌握的相关知识、操作方法和操作技能，真实地反映了网站设计与制作岗位的能力和素质需求。
3．“教学做”合一
在课程教学中以学生为主体的工作导向式教学，教学的主线是指导学生完成实际网站设计与制作业务操作与管理工作，引导学生通过实践来掌握操作方法和技能，通过操作来学习相关知识，从而将教、学、做有机地结合，突出教学的职业性、实践性特点。通过以上教学模式的创新，成功地将网站设计与制作岗位搬上了课堂，从而真正做到让学生通过该课程树立企业网络形象观念，掌握网站设计与制作工作的基本流程、步骤、内容及操作方法，具备独立完成一个小型企业的网站设计与制作工作的能力。
二、课程教学方法和手段
在课程教学中灵活运用了多种教学方法和手段，增强了学生学习的兴趣，提高了学生学习的主动性和积极性。
1．教学方法的选择和使用
结合课程的性质和要求，我们采用了案例教学法、任务驱动法、角色扮演法、现场调研、仿真学习和作品展示法开展教学活动。
(1)案例教学法
在教学中，我们与企业合作，由企业提供典型的网站设计与制作案例。在具体的教学活动中，通过组织学生进行问题分析、相互解答和自由互辩，再由教师和企业兼职教师共同引导，由此掌握不同类型网站建设的方法和技巧。
(2)任务驱动法
在教学过程中，基于资讯、决策、计划、实施、检查、评估六步法，我们组织学生每6人成立一个虚拟的网站建设公司，设置各工作岗位，包括美工、程序等真实岗位，并在内部实现轮岗交替，让学生能够在教师的指导下按照真实工作任务的要求完成每个学习情境的学习任务。
(3)角色扮演法
学生在虚拟网站企业中分别扮演网站设计师、程序员、网站美工、汇报人等不同的角色，在不同的学习情境中进行角色转换，使学生在情境模拟、循环和反复的过程中，加深对网站设计与制作工作任务的理解，提升操作与管理能力。
(4)现场调研
根据学习的需要我们安排学生分小组进入真实企业进行现场调研，或者邀请企业兼职教师进校讲解分析，学生根据调研得出网站建设的目标，完成网站建设方案书，设计并制作网站，提升学生吃苦耐劳、团队协作、沟通交流等素质。
(5)仿真学习
电子商务专业配有仿真实训室和创业实训室，实训室配以公司真实的经营环境，为学生提供真实的电子商务企业经营的过程。学生可以通过组成公司，以轮岗分流、小组间对抗等方式，获得电子商务企业经营的宝贵经验。每个学习任务在实训室实现仿真训练，学习内容、学习过程、学习环境均与实际工作保持一致。
(6)作品展示法
在教学中组织学生欣赏往届学生的作品，激赏学生的学习兴趣，并在任务进行到一定的程度时，举办班上同学的作品展示，让班上同学相互欣赏、由企业兼职教师讨论并分析作品的优点和不足之处。通过作品展示法，学生可以通过对比，了解自己作品的优点和不足之处，同时加强了网站评估的能力。
2．教学手段
针对如何有效开展教学活动，我们采用了校企联合授课、举办专题讲座、通过多媒体化、信息化、网络化组织教学和通过举办技能竞赛开展教学。
(1)校企联合授课
课程实行“双课程组负责人”制，企业专家与校内专职教师共同担任课程开发的负责人。企业专家参与课程的开发设计并承担学习任务设计工作，企业人员担任指导教师参与实践学习，学时比例达50%以上，课程组专兼职教师比例为1∶1。此外，由于网站设计与制作工作涉及到Photoshop广告设计、网页设计与制作、数据库等多方面的知识与技能的学习和运用，本课程整合校内外教学资源，采取校企联合授课的形式组织教学，受到学生好评。
(2)举办专题讲座
教学中定期邀请企业专家为学生开展专题讲座，向学生讲解职业生涯中的精彩案例，通过分享经验、带来新鲜的工作任务，提高学生对网站设计与制作工作岗位的了解和热爱。
(3)多媒体化、信息化、网络化教学
教学中利用实训室，让学生在仿真的职场环境中实践。同时，我们在校园网上建立了动态网站设计与制作课程的课程网站，上传了丰富的教学资源，包括:1)完备的教学文件，包括教学大纲、任务单、实训教材、电子教案等。2)教材中配套练习题及参考答案，理论及实务考试样题、参考答案，以满足不同层次学生的自主学习需求。3)辅助教学资源，包括与本课程有关的以音频、视频、文档等多种形式表现的教学辅助资料，如网站设计与制作、网页特效技能操作的示范录像、电子商务相关的从业资格考试的近期考试信息等。4)课程剖析，包括课程的定位、课程设计理念与思路、教学内容及组织、教学方法手段等。5)教学展示，包括主讲教师的相关资料、各界对课程评价、工学结合的项目作品等。学生还可以通过课程网站自主学习。学生可以在实地调研之后，利用网络辅助查找未了解的资料，完成资讯、计划等环节，提高学生学习的自主性和效率。
(4)技能竞赛
将行业技能竞赛和专业技能竞赛纳入素质拓展平台，以赛促学极大地提高了学生的学习积极性，通过举办主题网站设计等比赛，加深了学生对专业的认识，提高了学生对知识的理解和对技能熟练度的操作，另外，通过鼓励学生积极参加全国电子商务专业大赛，增强了学生的应变能力和创新能力。
三、实施中的反思和总结
在这几年的教学过程中，笔者发现以上教学方法和手段，虽然很多课程都在提倡或是已经在教学中使用，但不同的课程都具有各自的课程特色，同样的教学方法，在具体实施过程中可以产生出不同的具体实施手段，让其发挥出更大的功效。例如:
1．校本教材的编订和使用
校本教材的编订和使用，对课程改革成果的冲击是巨大的和显著的。以笔者的亲身感受来讲，与企业共同编订的校本教材，加上配套使用的任务单，是针对学校现状、学生实际情况编订出来的，因此工作过程更加符合实际情况，也更加具有工作过程系统化的特色。通过任务单来引导工作过程，配合校本教材中的知识点和技能点，更加有利于学生进行系统化学习。
2．小组学习讨论法和二人搭档检查法相互配合使用
在学习过程中，我们需要组织学生分成小组进行问题的讨论和解决，这主要是为了锻炼学生分析问题、解决问题的能力，以及增进团队协作意识。但是小组学习讨论法的缺点便是不能做到点对点交流，个别人容易产生怠倦的情绪，甚至有人“滥竽充数”。在这些年的教学过程中，针对动态网站设计与制作课程笔者发现，课程因为需要进行程序编写和调试，大量的代码容易让人产生视觉疲劳，因此许多学生在课程中容易产生眼酸、眼疲劳等情况，加之程序代码枯燥无味、人与人之间缺少交流，许多学生容易产生学习疲劳。另外小组长个人工作压力大，很难督促全组人员的学习进度，不能保障学习质量和学习效果，因此单纯的小组学习讨论法并不能有效地推动全班的学习进度。针对这种情况，笔者尝试让每位同学都在另一个小组寻找一位搭档，两人相互共同学习和检查。学习过程中，每个小任务在指定的时间内，先由自已独立思考和完成，然后搭档双方都交换位置，由搭档来检查对方的完成情况并进行纠错，这种方法一方面学生让起立活动了筋骨，另一方面由他人的视角来检查问题往往更加能够一针见血，效果加倍。同时，一对一的搭档学习即保障了学习质量，也增进了同学之间的友谊。此外，这种搭档学习方法能够减轻小组长的工作压力，不论是学习、检查和评价，两人的双向交流都是及时的、认真的和有成效的。在动态网站设计与制作课程中，小组学习讨论法和二人搭档检查法是卓有成效的。
3．合理的设计知识归纳和总结
在教学活动中要培养学生知识归纳和总结的习惯，是必不可少的。在《动态网站设计与制作》课程的学习任务中，每个情境都设计了对应的小任务，每次任务在检查和评价之后，由教师或是小组长带领同学先进行本次任务的知识归纳，总结学到的知识和技能，再进行本次任务的感受总结，例如任务中是因为粗心打错字符而导致程序调试失败等原因，是教师对学生在本次任务中的表现进行评价。通过每次任务都进行相应的知识归纳和总结，有效地对学生的知识做了系统化整理，并加深了对知识和技能的理解。
四、结语
笔者经过这几年不断累积教学经验，已经完成了校本教材和配套任务单的编订，并且逐步摸索出适合本课程的教学模式、教学方法和手段，同时也意识到，教师课堂气氛的驾御能力对提高学生的学习兴趣是非常重要的，这需要教师经验丰富、知识渊博，并且自身诙谐风趣，才能更好地促进课堂教学气氛。因此，除了寻找更加适合课程特色的教学方法和手段，教师也需要提高和加强自身综合素质，才能更加胜任高职教师的岗位。
作者：郝静杨波单位：湖北工业职业技术学院经济贸易系
网站设计与制作论文:计算机组成原理CAI教学网站设计与制作
摘要：本文设计的计算机组成原理课程教学网站采用了目前流行的.net技术，在网站中引入了Web Services、XML等具有良好扩展性的技术，页面布局采用DIV+CSS，利用访问数据库。网站教学内容设置双语教学部分，并利用flash技术建立虚拟实验室，模拟实际实验环境。该网站适应现代教育的需要，对教师的教学改革及促进学生的自主学习有积极的意义。
关键词：计算机组成原理；CAI教学网站；
中图分类号：G642文献标识码：A文章编号：1009-3044(2008)21-30575-02
The Design and Development of Computer Organization CAI Teaching Website
ZOU Ming-liang
(Department of Electronics and Computer Science, Guilin University of Technology, Guilin 541004, china)
Abstract: The designs of computer organization CAI teaching website in the article has used the present popular .net technology, introduced Web Services, XML in the website and so on to have the good extended technology, the page layout uses DIV+CSS, using visit database, website course content establishment bilingual education part, and using flash technology establishment hypothesized laboratory, simulation actual experiment environment. This website adaptation modern education's need, the educational reform to the teacher and promotes student's independent study having the positive significance.
Key words: principle of computer organization; CAI teaching website;
1 引言
计算机组成原理是计算机专业的一门核心专业基础课程，本课程内容较多、涉及面广、实践性强、难度较大。通过制作计算机组成原理CAI教学网站可以帮助相对容易达到教学目的。计算机组成原理CAI教学网站的实现采用WEB技术将文字、声音、图形、动画等溶入到教学模式中去，从而使计算机组成原理中抽象的和难以体会的概念等变得生动形象起来，加深和加快了对该门课程的理解。将网站应用于教学可以充分调动学生学习的主观能动性，提高学生求知欲，同时能使教师及时掌握学生在学习过程中所遇到的难题和存在的问题，增大教师与学生之间的沟通，从而取得良好的教学效果。
2 教学设计
针对计算机组成原理课程的特点，教学主要内容包括计算机组成原理理论教学部分、实验教学部分、典型例题及分析、综合在线测试、学习辅助资源、师生互动等。设计指导思想是改变传统上以“教” 为中心的教学模式，真正实现以“学” 为中心，充分发挥学习者的主动性和创造性。实现的方式采用“知识点+实验+典型例题+学习讨论”的教学方式，使学生掌握计算机组成原理的基本概念和相关设计技术，建立起整机概念。
3 教学网站制作
教学网站制作工具采用Visual Studio .NET 2005,后台数据库采用SQL Server 2000,实现的计算机组成原理CAI教学网站除后台维护外各部分如下：
3.1 理论教学部分
学习网站不仅仅是需要给予一种视觉效果，更重要的是教学内容的设计，包括分解计算机组成原理教学目标、制定教学策略、保持知识的系统性和完整性等。本教学网站在教学内容上增加双语教学部分，该部分主要包括双语教案，双语试题，双语视频及阅读材料。采用DIV+CSS以及母板页技术进行页面布局，界面设计上美观大方、层次清晰、重点集中、视点明确。
3.2实验教学部分
实验教学环节是该课程的必须且非常重要的一个环节，为了便于学生更好的理解和掌握计算机内部运作的真实情况，本教学网站采用flash设计了虚拟实验室，对主要实验如运算器、控制器、存储器及整机实验提供演示及交互操作功能。
3.3 典型例题及分析
作为一门专业基础课程要求学生必须掌握一些典型题目的解题方法，这样对于灵活掌握以及深入理解所学的知识点是很有必要的。本教学网站采用flash设计了各个章节典型例题及解题分析。
3.4 综合在线测试
该模块实现学生学习该课程后的一个考核，能够帮助学生了解自己的学习情况。测试系统分章节测试和总体测试，测试题型包括选择、填空、计算及综合设计，试卷中的题目按知识点分布，采用XML技术组织知识点。选择题自动判断答案对错、其它题型给出参考答案及分析。
3.5 学习辅助资源
教学网站上提供流媒体教学视频、资料下载、课程相关其它站点链接。
3.6 师生互动
该模块实行权限管理，用户注册登陆后，会看到的各种信息目录，通过点击查看进入，可以查看到具体的信息以及老师或者其他学生回复此问题的内容。若问题指定某人答复，则只有该用户能看到并答复此问题。
4 主要实现技术
4.1 技术
基于模块和组件，具有更好的可扩展性和可定制性，具有速度快、便于部署及应用升级、代码与内容分离、方便构建和使用WEB服务等优点。由于和.NET远程处理建立在.NET Framework 之上，因此可以使创建XML、Web Services变得更为容易。
4.2 流媒体技术
流媒体是一种新的媒体传送方式，它解决了音频、视频等媒体信息在计算机网络中的实时传输问题,它将整个A/V及3D等多媒体文件经过特殊的压缩方式分成一个个压缩包，由视频服务器向用户计算机连续、实时传送。流媒体技术适合在相对低带宽的网络环境下实现网络课程的实时播放和录播课程的传输，因此可以将流媒体技术运用于教育领域实现对学科资源的制作、传播和管理。
4.3 Flash动画技术
Flash 是一种创作工具，它强大的动画编辑功能使得设计者可以随心所欲的设计出高品质的动画,通过Action和FS Command可以实现交互性,使Flash具有更大的设计自由度，所生成的动画文件(.swf)一般占的字节数小，从而可以实现快速下载，在打开网页很短的时间里就能得以播放。
5 教学网站特色
5.1 采用多种先进的技术手段
该网站将计算机组成原理的基本概念、基本原理、基本方法以文本、图形、声音、动画、视频等多种媒体的形式表现出来，用近期的网页开发工具Visual Studio .NET与后台数据库SQL Server的结合实现动态交互、在线测试、虚拟实验室，从而使学生将抽象的计算机组成原理的学习变得形象轻松；通过虚拟部件及整机实验，使得没有实验条件的个人也能获得实际操作技能的提高。
5.2 后台维护方便
该教学网站提供了一个界面友好、操作方便的后台维护平台，教师通过该平台可对相关资源进行增加、删除、修改，从而避免随着时间的推移造成部分内容老化的现象。
6 结束语
本文描述了基于的计算机组成原理CAI教学网站设计和实现的过程，对于教学网站系统的研究，具有一定的理论和实践意义。
网站设计与制作论文:《网站设计与制作》教学环境搭建技巧
信息技术作为一门重要的技术，已经被越来越多的人们所使用。在当今及未来社会，掌握信息技术是人类的一种基本要求。信息技术教育不但可以提高学生的技术素养、促进学生发展，而且还能发展学生交流与处理、设计与应用的实践能力，培养学生的创新精神、创业意识。信息技术教育校本选修课程作为我校开发领域宽阔的选修系列特色课程之一，在积极培养学生的创新实践能力，促进每位学生、和谐、个性地发展，进一步深化素质教育方面发挥着不可或缺的作用。笔者拟就我校信息技术校本选修课《网站设计与制作》教学环境的搭建谈谈具体做法。
1 课程提出背景与制作工具选择
随着社会信息化进程的深入和互联网的普及，网站日益成为人们交谈的话题。各行各业都可以通过网站展示自己、扩大影响，增进与同行的交流合作。
校本选修课有别于常规课堂教学内容，它以学生的兴趣为契机，把兴趣发展为特长，最终鼓励学生参加各级各类电脑制作比赛，为学生施展才华争取更多的展示平台。其学习评价方式主要有过程观察、成果展示，作品与课堂表现相结合，课时充足、教学内容广、知识专业性强。基于以上几点，我们选用功能强大的Dreamweaver软件作为网站制作工具。它是集网页制作和网站管理于一身的所见即所得网页编辑器，是及时套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。
2 操作素材长期持续存储
学生经过初期的规划、设计，确定好自已喜欢的主题和风格后即进入后期的实践操作过程。一般情况下主题网站制作周期较长，内容具有持续性，每节课都有新的文本、图片、动画、视频等素材增加，还要保障网站中样式和元素文件合理的路径。通常的做法是：让学生交作业给老师保存，然后再发给学生、让学生自己上传下载，让学生自己保存。相信广大教师都曾面临着学生素材持续更新存放的问题。以上的做法或多或少会出现操作时间过长、步骤繁琐、可持续性和稳定性差等缺点。笔者在实践中，摸索出方便可行的解决方案：架设FTP服务器与DW站点功能结合。
FTP服务器（File Transfer Protocol Server）是在互联网上提供文件存储和访问服务的计算机，用户可通过客户机程序向（从）远程主机上传（下载）文件。即学生每次操作后素材存放于FTP服务器中，给每个学生设定帐号与密码，利用FTP权限保护每个用户的数据安全。笔者采用Serv―U是作为FTP服务器端软件，简单易操作。用FTP服务器存储并不是简单地让学生用B/S方式下载与上传（单线程），这种方式并不能体现出网站素材文件存储的优越性，碰到大容量文件时，速度慢、易断线，下载上传易出错。DW的自带站点功能有效地与FTP服务器相结合，它具有多线程FTP传输方式，节省上传大型文件或多文件的时间，能更快速高效地上传下载网站文件，缩短制作时间。DW提供的站点管理功能，以树型结构来展示网站的内容分布，从而实现了对站点布局及细节内容的展示及修改，实现本地站点文件与远程FTP服务器中的文件内容同步更新，传统Frontpage工具软件无此功能。
及时种模式是本地站点与FTP服务器对接。①打开DW软件，点击菜单“站点”―“新建站点”；②输入站点名称（名称每次可以不）；③使用服务器技术，根据实际需要填写；④选择“编辑我的计算机上的本地副本，完成后再上传到服务器”，设置本地文件夹作为网站位置；⑤连到远程服务器，选择FTP方式，输入FTP地址：10.127.192.200；输入FTP用户名与密码；⑥单击“测试连接”按钮，能弹出“已成功连接到您的服务器”对话框，即代表DW软件与FTP服务器连接成功；⑦后面操作按默认值即可。至此本地站点新建成功，在DW界面右侧的文件窗口中（见图1），单击向下箭头即从FTP服务器中获取本帐户所有内容并下载至本地站点，文件出现在本地站点中所设的位置文件夹里，学生就可以自如地在本地完成上节课网站制作内容，可在本地及时增添素材信息，调试网站；当本节课制作任务完成后，只需单击向上蓝色箭头即将本地站点中的所有文件信息自动上传到FTP服务器。稍等片刻，学生所做的网站内容自动备份至FTP服务器，学生无需担心信息的丢失和保存。
第二种模式是直接远程修改网站文件：①打开DW软件，点击菜单“站点”―“管理站点”；②点“新建”按钮，选择“FTP与RDS服务器”子菜单；③输入FTP主机：10.127.195.200，主机目录不要填写；输入登陆（FTP帐号），密码（FTP密码）；④单击“测试”按钮，能弹出连接成功对话框即可（见图2）；⑤单击确定，再单击完成。此时DW右侧文件区域出现的内容即为FTP服务器中的内容（见图3），若要修改某个页面，双击打开，然后直接保存。整个修改过程全在FTP服务器中存取，非常方便。若有大批量文件修改，建议采用模式一，占用服务器资源少。
以上两种模式均能解决网站文件结构一致性、完整性等问题，根据制作任务不同选择相应模式，学生只需在DW软件中设置好站点信息就可以连续制作网站。
3 网站信息浏览与作品的评价
考虑到网站制作的通用性、互动性，单纯静态单个页面已经落伍，交互性强的动态页面ASP可以实现数据库信息的读写，此时网站的调试浏览必须在IIS（互联网信息服务器）环境下进行，若让每个学生独立安装IIS并配置，技术难度较大。笔者的解决方案是在FTP服务器上安装IIS，设置一个虚拟目录，将学生素材存放文件的上级目录设置为虚拟目录就可以解决此问题，文件存储与信息浏览一一对应起来（见图4、图5），此时学生网站调试的地址如1号同学因此，作品的展示就显得非常简单快捷，学生在校园网上的任何地方都可以看到自己或别人的作品，学生之间可以充分开展自评与互评。
有了以上环境，作品成果展示形式多种多样，学校科技节、班级主题网站比赛、研究性学习等。举办小组展示会，组织全班作品展示，各小组推荐一位代表进行成果汇报，每个小组无需搭建繁琐网站平台，直接在校园网上演示他们制作的网站作品，汇报小组各成员完成项目的过程，在设计和制作网站时使用新的方法和技巧。学生之间交流学习过程中的经验和体会，充分享受成功制作作品的快乐。
笔者采用以上策略很好地完成了《网站设计与制作》教学素材文件持续存储及动态网页浏览环境的创建工作，解决了《网站设计与制作》的教学环境搭建的问题。实践证明，采用上述办法制作网站，有利于教师腾出时间钻研教学业务，也更能激发学生制作出富有特色的网站作品。
网站设计与制作论文:浅谈中职学校《动态网站设计与制作》课程教学
摘 要：动态网站设计与制作课程是中职计算机、电子商务等专业的必修课之一，本文将针对动态网页制作课程的特点，从动态网页的开发技术的选择以及如何上好这门课程两方面进行探讨，旨在提高该课程的教学效果。
关键词：中职；动态网站；教学
中职学生渴望开发网站，但大多对理论学习热情不高，缺乏钻研精神，且容易放弃。动网制作既讲理论又重实践，既有概念理解，又有程序设计和应用操作方面的内容。因此一方面是抽象的网站开发技术，另一方面是基础薄弱、不善思考的中职学生，如何将知识点传授给学生，让学生知其然并知其所以然，对教师来说，是一大挑战。以下是笔者关于中职动态网页制作课堂教学实践的几点看法：
一、动态网站技术的选取――phpStudy++MySQL+Dre-
amweaver
教学中选取PHP+MySQL+Dreamweave的经典组合方式，推荐使用PHP调试环境的程序集成包phpStudy，它集成了近期的Apache+PHP+MySQL+phpMyAdmin+ZendOptimizer，一次性安装，无须配置。同时phpMyAdmin可以通过Web接口简易管理MySQL数据库，学生通过浏览器的图形界面就能对MySQL数据库进行操作。
二、课程内容以综合项目和分任务的方式开展
《动态网站设计与制作》是一门综合性课程，在授课过程中采用综合项目设计形式，以项目或分任务的方式展开课堂教学。将《动态网站设计与制作》课程分解为一个大项目和若干个小任务，学生通过完成一个个任务完成较为完整的综合网站的设计。
三、课程教学应用多种教学方法
（一）使用比较教学法，使学生轻松入门
讲解动态网站时，学生没有服务器和客户端的概念，会把“动态”网页理解为有动态的文字或图片。教学时可做两个简单的网站进行比较。如分别做一个静态的和动态的学生学籍管理网站：网站1是静态的，只有一个“学生成绩”页面；网站2是动态的，其中包括具有“学生成绩”栏目的学生成绩详情页面、成绩的后台添加、删除和修改页面和一个简单数据库。老师浏览这两个网站，演示对学生成绩条目进行增、删、改、查的方法。同时具体讲解它们的运行机制和网站后期管理中的优缺点。
通过比较教学法讲解概念，便于培养学生的总结归纳能力，让学生理解透彻，又调动学生学习兴趣。
（二）使用视觉冲击教学法，加强学生记忆
将重点简明扼要地写在黑板上，加强学生记忆。如动网的制作流程比较固定，“创建数据库―建站点―制网页―连接数据库―绑定记录集―服务器行为”，学生每节课都看到黑板顶部的字，不知不觉就会记住这样的流程，在实践中也会有条不紊的操作。
（三）创设问题情境教学法，启发学生思考
在讲解数据库字符集和网页字符集的知识点时，教师可演示用户名是英文和中文两种状态下，网页可否正常登录。这时向学生提出问题，为什么数据库中的记录是中文，数据库连接，记录集绑定都正确，但测试结果不对？引导学生切换到Dreamweaver代码视图，找到部分“charset=utf-8”，再解释字符集的概念，教会学生可将字符集代码改为“charset=gb2312”，测试正确。
采用创设问题情境教学法，会使学生在整个讲解过程中都处于强烈的问题情境中，他们也就会展开充分的想象，他们的思维在广度、深度上会有一个充分的、自由发挥的空间和余地；因此会获得意想不到的教学效果。
（四）任务驱动教学法，让学生有的放矢
所谓“任务驱动”就是老师在介绍有关知识和方法时，首先提出一些与学生的日常学习、生活关系比较密切的任务。
如注册新用户，用户登录，在引导学生完成任务的过程中，引出相应的教学内容。老师可以先浏览一个在线注册邮箱网站，并且重点演示注册和登录部分，浏览之后学生在心里可能会产生一个强烈的欲望：自己做一个这样的系统。接着，老师再按步骤、分任务完成对整个系统的设计，并且重点讲解本网站中的一个关键任务：数据库的连接。讲解数据库的连接任务在整个用户管理系统中的作用及其重要性。
（五）“理论――实践――反思――理论――实践”循环往复教学法，使学生牢固掌握知识点
动网中很多知识点，尤其是重难点知识，必须反复讲解，反复实践，来加强记忆和理解，才能收到较好的效果。比如：讲解阶段变量及语句，应该采用循环往复教学法，反复讲解和操作使学生消化、接受。
（六）项目教学法，阶段性成果加强自信心
在教学时注意培养学生的成就感，将大的综合项目分解为一个个小项目。比如：将用户管理系统分解为登录注销、注册、资料修改和密码查询四个模块，再详细分解为更小的项目。如将用户注册模块分成四个小任务：1.制作注册页面―熟练使用表单制作页面并实现验证表单；2.实现注册页面填写信息录入数据库―绑定记录集，添加服务器行为“插入记录”；3.用户名不能重复―用户名验证，检查新用户名操作；4.注册成功与失败页面制作―实现正确跳转。
四、结束语
总之，这门课程的教学是灵活多样的，在教学过程中要按照中等职业教育的教学规律和学生认知特点结合教学过程中的实际情况作适当的调整，也可对某些章节内容综合使用多种教学方法，使教学达到理想的效果。
网站设计与制作论文:校内考研网站设计与制作
摘要：为了更好地为本校考研学生服务，建立一个校内考研网站很有必要。建立校内考研网站的目的是为了给本校考生提供一个交流的平台，帮助同学复习高等数学、线性代数、概率论与数理统计、复变函数、积分变换与数理方程，以及英语、政治等重要基础课，还有数学分析、高等代数等专业课。本文对这样一个校内考研网站的设计与制作进行了一些探讨。
关键词：考研；网站；设计；制作
一、引言
随着我国研究生教育的飞速发展，每年报考研究生的人数持续攀升。20年来，报考研究生的人数只有在2008年和2014年出现二次小幅回落，但这只是两个小小的回档，这并不影响考研人数大的攀升趋势。每年都有那么多的同学报考研究生，那么如何服务好这些同学就是我们迫切需要解决的问题。参考文献[1]对如何利用网络优势为学生考研服务做了详细分析。目前互联网上已经出现了很多专门为考研学生服务的网站，这个是官方报名网站，网上报名或者研究生录取调剂的时候必须登陆的一个网站。，是有关考研信息比较的一个考研网站。有关考研方面的信息也比较。是三大教育平台维护的考研信息查阅网站，是全国好的考研论坛，人气很旺。是免费的考研试卷下载网站。各个高等院校或科研院所等招生单位基本都建有面向全体考生的官方研究生招生网。参考文献[2]分析了此类研究生招生网站的基本功能，阐述了八大功能模块，分析了研究生招生网的现状，并提出了发展建议。此外，还有很多民间考研网站在此不一一列举，这些考研网站的特点是针对全体考生的。当然如果考生已经决定好考哪所学校了，那么该学校维护的考研网站是很有价值的，比如某考生已经决定考浙江大学了，就非常有用。虽然有关考研的网站有很多，但这些网站大多数是面对全体考生的，从而包罗万象，包含的内容非常多，让人目不暇接，显得有点杂乱无章，从而针对性方面较差。而像浙江大学考研网这样的网站是为外校学生考浙江大学服务的，所以为本校学生考外校服务的考研网站目前还很少，本文的目的就是要建设一个为本校学生考外校服务的考研网站，结合本校的特点，更有针对性，可以更好地帮助本校考生挑选报考学校，更加有效地帮助他们复习考研基础课和专业课，切实提高考研的成功率。
二、校内考研网站的设计与制作
校内考研网站设计的总原则是：服务好本校迫切需要解决复习考研过程中出现各种各样问题的学生。网站的整体规划及框架设计必须是具可扩充性的，前台页面的设计必须能保障网站在增加栏目后不会破坏网站的整体结构。后台数据库的设计必须具有高度的扩充性，使得后台管理人员能够根据需要对栏目进行增、删、修改。
校内考研网站的设计风格为：综合性考研网站，清新、简约风格，有一个统一的logo图案，背景为学校鸟瞰图。界面创意为标准的图标风格设计，统一的构图布局，统一的色调、对比度、色阶和图文风格。
校内考研网站的功能要求为：（1）具备完善的类别：机构设置、招生工作、学科建设、历年真题、资料下载等功能。（2）资源的共建共享：使用者可以随时、随地通过网络访问、上传下载存放和使用库中资源。（3）WEB集成：基于WEB的应用模式，使教学资源制作、管理，信息、教学交流、资源共享与交流都能在网上进行。（4）自主学习：提供完善的网络课程库、真题库、专家答疑辅导功能、试题库与在线考试功能，学习者可以自主完成专业课程学习。
校内考研网站的后台管理包括：（1）图片管理：对图片的管理包括添加、删除、修改，图片的内容元素主要包括图片的名称、所属的栏目分类，分类由“栏目管理”中动态生成、上传图片，将图片上传到网站页面上。（2）栏目管理：一般是以设置图片或内容的类别作为栏目，在这里可以进行栏目的添加、删除修改栏目名、菜单的排序、类别排序、首页排序。（3）静态页管理：生成静态页面的栏目，包括关闭网站静态页面功能、首页更新静态页、列表页更新静态页、内容也更新静态页。（4）用户列表：用户的各项参数设置。（5）系统设置：进行系统的参数设置，包括系统名称、是否允许用户注册、用户申请后是否需要审核。（6）密码修改：管理员密码的修改。（7）公告管理：首页显示的公告内容。（8）留言管理：对留言的回复、修改、删除。
此外校内考研网站还应该具有下列功能：（1）强大的后台文章编辑器的功能。可方便地用拖动的方式进行图文混排、图片远程上传、上传图片显示效果处理等操作，以及“从word中粘贴”功能，能全部清除word排版格式多余代码。（2）自由编辑栏目模版，可设置多个模版。（3）自由增删修改栏目以及设置此栏目模版。（4）新闻/图片代码调用在后台生成。（5）可增加多个低权限的录入员，增加新闻时会记录新闻的增加录入员是谁。（6）新闻自由设置固顶或推荐，自由更改新闻标题的颜色，可独立设置某条新闻的URL转向。（7）新闻功能，可在后台相关新闻。（8）后台修改新闻管理页面，可以修改新闻的添加时间和阅读数。（9）后台新闻管理时，排序上下条移动的功能。（10）具有审核员权限用户。除可以审核文章外，其余功能与录入员相似。
系统提供如下客户端浏览器支持：IE6.0及以上各版本、FireFox3.0及以上各版本、Maxthon2.0及以上各版本、搜狗高速浏览器、360浏览器、腾讯浏览器等等。系统的开发环境为：PHP+MYSQL。参考文献[3]讨论了基于.net技术的四层架构考研网站设计与实现。
我们设计的校内考研网站栏目结构图如图1所示。
其中网站首页用动态php页面，将整个网站的近期信息在首页显示。网管在后台可以随时更新首页的内容。浏览者一访问首页就能够了解整个考研网站的近期信息。考研信息栏目主要介绍一些有关考研的近期信息。课程复习栏目里主要放一些有关考研基础课比如高等数学、线性代数、概率论与数理统计等的复习资料。网站链接栏目里放一些与考研有关的点击率比较高的热门网站链接供同学们参考。一个栏目也是比较重要的一个栏目是交流互动栏目，实际上是一个考研论坛，同学们在复习考研的过程中如果碰到一些问题，可以在这个交流互动栏目里提问，管理员应该及时加以解答，此外考研的同学之间也可以通过这个栏目进行交流，达到互相帮助的目的。
我们经过制作初步完成的校内考研网站首页如图2所示。
三、结论
虽然互联网上关于考研的网站多如牛毛，然而这些网站多数是面向全体考生的，内容面面俱到，从而针对性方面有些欠缺。本文着眼于建设一个只为本校考生服务的内部考研网，为本校考生考研服务，更有针对性，从而应该可以服务得更到位。具体效果如何还是由实践来验证吧。
网站设计与制作论文:工会网站设计与制作初探
摘要：以拟筹建学院工会网站为例，介绍学院工会主页的设计与制作过程，指出了设计与维护网页过程中应注意的一些问题。
关键词：主页设计；主页制作
科学技术的飞速发展和网络技术的普遍运用，为了拓宽工会工作渠道、创新工作方法提供了广阔的空间。加强对工会网站建设，运用现代网络技术推动工会工作，成为摆在各级工会组织面前一项十分重要的任务。面对新的形势，学院工会经过深入研究、积极探索，大胆实践，在认真抓好日常各项工作的基础上，充分运用网络技术这一现代科技手段，拟筹备建立学院工会网，并以网站为载体积极开展工作，为工会工作增添了新的生机和活力。现对如何进一步加强基层工会网站建设略加探讨。
一、加强工会网站建设的作用和意义
互联网络作为连接世界各国计算机的全球性信息化网络，其传输内容非常非常丰富的，涉及到全球的政治、经济、文化、体育等等各个领域，成为人们了解世界、掌握信息的主要渠道之一。学院工会网站作为信息时代基层工会的一个重要窗口，是院务公开、公正、服务职工、惠及民生的重要手段。办好工会网站，对于保障职工合法权益、增加职工之间互相的透明性、加强工会自身建设、提升工会知名度和影响力都具有非常重要意义。
二、网站主要内容与注重面
网站要设有工会新闻、民主管理、权益保障、劳动保护、文件资料、政策法规等主栏目，并加强工会会员管理等数据库的建设和利用，使广大干部职工能够通过网站，迅速快捷的检索到自己所需要的信息资料。拟开设职工论坛等形式建立“职工之家”，职工和工会干部以注册方式，在网上对事件或人物进行讨论交流，畅谈各自感悟，进行相互学习和相互交流。还可利用网站开展“首席职工”、“工会工作者”等各类评选活动，进一步提升工会工作的透明度和群众参与度。
三、技术平台规划与设计
（一）系统应用范围
从系统上分析是一个门户信息交易站点，大多数用户都具有分散性，没有统一的组织和统一的地区，主要通过internet访问。用户侧重使用IE情况分析。用户使用网络带宽分析。估计日访问量在几千人次。
根据这些特点，我们建议在IE兼容上侧重用于IE6.0。出于用户带宽的考虑，建议使用CSS+DIV写网站框架。在网站结构上采用B/S结构。
用户侧重使用IE情况分析，根据网络软件测试调查，得出以下数据如图：
从图得知使用IE6.0的用户最多占到32.14%。360浏览器使用本地IE核心。其中也有一部分本地核心用的也是IE6.0。其它IE8.0占到21.54%，IE7.0占到6.3%，搜狗浏览器占到6.03%，其它chrome，IE9.0，TT浏览器，QQ浏览器都只占到3%以下。
所以在UI设计和IE兼容性设计上测重IE6.0以上的版本，建议使用CSS+DIV布局。然后再测试调试各常用IE之间的兼容性。
（二）用户使用网络带宽分析
今年宽带普及提速工程的目标是4兆及以上宽带接入产品的用户超过50%，现在，平均带宽达到了50%。今年4月，全国固定宽带接入规模为1.59亿。4兆及以上用户使用比例已经超过了50%。去年年底，使用4兆以上带宽产品才38%到39%，今年却飞快提升了10个百分点，达到50%。
所以4M以下的人群仍然是主体。在网站建设过程中，网页的图片和整个网页大小的控制不容忽视。建议页面大小保持在三屏内，网页大小保持在150K以内。这是对用户的体验度一个提升也是对网页大小的一个控制。
（三）任何商业应用程序都有三大类必须完成的任务：
及时类和与用户的交互有关（人机接口），用户如何使用应用程序，这类任务可称之为表示层（Presentation）。
第二类和应用程序所完成的计算处理和程序处理流程有关，可称之为应用逻辑层（Application Logic）。
一类与数据的查询、更新及数据管理有关，可称之为数据资源层（Data and Resource）。
四、网站细节总体设计
网站分为前台和后台两个部分，前台部分为公众和会员客户提供信息、阅读、查询等功能，后台作为网站管理的核心部分，提供网站数据、类别等信息的管理和查询。
（一）前台网站的具体栏目设置
共分为工会简介栏目、工会工作栏目、工会动态栏目、下载中心栏目、工会信箱栏目、工会论坛栏目、留言板栏目、友情链接、站内搜索引擎共9个栏目设置。
1.首页具体板块的设置
提供工会信箱登录以及各分类信息查询系统。左侧是本站动态、工会简介、网站公告和相关链接，右侧是广告位；中间部分是各栏目的信息。
在网站的首页中采用了4种效果，飘浮广告效果，滚动新闻效果，鼠标右键禁用和ie右下脚状态栏文字显示效果。
2.网站工会栏目简介
详细的介绍了工会具体情况以及领导风采、组织机构等内容。
3.网站工会工作简介
专题介绍工会在开展素质工程、法律维权、基层建设、送温暖工程、女工工作、综合等工作的情况。
4.网站工会动态简介
介绍工会的具体活动，包含生动的图片及详细的文字信息。
5.网站下载中心的简介
网站提供常用的软件及表格和表格模板的下载。
6.网站工会信箱的简介
网站工会内部所有工作人员具体的邮箱地址。
7.网站工会论坛的简介
网站提供单版论坛。论坛具有一般论坛的常用功能。如注册会员，在线生级，发表帖子，回复帖子，论坛设有良好的编辑器，能够方便的编辑帖子内容。并且有丰富的表情包。让互动更加生动。普通用户也可以注册笔名并发表帖子进行互动。
8.网站留言板的简介
网站的留言板能够通过编辑器方便的编辑文本，可以通过注册用户进行留言。也可以不用注册用户，进行匿名留言。
网站设计与制作论文:浅析高职图书馆网站设计与制作
摘 要：基于高职图书馆的特色，坚持一切从读者的需求出发，结合图书馆网站的设计理念和网站制作的高标准进行建设高职图书馆网站，浅析高职图书馆网站设计制作。
关键词：高职图书馆；网站制作；网站设计
高职图书馆网站是图书馆对外重要的宣传阵地和提供数字资源与信息服务的平台，其服务对象是校内师生和社会读者，需要提升图书馆的网络化、数字化、特色化服务水平，使之成为读者利用高职图书馆资源和服务的窗口。高职图书馆网站如何满足读者的需求，因此各高职图书馆必须大力探索网站设计与制作的理念与原则，并结合自身特色，开发出让读者满意、令读者信赖的网站。我在这里介绍高职图书馆网站设计与制作的经验的几点体会。
1 高眼界、高标准、高要求
⑴他山之石，可以攻玉，向的高校、高职图书馆网站学习。在高职图书馆设计与制作过程中，我们先后参考了许多国内外著名高校、公共图书馆及高职图书馆的网站，比如：国内的清华大学图书馆、北京大学图书馆、国家图书馆等，国外的有澳大利亚墨尔本大学图书馆、英国伦敦大学国王学院图书馆、高职类的深圳职业技术学院图书馆等。在网站设计与制作前，我们对的图书馆网站，结合读者的需求、服务及图书馆业务等方面进行分析，这样对设计与制作高职图书馆网站垫下非常好的基础。⑵网页制作要高标准、严要求.高职图书馆网站的版面整洁、整齐、版式统一、图片不变形和易维护度。
2 设计理念
⑴符合高职的特点和实际情况。高职图书馆不同高校图书馆，高职图书馆具有独特性，网站应结合图书馆的服务理念去建设，但高职图书馆面临资源少、服务项目少的困境，我们如何对读者提供有价值服务，需要馆员们多年服务读者过程中总结，才能给读者一个满意的网站。图书馆网站建设力图把满足读者需求、方便读者使用作为网站设计的根本出发点，网站的内容和设计要充分考虑到读者的需求，一个受读者喜欢并信赖的网站是建立于读者明确需求的基础上。
⑵不使用过多颜色，力求简洁、清爽。色彩可以鲜艳一些，但不能杂乱。从审美角度看，在网站设计时，只使用三、四种相匹配的颜色就可以让网站更为美观了，应尽量避免使网站过于花哨，尽量不用或少用动画、闪烁或滚动的文本。
⑶页面应布局合理，尽量简洁。一般来说，页面的分辨率推荐1027x768，固定布局宽度来设计；按网站层级来设计布局，同一层级的布局尽可能统一。网站首页布局应简洁、大方，应把服务与资源充分显示在首页面上，可以采取JS滑动显示的技术，容纳更多的内容而不显得拥挤。
⑷使用一致的设计元素。在网站的全部页面上，都采用一致的字体与颜色，会使网站显得更为统一和专业。同时在网页的布局设计、术语或词汇的使用，以及与用户交互的方式使用等方面，也都应尽力保持这种一致性。图书馆主页、OPAC页面及二级页面在功能菜单及色调上应尽量做到一致。
⑸图书馆的网站上应设计一个较醒目的给读者发牢骚、提意见、问问题的窗口。
⑹网站整体导航清晰化。1）全局导航。全局导航也就是说可以帮助用户随时去到网站的任何一个栏目。并且能轻松跳转到另一个栏目上。一般来说，全局导航的位置是固定的，这样可以减少浏览者查找的时间。2）导航栏异化，直接的告诉用户他身在何处。浏览则当前访问的页面所属的导航，在网站建设中要进行特殊化处理，比如一家网站建设公司的网站导航，如果网站主导航颜色是蓝色的，那么当用户浏览到网站建设流程这个大栏目之下，那么网站建设流程这个栏目的导航应该换一种颜色或者做一种特殊的效果来进行体现，以区别与其他的导航。这样浏览者就能够非常的容易的识别到当前导航所在的位置。
3 网页制作――精益求精
⑴CSS样式制作规范。为了开发后样式名管理方便，请用有意义的单词或缩写组合来命名，一看就知道这样式是哪一块的，这样就节省了查找样式的时间。
⑵符合搜索引擎。在制作网站的过程中，应符合搜索引擎，以便读者能搜索到图书馆网站。网站设计符合搜索引擎主要有两个标签：标题（title）、描述（description），写法如下：
顺德职业技术学院图书馆|顺职图书馆|顺大图书馆
⑶网站的扩展性及维护的便利性。1）网站的扩展性。日后面临着数字资源日益增多，服务不断深化的基础上，我们特别要注意网站对后续的改动适应性要强。2）站维护的便利性。网站后续维护的工作中，我们通过网站管理后台权限的分配，把馆内的各部门人员全部调动起来，各自负责各自的网站模块。维护的内容包括四个方面：及时、网站各模块内容的更新；第二、试用的数字资源的及删除等；第三、图书馆业务中内容发生变化的相应更新；第四、网页功能的修改升级或者特效的改造增加。
