网站设计与制作论文15篇

网站设计与制作论文15篇网站设计与制作论文

摘要：在课程教学中应以学生为主体进行导向式教学，教学的主线是指导学生完成实际网站设计与制作业务操作与管理工作，引导学生通过实践来掌握操作方法和技能，通过操作来学习相关知识，从而将教、学、做有机地结合，突出教学的职业性、实践性特点。从而真正做到让学生通过该课程树立企业网络形象观念，掌握网站设计与制作工作的基本流程、步骤、内容及操作方法，具备独立完成一个小型企业的网站设计与制作工作的能力。

关键词

网站设计与制作设计论文设计

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

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

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

一、引言

随着我国研究生教育的飞速发展，每年报考研究生的人数持续攀升。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技术的网页设计与制作类专题学习网站设计方案与实现，分别从网站功能设计和数据库管理两方面进行了设计应用分析。

关键词：PHPMySQL网站设计实现

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

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）。

第二类和应用程序所完成的计算处理和程序处理流程有关，可称之为应用逻辑层（ApplicationLogic）。

最后一类与数据的查询、更新及数据管理有关，可称之为数据资源层（DataandResource）。

四、网站细节总体设计

网站分为前台和后台两个部分，前台部分为公众和会员客户提供信息发布、阅读、查询等功能，后台作为网站管理的核心部分，提供网站数据、类别等信息的管理和查询。

（一）前台网站的具体栏目设置

共分为工会简介栏目、工会工作栏目、工会动态栏目、下载中心栏目、工会信箱栏目、工会论坛栏目、留言板栏目、友情链接、站内搜索引擎共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内开发应用程序时所使用的语言。目前广泛使用的ActionScript2.0编辑出的脚本更加稳定、健全。

1.ActionScript2.0的特点

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

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

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

（4）支持XML和XMLSocket。

2.基本术语

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

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

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

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

（5）语句和运算符。

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

1.网页形式与设计

（1）导航菜单设计

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

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

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

（3）色彩设计

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

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

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

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

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

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

四、结束语

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

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

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

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

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

1系统开发技术简介

通过对本系统功能应用及各方面的综合评价分析，此网站采用DreamweaverCS4作为前台的主体设计工具，主要是运用表格、Div+CSS进行布局排版编辑，网站的修饰添加常用的动画制作软件FlashCS4、图形处理软件PhotoshopCS3等进行辅助设计，制作完成课程的多媒体教学资料。后台设计部分运用ASP技术添加动态资源，MicrosoftAccess2003数据库作为动态数据整理工具，通过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)项目实施法

方法:

下发项目书

学生分组讨论项目分解

师生共同完成项目分析

学生实施,教师指导

提交项目作品

最终评价

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