xx学院软件学院网站 计算机毕业设计论文.doc 56页

xx学院软件学院网站 摘 要 本文的叙述围绕着如何实现一个功能完善的网站进行展开。依据本次毕业设计的要求，主要从可行性分析、需求分析、总体设计、详细设计、编码、测试几个阶段进行毕业设计论文的编写。 接着在需求分析中，根据用户的角度，分析了所设计的网站需要实现哪些基本功能；从设计者的角度，分析了设计一个网站所用的编辑工具和编程语言及网站的软硬件开发环境。根据分析的结果，主要采用FrontPage，Dreamweaver编辑器，结合PHP（vbscript,javascript,Ajax）编程编程语言，进行网站的页面设计；网站的主要功能主要分为新闻、下载、友情链接、网上调查，图片几大模块。 详细设计阶段的任务就是把解法具体化。在详细设计阶段，依据总体分析的结果，进行具体页面的组织和数据库结构的设计。页面的组织主要是设计网页之间的联系，同时根据这些联系实现网页基本功能的构架；数据库的设计主要考虑各程序模块的基本功能，设计相应的表格、字段，用来存贮相应的数据记录，为页面的生成提供数据来源。 在编码阶段，进行具体网页的编码设计。在设计中，根据网页的程序界面，表单，需要的数据等，写出实际的程序代码。由于本次设计的页面比较多，不可能尽数地写出全部程序的代码，因此，在这一章节中，主要解释了在此次设计中主要用到的页面设计和数据库的编码技术。 测试的主要任务是为了发现程序中的错误，软件测试的过程亦是程序运行的过程。在本次设计中，主要采用边测试边修改的方法，在测试网页的同时根据结果及时进行相应的修改。在测试过程中，主要从外观、链接、速度方面测试网页是否能够实现相应的功能。 关键字PHP、FrontPage、Deamweaver ABSTRACT The textual description is around how to realizes the perfect website of a function proceeds to launch.According to the request of this graduate design, primarily analyze from the viability assessment, analysis of need, total design, detailed design, code design, test this five stage to proceed this graduate design. Immediately after analyze the inside in the need, according to the customers angle, analyzed basic functions of which demand in website for designing of realizeses;From angle of the design, analyzed to design a development environment of soft hardware for editor tool for using with weaving the language and website.According to the analysiss result, mostly use Dreamweaver , and connected PHP( vbscript, javascript，Ajax) language, proceed the design of websites page;The websites main function is primarily divided with the news, forums, message the guestbook , net investigate, amusement. The mission of the detailed design stage is to embody the solution method.In the result of the total analysis of detailed design stage, basis, proceed the buildup of the concrete page is with the design of construction database.Page 构 for contact for of buildup primarily is°which design web paging, at the same time according to these contacts realizing basic function of web page;Main each procedure mold of consideration of the databases design piece form, word for of basic function, design cowgirl segment, use to come the data of cowgirl the record, for the page of born provide the data source. In the coding stage, proceed the coding design of the concrete web page.In the design, according to the web pages procedure the data etc. of the interface, form and list, demand, write out actual of procedure code.Because of the page of this design coding technique for page for code for manyly, impossible whole amount ground writing all procedures ofs, therefore, in this chapter, primarily explaining here time design inside primarily using design with database. Process of testing that main mission is for the sake of the process that detection mistake in the procedure, software testing and as well is a procedure to circulate.In this design, main adoption side test side method that modify, in the test web page of at the same time according to the modification that result on time proceeds cowgirl.In the test process, main connect from the external appearance, flat-out aspect test whether web page can realize or not cowgirl of function. 目 录 第一章 绪论 1 1.1 设计思想 1 1.2 开发工具介绍 2 第二章 网站系统分析 4 2.1 网站系统分析 4 2.2 主页设计 5 2.3 数据库设计 6 第三章 详细设计 7 3.1 学院概况 7 3.2 师资队伍 8 3.3 实训基地 10 3.4 专业介绍 13 3.5 教学科研 17 3.6 答考生问 20 3.7 教学管理系统 24 3.8 学生管理系统 ………………………………………………………26 第四章 网站的测试与发布 30 4.1 相关技术分析 30 4.2 网站测试 32 第五章 网站扩展性分析 37 5.1 网站的优缺点 37 5.2 改进方法 37 总结及心得体会 39 一 网站总结 39 二 心得体会 40 致 谢 42 参考文献 43 附 录 44  前 言 就目前来讲，随着Internet的迅猛发展,网页设计技术已成为计算机学习的重要内容之一. 近几年来,网页设计技术一直在推陈出新.不断有新技术被推出并应用,实在令人眼花缭乱.这些网页设计技术可以分为静态网页技术和动态网页技术两种. 静态网页技术一般是指HTML和CSS技术.采用静态网页技术的网页只能在网页中展示文字和图片,但它却是所有网页设计的基础技术.动态网页技术是指让网页能够按照用户的需求做出动态响应的技术,例如JavaScript , VBScript及ASP等技术都属于动态网页技术的范畴. 目前,大部分制作网页的方式,都是运用网页设计软件,这些软件的功能相当强大,使用非常方便.不论是那一种网页设计软件,最后都是将所设计的网页转化为HTML,CSS,JavaScript/VBScript和ASP.所以说,虽然有这些网页设计软件帮助我们设计网页,但是一个专业设计者仍需了解HTML,等网页设计语言和技术的使用,这样才能充  第一章 绪论 在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。Internet上发布信息主要是通过网站来实现的，获取信息也是要在Internet“海洋”中按照一定的检索方式将所需要的信息从网站上下载下来。因此网站建设在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。而做这样一个全面宣传，展示学院风采、优点与特色，发布学校的重大活动安排与学院各sh CS3 Professional、Fireworks CS3、Photoshop CS3、Contribute CS3 及用于创建移动设备内容的全新 Adobe Device Central CS3) 的智能集成。完整的 CSS 支持发现可视 CSS 工具的优势, 使用这些工具可以轻松地在文件内或文件之间查看、编辑和移动样式, 以及查明您的更改将如何影响设计。借助全新的 CSS 布局加速您的工作流, 并借助全新的浏览器兼容性检查测试您的设计。借助代码折叠、颜色编码、行号及带有注释/取消注释和代码片断的编码工具栏, 组织并加速您的编码。应用适用于 HTML 和服务器语言的代码提示。支持领先的技术 利用对领先 Web 开发技术 (包括 HTML、XHTML、CSS、XML、JavaScript、Ajax、PHP、Adobe ColdFusion、ASP、ASP.NET 和 JSP) 的支持。轻松的 XML使用 XSL 或适合于 Ajax 的 Spry 框架, 快速集成 XML 内容。指向 XML 文件或 XML feed URL, Dreamweaver CS3 将显示其内容, 这使您能够将适当的字段拖放到您的页面上。FLV 支持无需任何 Flash 知识, 只需五次点击, 即可轻松地将 FLV 文件添加到您的 Web 页中。自定义视频环境以匹配您的网站。挑选您的平台: Dreamweaver CS3 可用于基于 Intel 或 PowerPC的 Macintosh 计算机, 也可用于 Windows XP 和 Windows Vista 系统。在您的首选平台中设计, 然后跨平台交付更加可靠、一致和高性能的结果。ASP的优势：Active Server Pages：“动态服务器网页”，一般简称为“ASP”，ASP之所以能受到大家的重视与使用的原因，主要在于所产生的执行结果都是标准的HTML格式，而且这些程序是在网络服务端中执行，使用一般的浏览器（如IE 或Netscape）都可以正确地获得ASP的“执行”结果，并且将这ASP执行的结果直接在浏览器中“浏览”，不像VBScript或 javascript是在客户端（Client）的浏览器上执行，若使用VBScript来设计程序，客户端（Ｃlient）在ＩＥ浏览器中可以显示程序执行的结果，可是，客户端（Ｃlient）若使用Netscape浏览器就无法显示VBScript的执行结果。ＡＳＰ的特点：任何开发工具皆可发展ＡＳＰ只要使用一般的文书编辑程序，如Windows记事本，就可以编辑。当然，其他网页发展工具，例如，FrontPage Express、 ＦrontPage等也都可以；不过还是建议你用记事本来写，既省钱又方便，若是使用那些所见即所得的网页编辑来写ＡＳＰ，可能会发生一些意想不到的离奇状态。通吃各家浏览由于ASP程序是在网络服务器端中执行，执行结果所产生的HTML文件适用于不同的浏览器。语言相容性高ASP与所有的ActiveX Script语言都相容，除了可结合HTML，VBScript、Java Script、Active X服务器组件来设计外，并可经由“plug-In（外挂组件模组）的方式，使用其他厂商（Third Party）所提供的语言。隐密安全性高如果我们在浏览器中直接查看网页的原始代码，就只能看到ＨＴＭＬ文件，原始的ＡＳＰ程序代码是看不到的！这是因杰ＡＳＰ程序先于网站服务（Ｗeb Server）端执行后，将结果转换成标准ＨＴＭＬ文件，再传送到客户端（Client）的浏览器上，因此，我们所辛苦撰写的Ａ种政策的网站。校园网是各种类型网络中一大分支，有着非常广泛的应用。作为新技术的发祥地，学校、尤其是高等学校，和网络的关系十分密切，网络最初是在校园里进行实验并获得成功的，许多网络新技术也是首先在校园网中获得成功，进而才推向社会的。另一方面，作为学校，知识、人才的资源十分丰富，比其他行业更渴求信息、希望能有渠道获得各种各样的信息来促进自身在研究、学术上的进步。为了更好的办学，提高学校知名度，特构建业界领先的工具利用世界级的 Web 设计工具的所有灵活性和强大功能。在“设计”视图中进行像素完美型设计, 在“代码”视图中制作复杂的代码, 或专功一方面的研究。使用您的最佳工作方式工作。集成的工作流 在 Dreamweaver CS3 内设计、开发和维护内容, 同时利用与其他 Adobe 工具 (包括 Adobe FlaＳＰ程序并不会轻易地被看见进而被盗用。易于操控数据库ＡＳＰ可以轻易地通过ＯDBC(Open Database Connectivity)驱动程序连接各种不同的数据库，例如：Acess、Foxpro、dBase、Oracle等等，另外，ＡＳＰ亦可将“文本文件”或是”Excel” 文件当成数据库用。面向对象学习容易ＡＳＰ具备有面向对象（Ｏbject-Oriented）功能，学习容易，ＡＳＰ提供了五种方便能力强大的内建对象：Request、Response、Sever、Application以及Session，同时，若使用ＡＳＰ内建的“Applicati/head 这些代码主要展示头部框架。 3.1.5 联系紧密 为了网站的紧密性，页面底部设有链接，可以链接相关网站以及返回首页链接。在创建该链接时主要运用曾效果来实现，输入文字内容，设置相关链接。 3.2 师资队伍 功能 “师资队伍”主要对河南工业职业技术学院软件学院师资力量做一个简单的介绍，将我院那些具有代表性的领导以及教师根据情况简单列举一些，本页面简单明了，可达到所理想效果。 组成构造 共四大部分 页面主要有层以及表格实现，整体色调为浅色，为了网站整体的色调选择恰当，在网页顶部同样设有一张我院的图片，因为该网页是主页的一个子网页，要保持一致，增加美观感。 为了更好的介绍师资力量，要选择适当的位置和顺序来一一介绍，所以选用了表格且不适用边框，适当的调整列和行，把材料填充上去。 字体选择部分主要选择“楷体_GB2312”，这样使页面更加美观，整体效果较好。 在内容前加有水平线，是为了实现分清主次的效果，使主题部分与内容分割开来，另设有小图标也可增加页面的生动性。 主结构图如下： 图 3-1 师资队伍结构图 主要难点代码展示 div id=apDiv10img src=image/1a.jpg width=35 height=37 /span class=STYLE4 软件学院院长 /spanspan class=STYLE4nbsp;nbsp;nbsp;王伟/span/div div id=apDiv11 table width=905 height=128 border=0 tr td width=175img src=image/1b.jpg width=203 height=149 //td td width=714p class=STYLE3 nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;王伟 ，男，中共党员，教授职称，毕业于北京理工大学，研究生学历，河南工业职业技术学院党委副书记、副院长、软件学院院长。主要研究方向：计算机控制、计算机应用。承担《C语言程序设计》、《数据库原理及应用》、《VB程序设计》、《计算机控制技术》、《VB程序设计》、《计算机网络》、《C++程序设计》、《单片机技术》等课程。现任全国机械职业教育教学指导委员会委员，计算机与电子信息类专业教学指导委员会主任委员；南阳市计算机学会副理事长。近几年，主持、参加多项课题研究，获得南阳市科技进步二等奖四项；省教育厅科技成果二等奖一项；河南省教育教学成果一等奖一项；CN刊物上发表论文15篇，其中5篇为中文核心刊物，主、参编教材5本，主审1本。/p /td /tr /table /div 该代码主要运用表格不加边框，而且下面的各介绍也是运用表格，另外在文字前面加on”对象或”Session”对象所撰写出来的ＡＳＰ程序可以在多个网页之间暂时保存必要的信息。ASP的RequestResponseServerSessionApplicationObjectContext 从客户端取得信息将信息送给客户端提供一些Web服务器工具储存在一个Session内的用户信息，该信息仅可被该用户访问在一个ASP-Application中让不同的客户端共享信息可以用来配合Microsoft Transaction 服务器进行分布式事务处理 根据前面的设计思想进行分析，按照系统开发的基本观点对网站进行分解，从内容上可对网站作如下划分：学校风采 通过学校概括、教师风采、校园之星及部分图片等内容来展现。优点特色 通过新闻、生动活泼的教育教学栏目来展现。信息发布 通过公告栏、信息查询等栏目来实现，内容有招生政策、活动安排等。部分校务 根据校务的公开程度与参与人数的多少，特选择图书管理、评优、考试查分、家校联系四大校务在网上实现。 网站主页采用静、动相结合的方式，即静态的主画面和动态的图片相结合，体现学校的勃勃生气，静态主页方式介绍学校风采、优点特色、信息发布，对于四大校务，就得利用ＡＳＰ与数据库结合的技术建立数据库查询管理系统，采用交互式的动态的web画面来实现。主页结构图注：带下划线的表示是链接方式 2.3 数据库设计 采用的数据库是Microsoft Access ，拟建立teach.mdb库文件，包含如下几个表文件： allmessage 留言信息表Libbooks 图书信息表Libcategories 图书类别信息表Libemps 图书馆用户信息表；stud 学生信息表 第三章 详细设计 3.1 学院概况 3.1.1 功能： 主要对河南工业职业技术学院软件学院的简单介绍，包括建校历史，历史成就，以及为各地输送各方面人才，更重要的是通过网站简单的叙述软件学院的情况。 3.1.2 组成构造 共分三大部分： 本网页是主页的一个链接网页，其中头部主要部分有一个框架实现，同时加一张我院的图片，将其置居中，作为网页的核心部分。 插入水平线，可起到美化的效果，同时下方文本域，适当的叙述性文字，另外添加层加入图片，达到图文并茂的效果。 页面主要运用层和表格来实现，因为该页面是子网页，所以没有涉及太多难点。 3.1.4 主要难点代码展示 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml head meta http-equiv=Content-Type content=text/html; charset=utf-8 /特殊字符“不换行空格”。 3.3 实训基地 3.3.1功能 “实训基地”主要介绍了我院软件学院的实训规模以及设备条件，虽不是详细介绍，但是具有代表性的专业设备都一一列举，另外学生做实验的场景，课堂教学都有所说明，因此该页面简单而内容丰富。运用层与表格相结合以及附加图片，实现整体布局合理美观。 3.3.2组成构造 共四大部分 1、页面主要有层以及表格实现，整体色调为浅色，为了网站整体的色调选择恰当，在网页顶部同样设有一张我院的图片，因为该网页是主页的一个子网页，要保持一致，增加美观感。 为了更好的介绍师资力量，要选择适当的位置和顺序来一一介绍，所以选用了表格且不适用边框，适当的调整列和行，把材料填充上去。 字体选择部分主要选择“楷体_GB2312”，这样使页面更加美观，整体效果较好。 4 3.4.1功能 “专业介绍”页面主要介绍学院所涉及到的支柱专业，重点叙述专业的性质以及主修这些专业所需要学那些课程和应拿到的相关证书。每个专业的针对性，将来的就业情况，更多的是说明专业在软件学院的代表性，让更多信息提供给每个访问者。软件学院的每个专业的基本情况都说明的很具体，很完备。 3.4.2组成构造 共四大部分： 内容叙述部分分了三部分，首段简单概况学院总体专业情况，而下面逐一分开介绍。实现效果需要现设一个层。 专业的介绍分了三部分，把软件学院的代表性专业具体介绍，主要分“培养目标、主干课程、就业方向。 每个专业的标题都是另设层来实现，标题文字主要运用“新宋体、加粗”实现。黑色字体使专业得显眼度提高，增加渲染力。 各小标题字为蓝白色，使页面生动活泼。 4、各专业大标题前加有Gif图片，可适当的引起注意力，为了网站的紧密一致性页面底部设有返回链接。 主要结构图如下： 图3-3 专业介绍结构图 3.4.3 主要难点代码展示 div id=apDiv4 p软件学院开设五个专业:软件技术专业、网络技术专业、计算机应用技术、动漫设计与制作、计算机多媒体技术。2009年招生专业为：软件技术和计算机网络技术。/p pimg src=image/a.gif width=30 height=25 /strong 软件技术专业/strong/p table cellspacing=0 cellpadding=0 tr tdspan class=STYLE12一、培养目标：/span /td /tr tr td培养拥护党的基本路线，德、智、体、美、劳等方面全面发展，适应信息技术行业发展第一线需要，掌握软件开发的基础理论知识，熟悉软件开发基本流程，能够从事软件开发与设计、软件测试、数据库规划设计与管理、软件分析与系统设计、项目管理等工作，政治坚定、作风优良、爱岗敬业、诚实守信、身心健康、情操高尚、长于动手、勇于创新的高等技术应用性人才。 /td /tr tr tdspan class=STYLE12二、主干课程：/span /td /tr tr td.Net方向：C#程序设计、ADO.Net数据访问技术、WinForms 应用程序设计、ASP.NET程序设计、数据库技术、.Net Framework程序设计、XML+Web Service技术及应用、UML及应用、软件分析与系统设计、软件项目管理与质理控制。 Java方向：J2SE、J2EE、JAVA开发框架、数据库技术、统一建模语言UML及应用、软件分析与系统设计、软件项目管理与质理控制等课程。 /td /tr tr tdspan class=STYLE13三、就业方向： /span/td /tr tr td毕业生主要在软件开发企业从事程序开发、软件测试等工作，在政府机关、企事业单位从事数据库管理、信息系统运行管理、信息系统处理等工作。 /td /tr tr tdspan class=STYLE13四、资格证书：/span /td /tr tr td学生毕业时可获得高等学校英语应用能力A级和全国计算机等级考试二级以上证书；同时获得全国计算机信息高新技术职业资格考试程序员或全国计算机技术与软件专业技术资格（水平）考试程序员、信息处理技术员、信息系统运行管理员、网页制作员等证书之一。 /td /tr /table pimg src=image/a.gif width=28 height=26 /strong计算机网络技术专业/strong/p table cellspacing=0 cellpadding=0 tr tdspan 、在内容前加有水平线，是为了实现分清主次的效果，使主题部分与内容分割开来，另设有小图标也可增加页面的生动性。 主要结构图展示如下： 图3-2 实训基地结构图 3.3.3主要难点代码展示 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml head meta http-equiv=Content-Type content=text/html; charset=utf-8 / title实训基地/title style type=text/css !-- #apDiv1 { position:absolute; left:29px; top:5px; width:972px; height:65px; z-index:1; } #apDiv2 { position:absolute; left:32px; top:202px; width:114px; height:20px; z-index:2; } .STYLE1 { font-size: 24px; color: #912B51; font-weight: bold; } #apDiv3 { position:absolute; left:26px; top:227px; width:966px; height:837px; z-index:3; } .STYLE2 {font-size: 14px} #apDiv4 { position:absolute; left:471px; top:1062px; width:65px; height:27px; z-index:4; } #apDiv5 { position:absolute; left:32px; top:1106px; width:720px; height:45px; z-index:5; } -- /style /head body div id=apDiv1img src=image/j.jpg width=969 height=186 //div div class=STYLE1 id=apDiv2实训基地/div div id=apDiv3 代码主要说明头部与下面表格与层结合，然后添加图片以及设置图片大小。另外设置了返回主页链接，达到网站的紧密性与整体协调性。 3.4 专业介绍class=STYLE12一、培养目标/span/td /tr tr td培养拥护党的基本路线，德、智、体、美、劳等方面全面发展，适应信息技术行业发展第一线需要，掌握计算机网络基础理论知识，熟悉常见的网络体系结构和组网方法，主要从事网络设计、安装、调试、维护及信息系统管理等工作，政治坚定、作风优良、爱岗敬业、诚实守信、身心健康、情操高尚、长于动手、勇于创新的高等技术应用性人才。/td /tr tr tdspan class=STYLE12二、主干课程/span/td /tr tr td思科网络技术方向：Linux网络操作系统、网络安全技术、网络数据库、网络基础、思科路由与交换、广域网技术、综合布线、计算机网络系统集成。 br / ?????? 神州数码网络技术方向：Linux网络操作系统、网络安全技术、网络数据库、网络基础、现代网络信息技术、交换机互联网基础、路由器互联网基础、创建高级交换和路由网络、网络综合布线、计算机网络系统集成。 /td /tr tr tdspan class=STYLE12三、就业方向/span/td /tr tr td在计算机网络企业中从事计算机网络的规划、设计、安装、调试和维护等工作；在政府部门、企事业单位中从事与信息化有关的网络技术服务及管理工作；在电子商务类公司从事网络应用开发等工作。/td /tr tr tdspan class=STYLE12四、资格证书/span/td /tr tr td学生毕业时可获得高等学校英语应用能力A级和全国计算机等 图3-5 答考生问结构图 3.6.3 主要难点代码设计 div id=apDiv1img src=image/j.jpg width=943 height=186 //div div class=STYLE3 id=apDiv3答考生问/div div id=apDiv4 table cellspacing=0 cellpadding=0 tr tdp class=STYLE41、河南工业职业技术学院软件学院的性质、学制和毕业文凭？/p p class=STYLE4nbsp;/p/td /tr tr tdp class=STYLE5河南职业技术学院是隶属于河南省人民政府的一所普通公办高校，软件学院是经河南省教育厅批准的示范性软件职业技术学院，学制两年，毕业生颁发国家教育部普通高等专科毕业证书。/p /td /tr tr tdp class=STYLE42、如何报考河南工业职业技术学院软件学院？软件学院的收费标准？读二年制软件学院的有何优势？/p p class=STYLE4nbsp;/p/td /tr tr tdspan class=STYLE5采用省物价部门核定的最低标准每学年学费为8000元。软件学院费用低于三年制高职！软件学院学费8000元/年，二年合计16000元；生活费约为5000元/年，二年合计约10000元；住宿费800/年，二年合计1600元，总计27600元；普通三年制学费3600元/年，合计10800元，生活费合计15000元，住宿费800/年，三年合计2400元，总计28200元。软件学院能够提供更好的师资和实验实训条件，同时学生提前一年就业。/span /td /tr tr tdp class=STYLE43、软件学院的学生奖助体系是怎样的？/p p class=STYLE4nbsp;/p/td /tr tr tdspan class=STYLE5学院建立了完善的“奖学金、国家助学贷款、勤工助学”等方式的奖助体系，保证不让一名品学兼优的学生因家庭经济困难而辍学。学院设有国家励志奖学金（每次5000元）、国家奖学金（每次8000元）和学院奖学金（每次1000元）。br / ??????? 国家助学金：凡勤奋学习，积极上进，家庭经济困难，生活俭朴的学生均可参与评定，平均资助标准为每年2000元。br / ??????? 学院助学金：凡勤奋学习，积极上进，家庭经济困难，生活俭朴。被认定为家庭经济困难学生均可申请获得学院助学金，每年200元。br / ??????? 国家助学贷款：学生可在国家助学贷款政策规定的比例和金额内申请生源地国家助学贷款或就学地国家助学贷款；原则上每人每年最高不超过6000元。/spanbr / ??????? span class=STYLE5勤工助学：学校安排勤工助学岗位让特困生优先上岗，通过劳动解决部分生活费。/spanbr //td /tr tr tdp class=STYLE44、软件学院学生毕业后的就业前景如何？/p p class=STYLE4nbsp;/p/td /tr tr tdspan class=STYLE5为了解决我国软件人才数量和结构上的双重缺口，国家出台了《振兴软件产业行动纲要》，批准一些高等院校建立软件学院，学制二年，以便更快更多地培养信息技术人才，满足国民经济建设的需要。因此软件学院毕业生就业前景十分广阔。/span/td /tr tr tdp class=STYLE45、学院对于就业有没有有力的保障？/p p class=STYLE4nbsp;/p/td /tr tr tdspan class=STYLE5河南工业职业技术学院近三年毕业生就业率一直保持在97%以上。软件学院与北京、上海、天津、广州等国内的软件企业和公司建立了良好的协作关系，在每个学生毕业前半年内，学院都会与相关单位联系，安排学生去进行顶岗实习，为学生就业提供了良好的条件。/span/td /tr tr tdp class=STYLE46、软件学院学生是否有机会进入本科学习？/p p class=STYLE4nbsp;/p/td /tr tr tdspan class=STYLE5软件学院各专业每年20%的毕业生可参加普通高校专升本考试，学院负责组织针对性的免费培训，成绩合格的可进入本科阶段学习。同时，学生也可以在校自学考试或通过函授等学习本科课程。/span/td /tr tr tdp class=STYLE47、软件学院学习、生活条件如何？/p p class=STYLE4nbsp;/p/td /tr tr tdspan class=STYLE5软件学院师资雄厚、设备先进，学生人手一台计算机，实验实训场所免费开放，学习条件优越。br / ??????? 学院为省级文明单位、南阳市花园式校园，环境优美，生活设施齐全。学生宿舍公寓化管理，六人一间，配有电话、计算机宽带网接口、每人专用写字台、衣柜、书架等。br / ??????? 校园文化生活丰富，图书馆、体育馆、各类球场、广播站、校园网等一应俱全。有计算机协会、软件孵化园、书法协会、星河文学社、武术协会、大学生艺术团等50余个学生社团。每年举办大学生科技文化艺术节等活动，为学生素质拓展、才华展现提供了良好平台。/spanbr //td /tr /table /div div id=apDiv5a href=首页.html返回首页/a/div div id=apDiv6img src=image/uy.jpg width=931 height=53 //div 代码将网页的整体布局都体现出来，字体的颜色、大小以及表格的调整。 3.7 教学管理系统 3.7.1功能 “教学管理系统主要”是软件学院教师登陆学院网页查询相关信息，学院各部门通知以及课程的安排，学生成绩的编辑。教师的所有相关信息都可进入教学管理系统，另外每个教师登陆都需要个人的用户名以及密码。 3.7.2 组成构造 共四大部分： 页面与其他网页不同的是标题没有用图片，只是用字来描述，用层输入文字字体运用“楷体_GB2312”#993399 36号字。 为了增加页面的美观整洁，画层插入水平线。 用户登录的主要运用表单以及按钮，用户名和密码各用应用英文以显特别性，文本域设置不同，密码属性设置为密码格式，按钮属性值为“登陆”，表单下面居中显示 右边部分为一张jpg格式的图片，选用白色背景也是为了与这张图片相结合匀称。 主结构图如下展示： 图 3-6 教学管理系统结构图 3.7.3 主要难点代码设计 body div class=STYLE1 id=apDiv2河南工业职业技术学院 教学管理系统/div div id=apDiv3 hr / /div div id=apDiv4 table width=445 height=115 tr td width=632 height=35form id=form1 name=form1 method=post action= labelspan class=STYLE2username/span/label label input type=text name=textfield id=textfield / /label /form /td /tr tr tdform id=form2 name=form2 method=post action= span class=STYLE2password/span label input type=password name=textfield2 id=textfield2 / /label /form /td /tr /table /div div id=apDiv5 form id=form3 name=form3 method=post action= label input type=submit name=button id=button value=登陆 / /label /form /div div id=apDiv6img src=image/gh.jpg width=426 height=302 //div div id=apDiv7a href=首页.html返回首页/a/div div id=apDiv8img src=image/uy.jpg width=964 height=53 //div blockquotenbsp;/blockquote /body 代码主要是表单部分，与数据库相结合，实现登陆。 3.8 学生管理系统 3.8.1 功能 “学生管理系统”主要是学院学生通过网站查询相关信息，包括成绩的查询，考试的报名以及学院期末测评，该页面为登陆页面，包括用户名和密码，与教学管理系统基本相同，不同的是在这里学输入的是“学号”，教学管理系统输入的是个人申请的用户名，可随意设定，只要符合要求即可。 3.8.2 组成构造 共四大部分： 页面与其他网页不同的是标题没有用图片，只是用字来描述，用层输入文字字体运用“楷体_GB2312”#993399 36号字。 为了增加页面的美观整洁，画层插入水平线。 用户登录的主要运用表单以及按钮，用户名和密码各用应用英文以显特别性，文本域设置不同，密码属性设置为密码格式，按钮属性值为“登陆”，表单下面居中显示 右边部分为一张jpg格式的图片，选用白色背景也是为了与这张图片相结合匀称。 主结构图如下： 图3-7 学生管理系统结构图 3.8.3主要难点代码设计 body div class=STYLE1 id=apDiv1 div align=center河南工业职业技术学院nbsp;nbsp; 学生管理系统 /div /div div id=apDiv2 hr / /div div id=apDiv3img src=image/90.jpg width=1008 height=483 //div div id=apDiv4 form id=form1 name=form1 method=post action= 用户名 label input type=text name=textfield id=textfield / /label /form /div div id=apDiv5 form id=form2 name=form2 method=post action= label/label 密码 label input type=password name=textfield2 id=textfield2 / /label /form /div div id=apDiv6 form id=form3 name=form3 method=post action= label input type=submit name=button id=button value=登陆 / /label /form /div div id=apDiv7a href=首页.html返回首页/a/div div id=apDiv8img src=image/uy.jpg width=931 height=53 //div /body 代码为页面的主要设计，其中添加有数据库，数据所用的为Excel与Dreamewver ASP相结合实现。  第四章 网站的测试与发布 4.1 相关技术分析 4.1.1 WEB站点的概念和结构 WEB站点是一组具有共享属性（如相关主题，类似的设计或共同目的）的链接文档。这些文档基于共同的表现目的集合到一起。站点也是文档的一种磁盘组织形式，它同样是由文档和文档所在的文件夹组成。利用不同的文件夹，将不同的网页内容分门别类保存，这是设计网站的前提。? 通常情况下，建立站点时要将站点中的内容进行分类，然后把相关的内容放在同一个文件夹中，这样便于对站点资源进行管理。例如，网页中用到的图像可以放在IMAGES文件夹里，这样，当要将图像插入页面时，就知道在何处可以找到它；必要时还可以使用子文件夹。通过这种方式，可以让站点具有清晰的站点结构，将来更容易维护[1]。??? 如果没有考虑文档在站点层次结构中的位置就开始创建文档，最终可能会导致站点杂乱无章，从而使站点的维护与升级变成一项十分困难的工作。因此在设置站点之前，一定要规划好站点的结构，这样可以提高工作效率，节省工作时间。??? 设置站点就是在本地磁盘上创建一个包含站点所有文件的文件夹（称作本地站点），然后在该文件夹中创建和编辑文档。当在本地测试无误后，发布到WEB服务器上就形成了真正的站点。 基于WEB服务的Internet应用就是三层C/S结构的典型应用。在Internet中，浏览器就是一个用户机，实现的是用户服务中的用户界面。而应用服务由WEB服务器承担，数据服务功能由各种数据库服务器来实现。浏览器一般不直接与各种数据库服务器打交道，它只是负责与用户交互，向WEB服务器发出请求，然后接受数据并显示在浏览器窗口中。客户端的主要实现技术有Java applet、ActiveX控件、Vbscript、Javascript等。对于静态WEB应用，WEB服务器只需对客户的请求作出响应，把WEB页面数据发送给客户即可。对于动态WEB应用，服务器可以采用多种技术来产生动态的WEB页面，如经典的CGI(Common Gateway Interface)技术，以及建立在IIS基础上的ISAPI(Internet Server Application Program Interface)和ASP(Active Server Pages)技术。 后台数据库Microsoft Access的介绍Access 就是关系数据库开发工具，数据库能汇集各种信息以供查询，存储和检索。那么什么叫数据库呢？数据库(Database)是由一些有意义和有关系的数据(data)所组合而成。一个数据库中，包含了许多条记录(Record)，而每条记录是由多个字段(Field)所组成，不同的字段存放这不同的数据。所以数据库的严格定义是一组相关记录的集合，而字段则是最基本的数据项，也是数据库中最小的单位。在计算机中用来帮我们管理数据库的系统，我们称之为数据库管理管理系统(Database Management System DBMS)。数据库管理系统是架构在一个或多个数据库之上，并针对数据库中的数据进行管理运用[19]。Access 的优点在于它能使用数据表示图或自定义窗体收集信息，数据表示图提供了一种类似于 Excel 的电子表格，可以使数据库一目了然。另外，Access 允许创建自定义报表用于打印或输出数据库中的信息。Access也提供了数据存储库，可以使用桌面数据库文件把数据库文件置于网络文件服务器，与其他网络用户共享数据库[20]。如上所述，Access 作为关系数据库开发具备了许多优点，可以在一个数据包中同时拥有桌面数据库的便利和关系数据库的强大功能。 图4-1 www网示意图 浏览器和服务器之间的信息交换使用超文本传输协议（HyperText Transfer Protocol，HTTP）。基于HTTP协议的万维网实际上是一个大规模的、在线式的信息仓库，是一个支持交互式访问的分布式超媒体系统。 4.2.2 测试条件 1.?网站一般原理 动态网站一般是由浏览器发送请求给服务器，服务器接收到请求后根据请求进行处最后将处理结果返回给客户端显示。 客户端一般通用请求 不管是在ASP、PHP、ASP.NET、JSP里都存在以下的请求方法： A.? ? ? ? 表单提交 ? ? 表单是HTML（我用HTML类称XHTML等，下同）中的一个标记，没有显示意义，相当于一个容器，当这个表单中的某个按钮，发生点击事件后，浏览器首 先检测到这个事件，接着它会寻找这个按钮所在的表单中所有可以向服务器传送数据的元素，记录这些数据的标记，数值，然后发送给服务器上指定处理页面，这个 指定处理页面是在表单的 action 属性指定 fron asction=”xxxx.aspx” mothed=”post”/from ? ? 例如论坛中的发表文章，在文本框输入信息后按提交，浏览器会将这个文本框信息传递给服务器 mothed代表表单提交方法? ? B.? ? ? ? 地址定位 ? ? 地址定位一般是不传递参数，或者将参数作为地址的一部分传递给服务器端。告诉服务器找到product.asp并接收参数id=10,这样程序就会处理这个页面，并根据参数读出数据写进HTML文件中再传递给客户端。1、页面链接检查： 每一个链接是否都有对应的页面，并且页面之间切换工具，如LinkBotPro、File-AIDCS、HTML Link Validater、Xenu等工具。LinkBotPro不支持中文，中文字符显示为乱码；HTML Link Validater只能测试以Html或者htm结尾的网页链接；Xenu无需安装，支持asp、do、jsp等结尾的网页，同时能够生成html格式的测试报告2、相关性检查：删除/增加一项会不会对其他项产生影响，如果产生影响，这些影响是否都正确检查按钮的功能是否正确 如新建、编辑、删除、关闭、返回、保存、导入等功能是否正确。3、字符类型检查：在应该输入指定类型的内容的地方输入其他类型的内容(如在应该输入整型的地方输入其他字符类型),看系统是否检查字符类型。 1）标点符号检查：输入内容包括各种标点符号,特别是空格,各种引号,回车键。看系统处理是否正确。2）特殊字符检查：输入特殊符号，如@、#、$、%、!等，看系统处理是否正确。 /tr /table pnbsp;/p /div 代码以及相关内容在层与表格中实现，另外字体和页面的整体布局效果协调合理。 3.5 教学科研 3.5.1 功能 “教学科研”主要是说软件学院的教学成果以及实训结果的总结，页面与其他页面不同的是网页内容不是详细叙述，而是用各个链接来实现，每个教学科研成果都是一个连接，每个连接以新闻形式表示出来，按日期的前后一次排列。因此，网页整体看起来内容简单布局较小，但整体的协调性较好，另外加了网页制作小图标增加网页色彩。 3.5.2 组成构造 共三大部分 头部运用软件学院图片，与其他网页设计相同，大标题运用“层”效果实现，在标题的前面运用图片来点缀，提高色彩度。 主要内容部分的设计是先设计一个层，然后根据内容需要运用适当行列的表格，调整表格使表格紧凑，内容整体连接紧密。 设置每个内容的链接，在这里的链接为空链接，空链接的设置是链接到“#”即可。 主要结构图如下展示： 图3-4 教学科研结构图 3.5.3主要难点代码展示： div class=STYLE2 id=apDiv1img src=image/rt.jpg width=40 height=38 /教 学 科 研/div div id=apDiv2 table width=994 height=241 border=0 tr td height=34pimg src=image/a.gif width=16 height=16 /span class=STYLE4a href=#[2009/06/03 09:56:52] 转发《“方法创新与高校哲学社会科学研究的繁荣发展”--中国高校哲学社会科学发展论坛2009征/a/span/p pspan class=STYLE4a title=转发《“方法创新与高校哲学社会科学研究的繁荣发展”--中国高校哲学社会科学发展论坛2009征文通知》 href=news/new.php?id=63amp;type=zsdtamp;PHPSESSID=7059cadab9d2903d8000236322c6252b target=_blank文通知》/a/span/p/td /tr tr td height=28img src=image/a.gif width=16 height=16 /span class=STYLE4a href=#[2009/06/03 09:55:36] 关于第十三届全国高校青年德育工作者论坛征文工作的通知 /a/span/td /tr tr tdimg src=image/a.gif width=16 height=16 /span class=STYLE4a href=#[2009/06/03 09:54:17] 关于开展教育教学研究优秀论文评选和推荐活动的通知/a/span/td /tr tr tdimg src=image/a.gif width=16 height=16 /span class=STYLE4a href=#[2009/06/03 09:48:04] 国家精品课程信息查询 /a/span/td /tr tr tdimg src=image/a.gif width=16 height=16 /span class=STYLE4a href=#[2009/06/03 09:43:02] 关于2009年秋期教材征订的通知/a/span/td /tr tr tdimg src=image/a.gif width=16 height=16 /span class=STYLE4a href=#[2009/06/03 09:39:49] 关于切实加强精品课程建设工作的紧急通知/a/span/td /tr tr tdimg src=image/a.gif width=16 height=16 /span class=STYLE4a href=#[2009/05/28 22:02:02] 关于发放科研奖励的说明/a/span/td /tr tr tdimg src=image/a.gif width=16 height=16 /span class=STYLE4a href=#[2009/05/28 21:53:13] 团体心理咨询及现场心理咨询安排通知 /a/span/td /tr /table /div 代码主要说明每个连接的设置，以及链接的位置，运用的表格各多少宽度以及高度。每个链接的前面设有一张Gif图标，紧凑性很强。 3.6 答考生问 3.6.1 功能 “答考生问”主要是未入我院新生对我校软件学院的询问情况，页面主要内容是历年考生对我院所提出的具有代表性的问题，学院给与详细解答，对询问各方面都具有针对性的回答。这也主要是给那些有疑问但未询问的考生直接得出答案的机会。 3.6.2组成构造 共三大部分： 问题部分主要包括七个针对性问题，问题用蓝色宋体字，每个问题是用“层”实现的。 答案部分的实现主要运用“层”加内容，为了我是整体效果为佳，网页都用宋体字。 底部有我校网址以及联系方式，每个网页也有这一项。 主要结构图如下展示： 3)字符串长度检查: 输入超出需求所说明的字符串长度的内容, 看系统是否检查字符串长度。4、中文字符处理：在可以输入中、英文的系统输入中文,看会否出现乱码或出错。检查信息的完整性 在查看信息和更新信息时,查看所填写的信息是不是全部更新,更新信息和添加信息是否一致。5、信息重复：在一些需要命名,且名字应该唯一的信息输入重复的名字或ID,看系统有没有处理,会否报错,重名包括是否区分大小写,以及在输入内容的前后输入空格,系统是否作出正确处理。6、检查删除功能：在一些可以一次删除多个信息的地方,不选择任何信息,按“delete”,看系统如何处理,会否出错;然后选择一个和多个信息,进行删除,看是否正确处理。7、检查添加和修改是否一致：检查添加和修改信息的要求是否一致,例如添加要求必填的项,修改也应该必填;添加规定为整型的项,修改也必须为整型8、检查修改重名：修改时把不能重名的项改为已存在的内容,看会否处理,报错.同时,也要注意,会不会报和自己重名的错9、重复提交表单：一条已经成功提交的纪录，返回后再提交，看看系统是否做了处理。对于Web系统检查多次使用返回键的情况 在有返回键的地方,返回到原来页面,重复多次，看会否出错搜索检查：有搜索功能的地方输入系统存在和不存在的内容,看搜索结果是否正确.如果可以输入多个搜索条件,可以同时添加合理和不合理的条件,看系统处理是否正确。11、输入信息位置：注意在光标停留的地方输入信息时,光标和所输入的信息会否跳到别的地方。12、上传下载文件检查：上传下载文件的功能是否实现，上传文件是否能打开。对上传文件的格式有何规定，系统是否有解释信息，并检查系统是否能够做到。下载文件能否打开或者保存，下载的文件是否有格式要求，如需要特殊工具才可以打开等。13、必填项检查：应该填写的项没有填写时系统是否都做了处理，对必填项是否有提示信息，如在必填项前加“*”；对必填项提示返回后，焦点是否会自动定位到必填项。14、快捷键检查：是否支持常用快捷键，如Ctrl+C、 Ctrl+V、 Backspace等，对一些不允许输入信息的字段，如选人，选日期对快捷方式是否也做了限制。15、回车键检查：在输入结束后直接按回车键,看系统处理如何,会否报错。16、刷新键检查：在Web系统中，使用浏览器的刷新键，看系统处理如何，会否报错。 17、回退键检查：在Web系统中，使用浏览器的回退键，看系统处理如何，会否报错。对于需要用户验证的系统，在退出登录后，使用回退键，看系统处理如何；多次使用回退键，多次使用前进键，看系统如何处理。18、直接URL链接检查：在Web系统中，直接输入各功能页面的URL地址，看系统如何处理，对于需要用户验证的系统更为重要。19、空格检查：在输入信息项中，输入一个或连串空格，查看系统如何处理。如对于要求输入整型、符点型变量的项中，输入空格，既不是空值，又不是标准输入。20、输入法半角全角检查：在输入信息项中，输入半角或全角的信息，查看系统如何处理。如对于要求输入符点型数据的项中，输入全角的小数点（“。”或“．”，如４．５）；输入全角的空格等。21、密码检查：一些系统的加密方法采用对字符Ascii码移位的方式，处理密码加密相对较为简单，且安全性较高，对于局域网系统来说，此种方式完全可以起到加密的作用，但同时，会造成一些问题，即大于128的Ascii对应的字符在解密时无法解析，尝试使用“uvwxyz”等一些码值较大的字符作为密码，同时，密码尽可能的长，如17位密码等，造成加密后的密码出现无法解析的字符。22、用户检查：任何一个系统，都有各类不同的用户，同样具有一个或多个管理员用户，检查各个管理员之间是否可以相互管理，编辑、删除管理员用户。同时，对于一般用户，尝试删除，并重建同名的用户，检查该用户其它信息是否重现。同样，提供注销功能的系统，此用户再次注册时，是否作为一个新的用户。系统数据检查：这是功能测试最重要的，如果系统数据计算不正确，那么功能测试肯定是通不过的。数据检查根据不同的系统，方法不同。对于业务管理平台，数据随业务过程、状态的变化保持正确，不能因为某个过程出现垃圾数据，也不能因为某个过程而丢失数据。24、系统可恢复性检查：以各种方式把系统搞瘫，测试系统是否可正常迅速恢复。 Flash在网页中出现的频率要适当，因为网页是用来展示信息的，而不是展示Flash。 不要让网页看起来杂乱无章 网页是一个大杂烩，但缺乏合理结构的网站往往会使信息的浏览变得非常困难，当然我们所做的网站只是个人或者班级，没有面向整个网络，不过以后这些必须得要学以致用。 要给人印象深刻 网站看上去漂亮不怎么重要，关键是吸引眼球，想百度、谷歌、一些大网站，虽然它们只是一些搜索引擎，不过使用的人数不胜数。 内容才是根本 一个网站缺少内容，就好像人体缺少了骨架，撑不出形状，如果一个网页全部用图片来装饰，那么作出来的将不是网站，变成一个图片查看器，这样会使网站内容匮乏。 换位思考，注重细节 细节是我体验最深刻的一点，要从浏览者的角度思考网页的所有元素，力求最大限度的改良网页元素以适合浏览。从网页的界面来说，一个小的细节可能让浏览者感觉不出来，但细节处理不好的地方多了，就会让人很不舒服，会让浏览者觉得设计的粗糙，设计者的用心不足。从网页的后台代码来说，一个简单的失误会让程序彻底崩溃，比如：记录集的打开而忘记了及时关闭，对于一个记录集可能还不要紧，但若在循环语句里面就很可怕了。因此不管怎样多用心去思考，去琢磨，这可能是一个网页设计者能力提升的体现。 不要假设用户的显示器分辨率及大小 一个常见的错误的是好多的网页设计师都认为访问者都有一个他们一样显示效果良好的大屏幕显示器。按照目前的状况，你可以为你的站点优化设计为标准的800×600分辨率，这是现在主流显示器的的默认显示分辨率。仿佛刚刚经历了深呼吸一般我们的眼睛需要被注视物的周围有一定的空间，当然，留“白”不一定是的，但它必须留出一定的空间。 二 心得体会 两年前从未想过毕业设计是怎样的一件工作，怎样去想办法做好，时间过得很快，毕业设计就要接近尾声了，在所选题目《河南工业职业技术学院软件学院网站设计》这一题目时，我是抱着以前学过网页制作这门课和个人对网页制作的喜爱来选的，因为觉得还有所熟悉。在大二的下半学期我们的实训Dreamweaver CS3网页设计这门课时，我曾做过一个个人网站，那时是根据课本和当时所学知识来按部就班的做，初次接触网站设计，认识的到网站设计是一门很有意思的设计题目，所以我的选题是正确的。可以使我投我所好，扬我所长。 参考文献 [1] [2] 胡崧/编著 Dreamweaver CS3完美网页设计教材 中国青年出版社 [3] 吴国新 吉逸/编著 计算机网络 高等教育出版社 [4] [5] 54 河南大学软件学院 [6] 南昌大学软件学院 [7] 陈炜/编著 Java 软件开发技术 人民邮电出版社 [8] 李超(Allan) (/blog)科学出版社 希望电子出版社?? [10]张鑫/编著 HTML代码效果对比学习 中国青年出