网站设计与制作论文

引言：易发表网凭借丰富的文秘实践，为您精心挑选了一篇网站设计与制作论文范例。如需获取更多原创内容，可随时联系我们的客服老师。

网站设计与制作论文:校内考研网站设计与制作

摘要：为了更好地为本校考研学生服务，建立一个校内考研网站很有必要。建立校内考研网站的目的是为了给本校考生提供一个交流的平台，帮助同学复习高等数学、线性代数、概率论与数理统计、复变函数、积分变换与数理方程，以及英语、政治等重要基础课，还有数学分析、高等代数等专业课。本文对这样一个校内考研网站的设计与制作进行了一些探讨。

关键词：考研；网站；设计；制作

一、引言

随着我国研究生教育的飞速发展，每年报考研究生的人数持续攀升。20年来，报考研究生的人数只有在2008年和2014年出现二次小幅回落，但这只是两个小小的回档，这并不影响考研人数大的攀升趋势。每年都有那么多的同学报考研究生，那么如何服务好这些同学就是我们迫切需要解决的问题。参考文献[1]对如何利用网络优势为学生考研服务做了详细分析。各个高等院校或科研院所等招生单位基本都建有面向全体考生的官方研究生招生网。分析了此类研究生招生网站的基本功能，阐述了八大功能模块，分析了研究生招生网的现状，并提出了发展建议。此外，还有很多民间考研网站在此不一一列举，这些考研网站的特点是针对全体考生的。虽然有关考研的网站有很多，但这些网站大多数是面对全体考生的，从而包罗万象，包含的内容非常多，让人目不暇接，显得有点杂乱无章，从而针对性方面较差。而像浙江大学考研网这样的网站是为外校学生考浙江大学服务的，所以为本校学生考外校服务的考研网站目前还很少，本文的目的就是要建设一个为本校学生考外校服务的考研网站，结合本校的特点，更有针对性，可以更好地帮助本校考生挑选报考学校，更加有效地帮助他们复习考研基础课和专业课，切实提高考研的成功率。

二、校内考研网站的设计与制作

校内考研网站设计的总原则是：服务好本校迫切需要解决复习考研过程中出现各种各样问题的学生。网站的整体规划及框架设计必须是具可扩充性的，前台页面的设计必须能保证网站在增加栏目后不会破坏网站的整体结构。后台数据库的设计必须具有高度的扩充性，使得后台管理人员能够根据需要对栏目进行增、删、修改。

校内考研网站的设计风格为：综合性考研网站，清新、简约风格，有一个统一的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所示。

三、结论

虽然互联网上关于考研的网站多如牛毛，然而这些网站多数是面向全体考生的，内容面面俱到，从而针对性方面有些欠缺。本文着眼于建设一个只为本校考生服务的内部考研网，为本校考生考研服务，更有针对性，从而应该可以服务得更到位。具体效果如何还是由实践来验证吧。

网站设计与制作论文:浅析基于PHP和MySQL技术的网页设计与制作类专题学习网站设计与实现

摘要：随着信息技术和互联网在教育中的普及应用，对传统的教学模式和学生管理模式也产生了一定的变革影响，例如依托专题学习类网站的出现使得学生借助校园网进行自学成为了可能。本文分析了基于PHP和MySQL技术的网页设计与制作类专题学习网站设计方案与实现，分别从网站功能设计和数据库管理两方面进行了设计应用分析。

关键词：PHP MySQL 网站设计 实现

在网页设计与制作类专题学习网站设计中，首先要分析其需求，包括基本功能需求、硬件需求和系统需求。结合网站的应用背景和需求特定，制定相应的设计方案，合理进行用户权限分配，并且为用户提供丰富的相关资源，营造良好的网络学习环境。

1 网站功能模块设计

1.1 用户登录与注册

首先，在系统功能设计中一般使用B/S结构，也就是浏览器/服务器结构，在网络环境下，将各种功能模块组合起来。用户登录和注册是网站功能中最为基本的一个模块，按照一定的分类标准设置用户权限，如管理员权限、注册用户权限和匿名登录用户权限，不同权限的用户可以访问不同的内容。用户登录的身份验证采用用户名和密码的形式，为了方便管理，用户名可以统一设置，如将学生的学号设置为用户名，密码由用户自行更改。管理员权限主要是由网站的管理人员使用，对网站信息进行删除、编辑和更改，并且对登录用户的身份、数量进行管理。注册用户可以浏览、下载网站中的绝大多数资源内容，而匿名用户只能浏览网站的基本公式信息。

1.2 网站信息公布

网站信息公布是校园网站的一个重要功能，可以用来公示重大校园动态、课程信息、学生信息变动等等，所公布的信息来源于相关的校园管理部门，如教学部门、宣传部门、学生管理部门等等。同时，一些与学生密切相关的信息，在公布中可以设置提醒功能，例如当学生登录网站后，以私信或者自动弹出窗口的形式提示学生应当注意的信息。或者在学生个人信息管理模块中，设置专门的应当注意信息模块，提醒学生应当注意的一些变动信息，特别是课程信息、个人信息变动、教务信息等等。

1.3 资源共享

资源共享主要是为学生提供一个良好的学习环境，提供学生自学资源支持，在网页设计与制作类专题学习网站构建中，主要的教学资源有文字资源、图片资源、视频资源等等。同时，在资源共享中，为了提高学习资源的利用效率，利用站内搜索技术构建资源查询平台，便于用户搜索所需资源。将各种学习资源进行分类，可以按照资源属性，如文档类资源、图片类资源、视频类资源等等，或者按照教学内容进行分类。站内资源还可以为学生提供一些优秀的设计方案成果，将这些成果的网页设计与制作方案。资源共享功能模块设计需要针对网站功能特点和用户使用情况进行相应的资源优化，例如针对不同学习基础的用户提供不同层次的学习资源等等。

1.4 站外资源链接

在网页设计与制作类专题学习网站功设计中，站外资源是一个重要的学习资源补充途径，用户在使用站内资源时，也需要进行相关的站外资源拓展，当前使用较为广泛的方式便是站外资源链接。站外资源链接也分为外部链接和内部链接两种，外部链接同用户直接通过外网链接外站的访问权限一样，都为匿名浏览模式。而在一些提供资源下载的外部网站链接时，可以通过内部链接的方式为用户提供注册用户访问权限，例如访问一些文献资料数据库。通过购买这些数据库的访问权限，使得用户可以通过内部链接搜索和下载相关的文献资料。在站外资源连接时，应当对不同的外站资源情况进行调查和分类，按照一定的类别，例如文献资料类网站、网页设计成果类网站、相关软件下载类网站等等。

2 基于PHP和MySQL技术网页设计与制作类专题学习网站的实现

2.1 数据库管理实现

基于MySQL技术的数据库管理功能实现，应当针对网站数据的储存和使用特点，应当确保数据库的正确性、融合性、有效性等等，优化数据库检索技术，提高数据检索效率，数据库结构设计的合理性会直接关系到网站构建的整体质量。在数据库中将各种不同类型的数据资源按照一定的类别进行分类处理和储存，同时将各种文档信息添加日期、作者、预览内容等信息，主要的数据操作功能有编辑、录入、存储、删除、复制等等。再有，应当保证数据库的完整性和适时性，及时进行数据更新，数据存储要严格遵守相应的规定，定期进行数据备份，一般数据库的管理权限为网站管理人员。

2.2 信息管理功能实现

信息管理功能主要是实现网站基本的信息公布、信息删除和修改、重大信息警示等等，同时还包括用户个人信息的录入、修改等等。信息管理权限由两部分组成，分别是网站管理人员的信息管理功能权限和访问者的信息管理功能权限。信息管理人员所主要管理的信息为网站公布信息和一些动态资源信息，而访问者所使用的信息管理功能为个人信息管理和个人资源信息管理。例如访问者在利用网站资源进行学习时，需要更改个人资源数据库，不定时的删除资源和添加新资源，构建成个人知识管理系统。而网站管理人员，在使用信息管理功能时，也应当针对不同信息的特点，在相应的信息公示板块进行信息公布。

2.3 资源共享功能实现

资源共享功能主要包括两部分，分别是站内资源共享和站外资源共享，站内资源包括管理人员录入的校园资源数据库和师生上传的相关资源等等，站外资源则主要是针对相应的教学内容，选择的一些专题网站。在资源共享功能实现中，应当提高资源使用效率，借助站内搜索技术和互联网搜索引擎技术，为学生提供完善的资源环境。同时，资源共享本身也是一个持续性的过程，管理人员应当长时期的进行资源引进和更新。

3 结语

基于PHP和MySQL构建网页设计与制作专题类学习网站，应当详尽分析网站的需求，包括功能需求、硬件需求、系统需求等等，在分析需求的基础上，进行相应的功能模块设计和优化。主要的功能模块有用户登录和注册功能模块、网站信息公布模块、资源共享模块、外部资源链接模块等等。并且对数据库结构进行优化，选择适宜的搜索引擎技术，完善信息管理功能，加强内部资源和外部资源的共享。相关网站管理人员，也应当建立起完善的网站维护体系，保证网站的稳定、高效运行。

网站设计与制作论文:浅谈网站设计分析与网页制作

摘 要：网络作为当前信息化时代最大的信息传播平台，越来越多的商家和个人开始重视建立自己的网站，面对新的形势，经过深入研究、积极探索，大胆实践，在各项工作的基础上，充分运用网络技术这一现阶段科技手段，拟筹备建立网，并以网站为载体积极开展工作，为工作增添了新技术。本文结合在网站设计方面的经验谈一下网站设计与制作的流程。

关键词：网站；设计分析；制作

随着科学技术发展和网络的运用，计算机网络为人们的生活打开了一片新的天地创新了人们的生活方式而网站为人们提供了丰富多彩的信息。一个网站不但要做到操作方便，引人入胜，趣味盎然，还要告诉浏览者它的用处，这些设计都是有讲究的。

1 网站建设的作用和意义

互联网作为连接世界各地计算机的全球性信息化网络，它的传输内容是非常丰富的，涉及到全球的各个领域，是人们了解世界、掌握信息的主要渠道之一。网站作为信息时代基层的一个重要窗口，是院务公开、公正、服务职工、惠及民生的重要手段。办好网站，对于保障职工合法权益、增加职工之间互相的透明性、加强自身建设、提升知名度和影响力都具有非常重要意义。

2 网站设计分析

文字、图形、色彩是展示网站内容的重要组成部分，是构成网站传达信息不可或缺的手段，同时也是用户对网站第一印象和整体风格关注的主要内部分。要想设计出符合人性化需求的网站，只有多为用户着想，认真地以用户的切身体会出发去完成网站的整体设计。当然，在设计过程中需要考虑的因素很多，用户群因素和界面因素是首要考虑的两个方面。

3 网页制作

3.1 选择合适的网页设计软件

当前能使用的网页设计类软件很多，而选择一个功能强大、操作简单的软件则会让你事半功倍。对于网页制作软件来说，初学者最常使用是Frontpage和Dreamweaver，Frontpage是微软公司出品的一款网页制作入门级软件，FrontPage使用方便简单，会用Word就能做网页，所见即所得是其特点，该软件结合了设计、程式码、预览三种模式。Dreamweaver是美国MACRO～EDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，利用它可以轻而易举地制作出充满动感的网页。此外，制作网站还要用到边缘性软件，如photoshop、flash等，网页设计过程中可根据自己的需要灵活运用这些软件。

3.2 选择网页内容

前期的框架设计好后，就要为这个网站选择内容了。网页内容影响着网站的成败，所以我们要多花一些心思在内容制作上。内容选择要选有新意的、独特的，这些可以从图书、报纸、互联网等信息媒介搜集素材，素材通常分为三类一一文字、图片、影像。素材准备得越多越好，再从这些素材中粗中取细， 以备制作网站时可以随时拿来使用。总之，网页内容是网站的根本，如果内容空洞，页面制作的再怎么精美，仍然不会留住访问者。

3.3 运用网页设计中的色彩

不同的色彩搭配产生不同的效果，反映出不同网页的文化内涵。因为它能产生强烈的视觉冲击，所以确定网页的色彩是相当重要的一步。在网页的色彩设计上，除了要表现心理和感情联想之外，还要考虑色彩的对比明暗、轻重、冷暖、调和色和纯度对比色的应用等等。合理的用色可以让信息的传递更有价值，使网页更有效和准确地把信息传达给我们的视觉。

4 网页制作中的注意事项

⑴网页要一页一页制作，切不可图快，没考虑清楚就下手只会让后面的修改工作更辛苦，首先要制作主页，把主页上的页面的编排、色彩的搭配、链接的方式都设计好后，再以 它为基础，通过变更文字和图片等内容建立其它子页，可以利用模板批量创建子页，使用模板的好处是一一同一个模板创建下的网页，对它的更新和修改可以一次性完成。这样可以大大提高制作效率，使网站形成统一的风格。

⑵特效制作网页时，能尽量用javascript替代的就不要使用java，java会使网页速度减慢，在加入诸如声音、动态网页等小技巧时，最好也不要太多，这都会影响网页的运行速度。

⑶使用链接到每张图片的缩略图是提供有大量图片的图库时常见的一种策略。缩略图也就是图片的缩小版本，可以让浏览者看到众多的图片。但是，在展示缩略图时，切记不能将缩略图做得太小，因为缩略图做得太小网站的访客就无法从中获取有效的信息。

⑷合理采用JPg和gif格式也是至关重要的，色彩鲜艳高分辨率的用JPg，图片色彩单调的及在256色以内的最好把它处理成gif图像格式。图片大小尽量不要超过30k，小图片（1OOx40）一般可以控制在6k以内，较大的图片可以“分割”成小图片。

⑸为图片加注解。图片的下载较慢，在没有显示出来时注解的标注有助于让浏览者知道这是关于什么的图片，是否需要等待，是否可以点击。

5 结语

网站的设计与制作谈起来很简单，但要制作出真正有创意、经典的网站不是一件容易的事情。网页设计需要不断的实践，不断的学习，不断的丰富、创新网页制作的方法，不断完善、提高自己网站设计的能力。

网站设计与制作论文:浅析高职图书馆网站设计与制作

摘 要：基于高职图书馆的特色，坚持一切从读者的需求出发，结合图书馆网站的设计理念和网站制作的高标准进行建设高职图书馆网站，全面浅析高职图书馆网站设计制作。

关键词：高职图书馆；网站制作；网站设计

高职图书馆网站是图书馆对外重要的宣传阵地和提供数字资源与信息服务的平台，其服务对象是校内师生和社会读者，需要提升图书馆的网络化、数字化、特色化服务水平，使之成为读者利用高职图书馆资源和服务的窗口。高职图书馆网站如何满足读者的需求，因此各高职图书馆必须大力探索网站设计与制作的理念与原则，并结合自身特色，开发出让读者满意、令读者信赖的网站。我在这里介绍高职图书馆网站设计与制作的经验的几点体会。

1 高眼界、高标准、高要求

⑴他山之石，可以攻玉，向优秀的高校、高职图书馆网站学习。在高职图书馆设计与制作过程中，我们先后参考了许多国内外著名高校、公共图书馆及高职图书馆的网站，比如：国内的清华大学图书馆、北京大学图书馆、国家图书馆等，国外的有澳大利亚墨尔本大学图书馆、英国伦敦大学国王学院图书馆、高职类的深圳职业技术学院图书馆等。在网站设计与制作前，我们对优秀的图书馆网站，结合读者的需求、服务及图书馆业务等方面进行分析，这样对设计与制作高职图书馆网站垫下非常好的基础。⑵网页制作要高标准、严要求.高职图书馆网站的版面整洁、整齐、版式统一、图片不变形和易维护度。

2 设计理念

⑴符合高职的特点和实际情况。高职图书馆不同高校图书馆，高职图书馆具有独特性，网站应结合图书馆的服务理念去建设，但高职图书馆面临资源少、服务项目少的困境，我们如何对读者提供有价值服务，需要馆员们多年服务读者过程中总结，才能给读者一个满意的网站。图书馆网站建设力图把满足读者需求、方便读者使用作为网站设计的根本出发点，网站的内容和设计要充分考虑到读者的需求，一个受读者喜欢并信赖的网站是建立于读者明确需求的基础上。

⑵不使用过多颜色，力求简洁、清爽。色彩可以鲜艳一些，但不能杂乱。从审美角度看，在网站设计时，只使用三、四种相匹配的颜色就可以让网站更为美观了，应尽量避免使网站过于花哨，尽量不用或少用动画、闪烁或滚动的文本。

⑶页面应布局合理，尽量简洁。一般来说，页面的分辨率推荐1027x768，固定布局宽度来设计；按网站层级来设计布局，同一层级的布局尽可能统一。网站首页布局应简洁、大方，应把服务与资源充分显示在首页面上，可以采取JS滑动显示的技术，容纳更多的内容而不显得拥挤。

⑷使用一致的设计元素。在网站的全部页面上，都采用一致的字体与颜色，会使网站显得更为统一和专业。同时在网页的布局设计、术语或词汇的使用，以及与用户交互的方式使用等方面，也都应尽力保持这种一致性。图书馆主页、OPAC页面及二级页面在功能菜单及色调上应尽量做到一致。

⑸图书馆的网站上应设计一个较醒目的给读者发牢骚、提意见、问问题的窗口。

⑹网站整体导航清晰化。1）全局导航。全局导航也就是说可以帮助用户随时去到网站的任何一个栏目。并且能轻松跳转到另一个栏目上。一般来说，全局导航的位置是固定的，这样可以减少浏览者查找的时间。2）导航栏异化，直接的告诉用户他身在何处。浏览则当前访问的页面所属的导航，在网站建设中要进行特殊化处理，比如一家网站建设公司的网站导航，如果网站主导航颜色是蓝色的，那么当用户浏览到网站建设流程这个大栏目之下，那么网站建设流程这个栏目的导航应该换一种颜色或者做一种特殊的效果来进行体现，以区别与其他的导航。这样浏览者就能够非常的容易的识别到当前导航所在的位置。

3 网页制作――精益求精

⑴CSS样式制作规范。为了开发后样式名管理方便，请用有意义的单词或缩写组合来命名，一看就知道这样式是哪一块的，这样就节省了查找样式的时间。

⑵符合搜索引擎。在制作网站的过程中，应符合搜索引擎，以便读者能搜索到图书馆网站。网站设计符合搜索引擎主要有两个标签：标题（title）、描述（description），写法如下：

顺德职业技术学院图书馆|顺职图书馆|顺大图书馆

⑶网站的扩展性及维护的便利性。1）网站的扩展性。日后面临着数字资源日益增多，服务不断深化的基础上，我们特别要注意网站对后续的改动适应性要强。2）站维护的便利性。网站后续维护的工作中，我们通过网站管理后台权限的分配，把馆内的各部门人员全部调动起来，各自负责各自的网站模块。维护的内容包括四个方面：第一、网站各模块内容的更新；第二、试用的数字资源的及删除等；第三、图书馆业务中内容发生变化的相应更新；第四、网页功能的修改升级或者特效的改造增加。

网站设计与制作论文:基于真实企业项目的商务网站设计与制作课程改革

摘 要 在我校电子商务专业进行“MBE-CDIO的教学改革”的大背景下，重点介绍商务网站设计与制作课程的改革思路、内容设计、组织和实施过程。课程在“MBE-CDIO课程体系”中定位并明确技术、能力、素质等教学目标，将真实企业项目引入教学，学生以项目组形式参与项目开发全程，并采用展示型过程化考核方式，将企业意见作为重要考核标准纳入考核体系。课程改革试行两届，教学成效初显。

关键词 MBE-CDIO 真实企业项目 项目导向 过程化考核

1 高职电子商务专业网站建设课程概述

1.1 高职电子商务专业网站建设课程现状

自从我国高职院校开设电子商务专业以来，其核心课程电子商务网站开发类课程的教学效果一直不尽如人意。笔者已在山东商职学院承担电子商务技术教学工作多年，通过各种方式对国内二十多所高职院校电子商务专业进行了相关课程教学内容和教学效果的调研，发现诸多院校电子商务网站开发课程以教授静态网站制作为主，能真正理解、开发出实用的商务网站的学生近乎为零，即便是带有基本会员功能的简单企业展示网站，学生也不能很好理解，更不用说帮助企业做网站规划、运营维护等工作。

我校电子商务专业对人才培养目标进行重新研究、梳理、定位，重点向商务偏移，明确了商务网站课程不应以教会学生开发技术为教学目标，而应该教授学生具备理解动态网站原理、能对企业网站进行规划和改版的能力。

1.2 我校电子商务专业网站建设课程现状

我校电子商务专业自2000年开设该课程以来，授课内容一直根据社会需求不断调整。2008年课程名称确定为网页制作，内容从原来讲授网页制作三剑客等软件操作为主，调整为讲授HTML基础知识及应用为主，辅以Dreamweaver软件操作，并在后续学期开设网页制作脚本语言，注重学生编程思想和代码读写能力的培养。

2009年，经调研我们对专业人才培养进行了较大的调整，降低对学生开发技术的要求，开始重视学生对网站运营的整体理解、网站的维护更新等能力的培养，课程调整为网页设计与美化、ASP动态网站规划两门课程，分两个学期开设。其中ASP动态网站规划重点讲授动态网站基本原理，引导学生进行网站规划，并加入网站的、维护、更新等教学内容。

2011年，专业人才培养在做过大量调研的基础上，再次进行重大调整。我们发现社会对电子商务人才的要求很大一部分是“商科能力和素质”，并且定位了电子商务专业的三个岗位目标（网络营销主管、电子商务运营主管、网络客服主管）。因此课程进行了较大调整，课程名称确定为商务网站设计与制作，分两个学期开设；并尝试将校企合作单位的真实企业网站开发项目引入教学。经过改革和建设，该课程作为“电子商务专业核心课程群”中的一门被评为校级精品课程。

图1 商务网站设计与制作课程教学目标

2012年，专业进行了“MBE-CDIO教学改革”，提出一个覆盖商业职场环境、体现完整生命周期的教学设计。同时教学大纲分解了专业人才培养所需完成的素质、能力和知识目标，构建了电子商务专业教学主线的9级进阶项目，更加明晰了商务网站设计与制作在人才培养中的作用和地位。

2 基于真实企业项目的课程设计理念

课程内容的设计、组织服务于专业人才培养目标。2012年专业教学采用“MBE-CDIO一体化课程体系”模式，确定商务网站设计与制作的课程目标共计28项（见图1），包括1项技术知识、13项胜任工作的能力、5项进阶能力的教学任务，9项素质教学关键点穿插其中，保障了课程体系的实施效果。

为了确保教学目标的完成，课程引入“心欣农产品交易服务平台”真实的企业项目背景，让学生完成“心欣平台前台页面规划及设计”（从需求分析规划设计制作实现测试运行维护整个生命周期），和“心欣平台后台改进规划与实施”（从改进需求分析概要设计详细设计整合测试运行培训文档设计整个生命周期）两个实战项目；最后，用“心欣农产品交易平台”的改进效果来检测课程教学目标的完成情况。

课程的项目化教学在教学做一体化的教学环境中开展，学生以项目组的形式参与项目学习全程，掌握网站需求分析、网站建设、网站优化、网站维护等专业知识的同时，更锻炼了团队合作能力、沟通能力和创新意识等综合素质。

3 基于真实企业项目的课程内容体系建设

3.1 课程内容体系设计

课程内容设计基于两个原则：（1）实现教学目标；（2）以真实企业项目覆盖商业职场环境下的完整生命周期。

教学目标涵盖了人才培养目标中的9项素质关键点、1项技术知识关键点、13项能力关键点和5项进阶能力关键点。这28个关键点，是通过将两个真实企业网站项目（心欣前台页面内容规划与设计项目、心欣后台改进规划与实施项目），引入实际教学过程中实现的。具体内容规划，则依据CDIO（Conceive构思、Design设计、Implement实现和Operate运作）理念，按照软件工程的思路进行组织。（1）静态部分以Web标准HTML+CSS内容为主，引入“心欣前台页面内容规划与设计”项目贯穿。（2）动态部分重在培养学生的商务网站规划、优化及维护能力，使学生对具备交互功能的动态商务网站有一个全面认识；注重培养学生对项目或系统的完整生命周期的理解，要求学生从需求识别、需求分析、规划设计，到测试、更新维护、运营管理等环节全程参与，并注重对学生策划并撰写系统应用文档的能力的培养。

3.2 课程内容体系组织

课程内容用“心欣农产品交易平台”的优化改进项目贯穿，整个教学过程划分为五个子项目进行。每个子项目又分解成了专业知识、实训操作、项目实战和展示型考核四个模块。学生以项目组的形式，参与项目全程。其中，实训操作模块将授课中涉及的实践操作加以应用并巩固；项目实战模块则将真实项目分解为子项目进行实施和检验；展示型考核模块在各子项目中是比较重要的模块，各项目小组在项目实战模块中完成的任务需要进行展示、答辩，必要时将作品向企业推荐，并将企业评价和反馈意见作为重要考核指标。

课程共计64课时，分别安排在第二学期、第三学期进行。第二学期进行网站前台的规划设计和实现，分配24课时；第三学期进行网站后台的规划设计和运行维护，分配40课时。两学期均在教学做一体化教室展开教学，实践比例100%。子项目的具体内容组织、授课内容课时分配见表1。

3.3 课程教学方法与手段

（1）用真实项目贯穿课程内容，学生以项目组的形式参与项目开发全过程：用两个真实项目开发过程为载体组织教学内容，以教授方法、技巧为主；学生以项目组的形式参与项目开发全过程，边学边做，把学到的方法和技巧在项目开发过程中立即实践，并在实践过程中组织讨论、互动；根据每个项目组的反馈情况完善教学内容、安排进度。

（2）采用教学做一体化方式，考核方法取消笔试，采用展示型过程化考核。各子项目结束时，学生项目组都要进行成果展示、答辩，检查并共享学习成果；根据老师提出的修改意见进行修订，并制定下一子项目实施计划。项目全部结束时每个项目组实现的都是一个完善的、可、可供企业实际应用的网站，作品以企业是否采用为主要考核标准，激发学生的竞争意识和学习兴趣。

（3）利用云空间加强互动学习和资源共享。利用世界大学城云空间教学，加强学生与老师之间、学生与学生之间的互动和资源共享。课程将教学目标关键点分解，形成26项工作能力点，一一对应了26个能力关联表格化教案，见图2。

图2 商务网站设计与制作表格化教案

4 结束语

以真实企业项目为教学背景的课程改革，目前已经试行两届，教学成效初显。学生对这种用真实企业项目贯穿的、项目导向在实践中学习的教学方法充分肯定，学生作品也得到合作企业的认可。当然，在运作过程中，我们也遇到一些困难、发现一些问题，需要进一步改进和加强：（1）企业真实项目一般对项目完成时间、网络安全方面有较高的要求，课程中实现有难度；（2）项目开展和学生的实践训练若能在一段时间内集中完成，既能满足项目开发需要，又有助于学生高效学习，但不符合学校的教学计划，难以实现；（3）学生作品为企业采用之后，后期网站的维护更新无法保证。

课程组会在以后的建设过程中尽力克服以上困难，将课程改革的有效部分继续完善、推进、发展。

网站设计与制作论文:工会网站设计与制作初探

摘要：以拟筹建学院工会网站为例，介绍学院工会主页的设计与制作过程，指出了设计与维护网页过程中应注意的一些问题。

关键词：主页设计；主页制作

科学技术的飞速发展和网络技术的普遍运用，为了拓宽工会工作渠道、创新工作方法提供了广阔的空间。加强对工会网站建设，运用现代网络技术推动工会工作，成为摆在各级工会组织面前一项十分重要的任务。面对新的形势，学院工会经过深入研究、积极探索，大胆实践，在认真抓好日常各项工作的基础上，充分运用网络技术这一现代科技手段，拟筹备建立学院工会网，并以网站为载体积极开展工作，为工会工作增添了新的生机和活力。现对如何进一步加强基层工会网站建设略加探讨。

一、加强工会网站建设的作用和意义

互联网络作为连接世界各国计算机的全球性信息化网络，其传输内容非常非常丰富的，涉及到全球的政治、经济、文化、体育等等各个领域，成为人们了解世界、掌握信息的主要渠道之一。学院工会网站作为信息时代基层工会的一个重要窗口，是院务公开、公正、服务职工、惠及民生的重要手段。办好工会网站，对于保障职工合法权益、增加职工之间互相的透明性、加强工会自身建设、提升工会知名度和影响力都具有非常重要意义。

二、网站主要内容与注重面

网站要设有工会新闻、民主管理、权益保障、劳动保护、文件资料、政策法规等主栏目，并加强工会会员管理等数据库的建设和利用，使广大干部职工能够通过网站，迅速快捷的检索到自己所需要的信息资料。拟开设职工论坛等形式建立“职工之家”，职工和工会干部以注册方式，在网上对事件或人物进行讨论交流，畅谈各自感悟，进行相互学习和相互交流。还可利用网站开展“首席职工”、“优秀工会工作者”等各类评选活动，进一步提升工会工作的透明度和群众参与度。

三、技术平台规划与设计

（一）系统应用范围

从系统上分析是一个门户信息交易站点，大多数用户都具有分散性，没有统一的组织和统一的地区，主要通过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.网站留言板的简介

网站的留言板能够通过编辑器方便的编辑文本，可以通过注册用户进行留言。也可以不用注册用户，进行匿名留言。

网站设计与制作论文:浅谈Flash动画在网站设计与制作中的应用

【摘要】Flash是Adobe公司的一款多媒体矢量动画软件，Flash网站动感十足，视觉效果强烈，具有很强的吸引力。其中，动作脚本赋予了Flash编程的能力，大大扩展了Flash的空间。现在，Flash在网络中的应用已经越来越广泛，使用Flash制作的网页不仅视觉效果突出，而且交互功能也非常的强大。本文对Flash动画在网站设计与制作中的应用进行了探讨。

【关键词】Flash动画；动作脚本；交互功能

网络新技术层出不穷，在各个领域尽显风流，网络多媒体的天空更是绚丽多彩、引人入胜。Flash作为目前最优秀的网络动画之一，它的出现，宣告了网络动画时代的到来。由于FLASH本身具有强大和灵活的网络交互功能，所以它在窄带领域已经成为事实上的交互多媒体技术标准。Flash在保证传输速度的同时，还提供了非常丰富的交互动画效果。

Flash动态网站是针对多媒体网页设计脱颖而出的一个新型解决方案。它使用矢量绘制图像，它的最终文件可以以“流式”的输出在网页中播放。Flash动态网站动画文件小，互动功能强。它给网页设计带来的无限生机。

一、Flash动画的特点

Flash被广泛应用，与其自身的特点密不可分。

1.从动画组成来看：Flash动画主要由矢量图形组成，矢量图形具有储存容量小，并且在缩放时不会失真的优点。这就使得Flash动画具有储存容量小，而且在缩放播放窗口时不会影响画面的清晰度的特点。

2.从动画来看：在导出Flash动画的过程中，程序会压缩、优化动画组成元素（例如位图图像、音乐和视频等），这就进一步减少了动画的储存容量，使其更加方便在网上传输。

3.从动画播放来看：后的.swf动画影片具有“流”媒体的特点，在网上可以边下载边播放，而不像GIF动画那样要把整个文件下载完了才能播放。

4.从交互性来看：可以通过为Flash动画添加动作脚本使其具有交互性，从而让观众成为动画的一部分，这一点是传统动画无法比拟的。

5.从制作成本来看：用Flash软件制作动画可以大幅度降低制作成本，同时，在制作时间上也比传统动画大大缩短。

二、动作脚本的特点及基本术语

动作脚本的英文名称是ActionScript，简称AS。ActionScript是一种面向对象的编程语言，执行ECMA-262脚本语言规范，是在Flash内开发应用程序时所使用的语言。目前广泛使用的ActionScript 2.0编辑出的脚本更加稳定、健全。

1.ActionScript 2.0的特点

（1）能够控制Flash动画的播放行为和对象的属性。根据用户的动作来做出响应，并在动画中体现出来。

（2）ActionScript 2.0是一种面向对象的编程语言，它的风格和JavaScript语言相类似。它拥有循环、判断和对象事件等高级语言特性。

（3）ActionScript可以使用自定义函数。如果有一个功能要经常使用，则可以把它写成自定义函数，在用到的时候调用它。

（4）支持XML和XMLSocket。

2.基本术语

（1）对象。在ActionScript中，对象分为两类。一类是用户自己制作的动画元件Symbol实例化后而形成的实体对象Instance Object，声明这类对象后，可以对ActionScript堆砌的属性和动作行为进行控制。另一类是Flash自己定义的抽象对象Abstract Object，例如Math和Date等，这类对象主要用于计算。

（2）数据类型。例如整数、字符、布尔值等等。

（3）变量。在变量方面，ActionScript允许声明全局变量和局部变量。

（4）事件响应。在Flash动画中，动画的交互性就是通过对用户动作的响应来完成的。

（5）语句和运算符。

三、Flash动画在网站设计与制作中的应用

1.网页形式与设计

（1）导航菜单设计

导航菜单设计是Flash动态网页浏览的基础。简洁、有效的导航菜单，可以使浏览者迅速而高效的找到所需要的信息。导航的形式有侧边式、上端式、悬浮式、隐藏式等。具有艺术美感的导航会使浏览者的浏览过程变得丰富而富有趣味。导航菜单的设计还要注意简洁，易用。设计导航菜单的时候，可以应用一些小声音、小动画来丰富浏览体验。

（2）网页版式设计及风格

Flash动态网页往往包含的信息量很大，元素也很多。但由于Flash动态网页的超链接特征，使它的空间可以无限扩展。设计者通常把产品或服务的不同卖点分别集中在不同的路径之中，在细化的动态分页中可以根据次主题的不同，对各个构成元素的空间进行多样化安排。

（3）色彩设计

Flash动态网页色彩搭配既是一项技术性工作，同时它也是一项艺术性很强的工作，因此，设计者在设计网页时除了考虑网站本身的特点外，还要遵循一定的艺术规律，从而设计出色彩鲜明、性格独特的网站。在遵从艺术规律的同时，还考虑人的生理特点，色彩搭配一定要合理，给人一种和谐、愉快的感觉，避免采用纯度很高的单一色彩，这样容易造成视觉疲劳。而且，页面的色彩设计尽量不要超过4种色彩，用太多的色彩让人没有方向，没有侧重。当主题色确定好以后，考虑其它配色时，一定要考虑其它配色与主题色的关系，要体现什么样的效果。另外哪种因素占主要地位，是明度，纯度还是色相。

2.Flash动画在网站中的应用

在网页设计中，Flash动画作品除了以“流式播放动画”播放以外，如：Flash动画短片、Flash MV，还具有一定交互性特点的形式。有些网站的引导界面做成Flash动画形式，一般由Dream weaver软件来完成，做成静态页面。当然，大部分这类页面全部是静态，但也有某些网站做出以下设计。如：网页中的Flash网络广告、Flash形象展示动画、网站导航栏动画、图片展示动画、Flash交互动画、及由Flash制作完成的网站注册、登陆、计算等系统。

在静态页面中，如果把这些做成动画形式的话，无疑能起到生动、装饰的作用，对浏览者具有充分调动的作用。但是不宜太花、太乱，否则，就会起到反作用，不但使浏览者眼花缭乱、烦躁，而且会给网站效应大打折扣，显得烦乱，缺乏信任。

除了采用Flash制作相关的页面外，也有一些网站，为了展示自己的个性，使用Flash来制作整个站点。整个站点从概念上就己经包括所有视听元素部分及版式的设计。先不论网站引导界面的设计，由其引导进入的内页面这整个系统都是由Flash软件来制作，就包括上文列举的视频、Flash广告动画、Flash交互动画、网站的Flash形象展示动画、网站的各级导航栏、图片展示、文字、链接、色彩、音乐、声音、游戏及网站注册、登录、计算系统等。

这样的Flash动画网站，感觉都十分炫，具有很强很独特的个性，基本上能完全调动浏览者的积极性，给人以活跃的心理感受。

四、结束语

Flash作为现代一种新的设计方式和娱乐方式，不仅有其实用功能，并且还有视觉和听觉上的双重享受，更因为它具有的趣味性，它作为一种强大的动画制作软件，在视觉表现上较普通的网页有很大的优势，因此，被广泛用于网站的设计与制作当中。

网站设计与制作论文:《计算机辅助教学技术》课程学习网站设计与制作

摘要：为了提高学生的学习主动性、提高课程信息传达的及时性，该文以《计算机辅助教学技术》课程为例，论述了学习网站的设计与制作过程，实现了课程多种资源的展示与交流，使之成为教师与学生课后交流的良好平台。

关键词：网站设计；网站制作；计算机辅助教学技术

随着计算机网络技术快速的发展和互联网密集型延伸以及人们生活工作的需要，使用因特网技术进行网上教学已开始成为一种全新的教学模式。网上教学具有及时性、共享性、便捷性、交互性和独特化等几大特点，它有着传统教学模式所无法比拟和替代的优点。因此，教学网站的开发制作成为广大教育工作者迫切要了解和深入探究的重要环节，从而更好的发展网上教学，推动教学课程水平的逐步提高。《计算机辅助教学技术》课程学习网站预期实现以下目标：1）信息方便、快捷、为用户提供全新的服务。2）支持各种资源下载技术。3）提供用户在线论坛、在线留言，增强网站的互动性。4）网站维护简单、方便。5）具有较好的网站安全性。

1系统开发技术简介

通过对本系统功能应用及各方面的综合评价分析，此网站采用Dreamweaver CS4作为前台的主体设计工具，主要是运用表格、Div+CSS进行布局排版编辑，网站的修饰添加常用的动画制作软件Flash CS4、图形处理软件Photoshop CS3等进行辅助设计，制作完成课程的多媒体教学资料。后台设计部分运用ASP技术添加动态资源，Microsoft Access 2003数据库作为动态数据整理工具，通过ADO对象访问数据库，建设成一个兼容性、安全性、可扩展性良好满足用户浏览信息、交流互动的教学网站[1]。

2需求分析

2.1功能需求分析

本教学网站的功能是可以替代传统教学模式，能够快速的更新跟踪最前沿的教学资讯，灵活生动的把教科书的知识展现出来。用户通过访问网站不仅能在线学习，同时，用户可以寻找下载想要的相关试题和课件，更可以注册会员在论坛上讨论交流。而对于系统管理员，登陆系统后台，不仅要对网站进行系统维护，还要对所有网站信息、数据进行统计整理；管理论坛的贴子与留言板的信息删除，备份，回馈；管理员也要能实时更新网站内容，最新信息。

2.2系统需求分析

此系统打破传统教学模式的地域限制、时间限制，充分发挥网站教学的及时性和便捷性，能够提高教学效率。用户能及时的获取教学资源，管理员能对网站进行维护，对网站资料内容更新和数据的整理权限操作。

3系统概要设计

3.1系统结构设计

根据本教学网站的特点，将其分为前台和后台两大部分。前台主要实现信息浏览、资源下载、在线论坛和留言等功能，后台主要是管理员对网站前台信息、论坛及留言进行管理。

该教学网站设计为八大模块，分别是课程描述、教师队伍、课程建设、下载频道、在线学习、师生论坛、用户系统和留言板。

整个学习网站的系统结构如图1所示。

图1网站系统结构图

各模块功能分别为：

1)课程描述模块介绍了计算机辅助教学技术的历史沿革、研究内容、基本构成、应用环境等相关的课程描述。2)教师队伍模块介绍了课程主要负责人及其他任课教师的教学与科研情况。

3)课程建设模块包括我院计算机辅助教学技术课程特色和今后此门课程的发展趋势。4)在线学习包括在线课件、在线自测。

5)下载频道帮助学生下载课件、Word文档、实验软件等课程资源。6)论坛主要用于让学生和老师进行一些教学答疑或是学术探讨。

7)留言板主要收集一些用户对于网站的意见或建议，以便对网站进行改善。8)后台管理系统对留言板、论坛的数据信息进行管理。

3.2数据库设计

3.2.1数据库分析

针对网站功能结构分析，本教学网站涉及到的数据项和数据结构如下：1)用户基本信息。包括的数据项有用户名、用户密码、E-mail等基本信息。2)管理员基本信息。包括的数据项有管理员名称、管理员密码等基本信息。

3)论坛文章基本信息。包括的数据项有文章标题、文章内容、工作区域名称、发表时间等信息。4)用户留言基本信息。包括的数据项有留言内容、留言者姓名、留言者QQ等信息。

网站设计与制作论文:基于ASP+DW技术的校园工会网站设计与制作

摘要：根据目前流行的网站制作技术，设计并制作了某学校工会网站，网站设计合理，制作完整，功能健全，具有一定的实用价值。对ASP技术和DW技术的充分利用，为网站制作工作的开展奠定了理论和实践基础。指出了在网站制作中各个环节中出现的具体问题，并针对性的进行了解决，对网站制作工作进行了深刻的梳理和总结。

关键词：ASPDW网站制作网络化

工会是学校的重要部门，工会网站可以作为网上信息的重要阵地。使用网络信息，凝聚会员是新时代的工作要求。本校园工会网站采用动态网站制作技术，网站的设计与制作工作完成后，由工会工作人员在远程计算机上对服务器上的网站进行日常信息的更新和维护，制作网站后台管理模块即可实现此功能。

网站的设计和制作包括多方面的知识，它是艺术和技术的综合应用，具体说来有网站策划、网站美工、网站具体模块规划，总体数据库设计，网站制作、后台内容管理模块制作、网站测试、网站上传等步骤组成，作者结合某学校工会网站的制作，总结小型网站的制作经验和技巧，以为网站制作积累宝贵经验。

1、网站的策划与设计

网站的整体策划是根据学校工会领导的综合部署下进行的，这里需要工会工作人员认真讨论研究后，给网站制作人员下达明确的任务说明，由于工会工作人员的精心准备，对网站的风格、网站的功能、网站的规模、网站的模块划分已经非常明确。经过工会工作人员和网站制作人员的共同探讨协商，整理出网站的初步风格、功能要求和模块设计。

参考其他学校的网页制作效果，使用美术基础和网页制作软件PS，设计出来3套网页效果图初稿，每套均有首页，二级页面、三级页面的具体效果，最终由领导确定了一套。在设计的过程中，参考美术老师的意见，借鉴加创新，结合网页的特点，如单位使用像素，宽度适合于800像素的显示器。导航栏的高度要适中，整体结合“块”结构，使用分栏设计，整体风格统一。定稿后，由网站制作人员对网页效果图进行切片处理，作为组装网页的原素材和参考图。

根据网站的具体功能，将网站划分为八大模块：工会简介、工会文件、工会简讯、工会活动、女工园地、健康人生、法律法规、友情链接。其中有些模块只需要一个页面，更多的模块需要二级网页、三级网页的显示。多数模块的内容是需要存储在数据库中的，因此二级模块、三级模块的设计要用到数据库中的内容。

首先是选择使用何种类型的数据库管理软件，数据库管理软件根据功能可分为大型，中型，小型数据库。根据工会网站的具体内容并不复杂，所以选择了小型数据库管理软件Access。但在数据分析和数据表，表结构的设计上却耗费了作者一定的精力。因为没有考虑到后台内容管理的功能设计，所以最初设计表时把需要用到数据库的各个模块都分别设计了表，但最后的后台内容管理模块在数据库内容增删改查时却遇到了大麻烦，因为最初表设计得多了，在做增删改查时也需要做相同多的模块设计，内容就重复了，所以又重新设计表，使用类别字段来区分模块。由此总结的经验就是：数据库设计非常重要，一定要把前期后期工作全面考虑，相互结合，才能为后期程序的编写提供方便。

2、网站的制作

网站的制作使用DW软件完成，具体制作步骤是：首先创建站点，设置服务器，使用DIV+CSS方法创建各个模块的页面和框架，链接数据库，在各个页面设置绑定记录集，设置服务器行为。网页的制作是最为繁琐的工作，首先依据网页设计效果进行布局的设置，具体方法是使用DIV进行布局，然后使用CSS方法对各个DIV样式进行设置，在设置样式的时候，选择使用外部样式表的方法，因为外部样式表更易于管理。在设置背景图像时，使用PS的切片工具进行制作，切片工具有一个BUG，就是其存储名称不能修改，因此在切片时，最好的方法是先设置好切片的名称属性，在导出时就可以使用这个名称命名切片了，同时存储的格式最好是GIF格式，因为这个格式支持透明背景，并且在网页浏览器中支持渐变效果。

网页特效的制作是很有意思的一件事情，这是需要使用JS代码，网上有很多JS代码的效果和原程序，但很麻烦的一件事情是如何读懂这些代码，把相应的内容替换成你所需要的内容，比如，图片说明文字，超链接等等，还有一件事情是，网上提供的JS效果并不是你所需要的尺寸和颜色，这也需要你读懂JS代码，同时把相应的样式修改成你所需要的样式。本网站使用的JS特效有一个新闻展示效果，具体制作方法是下载JS代码，修改JS代码，把JS特效嵌入到相应的DIV中，其中的制作难点是，网站要求新闻展示是随时间更新的，这就需要把静态的新闻换成动态的新闻，因此需要从后台数据库中提取相应的字段，同时在后台管理模块中，还要相应的模块处理新闻的增删改查。

网站后台内容管理是方便网站维护人员工作方便专门制作的，工会网站的维护工作是由工会工作人员远程进行管理的，因此就有必要制作一个专门方便工会工作人员管理网站内容的模块。其制作内容就设计到对后台数据库的增删改工作，由于在数据库设计过程中，没有考虑到后期的维护工作，因此在对新闻内容的增删改工作上，出现了需要给多个表进行增删改的要求，因此建议今后设计数据库时，将所有的新闻表重新整合，以类别区分各种信息。

另外在处理图片上传的工作时，需要考虑如何上传图片信息。之所以要专门指出图片上传是有原因的，因为图片需要上传到服务器上才能将其具体路径信息记录到相应数据表记录的字段中，也就是说，如果某条新闻需要图片的支持，那么这条新闻的图片是以相对路径的形式存储在数据库中的，所以在增改新闻图片时，必须先把图片上传到服务器相应的目录下。图片上传到服务器后，它的文件名将随机改变，所以要记录好图片的新文件名。这样才能进行和图片相关的操作。文件上传可以分为两种：有组件上传和无组件上传。作者使用的是无组件上传，原因是有组件上传要求远程服务器上必须安装相应的组件才能完成文件上传功能，而无组件上传不需要在服务器上安装相应的组件即可完成文件的上传。

网站的测试是网站制作必不可少的步骤和环节，网站制作完毕之后，必须及时进行网站测试，测试可以分为两种测试：黑盒测试和白盒测试。作者将黑盒测试的任务交给3名学生进行，经过2天的测试，将各个模块统统测试3遍，测试中发现了一些问题：网页标题没设置、个别网站内容出现DIV跑位现象，不同的浏览器出现不同的效果，个别网站出现内容描述不清晰的情况等等，通过作者的核实，都进行了更改并重新测试。白盒测试则是由作者亲自完成的，在测试中出现的问题主要有：站点中出现了没有用的网页，处理的办法是将其删除；表单中出现了没有用到的项目，有些项目类型不合适，处理办法是删除或修改；经过黑盒测试和白盒测试之后，还需要使用者在长期的维护过程中，不断的测试，并把需要修改的地方指明给作者，由作者进行修改，这就出现的软件的不同版本。

3、网站的上传与更新

网站制作、测试完毕后，就交付给学校网站维护人员进行上传，网站是存放在学校服务器上的，也就是说，所有的网页浏览者通过浏览器将网页请求发送到学校网站服务器上，由服务器将浏览者请求的网页发送给浏览者。

网络信息的更新需要使用后台管理系统进行，这个系统是作者专门针对本网站设计制作的，专为网站信息的更新维护设计，这样通过此系统，公会工作人员通过远程浏览器即可更新网络服务器上的公会网站数据库，从而方便轻松的维护更新网站内容。值得一提的是，网站后台管理系统也是相当复杂的一个模块，涉及到管理员密码设置更改，网页访问限制，数据库信息的增删改查等内容，所有动态信息均通过此模块对网站数据库进行更新。

4、结语

工会网站的使用，实现了无纸化办公，能够快捷的消息，减少了许多人力物力的开销，提高了工作效率，这是本系统的功能和特点。从网站的策划，设计，制作，测试到，整个过程作者亲力亲为，其中体会非常深刻，本网站的建设基本完成，其基本功能全部实现。如何把类似的网站设计成网站模板，如果实现模板化，此类网站的制作将会更加便捷快速。

网站设计与制作论文:基于工作过程设计的《网站设计与网页制作》项目课程教学改革的研究

[摘要]《网站设计与网页制作》的教学内容按照实际的工作任务、工作过程和工作情境组织,以完整的工作过程贯穿于项目式教学中,使每一个学生通过学习《网站设计与网页制作》课程,能够对各种制作手法和设计技术有更深入的理解,能够使他们对今后的职业选择和学习方向有更多的思考;能够在开发能力、学习能力和解决问题能力方面有更好的发展;能够在责任感、合作精神和创新意识等方面得到提高,最终能实现学生的零距离上岗。

[关键词]工作过程设计项目教学认证教育考核方式

一、概述

项目教学法是以学生的自主性、探索性学习为基础,采用类似科学研究及实践的方法,促进学生主动积极发展的一种新型的教学方法。在教学活动中,教师将需要解决的问题或需要完成的任务以项目的形式交给学生,在教师的指导下,以小组工作方式,由学生自己按照实际工作的完整程序,共同制定计划、共同或分工完成整个项目。在项目教学中,学习过程成为一个人人参与的创造实践活动,注重的不是最终的结果,而是完成项目的过程。学生在项目实践过程中,理解和把握课程要求的知识和技能,体验创新的艰辛与乐趣,培养分析问题和解决问题的能力及团队精神和合作能力等,教师已经不是教学中的主导地位,成为学生学习过程中的引导者、指导者和监督者,教学内容按照实际的工作任务、工作过程和工作情境组织,以完整的工作过程贯穿于项目式教学中,提高学生的社会能力、方法能力、专业能力,使专业训练更接近社会需求,最终能实现学生的零距离上岗。

《网站设计与网页制作》是我系计算机应用技术、软件技术、网络技术的专业必修课。为了适应时代的发展,《网站设计与网页制作》课程在继承世界现行网站网页教学优势的基础上,又吸收了当今网站网页开发的新技术和新思路。力求更加注重学生的发展和社会的需求,更准确地反映网站网页开发技术的专业性手段;更加关注学生积淀自己的生活经验;更强调学生的主动学习,并增加实践环节。《网站设计与网页制作》课程期望使每一个学生通过学习网站设计与网页制作课程,能够对各种制作手法和设计技术有更深入的理解,能够使他们对今后的职业选择和学习方向有更多的思考;能够在开发能力、学习能力和解决问题能力方面有更好的发展;能够在责任感、合作精神和创新意识等方面得到提高。

二、课程理念

确立一个中心(以学生为中心)三个融合(校企融合、课内外融合、技术与人文融合)、基于工作过程设计的课程开发理念。提前让学生感受工作的氛围,熟悉工作的相关流程,以增强学生在就业过程中的竞争力。并结合我院“我在乎你”的办学理念,通过理实一体化的教学手段,采用项目式教学,给学生提供一个制作网站的模拟或真实的环境。让学生通过对“确定项目――制定策划书――制作网站――验收――总结经验”这个流程的训练,熟悉制作网站的过程,并能够有所成果。

确立素养、行为、技能教育观。重视网页制作过程中技术性心智技能的形成,强调“原型定向、原型操作、原型内化”、原型能经“迁移”形成类型(“举一反三”);强化学习过程中教师的示范和引导的作用。

以技术开发贯穿网页制作的全过程,技术开发强调设计与制作。强调过程的可重复、可验证性。

课程质量以教师的明示能力和学生的内化能力为主要评价指标。

三、设计思路

遵循高职课程改革关于“面向就业,培养实用性人才”的基本精神,在全面贯彻国家教育方针的基础上,根据学生身心发展的特点和教育规律,重视对学生进行全面的职业素质教育,着眼于培养学生终身学习的愿望和能力,体现职业教育层次网站设计与网页制作课程的实用性、专业性和可持续发展性。

综合考虑学生发展的需要、社会需求和就业需求三个方面,本课程以一个大项目出发,分解为7个子项目,在完成七个子项目教学的同时,学生也可以把自己承接的大项目一并完成。

从“以工作任务为中心”和“培养学生应用能力”角度出发,以“项目教学”和“任务驱动的方式”,让学生在有限的时间掌握网页制作的技能。

运用项目式教学方法,努力创建开发项目的条件,突出工学结合,提高学生技能的熟练程度和灵活运用的能力。

四、实施建议

本课程的教学必须始终贯彻任务驱动式的“做中学”,过程体验式的“学中思”,学以致用式的“思中用”和启思益智式的“用中创”的理念。本课程的总体目标是根据企业网站开发工作流程(即具体的工作过程),从前期策划开始到网页设计,网页制作、网站,一步一个脚印地引导学生逐步深入,亲身体验网站设计与网页制作的过程。

1.具体实施建议

(1)明确目的、详细描述操作任务。根据学生的具体项目每次课按照网站开发的进度表都有明确的目的,具体的操作任务。

(2)对课堂模仿实践的结果进行合理评价和及时计分。对每一次课堂模仿实践的完成情况进行评价和计分,及时解决学生普遍存在的问题,对完成较好的学生给予肯定。

(3)采用项目驱动的方法,如通过教师项目分解的子项目学习以掌握基础知识点,然后充分发挥学生的设计能力,完成学生自己的项目,素材由学生自己收集,网页的风格、布局由学生自己决定,培养学生的创新能力。

(4)充分利用学生课余时间。

(5)项目开发:提前一个月布置任务,并向学生提供参考资源,让学生有充分的时间准备和寻找合适的项目;学生寻找合适的项目后,与客户进行交流获取制作网站的一些素材和信息。根据学生找到的项目,在教师的指导下,把学生分成若干个小组。在每个小组中,每位学生根据自己的特长和爱好,承担不同的工作角色,完成不同的任务。一般一个项目分给三个小组,每个小组可以拿出一个方案。这样可以加强小组与小组之间的竞争性,此外在最后验收时客户也可以有多个方案进行选择。

(6)学生在完成网站设计和网页制作的教程中,如果遇到问题,可以有多种渠道来解决。可以是组内成员的讨论、还可以查阅系部的网络课程、通过老师进行辅导、求助于互联网等等。

学生通过该项目的进行,了解并把握整个过程及每一环节中的基本要求。这样既教会学生制作方法,又让学生体会制作过程的创新性和协作精神,能最大限度地发挥项目式教学的功能。

2.教学方法建议

《网站设计与网页制作》课程以真实项目为案例组织教学,课程教学方法符合“教、学、做”合一的原则,采用理论实践一体化的项目教学和案例教学方法,强调学生将所学知识和技能在实践中应用。课程教学围绕如何开发一个网站展开,各个教学单元采用“应用导向、任务驱动”教学方法。本课程采用的主要教学方法如下:

(1)四步教学法

通过“讲解――示范――模仿――练习”四步教学法,让学生通过模仿老师讲解的方法制作网页,理论与实践相结合,“教、学、练、思”四者有机融合、训练学生的动手能力和模仿技能,提高课堂教学的实践性。

(2)任务驱动、案例教学法

方法:

下发工作任务单、学生解读任务

教师初步讲解、示范

学生实施任务

教师巡回

教师评价

通过案例提出问题,帮助学生建立感性认识,激发学习兴趣。对案例进行分析,找到解决问题的方法和操作步骤,逐步完成案例的操作。在教学过程中,遵循“启发式教学”原则,启发学生积极思维,通过观察,发现问题,提出问题,分析问题并逐步解决问题,从中领悟职业经验。

(3)项目实施法

方法:

下发项目书

学生分组讨论项目分解

师生共同完成项目分析

学生实施,教师指导

提交项目作品

最终评价

引入“项目教学法”,给学生提供一个制作网站的工作环境,通过组织学生承接项目,继而进行项目的开发,使学习与工作相结合,训练学生完成工作任务所需的技能、技巧,同时引导学生进一步加强专业理论知识的学习,从而培养学生的综合职业素质。

3.考核建议

实施项目式教学以后,学习的过程和在此过程的学习态度显得越来越重要,这也是企业需求人才的一个重要标准。所以本课程的考核内容一共分为四个部分:网站的总体规划,具体完成的过程,最终完成的作品和多方代表的反馈意见。

五、将课程与全国计算机信息高新技术考试进行有机结合

全国计算机信息高新技术考试之高级网页制作员的专项技能水平达到相当于中华人民共和国职业资格技能等级三级,在一种操作系统平台下综合使用网页相关软件完成网页制作和动态数据处理的工作,实际能力要求达到:能综合使用两种以上网页制作相关软件进行网页设计和制作,并具有相应的教学能力。它是网页设计制作人员、Web开发人员及网页设计爱好者综合应用网页制作开发工具进行专业、高效Web设计与制作能力的权威认定。如果尝试将“网站设计与网页制作”课程与“全国计算机信息高新技术考试”进行有机的结合,可以提高学生独特设计理念、丰富动态应用程序、互动多媒体制作方式等综合能力,创作出更为直观、高效的Web作品。

将学历教育与认证教育相结合,进一步探求高校培养目标与企业用人之间的联系,培养适应社会需求的学生,这无疑是一种教学改革的新模式。

六、结语

以工作过程为导向的项目式教学法是一种先进的高职教学理念,它突破了传统的教学模式,通过解决学生身边的一些现实问题来实现学生对知识的掌握,大大提高了学生学习的积极性和主动性。通过项目教学法学习的学生,他们的动手能力、解决实际问题的能力有很大的提高。这种方法不但适合高职计算机课程教学,尤其适用于学生水平参差不齐、学生自控能力比较薄弱、课程的应用性比较强的教学。教师在观察学生、帮助学生的过程中,开阔了视野,提高了专业水平。充分地展示了现代职业教育“以能力为本”的价值取向,使课堂教学的质量和效益得到更大幅度的提高。可以说,项目教学法是师生共同完成项目,共同取得进步的教学方法。它是在模拟企业真实的工作过程中,用行为来引导学生、启发学生的学习兴趣,让学生在团队中自主地进行学习,培养学生的多种能力,使学生掌握的知识与企业的需求更加接近,我们将继续在实践教学中深入探讨项目式教学法,与企业加强联系,累积真实项目素材,进一步完善适合高职特点的教学方法。

网站设计与制作论文:藏饰商务网站设计与制作

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教学网站

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号同学http：//10.127.195.200：8001/01/，2号同学http：//10.127.195.200：8001/02……因此，作品的展示就显得非常简单快捷，学生在校园网上的任何地方都可以看到自己或别人的作品，学生之间可以充分开展自评与互评。

有了以上环境，作品成果展示形式多种多样，学校科技节、班级主题网站比赛、研究性学习等。举办小组展示会，组织全班作品展示，各小组推荐一位代表进行成果汇报，每个小组无需搭建繁琐网站平台，直接在校园网上演示他们制作的网站作品，汇报小组各成员完成项目的过程，在设计和制作网站时使用新的方法和技巧。学生之间交流学习过程中的经验和体会，充分享受成功制作作品的快乐。

笔者采用以上策略很好地完成了《网站设计与制作》教学素材文件持续存储及动态网页浏览环境的创建工作，解决了《网站设计与制作》的教学环境搭建的问题。实践证明，采用上述办法制作网站，有利于教师腾出时间钻研教学业务，也更能激发学生制作出富有特色的网站作品。

网站设计与制作论文:浅谈中职学校《动态网站设计与制作》课程教学

摘 要：动态网站设计与制作课程是中职计算机、电子商务等专业的必修课之一，本文将针对动态网页制作课程的特点，从动态网页的开发技术的选择以及如何上好这门课程两方面进行探讨，旨在提高该课程的教学效果。

关键词：中职；动态网站；教学

中职学生渴望开发网站，但大多对理论学习热情不高，缺乏钻研精神，且容易放弃。动网制作既讲理论又重实践，既有概念理解，又有程序设计和应用操作方面的内容。因此一方面是抽象的网站开发技术，另一方面是基础薄弱、不善思考的中职学生，如何将知识点传授给学生，让学生知其然并知其所以然，对教师来说，是一大挑战。以下是笔者关于中职动态网页制作课堂教学实践的几点看法：

一、动态网站技术的选取――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.注册成功与失败页面制作―实现正确跳转。

四、结束语

总之，这门课程的教学是灵活多样的，在教学过程中要按照中等职业教育的教学规律和学生认知特点结合教学过程中的实际情况作适当的调整，也可对某些章节内容综合使用多种教学方法，使教学达到理想的效果。