网页设计论文网站设计与制作论文范文（优秀5篇）

2024-01-07 10:30:39

网页设计课程通常在机房授课，便于学生上机操作、巩固课堂教学效果。传统教学方法是教师在课堂上讲授理论知识，然后学生上机练习，教师在一旁进行辅导。书包范文为小伙伴们精心整理了网站设计与制作论文范文（优秀5篇），希望可以抛砖引玉，帮助到大家。

网站设计毕业论文篇一

关键词：CDIO；静态网页设计；任务驱动

中图分类号：G642.0 文献标志码：A 文章编号：1674-9324（2012）04-0207-02

近几年，高职高专院校乃至本科院校的计算机类相关专业在招生、教学、就业各个方面都遇到了很大的挑战。为了解决这些问题，同时使学生对计算机专业课程产生兴趣，国内许多高校在课程教学改革方面进行了全新的探索，但效果不甚理想，其主要问题集中表现在学生缺乏实践能力，难以适应企业工作的要求。本文将CDIO教育理念应用于《静态网页设计》课程的教学过程中，改变传统的教学模式，在全面培养学生的专业技能的同时，为将来更好地适应工作岗位做好准备。

一、CDIO教学理念

CDIO的教学理念是由麻省理工学院（MIT）和瑞典皇家工学院等四所著名大学，从2000年起，组成的跨国研究组合，经过四年的探索研究后，提出的一套国际工程教育模式。CDIO代表构思（Conceive）、设计（Design）、实现（Implement）和运作（Operate），该模式注重扎实的工程基础理论和专业知识的培养，是近几年来国际工程教育改革的最新成果。

二、基于CDIO理念的《静态网页设计》课程教学改革

1.教学改革思路。传统的人才培养模式重理论轻实践，尤其是专科层次学校的计算机专业，不明确专科特色，参照本科院校授课方式，强调个人能力培养而忽视团队协作精神。重视知识培养而轻视创新能力的培养，这样不仅导致学生学习兴趣不高易产生“厌学”心理；同时没有重视学生职业素养和综合素质的培养，使得学生毕业后适应社会企业的能力差。《静态网页设计》是一门实践性很强的课程，要达到良好的教学效果，必须对传统的教学模式进行改革。①以CDIO和PBL教学模式代替传统的教学模式。近几年，计算机专业毕业生和计算机相关企业面临着一样尴尬的境地，“毕业生找不到合适的工作，企业招不到合适的人才”，计算机专业教育模式改革势在必行。在《静态网页设计》课程的具体教学过程中，教师引入CDIO教学理念，学生以团队协作的方式对教师所提出的网站类型进行前期策划，搭建网站结构，设计主页，选择最合理的方法构建网站，最后进行测试和。②将学习过程融入到工作环境。由于在教学过程中无法与企业真正合作，我们在教学过程中积极效仿软件公司的工作环境，让学生提前体会职场。将学生分组，每组有一名实践能力较强的学生负责小组内的协调。在整个网站建设过程中教师提出网站类型和建站要求，具体实施细则都由组长进行组织全组同学策划方案。学生在制作过程中遇到问题，教师及时给予讲解辅导。作品完成后，组织学生进行答辩，答辩的内容包括网站的构思、设计，网站的创新点以及网站的运行方法等，不符合要求的小组需要重新进行网站的制作。整个网站的制作过程不仅提高学生的专业技能，同时培养学生的沟通能力，加强了团队协作能力、创新能力以及解决复杂问题的能力。③将被动的“坐下学”转变为“做中学”。在传统的教学模式中，学生都是被动地坐在教室，由教师“填鸭式”的灌输理论，学生的动手能力没有得到培养，教学效果较差。在新的教学模式下，教师以功能性网站为核心案例，激发学生的学习兴趣，使学生有明确的学习目标。并且将所有的知识点融入网站建设的过程，使学生主动思考并运用所学知识，挖掘学生主动学习能力。④将注重“理论”转变为“工学”结合。在该课程的教学过程中，我们以《教育部关于全面提高高等职业教育教学质量的若干意见》为向导，大力推行工学结合，尤其突出实践能力的培养，理论课程结束后，推出两周集中实训。学生毕业前，在相关专业的企业公司进行一学期的集中实习，进一步对毕业生能力进行加固。通过这种教学方式，在项目（案例）的引导，团队合作的情境下，使学生个人能力、团队协作能力、自学能力得到全面的锻炼和提高。

2.教学实施。近几年来，我们在课堂教学、实验教学和实训教学等方面做了一些改革，课程组经过调研讨论，将《静态网页设计》归纳为以下几个典型工作任务：前期策划、制作网页效果图、制作网页主页细节、制作子页面、网页最终和后期维护，根据工作任务具备的知识和技能来设置课程，逐步进行改革。①课堂教学。通过充分的研究市场对网页设计人才的需求，动态调整静态网页设计课程内容，做到与时俱进，在《静态网页设计》课程中加入了最新的DIV+CSS技术。在课程结构上，做到理论教学与项目式教学相结合的教学模式，学生学完课本内容后，同时要完成一个网站的设计，真正起到学习和实践相结合的目的。在教学过程中，课程组本着“理论够用，强化实践”的原则，采取“任务驱动”的教学模式，我们选用目前比较流行的网页设计软件Fireworks、Flash、Dreamweaver等作为教学重点。Fireworks软件作为学生设计网页版面的基本软件，通过本软件的学习，让学生对网站主页的布局、整体性和艺术性有一定的了解，从而制作出界面美观、功能全面的网页版面；通过Flas软件的教学，使学生掌握网页动画及广告等的制作方法；有了版面设计及各种动画素材，要制作一个完美的网站还需要学生进一步掌握Dreamweaver软件的使用，Dreamweaver是目前最为成熟和功能最为强大的一款网页编辑软件。通过学习Dreamweaver，让学生制作独具个性、技术全面的网页。②实验教学。由于CDIO的教育理念是以产品的研发到运行的生命周期为载体的，所以在实验教学中我们严格将网页的制作过程与产品的开发生命周期相结合：第一“构思”对应网站的前期策划，该环节教师分配各小组不同类型的网站，要求每组学生进行主题的选择和策划，重点培养学生分析问题能力和解决问题的能力，让学生主动思考，挖掘学生主动学习能力；第二“设计”对应绘制网页效果图，这一环节要求学生设计出主页和二级页面的效果图，主要培养学生的设计能力，即培养学生宏观解决问题的能力；第三“实现”对应编排网页基础结构及主页，在此环节教师要求学生运用所学的知识制作网页，培养学生对专业知识的应用能力；第四“运作”对应网页最终和后期维护。经过四个环节的试验训练学生不仅提高学生的专业技能，同时培养了学生的沟通能力，加强了团队协作能力、创新能力以及解决复杂问题的能力。

三、结束语

在《静态网页设计》这门课程的教学过程中，使用CDIO教育理念和PBL教学模式相结合的教学方式，以产品的研发到运行的生命周期为载体，以核心案例为情境，激发学生的学习热情，让学生以主动的、实践方式学习。教学实践表明该教学方法具有良好的教学效果。

参考文献：

[1]杨柳，等。面向CDIO的“操作系统”教学改革探讨与实践[J].计算机教育，2009，4（14）：24-26.

[2]尚慧文。CDIO对高职教育人才培养的启示[J].教育与职业，2009，（11）：95-96.

网站设计论文篇二

在Internet飞速发展的今天，互联网成为人们快速获取、和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。Internet上信息主要是通过网站来实现的，获取信息也是要在Internet“海洋”中按照一定的检索方式将所需要的信息从网站上下载下来。因此网站建设在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。为了更好的办学，提高学校知名度，特构建长沙市工商职业中专学校网站。

1．1设计思想

通过网站，全面宣传，展示学校风采、优点与特色，学校的重大活动安排与招生政策，增强家长与学校之间的联系，在Internet上实现完成部分校务，提高办事效率。

1.2开发工具的选用及介绍

ASP的优势：

ActiveServerPages：“动态服务器网页”，一般简称为“ASP”，ASP之所以能受到大家的重视与使用的原因，主要在于所产生的执行结果都是标准的HTML格式，而且这些程序是在网络服务端中执行，使用一般的浏览器（如IE或Netscape）都可以正确地获得ASP的“执行”结果，并且将这ASP执行的结果直接在浏览器中“浏览”，不像VBScript或javascript是在客户端（Client）的浏览器上执行，若使用VBScript来设计程序，客户端（Client）在IE浏览器中可以显示程序执行的结果，可是，客户端（Client）若使用Netscape浏览器就无法显示VBScript的执行结果。

ASP的特点：

任何开发工具皆可发展ASP

只要使用一般的文书编辑程序，如Windows记事本，就可以编辑。当然，其他网页发展工具，例如，FrontPageExpress、FrontPage等也都可以；不过还是建议你用记事本来写，既省钱又方便，若是使用那些所见即所得的网页编辑来写ASP，可能会发生一些意想不到的离奇状态。

通吃各家浏览由于ASP程序是在网络服务器端中执行，执行结果所产生的HTML文件适用于不同的浏览器。

语言相容性高

ASP与所有的ActiveXScript语言都相容，除了可结合HTML，VBScript、JavaScript、ActiveX服务器组件来设计外，并可经由“plug-In（外挂组件模组）的方式，使用其他厂商（ThirdParty）所提供的语言。

隐密安全性高

如果我们在浏览器中直接查看网页的原始代码，就只能看到HTML文件，原始的ASP程序代码是看不到的！这是因杰ASP程序先于网站服务（WebServer）端执行后，将结果转换成标准HTML文件，再传送到客户端（Client）的浏览器上，因此，我们所辛苦撰写的ASP程序并不会轻易地被看见进而被盗用。

易于操控数据库

ASP可以轻易地通过ODBC(OpenDatabaseConnectivity)驱动程序连接各种不同的数据库，例如：Acess、Foxpro、dBase、Oracle等等，另外，ASP亦可将“文本文件”或是”Excel”文件当成数据库用。

面向对象学习容易

ASP具备有面向对象（Object-Oriented）功能，学习容易，ASP提供了五种方便能力强大的内建对象：Request、Response、Sever、Application以及Session，同时，若使用ASP内建的“Application”对象或”Session”对象所撰写出来的ASP程序可以在多个网页之间暂时保存必要的信息。

ASP的六大内部对象

对象名称功能描述

RequestResponseServerSessionApplicationObjectContext从客户端取得信息将信息送给客户端提供一些Web服务器工具储存在一个Session内的用户信息，该信息仅可被该用户访问在一个ASP-Application中让不同的客户端共享信息可以用来配合MicrosoftTransaction服务器进行分布式事务处理

所以我选择了ASP结合Frontpage架构长沙市工商职业中专学校网站

文章出处：作者：时间：2005-02-16

第二章网站总体分析与设计

2．1网站系统分析

根据前面的设计思想进行分析，按照系统开发的基本观点对网站进行分解，从内容上可对网站作如下划分：

l学校风采通过学校概括、教师风采、校园之星及部分图片等内容来展现。

l优点特色通过新闻、生动活泼的教育教学栏目来展现。

l信息通过公告栏、信息查询等栏目来实现，内容有招生政策、

活动安排等。

l部分校务根据校务的公开程度与参与人数的多少，特选择图书管

理、评优、考试查分、家校联系四大校务在网上实现。

2.2主页设计

网站主页采用静、动相结合的方式，即静态的主画面和动态的图片相结合，体现学校的勃勃生气，静态主页方式介绍学校风采、优点特色、信息，对于四大校务，就得利用ASP与数据库结合的技术建立数据库查询管理系统，采用交互式的动态的web画面来实现。

主页结构图

注：带下划线的表示是链接方式

2．3数据库设计

采用的数据库是MicrosoftAccess，拟建立teach.mdb库文件，包含如下几个表文件：

allmessage留言信息表

Libbooks图书信息表

Libcategories图书类别信息表

Libemps图书馆用户信息表；

stud学生信息表

第三章详细设计

3．1家长学校联络簿

3．1．1功能：

利用SQL语法过滤特定的家长留言意见，让老师可以针对某位特定学生家长所发表的意见作出独立的回答，同时，家长在发表个人意见时，若认为意见内容涉及敏感的话题或是意见内容涉及私人隐私，都可用“悄悄话”的方式发言，这些“悄悄话”将不会被显示出来让大家看到，当然，老师拥有管理的能力，只要以密码登录管理模式，就可以进行各个学生家长的单独意见回复，而且还能看到家长们所留下的“悄悄话”。

3．1．2组成构造

共分成六大部分：

1，意见留言结果网页guest.asp：用来显示家长发言与老师回复内容，同时还具备一般模式与管理模式两种显示方法。

2，家长发言表单网页addmsg.asp：让学生家长填写发言内容并选择发言性质。

3，家长发言数据处理ASP程序add.asp：处理家长发表的意见数据，同时将这些意见数据记录起来并将网页显示转向至意见留言结果网页。

4，老师回复表单网页teachans.asp：让老师针对某位特定学生家长所发表的意见作出独立的回答。

5，老师回复数据处理ASP程序anssave.asp：处理老师回复的数据内容，同时将这些意见数据起来并将网页显示转向至意见留言结果网页。

6，数据表文件allmessage：用来储存家长发言数据与老师回复数据的Access类型数据库文件。

“数据表文件”负责存放家长发言数据与老师回复内容的数据记录，为Access类型的库文件，将它定名为：“message.mdb”。

下图为家庭联络簿的组成与流程图：

老师回复

家长留言

读入写入

写入

3．1．3数据库结构设计

数据库文件”teach.mdb“中的数据表”allmessage“的栏目设置，如下图：

字段名字段类型

3．1．4界面设计与重点、难点代码的设计

数据库与留言显示程序网页

家长发言与老师回复的内容数据全部储存在数据库中，要在网页中显示目前的家长发言与老师回复数据，必须先进行数据库的链接与打开，要链接数据库我们必须使用ADO对象群的Connection对象；而要打开数据库则必须使用ADO对象群的Recordset对象，程序：

setcn=("")

cn.open"filedsn=c:\programfiles\commonfiles\odbc\datasources\msaccessdatabase.dsn"

setrs=("")

sql="select*fromallmessageorderby留言时间desc"

rs.opensql,cn,1,1

Recordset对象是负责浏览与操作从数据库取出来的数据，Connection对象只负责与数据库进行链接的动作，并不能使用数据库内的数据，因此必须建立一个可以存取数据库数据的Recordset对象，

使用RS.Open方法存取”teach.mdb”数据库

RS.OpenSQL,CN,1,1

使用open方法来打开数据表或执行Select指令参数设置如下：

1，参数一（SOURCE）:为欲打开的数据表或SQL指令。

2，参数二（ActionConnection）:指定一个已打开的数据库对象，将此参数设为链接我们已经建立好的Connection对象“CN”。

3，参数三（CursorType）：指定Recordset的打开类型，1为可读写且可自由移动。

4，参数四（LockType）:指定锁定类型，1为只读。

数据排序与SQL指令

1．Select指令的筛选语句：

格式：Select…From

在SQL语言中：“Select”数据表“中选取某些“栏位”的数据。

2.如果要选取的数据表数据包含了一个以上的栏位，则我们可以利用“，”逗号来栏位名称隔开。

3．如果要选取的数据表数据包含了全部的栏位，则可以利用万用字符“*”来代表全部的栏位。

可排序数据的Select指令

1．当我们希望被选取出来的数据记录数据能够依据某个或某几个栏位的内容来排序时，只要将这些排序依据的栏位摆放在“OrderBy“保留字之后，然后将这处排序的语句连接在”Select…From“后面就行了。

2．“OrderBy“默认的排序方式是“由小排到大”，但若是希望排序方式是“由大排到小”，则我们可在栏位名称后再加上“Desc“保留字！将排序方式改为”由大排到小“。

在“显示留言意见”网页中的打开数据库ASP程序中的语句：

SELECT*Fromallmessageorderby留言日期Desc

功能为：从数据表“allmessage“中取出所有栏位的数据，并将取出的数据记录内容依照”留言日期“栏位使用的”由大排到小“排序方式进行排序。

留言显示网页的管理模式

“显示留言意见”的网页就必须具备显示模式选择的功能，当显示模式在一般情况时要能显示家长们的一般性发言，同时还得将“悄悄话“的发言隐藏起来。当老师以密码登录成为管理模式时，则必须将一般性发言与悄悄话发言的数据全部显示出来，同时还得让老师们可以针对某位特定学生家长所发表的意见作出独立的回答。

这两个情况是通过密码登录管理模式的ASP程序实现的：

<formmethod="post">

<%ifsession("checkedit")="yes"then%>

<inputtype="hidden"value="yes"name="goexit">

<inputtype="submit"value="离开管理模式">

<%else%>

密码：<inputtype="password"name="password"size="4"maxlength="4">&nbsp&nbsp<inputtype="submit"value="教师管理">

<%endif%>

</form>

在这段网页语句中，利用Session对象来记录目前的工作模式。当我们第一次进入“显示留言意见”网页的时候，我们所见的网页画面一定是一般！因为Session尚未被建立，因此它的“变量”值一定不会是“yes”，所以网页中会出现一个输入密码进入“教师管理”模式的栏位，只有当我们输入密码按下“教师管理”的按钮组织上发ASP程序中的进入管理模式语句后，Session对象才会被建立，同时，“checkedit“Session对象变量值被设置为“yes“，所以我们就进入了能将一般性发言与悄悄话发言的数据全部显示出来，同时还让教师们可以针对某位特定学生家长所发表的意见作出独立回答的管理模式页面。

留言显示网页的分页

当家长的发言与老师回复的数据笔数太多时，一次要将全部的数据内容显示在网页中，等待网页下载的时间太长了，因此采用固定笔数分页浏览方式来显示网页。

要进行分页显示，得先知道目前有多少笔的留言数据，而留言数据笔数可以通过Recordset对象的“Recordcount“（记录个数）属性得知，我们将每10笔数据为一单位分页显示：

count=

ifcount/10>(count\10)then

totalpage=(count\10)+1

elsetotalpage=(count\10)

endif

“/”为浮点数除法，“\”为整数除法。

跳页选择的ASP程序语句

所有的发言数据采用固定笔数分页浏览的方式来显示后，还要提供一个跳页链接显示的功能，让浏览者可以选择希望浏览的页次进得浏览，ASP程序语句：

pagecount=0

ifrequest.querystring("topage")<>""thenpagecount=cint(request.querystring("topage"))

ifpagecount<=0thenpagecount=1

ifpagecount>totalpagethenpagecount=totalpage

(pagecount-1)*10

发言表单网页制作

insetu3

表单的参数

表单的Action参数：Action参数是用来指定Server端处理此一表单数据内容的程序，此处表单处理ASP程序为“add.asp“，

表单的Mothed参数：要将表单传送至Server端的方式有两种，设置值分别为GET及POST，若设置为POST，则浏览器会等Server端来读取数据，若设置为GET，则当我们按下送出按钮时，浏览器会立即将表单中的数据内传送出去。利用POST方法，在传送的数据上将不受限制，利用GET方法传送的数据量则大约只有2K左右。

留言处理程序

要将家长发言数据作后续处理及将这些数据内容存入数据库，须利用添加数据记录的InsertInto指令，然后再写入数据库文件中：

Insetinto指令语句格式：

Insertinto数据表名（栏目名）values（栏目值）

sql="insertintoallmessage(家长姓名，留言主题，联络信箱，留言内容，私人公开，留言时间，班级)values("

sql=sql&"''''"&parent&"'''',"

sql=sql&"''''"&subject&"'''',"

sql=sql&"''''"&email&"'''',"

sql=sql&"''''"&memo&"'''',"

sql=sql&"''''"&personal&"'''',"

sql=sql&"''''"&now&"'''',"

sql=sql&"''''"&bj&"'''')"

cn.executesql

回复表单程序网页

必须让老师们可以针对某位特定学生家长所发表的意见作出独立的回答，

使用Select…From…Where筛选语句

sql="select*fromallmessagewhere(编号="&ID&")"

rs.opensql,cn,1,3

然后将特定的家长发言数据放在表单，方法是将数据库中的数据取出来，然后放在表单栏位中：

“家长姓名“栏位网页语句标签

<tdbgcolor="#CCCCFF"><fontsize="2"><%=RS("家长姓名")%><font></td>

“留言主题“栏位网页语句标签

<tdbgcolor="#CCCCFF"><fontsize="2"><%=RS("留言主题")%></font></td>

“留言内容“栏位网页语句标签

<tdbgcolor="#CCCCFF"><fontsize="2"><%=RS("留言内容")%><font></td>

老师在回复栏位中所填入的数据，必须送给处理老师回复数据的ASP程序”anssave.asp”来记录以及处理这些回复数据。当老师填写好回复发言的数据后按下“送出回复”按钮后，表单中的数据内容就会以“POST”的方式由SEVER端读取，然后将数据内容交由处理老师回复数据的ASP程序“anssave.asp”来将数据内容写入数据库。

3．2网上图书馆

网上图书馆将学校图书馆图书放到网络上供人借阅，这样不仅方便了校内的学生与教职员工使用图书馆的资源，还为图书馆管理员提供了一种简便地管理图书馆的方法。

3．2．1功能

网上图书馆系统可以进行图书的出借和归还。还可以在系统中按照多种字段对图书进行查找，还可以浏览某个种类的所有图书。该应用程序也为图书馆管理员提供了一些功能，如添加、编辑以及删除图书等，或者在分类层次结构中添加新的种类。

3．2．2系统的层次结构

下图的每个方框代表校园图书馆网站中的一个页面。除了只包含HTML的Search页面外，其他的均为ASP页面。因为每个图书的页面都不同，所以大多数的页面实际上都是多页面。

3.2.3数据库设计

本系统共使用3个数据表：

LibBooks表包含与图书有关的所有数据。该表中的字段内容的图书的通用信息。另外，对于已经出借的图书，该表中还包含借阅该图书的用户的ID号，以及图书的状态。

表视图如下：

字段名意义字段类型字段名意义字段类型

bookid书号(主键)数字(nonull)status状态文本

title书名文本checkedoutto用户id数字

author著者文本reservedby用户学号数字

Subject主题文本description描述文本

IsbnIsbn号文本keywords关键字文本

LibCategories表包含Library中的所有类别，在访问者浏览图书列表时将会用到这些类别。每个类别都可以作为另外类别的父类别。有一个特殊的类别，Top-Level,没有出现在类别列表中，但是可以作为其他任何类别的父类别。

字段名意义字段类型

Categoryname类别文本(noll)

parentcategory父类别文本(noll)

LibEmps表包含可以访问图书馆网站的用户信息。该表包含一些通用的信息字段，比如用于进入图书馆的用户密码等。

字段名意义字段类型字段名意义字段类型

empid用户id(主键nonull)数字password用户密码文本

Empname用户姓名文本manager管理员代号数字

emailaddress用户邮箱文本

图书馆数据库的数据关系如图9-22所示。其中表LibEmps和表LibCategories与表LibBooks之间都是一对多的关系。每个雇员都可以借阅多本图书，每个类别都可以包含多本图书。

3.2.3界面设计与重点代码的设计

网上图书馆系统有两种用户，一是管理员。另一种是只允许使用图书馆系统，而没有管理功能的一般用户。访问者进入网站，首先要进行登录，如下图所示。登录页面（index.asp）

访问者输入E－mail地址和密码来登录，然后单击“登录”按钮。输入的数据提交后与数据库中的用户表进行匹配。

须创建一个记录来保存基于访问者登录的用户信息

setRSFindEmp=conn.Execute("selectEmpID,ManagerfromLibEmpswhere"_

&"EmailAddress=''''"&Request.Form("EmailAddress")&"''''and"_

&"Password=''''"&Request.Form("Password")&"''''")

TheMessage="密码或email地址不对。"

else

Session("EmpID")=RSFindEmp("EmpID")

Session("Manager")=RSFindEmp("Manager")

"../yk.htm"

endif

表单域EmailAddress和Password用于Where了句中来获取一个记录。如果访问者输入了一个无效的用户名，则记录集中将不会返回匹配的记录。我们可以通过查看EOF标记来判断一个记录集是否为空。为空，则访问者将被拒绝进入该系统。不为空，则访问者的EmpID值和Manager值将从记录集中返回。写入Session变量，变量将在整个网站的所有网页中都是有效的。这些变量的存在与否及其取值将用于确定是否允许进入一个特定的网页，同时也用于访问者进行书目的归还和借阅操作。

图书馆菜单页面

图书馆菜单页面包含指向其他4个页面的链接：管理页面、搜索页面、图书列表页面和主页面。还有一个可显示用户所借书籍的按纽。如果访问者是图书馆管理员，则菜单界面如图所示。如果访问者不是图书馆管理员，则看到如图所示的界面。非管理员的访问者的界面上没有指向管理员菜单页面的链接。

实现办法：访问者登录时在登录页面上的创建的会话变量Session用于从数据库中获取访问者的有关信息，表示它是否是管理员。如果值为1，就表明访问者是一个管理员，则用如下代码写入一个指向管理员页面的链接：

<%IfSession("Manager")=1then%>

<AHREF="../html/management_menu.asp">管理员菜单</A>

<%endif%>

通过按纽B1是否为空来判断要不要显示用户所借图书，利用一个记录集来获取访问者已经借出了的所有图书的列表。

ifNOTisempty(Request.Form("B1"))then

setRSBooks=conn.Execute("selectBookID,TitlefromLibBookswhere"_

&"CheckedOutTo="&Session("EmpID"))

endif

再用循环语句将所借书以表格形式显示出来。

<tableborder=1width="90%">

<%ifNOTisempty(Request.Form("B1"))then

<TR>

<TDWIDTH=40%height="20"><%Response.WriteRSBooks("Title")%></td></tr>

loop

endif

</table>

循环将遍历Rsbooks记录集中的每个记录，直到该记录集结束：

该网站中的所有ASP页面都会在访问者访问之前对其进行登录检查。这样就可以避免访问者通过输入某个页面地址然后在没有登录的情况下直接进入该页面的情况发生。此外，每个管理页面都要确认访问者是管理员。

管理菜单页面

管理菜单页面有一个HTML表单，根据选择的按钮的不同，可以进行5种不同的操作：图书的归还、图书的编辑、图书的删除、图书的添加和类别的添加。不管选择了哪一个按钮，该表单都提交人其自身进行处理。

要进行图书的归还、图书的编辑、图书的删除三种操作，须先进行搜索，找到该书后，由图书Book.asp返回一个链接：

<%IfSession("Manager")=1then%>

<AHREF="../html/management_menu.asp?title=<%response.writeRSBooks("Title")%>&BOOKID=<%response.writeRSBooks("BOOKID")%>">管理员菜单</A>

<%endif%>

而管理者页面通过下列语句

<%=request.querystring("title")%>

<inputzztype=hiddenname="BOOKID1"value="<%=request.querystring("BOOKID")%>>

这样就将所找到的书的书号BookID、书名Title传递管理者页面。再进行所须操作。共有3个不同的铵纽，可以进行3种操作。若单击“修改”钮：

则重定向到编辑图书页面，同时把Bookid传递给该页面。

"./edit_book.asp?BOOKID="&request("BOOKID1")

将其他的情况需要建立到数据库的连接：

setconn=("")

Conn.Open("FILEDSN=c:\ProgramFiles\CommonFiles\ODBC\DataSources\msaccessdatabase.dsn")

ifNOTisempty(Request.Form("Delete"))andrequest("BOOKID1")<>""then

conn.Execute"deletefromLibBookswhereBOOKID="&request("BOOKID1")

endif

if(NOTisempty(Request.Form("checkin")))andrequest("BOOKID1")<>""then

conn.Execute"updateLibBookssetcheckedoutto=0,status=''''Available''''whereBookID="&Request("BOOKID1")

endif

页面中的添加新的种类部分包含一个文本控件和一个选择控件。其中选择控件是用所有已经存在的类别列表进行填充的，包括特殊类别Toplevel，该类别表明当前类别是处于类别层次结构中的最顶层。代码如下：

先用一个记录集来填充父类别选择控件：

setRSCategories=conn.Execute("selectCategoryNamefromLibCategoriesorderbyCategoryName")

再用下列循环语句：

<OPTIONVALUE="<%response.writeRSCategories("CategoryName")%>"><%response.writeRSCategories("CategoryName")%></OPTION>

Loop

遍历RSCategories记录集中的每个记录，并作为一个选项添加到列表中，而记录集中CategoryName同时作为显示值和传递值：

本页面还包含一个指向添加图书页面的链接。

搜索结果页面

搜索页面的代码获取与访问者查找规则相匹配的图书，然后将这些图书显示给访问者。

搜索页面上的表单包含一个选择控件和一个文本控件。选择控件中的选项是用可搜索的字段填充的：

需要用一个记录集来保存与访问者的查找规则相匹配的记录：

setRSBooks=conn.Execute("selectBookID,Author,Title,SubjectfromLibBookswhere"_

&Request.Form("SearchField")&"Like''''%"&Request.Form("SearchCriteria")&"%''''")

注意：，符号%表示的是一个广义搜索。这一点类似于ACCESS中的符号*。

然后将所找到的书以表格形式显示出来。代码如下：

<%%>

<TRVALIGN="top"ALIGN="left">

<TDWIDTH=40%height="20"><B>书名：</B><AHREF="../html/book.asp?BookID=<%Response.WriteRSBooks("BookID")%>"><%Response.WriteRSBooks("Title")%></A></TD>

<tdwidth=20%height="20"><B>著者：</B><%Response.WriteRSBooks("Author")%></td>

<tdwidth=30%height="20"><B>主题：</B><%Response.WriteRSBooks("Subject")%></td>

Loop%>

图书页面

图书页面的代码显示图书的有关信息，以及管理图书的出借操作。

该页面通过Querystring传递BookID

ifisempty(Request.QueryString("BookID"))then

"./search.html"

endif

如果其中不存在，则访问者将被重定向到搜索页面：

如果同时传递表单中包含的变量Action不为空，则表明访问者正借阅该图书：

ifNotisempty(Request.QueryString("Action"))then

在这种情况下，需要将图书状态改为Checkout,同时需要将Checkedoutto字段修改为该访问者：

conn.Execute"updateLibBookssetStatus=''''CheckedOut'''',"_

&"CheckedOutTo="&Session("EmpID")&"whereBookID="_

&Request.QueryString("BookID")

"./library_menu.asp"

endif

然后将该访问者重定到图书馆菜单页面：

下一步，利用图书的状态来确定不同的链接

未借出时链接如下：

ifRSBooks("status")="Available"then

LinkText="<AHREF=""../html/book.asp?Action=CheckOut&BookID="_

&Request.QueryString("BookID")&""">借这本书</A>"

如果图书已经借出，就创建一个不同的消息，并将链接设置为指向Librarymenu页面：

LinkText="<AHREF=""../html/library_menu.asp"">图书已出借，返回主菜单。</A>"

最后根据是否是管理员，显示管理员菜单链接。

<%IfSession("Manager")=1then%><AHREF="../html/management_menu.asp?title=<%response.writeRSBooks("Title")%>&BOOKID=<%response.writeRSBooks("BOOKID")%>">管理员菜单</A><%endif%>

3.3网上评优投票系统

3.3.1功能：

能实现全校性的评选，快捷、公平，且有效，不允许做票。

3.3.2组成构造

这个系统由3个部分组成——投票页面vote.htm，处理投票结果的脚本，显示投票页面。

3．3．3数据表的设计：

3．3．4界面设计与重点、难点代码设计

投票页面

该页面是一个纯HTML文件，它让用户选择自己想选举的候选人，并填写自己的详细资料，以确认投票的有效性。页面显示如图所示。

表单处理脚本

在vote.htm中各项数据都填写完毕后，单击确定投票按钮，表单的数据就被提交，

本次评优共有4个候选人，但只能选两个。故用复选框。

投票的有效性通过是否是本校学生，且是否投过票来判断。

ifrequest("passno")<>""then

sql="select*fromstudwherepassword="&"''''"&request("passno")&"''''"&"andyitu=0"

setrs=cn.execute(sql)

<h2align=center><%response.write"你无权投票"%></h2>

本设计允许少选，不允许多选。通过判断Vote投票界面传递过来的复选按纽值的长度看是否多选。

vo=request("cand")

iflen(vo)>4then%>

<h2align=center><%response.write"多选了，无效"%></h2>

然后根据所投的票将对应候选人的投票结果字段加1，同时将该投票人的已投字段置为1。

sqq="updatestudsetyitu=1wherepassword="&"''''"&request("passno")&"''''"

cn.execute(sqq)

ifinstr(vo,"1")then

cn.execute("updatestudsetresult=result+1wherename=''''李宁''''")

endif

ifinstr(vo,"2")then

cn.execute("updatestudsetresult=result+1wherename=''''杨兰''''")

endif

ifinstr(vo,"3")then

cn.execute("updatestudsetresult=result+1wherename=''''江道明''''")

endif

ifinstr(vo,"4")then

cn.execute("updatestudsetresult=result+1wherename=''''段启文''''")

endif%>

显示当前投票情况show.asp

由于投票处理页面已经完成了绝大部分的工作，所以显示结果页面就很简单了，其功能是从Stud表文件中读取候选人所得票数，显示在页面上。

页面显示如图

值得注意的代码主要有以下几处：

该页面有自动刷新功能，使在线用户可以尽快的看到最新的选举情况。我们这里设定每隔30秒钟自动刷新一次。

<metahttp-equiv="refresh"content="10;URL=show.asp">

显示投票时，我们采用了while循环，把候选人及其得票数，整齐地显示在一个表格中，这种技术在数据库查询结果的显示中也经常用到。代码如下：

<%%>

<tr>

<tdwidth="100%"><center>

<fontcolor="#8000ff"><big>

<%=hs("name")&""&hs("result")&"票"%>

</big></font>

</center>

</td>

</tr>

<%%>

<%wend%>

3．4达级考试在线查分系统与计数器的制作

3．4．1功能：

它提供了在线查看成绩。考生可以在网上使用这一系统，通过输入准考证编号来查询达级考试的结果。

3．4．2数据表的设计

与评优系统共用STUd表，表设计同上。

3．4．3界面设计与重点难点代码的设计

该模块需要查询者输入准考证号后来查看结果。若ID1不为空时，表示有表单输入，开始查询数据库。使用SELECT的SQL指令查询数据库的数据。先设定SQL指令，查询ID符合准考证编号Request.Form("ID1")的数据，下个“Execute”指令，即可开始执行存取、查询数据的动作了。并将查询结果储存到Recordsets组件RS中。

IFRequest.Form("ID1")<>""THEN

SetConn=("")

Conn.Open("FILEDSN=c:\ProgramFiles\CommonFiles\ODBC\DataSources\msaccessdatabase.dsn")

SQL="SELECTname,id,scoreFROMstudWHEREid=''''"&Request.Form("ID1")&"''''"

SetRS=Conn.Execute(SQL)

若考试通过，则显示考试的结果，包括姓名、准考证编号、总分和考试结果，分别由RecordSets组件的RS（0）、RS（1）、RS（2）、RS（3）得到。表示RecordSets组件的域的总数，由“forI=0-1”，取得RS（I）各域的数据。配合<Table>表格的HTML语法，将结果填入表格的各单元格中。若还有下一个数据，就使用移到下一个位置。

3.4.4页面访问计数器的制作

利用文件处理组件FILESYSTEM的强大功能来制作，比用Application对象计数器要好，Application计数器当有20分钟没有人连上该网页或关机时，计数器会被归零。而文件计数器却不会因时间而消失。我用Count.txt存放访问人次。代码如下：

whichfile=server.mappath("pic\count.txt")

setmyfile=("scripting.filesystemobject")创建一个

setthisfile=myfile.opentextfile(whichfile)组件对象

visit=

thisfile.close读取计数器数据文件Count.txt中的计数数据

visit=visit+1记录自加一次

length=len(visit)

fori=1tolength

response.write"<imgsrc="&mid(visit,i,1)&".jpg></img>"将记录的数据用图片显示出来

setthisfile=(whichfile,1)将新计数数据写入文件thisfile.writeline(visit)

setmyfile=nothing

数字图片我利用PHOTOSHOP中的文字特效制作了9个立方数字：

等

四．系统的使用说明与安装

4．1运行环境要求

Windows98

PersonalWebServer3.0（PWS）

Microsoft?Access2000(9.0.2812)

4．2安装设置

A.将本网站拷贝到硬盘上的某一目录下，如：拷贝至c:\y1下。

B.运行PWS，将默认的Web站点主目录设置为该目录，如上例应为c:\y1；

具体步骤：

a.选择“高级”项；

b.单击“编辑属性”按钮，在出现的“编辑属性”对话框中的“目录”项中填入“c:\y1”，其他不变，确定；

C.设置启动默认文档为：yy.asp

五．参考文献

[1]李世杰ActiveServerPages(ASP)3.0网页设计手册北京：清华大学出版社1999

网页设计论文篇三

作为视觉元素的重要组成部分，色彩的适合性在很大程度上决定着网站网页的质量和水平，尤其是正负网站是否可以通过色彩向传达信息。色彩定位过程中，应当与受自然属性、众定位以及情感属性等因素相适应，研究目标受众的习惯、价值观以及其内心的期望。政府网站即为民众服务网站，设计过程中应当注意配色合适，应当充分考虑民众背景以及他们的审美要求；其次，色彩应用控制在五种以内，在视觉上给广大观众营造一种简约、沉稳、以及舒适和和谐感觉；最后，搭配过程中，应当与网站基调相吻合，确保整体风格上的一致性和相互补充。

2合理应用多媒体技术营造视觉效果

在网站网页设计过程中，较之于传统的商业网站来说，政府网站一定不能盲目、随意地应用各种计算机多媒体技术设备。在此过程中，需要注意的是不能应用飘浮广告条、大量图片和动画，以免影响网站网页反应时间，延长访问等待时间。就视觉传达而言，主要是图片、动画两个方面。其中，图片应用在政府网站建设与设计过程中，其辅助作用非常明显。

在图片选择与设计时，应当紧密围绕主题，选择拥有独特性、排他性图片，根据需求对尺寸进行设计，并对图片在网站页面中的位置进行明确，最大限度的使其凸显出鲜明的特色；同时，每一个单独图片，应当严格控制在40KB大小范围内，整个网站的页面不大于200KB。就动画来说，实际设计过程中常用的是flash，其主要的应用效果是炫酷；对于政府网站而言，不能一味地追求炫酷，为能够准确地突出主题，在flash应用过程在，需动、静结合，表现出一定的节奏感强，以免造成视觉疲劳感。同时，版面应严格控制，防止喧宾夺主，影响网杂网站信息的呈现和访问速度。

3借鉴国外优秀设计方案

在设计政府网站、政府业务系统的页面或开通动画时，设计初期应根据网站所属单位的工作性质、特点进行设计，而不是怎么好看怎么设计，所以在视觉和触觉上给人的感觉就是符合这个单位的风格。同时，还应当有所创新，学习国外的优秀政府网站、系统设计理念，在视觉、触觉上展现更好的效果，给人带来深刻的印象。传统理念下，很多政府网站非常的乏味、无聊。如今，为更好的贴近民众、深入民心，政府网站上投入更多心思以吸引更多用户浏览。

4结语

网站设计毕业论文篇四

关键词：问卷调查；专题网站；信息资源建设；油料储运工程专业

中图分类号：G203 文献标志码：A 文章编号：1673-8454（2014）01-0033-03

一、背景

根据国内大多数高等院校工科专业的培养计划，毕业设计工作一般安排在本科第八学期执行，实际持续时间往往3～5个月不等。如何高效地利用时间，有效提高毕业设计质量，是高等院校一直以来研究的课题。

在研究过程中，以“毕业设计”为关键词搜集相关的网站和公开出版的书籍，发现目前网站主要针对的专业是计算机、土木专业、电子专业和机械专业等，并且主要功能以毕业设计论文赚钱为主要目的。公开出版的图书关于毕业设计的主要集中在2006～2009年，主要针对的专业是计算机、土木、美学、建筑设备工程、汽车、电气工程、建筑装饰、电子及通信、给排水及工程等。关于油料储运工程专业的毕业设计无论是书籍还是网站均为空白，启动油料储运工程专业本科毕业设计网站建设具有一定的前瞻性和开拓性。

为了使网站建设反映用户的真正需求，实现有效互动，我们进行问卷调查，根据调查结果确定了网站框架和信息资源建设的重点。

二、研究对象和方法

1.研究对象的确定

本着“没有调查就没有发言权”的原则，该网站研究用户定位为所有经历过毕业设计的学员、教员和相关管理人员。

学员确定为所有大四、研究生一年级和研究生二年级的学员。大四学员主要针对毕业设计进行了一半和已经完成毕业答辩两个阶段的学员，这两个阶段的学员随着毕业设计研究的深入，对毕业设计有了一定的看法和经验；研究生一年级的学员主要针对刚刚入学的学员，这个阶段他们已经完成本科毕业设计，刚刚进入研究生学习，有很多新的想法；研究生二年级的学员在11月～12月中旬即进行研究生开题，进入课题研究阶段，这个时期他们对毕业设计有更深的研究和领悟，提出的问题更有深度。

教员确定为所有具有本科毕业设计导师资格的教员，以初次和经验丰富两种教员为主要研究对象。初次获得本科毕业设计导师资格的教员，在开始接触时，对毕业设计的整体概念比较模糊，存在对毕业设计研究的深度和工作量把握不准等问题。但是他们有一定的教学经验，有想法，以这个群体作为研究对象，可以获得更多我们在本科毕业设计过程中容易忽视但很重要的信息；经验丰富的教员，通过多年带毕业设计，对专业的研究方向有一定的认识，对毕业设计各环节的设计有较为成熟的看法，积累了大批具有权威性、专业性和指导性的信息资源，需要一个平台进行交流。

相关管理人员为所有与本科毕业设计相关的管理岗位人员。在毕业设计过程中，相关教研室领导、教学参谋、系首长等教辅人员在设计环节中起到一定的把关作用，他们在管理过程中，对毕业设计有一定的想法。

2.问卷调查的设计

我们认为：平台不过是研究内容的充分展示，展示的内容才是研究的重点。所以调查问卷主要围绕展示的主要内容是什么，内容以什么形式展示为主。平台在应用过程中，是通过信息的交互进行的，交互过程中，如何高效快捷地获取信息，有效地进行交流是研究的重点。基于此，主要围绕网站平台需求调查、网站主要栏目需求调查、网站内容具体需求调查、网站交互调查等方面进行问卷调查表的设计。

问卷设计最为关键的问题是：怎样使被调查者愿意回答问题，确保被调查者提供的信息是正确的，以及怎样才能使所得信息后期处理更为方便。问卷调查设计时严格遵循设计准则，注意措辞修饰，以通俗易懂的语言进行表达，问卷内容主要采用封闭式和开放式问卷调查方式，封闭式便于后期数据处理分析，开放式适合了解用户在设定问题之外的真实想法。

3.研究方法

根据实际情况，我们采取问卷调查和座谈的方式进行研究。学员采取教员对自己所带学员进行问卷调查，答辩委员会秘书、队干统一发放统一回收的形式进行。教员调查通过业务学习时间采用专题形式探讨，座谈时邀请主管毕业设计的参谋参加。

为使获取的数据具有一定的通用性和针对性，使获取的数据能够真实反映学员的想法，项目组成员针对调查问卷的问题以座谈的形式和学员进行沟通交流，因为学员在设计过程中和导师已经建立了深厚的感情，在座谈中，更容易快速进行话题，并能畅所欲言。根据学员反馈的信息，问卷调查设计时存在哪些问题，哪些问题问的模糊，不容易回答等，项目组成员对问卷调查进行进一步的修订，形成较为完善的问卷调查。

先组织小范围的问卷调查，主要针对大四油料储运工程专业学员进行，采取自愿填写自愿上交方式，调查时间选择在答辩进行时，由每组的答辩秘书发给学员，让他们在答辩结束后进行填写，然后再交给答辩秘书。这样既不影响学员的答辩，而且又给学员大量的思考时间，刚刚结束答辩，对毕业设计肯定有很多自己的想法，这样获得的数据更接近学员的真实心理，达到问卷调查的目的。本次调查共计发放96份，收上来78份，无效3份。我们将未收上来的和无效的均默认为不需求进行统计。根据统计的结果，我们发现：80%的学员选择了“需要建立专题网站”。对网站需求最多的是资源共享86.7%、课题指南80%、往届论文70.7%。98.7%的人选择“希望有毕业设计选题指南”；93.3%选择“愿意在使用时上传自己搜索的信息资源”；97.3%选择“在线交流时，遇到您能解答的问题，愿意回复”；半数以上的人喜欢论坛和留言等在线交流方式。这些数据均表明；网站建设投用后，有一定的用户群体，能够较好实现互动，达到网站建设的目标。

根据统计结果，项目组进行座谈，对学员反映较为集中的问题进行进一步详细问卷，增加了“您希望毕业设计指南包括哪些内容”，取消学员不感兴趣的问题。这样反复推敲，几易其稿，由29题浓缩为14题。

我们将定稿的14题在全院范围内进行问卷调查，共发放510份，回收510份，回收率为100%。

三、调查结果及分析

1.调查结果

（1）网站需求分析如表1所示。

（2）网站主要栏目需求调查如表2所示。

（3）网站具体内容需求调查如表3所示。

（4）网站交互调查如表4所示。

2.调查分析

这次问卷调查是首次在院内进行，由于调查样本选取科学，参与调查的样本具有一定的代表性和典型性，信息准确，数据真实，为确定专题网站的框架及建设具体内容获得了第一手资料。

（1）网站框架确定。根据调查结果，初步确定网站的主要栏目为常用工具、课题指南、典型案例、资源共享、往届论文、基本概况、讲座培训、在线交流、问题集锦、在线办公、导师队伍等。首页主要展示的内容包括电子图书、著作、学术期刊、常用软件、按论文陈述、精彩问答和常见问题列出的问题、按工程设计类、科学研究类和实验验证类等类别列出的典型案例、教研论文、标准规范、在线办公、课题指南、基本概况、讲座培训、网络课程、导师队伍等。

（2）确定建设的主要信息资源。根据调查结果，按投票数顺序排列为教研论文、与专业相关的专业基础课和专业课网络课程、学术刊物、有哪些实验室，可提供的实验项目、电子图书、标准规范、著作等。在首页上的信息资源前三个为电子图书、著作、学术期刊。所以，在信息资源建设过程中，专业的网络课程、相关的专业论文和期刊、电子图书、著作等是建设的重点。

网站设计与制作论文篇五

关键词：项目教学；网页设计；实践研究；

中图分类号：G632　文献标识码：A　文章编号：1673-8454（2012）10-0030-03

一、背景

作为一名中职计算机教师，常发现学生过于依赖教师通过媒体演示教学过程来获取知识，形成了一种教师讲演、学生练习的被动学习局面。学生自主学习的积极性不高，合作能力不强。如在“网页制作”课堂教学中，按照传统的教学模式，以《教学大纲》为基准，依据教材内容，通过多媒体技术进行教学，从站点的建立到文字的编辑，从图片的插入到网页的布局，最后讲解几个综合应用的实例。由于学生的知识起点水平不同，有的学生基础好、悟性高，能顺利完成教师布置的作业，有的学生基础差，很难独立完成作业，而且更突出学生自主解决问题能力较差的主要问题。因此，这种方法无法实现学生自主学习能力、合作能力的培养，影响学生职业能力的形成，对此，笔者尝试运用项目教学理论，在“网页制作”教学中进行实践研究。

二、项目教学理论的研究

（一）概述

对于项目教学，不同的学者有着不同的理解，从而有着不同的定义，国内学者定义一：项目教学是以学习研究的概念和原理为中心，通过学生参与一个活动项目的调查和研究来解决问题，以建构起他们自己的知识体系，并能运用到现实社会当中去。[1] 国内学者定义二：学生通过亲自调研，查阅文献，收集资料，分析研究，撰写论文等，将学到的理论知识和现实生活中的实际问题紧密结合，得到综合训练和提高。最后，学生还要在课堂上介绍自己的研究情况，互相交流，并训练表达能力等。这种教学方法称为项目教学法，或称为基于项目的学习。[2]

综合两位学者的定义，可以得出项目教学的理论是强调学生掌握相关的理论知识后，通过动手操作去解决实际问题，从而培养学生解决问题的能力。

（二）构成要素

项目教学理论主要由内容、活动、情境和结果四大要素组成。[3]内容是指学习的主题和目标，是现实生活中的问题，是学生值得深度探究并且学生有能力进行探究的知识。活动是指学生在学习中依靠计算机和所掌握的知识解决相应的问题，主要强调学生的合作能力和解决实际问题的能力。情境是支持学生进行学习的环境，它可以是物质实体的学习环境，也可以是借助信息技术形成的虚拟学习环境。结果是学生在学习过程中或学习结束后所掌握的知识和技能，包括自主学习的技能、与人交往的技能等。

三、项目教学理论在“网页制作”教学中的实践研究

在“网页制作”课程教学中，笔者尝试应用项目教学理论，以“将在淘宝上开花店而需要制作一个花店网站‘芯依花店’”为总项目，根据项目教学的四要素进行教学设计，将此教学理论贯穿整个教学过程。

（一）教学设计与分析

1. 教学情境的设计

（1）多媒体网络平台。学生可通过教室网、校园网及因特网提供的网络资源、QQ、Email及论坛等网络通讯工具，实现资源的搜集，同类网站的调查，生生间、师生间的对话、交流、协商和讨论等活动。

（2）教师提供数字化学习资源。资源包括： a.教学项目的目标和要求；b.网页制作教学的课件和教案；c.网站制作素材资源库；d.网页制作学习资源库。资源库为学生的自主学习提供了有效的依据、方法和资源，有助于学生形成完整的知识体系。

（3）虚拟实验环境。由于本“网页制作”需实现浏览商品库及提交订单等动态数据库功能，笔者设计了局域网内的动态数据库链接及提交功能等虚拟网络实验环境。

2．教学过程的设计

笔者根据项目教学理论中的内容要素以建立“芯依花店”网站项目为中心进行内容设计。项目分为四个子项目：①站点规划及素材准备；②网页制作；③站点的测试（IIS的安装和站点的管理及测试）与；④网站的评价。具体的学习内容、活动与评价如下：

（1）子项目一：站点规划及素材准备（4课时）。

工作任务：a.分组（全班分成8个组）、分派任务书；b.小组讨论规划站点；c.建立站点；d.准备素材。

学习活动：a.以小组为单位对此网站进行需求分析，查阅资料并综合同类网站的结构及内容等分析，确定本网站的结构，确定不同栏目，建立站点，并初步进行规划；b.收集网站所需展示的素材，能使用相应的软件对所需的素材进行分类整理及编辑。

（2）子项目二：网页制作（8课时）。

工作任务：小组合作完成网站，要求网页风格一致，小组各人分别承担一个以上栏目的网站制作，包括：“公司简介”、“产品展示”和“在线订单”。

学习活动：a. 学生通过自主学习与探究、讨论、互助，学习数字化资源库中的网页制作知识，最终完成页面站点制作，掌握网页制作方法与技巧；b.学生进行网页制作，并完成各网页间的链接。

（3）子项目三：站点的测试与（4课时）

工作任务：各组对本组的站点进行测试及。

学习活动：a.完成IIS安装；b.尝试站点的；c.测试网站内各链接是否有效，提交功能等能否实现；d.对未实现的功能继续调试至成功。

（4）子项目四：网站的评价（2课时）

工作任务：通过学生自评，生生互评，小组互评及教师评价等形式对“网页制作”的学习内容及过程进行评价。

学习活动：a.学生个人对本人所制作的部分进行展示，并谈谈主要学习收获；b.小组内对各成员的学习态度及各自完成的页面内容等进行评价；c.小组间进行网站的展示与评价；d.教师对学生的学习过程及作品进行评价。

（二）教学实践

1．教学内容、活动及情境的实施

（1）创设情境

教师演示一般购物网站为学习情境，通过观摩学习，并结合本“芯依花店”网站建立的实际需求，指导学生在学习中应掌握的知识点：a网站风格的一致性；b.网站中各网页的链接；c.“在线订单”页中提交功能的实现。通过对多个网站进行观摩学习，提高学生学习的积极性。

（2）自主探究、合作学习、完成项目

首先，在规划站点阶段，小组学生通过对资源库中的网站结构进行分析，由小组的每位学生制作一个站点规划图，最后在小组内相互讨论并在教师的指导下将制作最完整的站点规划图作为小组的站点规划图。接着，在网站制作阶段，要求小组学生进行明确分工，有负责查资料的，有负责处理图片的，有负责处理文字的，也有负责进行网站布局的。在学习过程中，自然会碰到疑难问题，如：如何在网页中插入视频、添加“弹出信息”、“打开浏览器窗口”等，对于这些问题，教师不是直接去告诉学生答案，而是引导学生到数字化资源库或因特网中寻找答案，通过多次让学生尝试去解决问题，小组学生最后形成自主探究学习的习惯。有些小组的学生在解决问题后，针对相应的问题写出了小组的学习笔记，通过班级QQ群与其它小组的学生进行分享。然后，在站点测试阶段，各小组的每个学生对本小组网站通过“链接检查器”对整个站点的链接进行检查，有些小组的学生为了使本组的网站不出现错误，通过教室网请求其他小组学生进行链接检查，指出错误再进行讨论、修改，直到不出任何差错为止。最后，在站点阶段，学生不理解FTP服务器的设置，教师通过“多媒体广播教学系统”的转播功能，统一解答。在“芯依花店”项目制作过程中，实行分组比赛，组内进行明确分工，责任到人，更好地促使个人自主探究，小组合作交流，共同解决问题，极大地提高学生的学习主动性和合作能力。

2．教学评价与结果

教学评价采取自我评价、同学互评、过程评价和教师评价。教师制订学生作品评价标准：A.作品是否与计划的目标相一致（40%）；B.网站的基本要素是否完整，网站是否能被大多数学生认同，意味着点击率的高低（10%）；C.作品汇报的展示手段是否有利于交流（10%）。D.小组各成员随机回答问题的质量及次数（10%）；E.各小组的学习笔记，学习笔记中应体现在学习过程中通过什么方法解决了网页制作中哪些疑难问题（10%）；F过程评价（20%）。

（1）自我评价：各组成员根据评价标准进行组内讨论，进行自我评价，提出需要改进意见并进行改进。

（2）同学互评：各组成员根据评价标准进行组内讨论、组间讨论，对其它组的项目进行评价，提出需要改进意见。

（3）过程评价：主要反映小组成员是否积极参与项目，成员之间是否具有良好的沟通、交流；小组成员之间是否互相帮助，具有较好的集体荣誉感；在学习过程中，小组成员是否严格遵守上课和机房纪律。

（4）教师评价：教师根据评价标准对作品进行评价，最后由教师对每组的作品进行点评，结合其它评价成绩完成教学评价。

通过项目教学，学生完成了功能完备、界面友好的“芯依花店”网站，学生的自主学习能力和合作能力得到提升。

（三）教学反思

笔者在实践中发现以下问题，需在组织教学过程中重点关注：

（1）小组学习者相互依赖关系的形成

正相互依赖关系是指在小组成员之间形成一种积极的相互关系，使每个成员意识到自己是小组的一员，要与其他同伴荣辱与共，要对其他同伴的学习负责。[4] 在创建“芯依花店网站”的教学中通过两个方面确定学习者之间的相互依赖。一是正目标相互依赖，每小组要求每个学习者必须要负责项目的一个子项目；二是学习项目之间的相互依赖，各个项目之间相互依赖，只有发挥各小组成员的特长，各小组员共同出谋划策才能制作出具有本组特色的网站。

（2）明确各小组成员的责任

小组成员的责任是指小组中的每一个成员必须承担一定的任务，主要是为了避免能力强的学生代替其他学生完成学习任务所采取的必要措施。在教学中，采用三种方法来确定个人责任：（1）每个成员必须负责一个子项目，小组完成总项目的质量由小组中的每一个子项目的完成质量来决定；（2）随机提问。即随机提问小组中的每一个成员，根据成员的表现来评价小组活动的质量；（3）查阅各组的学习笔记。学习笔记是记录学生之间通过讨论、寻求网络帮助及教师的疑难解答解决了什么疑难问题，得出了什么结论，掌握了哪些知识等。如果小组成员不积极参与就会影响到全组成绩，这种由小组成员之间相互影响而产生的压力可以促使每个组员认真地参与小组活动。

网页设计论文 网站设计与制作论文范文（优秀5篇）

网站设计毕业论文 篇一

网站设计论文 篇二

网页设计论文 篇三

网站设计毕业论文 篇四

网站设计与制作论文 篇五

网页设计论文网站设计与制作论文范文（优秀5篇）

网站设计毕业论文篇一

网站设计论文篇二

网页设计论文篇三

网站设计毕业论文篇四

网站设计与制作论文篇五