学校网站建设的设计与实现

时间:2019-05-14 22:04:26下载本文作者:会员上传
简介:写写帮文库小编为你整理了多篇相关的《学校网站建设的设计与实现》,但愿对你工作学习有帮助,当然你在写写帮文库还可以找到更多《学校网站建设的设计与实现》。

第一篇:学校网站建设的设计与实现

【摘要】校园网站能对内实现办公自动化、电子校务、在线考试,对外实现远程教育、资源共享,对社会实现与家长、社会沟通,实现电子商务,对上级部门实现文件交换,远程会议,在线管理等各种功能,实现教育系统的信息化、数字化,集学校与学校、学校与家庭、学校与社会、学校与主管部门互通在一起,真正实现学校信息化社会。

【关键词】综合信息平台;Web服务器;IIS配置;ASP

1校园网站建设目的飞速发展的今天,互联网成为人们快速获取、发布和传递信息的重要渠道,校园网站是校园信息化建设的一个综合信息平台,是学校对外宣传的窗口。学校、教师、学生、家长通过这个综合信息平台了解学校信息、教学科研信息、学习交流信息等,还可以畅所欲言发表关于学校建设、教学方法、课程设置、学习体会方面有建设性的建议和意见,同时也可以通过这个综合信息平台分享经验体会和资料。通过网站,全面的宣传,展示学校的风采、优点与特色,发布学校的重大活动安排与招生政策,增强社会与学校之间的联系,因此搞好学校校园网站建设事关学校教学水平和声誉的大事。

2校园网站建设分析

校园网站开发是一项很复杂的工作,我们将根据网站的定位和需求,针对学校网站建设的特点和重点,整理出一套适合学校网站建设管理和控制的方法,以此来保证网站建设的高效率、高质量、低风险。

2.1网站立项校园网站建设,要对建立学校网站这个项目立项,要成立一个专门的项目小组,小组成员包括:学校领导、学校网络管理员、美术教师、各处室人员、计算机专业教师等6人~7人组成,由网络管理员作为项目负责人负责对该项目的统一调度和安排。

2.2网站需求说明书建立一个网站,要明确学校网站建设的意义和需求及校园网所能提供的功能和内容。必须让每一位学校领导、教师和学生了解校园网能够提供的服务和功能。通过与领导交谈、下发问卷调查表等方式了解学校领导、教师和学生希望校园网提供的服务和内容,根据各方面的反馈意见进行认真的分析,编写一份详尽的需求说明书。一份详尽的需求说明书,可以杜绝很多因为需求不明或理解偏差造成的失误和网站建设失败,需求说明书要达到如下标准:正确性、可行性、必要性、简明性、检测性。

2.3网站总体设计有了一份详尽的需求说明书后,就可以根据需求说明书,对网站进行总体规划、详细设计,给出一份网站总体建设方案。总体规划具体要明确网站需要实现的目的和目标;网站形象说明;网站的栏目版块和结构;网站内容的安排,相互链接关系;使用软件、硬件和技术分析说明;开发时间进度表;维护方案;制作费用,需要遵循的规则和标准有哪些等,根据这些写一份总体规划说明书。

2.4网站具体设计总体设计阶段以比较抽象概括的方式提出解决问题的办法,具体设计阶段的任务就是把解决方法具体化,具体分为以下几步:Web服务器架设,基于管理的方便和性能,我们采用在Windows 2003 server中安装IIS配置Web服务,采用ASP作为应用开发平台。人员分工,网站建设要对制作人员进行分工,可按照专业对口、分工协作的原则进行。学校领导负责对人员的调度和安排,内容材料的把关;学校网管负责协调各制作人员的工作,解决制作中的技术问题并完成整个网站的调试工作;美术教师是整个网站的美工,对网站的版面划分、色彩搭配进行统一规划和制作;各科室人员负责网站制作素材和内容的搜集和整理工作;计算机专业教师负责对素材的处理及各网页的制作。网站的形象设计,在程序员进行具体程序开发的同时,网管和美术教师开始设计网站的整体形象和首页。整体形象设计包括标准字、标准色彩等。首页设计包括版面、色彩、图像、动态效果、图标等风格设计,也包括Banner、菜单、标题、版权等模块设计。首页一般可设计1个~3个不同风格,完成后,供学校领导网站制作组进行选择。设计网站的栏目、版块和风格, 栏目、版块布局宗旨在于方便访问者浏览,栏目的实质是一个网站的大纲索引,索引应该将网站的主体明确显示出来。在制定栏目的时候,要注意几方面:要紧扣主题;尽可能删除与主题无关的栏目;尽可能将网站最有价值的内容列在栏目上;尽可能方便访问者的浏览和查询,版块比栏目的概念要大一些,每个版块都有自己的栏目,版块设计应该注意:各版块要有相对独立性;各版块要有相互关联;版块的内容要围绕站点主题。颜色调配设计,网页的色彩是树立网站形象的关键之一,由学校美术教师进行整个校园网站的美工工作,我们可以更多采纳美术教师的意见。各版块采用与网站首页同一色系的颜色,整个版块内部也尽量保持风格一致。考虑到校园网站是教学网站,颜色既要体现出严肃性,又不能过于死板,所以应采用淡雅型的配色方案,避免有大面积色块出现。网站调试,尽量采用边制作边调试,即采用本机调试和上传服务器调试的方法,因为网站在单机和服务器上运行有很大的区别,所以很有可能在上传服务器之后,出现在单机上不能浏览的一系列问题。观察速度、兼容性、交互性等,发现问题及时解决并记录下来。

3校园网站开发制作

有了网站的具体设计方案,各网站制作人员就可以全力进入开发阶段,需要提醒的是,测试人员需要随时测试网页与程序,发现Bug立刻记录并反馈修改。不要等到完全制作完毕再测试,这样会浪费大量的时间和精力,学校领导和网管需要协调和沟通各制作人员的工作。最后,将制作中的有关文档存档,并另行写出一个校园网站使用说明文档,至此,网站项目建设完毕。

4校园网站维护

网站运行的安全性及网站内容信息的准确都需要对网站进行全天候的动态监控,发现问题及时处理解决。网站建设并不是单纯的开通网站就万事大吉了,其更为重要的是

长期网站的维护,网站不及时更新,就不能正确反应信息,这样宣传的效果不能达到反而会给学校形象带来负面的影响,因此要对网站进行长期的维护。

【参考文献】

[1] 杨晓钟.网站设计与开发[M].机械工业出版社发行室,2005.[2] 张军.ASP动态网站设计经典案例[M].机械工业出版社发行室,2005.[3] 阳西述.网页制作与网站设计高等院校计算机系列教材[M].武汉大学出版社,2006.

第二篇:班级网站设计与实现

沈阳化工学院

本科毕业论文

题 目: 班级网站设计与实现 院 系: 计算机科学与技术学院 专 业: 计算机科学与技术 班 级: 计算机0802 学生姓名: 金智宇 指导教师: 张 丽

论文提交日期:2012年06月20日 论文答辩日期:2012年06月26日

I

内容摘要

随着人类的进步,网络技术不断发展和计算机的普及,越来越多的人拥有自己电脑,让人们的生活更快捷和丰富,并且丰富人类的精神世界和物质世界,让人类最便捷地获取信息,找到所求,让人类的生活更快乐。

网络的普及越来越多的学校和班级通过计算机网来管理各项事务。同时,学生与学生之间通过网络来交流的方式也日趋频繁。在这种潮流的趋势下,应该采用什么样的方式来更好的管理学生各项信息和班级各项日常事务,以及怎么是学生之间能更好的交流,成为一个问题。

班级网站设计是为了合理的利用网络资源,提供班级与交流、有管理班级事务的网络平台。本网站基于B/S模式,在ASP.NET集成开发的环境下采用C#语言开发完成。本网站有班级介绍、班级相册、同学登陆、班级留言、学习空间、休闲等模块。网站的设计体现个性化要求。其中同学登陆模块实现了用户注册、登陆与修改个人资料等功能;班级相册实现图片上传和在线浏览功能;班级留言实现网上留言功能;提供交流平台。本网站 促进班级学生的学习交流,实现用户自由访问,增加同学们的相互了解,增强班级凝聚力。

关键词: 网站建设、网站运营、ASP.NET|、SQL server 2005

II

Abstract With the progress of mankind, the continuous development of network technology and the proliferation of computers, more and more people have their own computer to make people's lives more efficient and rich, and enrich our spiritual world and physical world, human access to the most convenientinformation, find what we seek to make human life happier.More and more schools and classes of the popularity of the network through the computer network to manage the affairs.At the same time, the way to communicate through the network between the students and the students become more frequent.In this fashion trends, what way should be used with good management students all the information and classes the daily affairs, and how better communication between students, become a problem.The class website is designed to use the network resources to provide classes and exchanges, to manage class affairs network platform.This site is based on B / S mode, ASP.NET integrated development environment using C # language developed.This site have a class, class album, the students landing, message classes, learning space, leisure and other modules.The site design reflects the individual requirements.Students landing module user registration, login and modify personal information;class album image upload and

III

online feature;class message Message function;provide an exchange platform.This site to promote the exchange of classes students learn to achieve the users the freedom to access, increase mutual understanding of the students, and enhance class cohesion.Key words: Website building、website operators、ASP.NET|、server 2005

IV

SQL

目录

班级网站设计与实现.........................................................................1 一.绪论..........................................................................................1 1.1 课题背景来源和发展意义..........................................................1 1.1.1 课题背景.............................................................................1 1.1.2 课题来源.............................................................................1

二.开发工具与开发技术..................................................................3 2.1 开发技术...................................................................................3 2.1.1 ASP.NET技术....................................................................3

2.2 开发工具...................................................................................4 2.2.1 SQL server 2005数据库.....................................................4

2.3 开发环境...................................................................................5 2.3.1 Visual Studio.NET2010开发环境.....................................5 2.3.2 CSS样式表在HTML中的实现............................................7

三.方案设计与论证........................................................................9 3.1 项目概述与需求分析.................................................................9 3.1.1 目标....................................................................................9 3.1.2 用户的特点..........................................................................9

V

3.1.3 假定和约束..........................................................................9

3.2 设计中的图表..........................................................................10 3.2.1 对功能的规定....................................................................10 3.2.2 网站结构图:....................................................................11 3.2.3 类图..................................................................................12

3.3 测试........................................................................................12 3.3.1 软件测试...........................................................................12

四.设计与实现..............................................................................14 4.1 网站框架和代码......................................................................14 4.1.1 添加用户...........................................................................14 4.1.2 管理用户...........................................................................15

4.2 网站首页.................................................................................15 4.2.1 班级首页...........................................................................15 图4.2.1班级首页.........................................................................16 4.2.2 网站首页部分代码.............................................................16

4.3 网站介绍.................................................................................18 4.3.1 班级介绍...........................................................................18 4.3.2 班级介绍部分代码.............................................................19

4.4 资源共享.................................................................................22 4.4.1 资源共享介绍....................................................................22 4.4.2 连接代码...........................................................................22

VI

4.5 专业课程.................................................................................23 4.5.1 课程信息...........................................................................23 4.5.2 专业课程部分代码.............................................................23

4.6 班级通讯.................................................................................24 4.6.1 通讯界面...........................................................................24 4.6.2 班级通讯部分代码.............................................................25

4.7 留言飞语.................................................................................27 4.7.1 留言界面...........................................................................27 4.7.2 同学留言部分代码.............................................................27

4.8 联系方式.................................................................................29 4.8.1 管理员联系界面.................................................................29 4.8.2 联系方式部分代码.............................................................29

五.结果与评价..............................................................................31 六.结论.........................................................................................32

VII 沈阳化工学院学士学位论文

第一章 绪

班级网站设计与实现

一.绪论

1.1 课题背景来源和发展意义

1.1.1 课题背景

随着互联网的进一步发展与成熟,网络的带宽进一步加阔,网络应用也越来越广泛。网页制作更是日新月异,层出不穷。涌现了很多琳琅满目的网站,使得整个互联网多姿多彩。网页功能分析就是以系统的观点,对已选定的对象与开发范围进行有目的、有步骤的实际调查和科学分析。分析的目的就是要弄清楚网页要做什么,最终为后面的设计工作打下基础。需求分析是制作一个网站的第一步。在制作网站之前,首先要了解客户的需要和要求。这些必要的信息包括客户所要表达的理念、界面显示的内容和栏目的要求、网站功能方面的要求等。根据客户的具体情况,需求也会有所差别。本网站是针对班级同学而设计的网站,主要是便于同学联系例如聚会、发布班级信息等系列的通知,同时本网站还针对同学们的需求建立个人信息空间,可以建立个人影集,彰显每个同学的个性与风采,相当于一个“便携式”的聊天平台,无论同学们以后身在那里我们都可以在茶余饭后对我们现在也或是过去进行讨论,彼此交换心得体会,更加了解班级的概况,增强同学之间交流。

1.1.2 课题来源

大学时代的同学之情是最真挚的一份感情。没有任何一个时代的学生比现在的学生们更加渴望言论自由,渴望情感交流。但在学分制条件下,快节奏的学习生活、越来越少的集体活动时间使同班同学之间的交流也日益困难。大学班级网站的建立为现实世界中的班级提供了一个非正式交往的虚拟平台,它为班级每一个成员都提供了平等、自由的发言机会,使相互的交流跨越了时间和空间的樊篱,也打破了男女间、寝室间的障碍。沈阳化工学院学士学位论文

第一章 绪

为了满足班级网站的交流目的。本网站包括:班级简介、班级相册、班级登陆、班级留言、学习交流、论坛等模块。班级简介模块,作为班级总体介绍平台,极少班级的建设,班级成员,班级成绩等;班级相册模块,包括用户上传图片以及图片的浏览功能,实现与数据库的衔接;班级登陆模块,包括注册和登陆两个子模块,通过注册可以成为班级成员,在通过登录拥有访问网站各项功能的权限;班级留言模块,实现用户的在线留言;班级论坛模块,论坛模块主要实现注册用户能在此网站平台之上交流,一般用户可以回复别人的发言,亦可提出自己的言论,一伙的其他人的建议和意见;

本系统使用ASP。Net技术的动态网页与SQL server2000数据库结合设计建立的一个班级网站。用户首先通过内部网络访问本站进行简单的注册并经营管理员审核通过后,即拥有了使用本网站上所提供的出管理模块的各项功能的权利。功能模块包括班级留言、班级相册、学习交流等,论坛社区提供用户之间的主要交流平台,用户可以发起自己的帖子,来引起班级其他同学的对本帖的讨论或回复,同时用户也可以对自己或别人的帖子提出自己的见解,从而很好地促进了班级内同学的交流。班级留言提供网上留言功能。留言可以使班级的老师班长或其他同学的留言,通过网络的迅捷的传输率达到快速的了解及处理班级各项事务的目的。班级相册可以将班级内同学的相册传到网站上自由浏览,增加班级的亲和力。以及以上功能很好的解决上面所提出的问题 沈阳化工学院学士学位论文

第二章 开发工具与开发技术

二.开发工具与开发技术

2.1 开发技术

2.1.1 ASP.NET技术

AS.PNET是一种建立在通用语言上的程序结构,能被用于一台Web服务器来建立强大的Web应用程序。ASP.NET是在服务器上运行的编译好的公共语言运行库,利用早期的绑定、实时编译、本机优化和盒外缓存服务,着相当于在编写代码行之前便显著提高了性能。另外,由于ASP.NET框架补充了Visual Studio 集成开发环境,想必ASP,使程序设计相对简化,结构更为清晰

ASP.NET的前身ASP技术,是在IIS 2.0上首次推出(Windows NT 3.51),当时与 ADO 1.0 一起推出,在IIS 3.0(Windows NT 4.0)发扬光大,成为服务器端应用程序的热门开发工具,微软还 特别为它量身打造了Visual InterDev开发工具,在1994年到2000年之间,ASP技术已经成为微软推展Windows NT 4.0平台的关键技术之一,数以万计的ASP网站也是这个时候开始如雨后春笋般的出现在网络上。它的简单以及高度可定制化的能力,也是它能迅速崛起的原因 之一。不过ASP的缺点也逐渐的浮现出来:

意大利面型的程序开发方法,让维护的难度提高很多,尤其是大型的ASP应用程序。直译式的VBScript或JScript语言,让效能有些许的受限。延展性因为其基础架构扩充性不足而受限,虽然有COM元件可用,但开发一些特殊功能(像文件上传)时,没有来自内置的支持,需要寻求第三方软件商开发的元件。1997年时,微软开始针对ASP的缺点(尤其是意大利面型的程序开发方法)准备开始一个新项目来开发,当时ASP.NET的主要领导人Scott Guthrie刚从杜克大学毕业,他和IIS团队的Mark Anders经理一起合作两个月,开发出了下一代ASP技术的原型,这个原型在1997年的圣诞节时被发展出来,并给予一个名称:XSP,这个原型产品使用的是Java语言。不过它马上就被纳入当时还在开发中的CLR平台,Scott Guthrie事后也认为将这个技术移植到当时的CLR平台,确实有很大的风险(huge risk),但当时的XSP团 沈阳化工学院学士学位论文

第二章 开发工具与开发技术

队却是以CLR开发应用的第一个团队。

为了将XSP移植到CLR中,XSP团队将XSP的内核程序全部以C#语言重新撰写(在内部的项目代号是 “Project Cool”,但是当时对公开场合是保密的),并且改名为ASP+,作为ASP技术的后继者,并且也会提供一个简单的移转方法给ASP开发人员。ASP+首次的Beta版本以及应用在PDC 2000中亮相,由Bill Gates主讲Keynote(即关键技术的概览),由富士通公司展示使用COBOL语言撰写ASP+应用程序,并且宣布它可以使用Visual Basic.NET、C#、Perl与Python语言(后两者由ActiveState公司开发的互通工具支持)来开发。

在2000年第二季时,微软正式推动.NET策略,ASP+也顺理成章的改名为ASP.NET,经过四年的开发,第一个版本的ASP.NET在2002年1月5日亮相(和.NET Framework 1.0),Scott Guthrie也成为ASP.NET的产品经理(到现在已经开发了数个微软产品,像ASP.NET AJAX和Microsoft Silverlight)。目前最新版本的 ASP.NET 4.0 以及.NET Framework 4.0 已经在VS2010平台内应用。

2.2 开发工具

2.2.1 SQL server 2005数据库

数据库是信息的集合,是指长期存储在计算机内的、有组织的、可共享的数据集合。数据库中的数据按一定的数据模型组织、描述和储存,具有较小的冗余度、较高的数据独立性和易扩展性,并可为各种用户共享。例如,记录客户信息、网络通讯录等。以往会将这些数据记录到纸上或是计算机某个文件中,如果要修改或查询则要消费大量时间。现在人们借助计算机和数据库技术科学地保存和管理大量的复杂的数据,以便能方便而充分的利用这些宝贵的信息资源。数据被规整地存储起来,修改和查询只需几条SQL语句就完成了。

Internet集成。SQL Server 2005 数据库引擎提供完整的XML 支持。它还具有构成最大的Web 站点的数据存储组件所需的可伸缩性、可用性和安全功能。SQL Server 2000 程序设计模型与 Windows DNA 构架集成,用以开发 Web 应用程序,并且SQL Server 2005 支持 English Query 和 Microsoft 搜索服务等功能,在Web 应用程序中包含了用户友好的查询和强大的搜索功能。沈阳化工学院学士学位论文

第二章 开发工具与开发技术

2.可伸缩性和可用性。同一个数据库引擎可以在不同的平台上使用,从运行 Microsoft Windowsreg;98 的便携式电脑,到运行 Microsoft Windows 2000 数据中心版的大型多处理器服务器。SQL Server 2005 企业版支持联合服务器、索引视图和大型内存支持等功能,使其得以升级到最大 Web 站点所需的性能级别。

3.企业级数据库功能。SQL Server 2005 关系数据库引擎支持当今苛刻的数据处理环境所需的功能。数据库引擎充分保护数据完整性,同时将管理上千个并发修改数据库的用户的开销减到最小。SQL Server 2005 分布式查询使您得以引用来自不同数据源的数据,就好像这些数据是 SQL Server 2005 数据库的一部分,同时分布式事务支持充分保护任何分布式数据更新的完整性。复制同样使您得以维护多个数据复本,同时确保单独的数据复本保持同步。可将一组数据复制到多个移动的脱接用户,使这些用户自主地工作,然后将他们所做的修改合并会发布服务器。

4.易于安装、部署和使用。SQL Server 2005 中包括一系列管理和开发工具,这些工具可改进在多个站点上安装、部署、管理和使用 SQL Server 的过程。SQL Server 2005 还支持基于标准的、与 Windows DNA 集成的程序设计模型,使 SQL Server 数据库和数据仓库的使用成为生成强大的可伸缩系统的无缝部分。这些功能使您得以快速交付 SQL Server 应用程序,使客户只需最少的安装和管理开销即可实现这些应用程序。

2.3 开发环境

2.3.1 Visual Studio.NET2010开发环境

1998 年,微软公司发布了 Visual Studio 6.0。所有开发语言的开发环境版本均升至 6.0。这也是 Visual Basic 最后一次发布,从下一个版本(7.0)开始,Microsoft Basic 进化成了一种新的面向对象的语言:Microsoft Basic NET。由于微软公司对于 Sun 公司 Java 语言扩充导致与 Java 虚拟机不 兼容被 Sun 告上法庭,微软在后续的 Visual Studio 中不再包括面向 Java 虚拟机的开发环境。Visual Studio 97 是最早的 Visual Studio 版本。包含有面向 Windows 开发使用的 Visual Basic 5.0、Visual C++5.0,面向 Java开发的 Visual J++和 面向数据库开发的 Visual FoxPro,还包含有创建 DHTML(Dynamic HTML)所需要的 Visual InterDev。其中,Visual Basic 和 沈阳化工学院学士学位论文

第二章 开发工具与开发技术

Visual FoxPro 使用单独的开发环境,其他的开发语言使用统一的开发环境。

2002 年,随着.NET 口号的提出与 Windows XP / Office XP 的发布,微软发布了 Visual Studio.NET(内部版本号为 7.0)。在这个版本的 Visual Studio 中,微软剥离了 Visual FoxPro 作为一个单独的开发环境以 Visual FoxPro 7.0 单独销售,同时取消了 Visual InterDev。与此同时,微软引入了建立在.NET 框架上(版本1.0)的托管代码机制以及一门新的语言 C#(读作 C Sharp,意为 C#)。C# 是一门建立在 C++和 Java 基础上的现代语言,是编写.NET 框架的语言。

.NET 的通用语言框架机制(Common Language Runtime, CLR),其目的是在同一个项目中支持不同的语言所开发的组件。所有 CLR 支持的代码都会被解释成为 CLR 可执行的机器代码然后运行。

Visual Basic、Visual C++ 都被扩展为支持托管代码机制的开发环境,且 Visual Basic.NET更是从 Visual Basic 脱胎换骨,彻底支持面向对象的编程机制。而 Visual J++ 也变为 Visual J#。后者仅语法同 Java 相同,但是面向的不是 Java 虚拟机,而是.NET Framework。

2003 年,微软对 Visual Studio 2002 进行了部分修订,以 Visual Studio 2003 的名义发布(内部版本号为 7.1)。Visio 作为使用统一建模语言(UML)架构应用程序框架的程序被引入,同时被引入的还包括移动设备支持和企业模版。.NET 框架也升级到了 1.1。

2005 年,微软发布了 Visual Studio 2005。.NET 字眼从各种语言的名字中被抹去,但是这个版本的 Visual Studio 仍然还是面向.NET 框架的(版本2.0)。

这个版本的 Visual Studio 包含有众多版本,分别面向不同的开发角色。同时还永久提供免费的 Visual Studio Express 版本。

随着即将发布的 Windows Vista和 Office 2007,Visual Studio 9 也渐渐浮出水面。Visual Studio 9 目前可以确定的是支持建立于 DHTML 基础上的 Ajax 技术,这种微软在 Visual InterDev 时代提出的基于异步的客户端动 态网页技术在当年并没有像微软预期中的那么流行起来,反而随着 Gmail 等应用而东山再起,渐渐成为主流网络应用之一。同时 Visual Studio 9 会强化对于数据库的支持以及微软新的基于工作流(Workflow)的编程模型。预计为了保持与 Office 系列的统一,Visual Studio 9 的名称为 Visual Studio 2007。沈阳化工学院学士学位论文

第二章 开发工具与开发技术

2007年11月,微软发布了 Visual Studio 2008 英文版,2008年2月14日发布了简体中文专业版。

2010年4月12微软发布Visual Studio 2010以及.NET Framework 4.0,并于2010年5月26发布了中文版

Visual Studio.NET2010是Microsoft推出.NET应用程序开发工具。Visual Studio,我们一般都简称为VS,Visual Studio其实是微软开发的一套工具集,它由各种各样的工具组成,这就好像Office 2007时由Word 2007、Excel 2007、Access 2007等等组成的一个道理。其中Visual C++就是Visual Studio的一个重要的组成部分。Visual Studio可以用于生成Web应用程序,也可以生成桌面应用程序,在Visual Studio下面,除了VC,还有Visual C#,Visual Basec,过去还有Visual J#,现在还有Visual F#等等组件工具,使用这些工具你可以使用C++语言C#语言或者Basic语言进行开发。这就好比桌上放着刀、叉、筷子,你可以用它来吃饭,无论它们都是餐具的一种

2.3.2 CSS样式表在HTML中的实现

在HTML网页中加入CSS并不是只有一种方法,在不同的情况下,可以采用不同的方法,比较常用的有下面几中。

1.嵌入式样式表

嵌入式样式表的实现很简单,只需在每个要应用样式的HTML标签后写上CSS属性即可。例如要设置指定表格中的文字的样式为红色,字号为10pt,可在当前表格的

标记内添加下面的代码:

。这种方式主要用于对具体的标签作具体的调整,其作用的范围只限于本标签。嵌入式样式表不能充分体现出CSS样式表的优越性,所以应用场合并不多。

2.内联式样式表

若想只对当前页面应用样式,就要使用内联式样式表。所谓内联式样式表就是把样式表定义语句放在标签中,设置时通常放在HTML代码的部分。

3.外联式样式表 沈阳化工学院学士学位论文

第二章 开发工具与开发技术

外联式样式表是将指定的样式代码放到一个扩展名为css的样式文件中以方便其他网页的调用。这种方式的优点是可以通过一个css文件管理网站中的多个网页。如果要对网站中其他页面进行样式引用,可以先把样式用记事本定义成一个“css”的文件。例如:打开记事本,将定义的名为h3的样式代码写到记事本中,保存的文件名为example.css,代码如下:

h3{ font-family:“黑体”;color:green;font-style:italic; } 引用时在网页HTML代码的标记后用引用这个样式文件,在部分的相应内容的前后加上

。沈阳化工学院学士学位论文

dd沈阳化工学院学士学论文

三.方案设计与论证

3.1 项目概述与需求分析

3.1.1 目标

该软件是一个基于.NET技术的网站管理软件,程序采用B/S架构,能提供浏览等功能。用户可以在网上浏览计算机班级网站的基本信息,资料的上传下载,也可以进行留言及回复。管理员经过登陆,能够管理网站里所有的信息的添加、修改和删除。网站风格力求简洁朴素,美观大方,能够完成基本的功能。

软件开发目的是理解软件文档写作规范以及利用.net开发简单的网站,同时也希望最终产品能满足班级成员的期望。该网站运行的平台应具有IE浏览器5.0以上版本。

3.1.2 用户的特点

用户不需要任何技术背景,但能够具有浏览网页的基本操作能力。用户也无须具备网络方面的知识,只需知道如何访问网站。管理员需要有电脑打字方面的技术。

3.1.3 假定和约束

本软件的开发期限为五周。完成项目的主要困难是: 1.缺乏B/S软件开发的背景和知识 2.缺少平面设计的相关知识经 3.对.net开发平台的不熟悉 4.开发技术不成熟 5.没有软件工程实际经验

由于是个人完成整个软件的开发过程,时间、人力和技术上都有限,因此部分功 沈阳化工学院学士学位论文

dd沈阳化工学院学士学论文

能已简略.3.2 设计中的图表

3.2.1 对功能的规定

用户通过首页进入网站,以点击不同的栏目或链接,转入其它页面来浏览本网站的相关内容。用户可以上传下载资料,同时可以留言以及回复。管理员进入网站登陆后,可以通过后台管理对网站的数据库进行相关的操作,主要的后台管理分为七部分,分别对应网站的六大模块与用户管理。

具体栏目需求:

名称

班级首页:

需求说明

能展示班级主要动态信息,设置导航栏以及后台接口。风格力求简约大方,自然清新,能够体现大学生的精神面貌。

显示本班级简介;在后台进行修改。班级简介:

专业课程: 展示班级课程安排

班级通讯: 展示班级同学与同学的联系,按日期降序排列。

班级相册: 展示班级相册;点击每一条可查看详细。

资源共享: 可以上传和下载资源;资源列表以日期降序排列。

留言飞语: 可以留言和回复;添加留言者各种联系方式。

联系方式: 显示管理员的联系信息。沈阳化工学院学士学位论文

dd沈阳化工学院学士学论文

3.2.2 网站结构图:

班班级级首介页绍

班级首页注册/登陆资专班留源业级言共课通飞享程讯语图3.2.2 网站结构图

联系方式 沈阳化工学院学士学位论文

dd沈阳化工学院学士学论文

3.2.3 类图

图3.2.3 类图

3.3 测试

3.3.1 软件测试

软件测试就是利用测试工具按照测试方案和流程对产品进行功能和性能测试,甚至根据需要编写不同的测试工具,设计和维护测试系统,对测试方案可能出现的问题进行分析和评估。执行测试用例后,需要跟踪故障,以确保开发的产品适合需求。使用人工或者自动手段来运行或测试某个系统的过程,其目的在于检验它是否满足规定的需求或弄清预期结果与实际结果之间的差别。

它是帮助识别开发完成(中间或最终的版本)的计算机软件(整体或部分)的正确度(correctness)、完全度(completeness)和质量(quality)的软件过程;是SQA(software quality assurance)的重要子域

Grenford J.Myers曾对软件测试的目的提出过以下观点: 沈阳化工学院学士学位论文

dd沈阳化工学院学士学论文

(1)测试是为了发现程序中的错误而执行程序的过程

(2)好的测试方案是极可能发现迄今为止尚未发现的错误的测试方案

(3)成功的测试是发现了至今为止尚未发现的错误的测试。

然而,这种观点指出测试是以查找错误为中心,而不是为了演示软件的正确功能。但是只从字面意思理解,可能会产生误导,认为发现错误是软件测试的唯一目的,查找不出错误的测试就是没有价值的测试,实际上并非如此!

(1)测试并不仅仅是为了找出错误.通过分析错误产生的原因和错误的发生趋势,可以帮助项目管理者

发现当前软件开发过程中的缺陷,以便及时改进

(2)这种分析也能帮助测试人员设计出有针对性的测试方法,改善测试的效率和有效性

(3)没有发现错误的测试也是有价值的,完整的测试是评定软件质量的一种方法

(4)另外,根据测试目的的不同,还有回归测试、压力测试、性能测试等,分别为了检验修改或优化过程是否引发新的问题、软件所能达到处理能力和是否达到预期的处理能力等。沈阳化工学院学士学论文

第四章 设计与实现

四.设计与实现

4.1 网站框架和代码

4.1.1 添加用户

添加用户分三个角色:管理员、普通用户、班级同学。

图4.1.0添加用户

您可以选择添加角色或组,这让您可以允许或拒绝用户组对网站中特定文件夹的访问。例如,您可以创建“经理”、“销售人员”或“成员”等角色,每种角色对特定文件夹都具有不同的访问权限。沈阳化工学院学士学论文

第四章 设计与实现

图4.1.1创建新角色

4.1.2 管理用户

图4.1.2 管理用户

4.2 网站首页

4.2.1 班级首页

班级首页如图: 沈阳化工学院学士学论文

第四章 设计与实现

图4.2.1班级首页

4.2.2 网站首页部分代码

@{ ViewBag.Title = “班级首页”;}

沈阳化工学院学士学论文

第四章 设计与实现

第三篇:个人网站的设计与实现

二○○七届学生毕业论文(设计)

毕业设计(论文)论文题目

个人网站的设计与实现

英文 Personal Webside Design and accomplish 个人网站的设计与实现

摘 要

在互联网走进我们的生活之前,没有人敢梦想拥有自己的报纸、杂志、电台、电视台。除了政策上的制约外,一个人也根本没有操作一份传播媒体的能力。现在不同了,互联网给我们提供了一个“表达自我”的自由天地,你可以拥有自己的新闻邮件,你可以建立自己的个人网站。只要你办得成功也可以吸引成千上万的订户、读者,并建立自己在众多参与者中的权威地位。建立个人网站的基本过程可以分为以下七个环节:

1.了解中国网络个人主页研究背景与发展现状 2.系统需求分析与总体设计

3.熟悉网站开发模式、工具及环境

4.把自己的作品和想要展示的内容制作成网页 5.使用动态网页技术(ASP),实现动态内容更新 6.认真地选取测试用例,进行交叉测试 7.网站的后期完善、宣传及发展方向

其中 ,网页制作和使用动态网页技术(ASP)实现动态内容更新是网站开发的核心内容。

关键词:网页、制作、访问、链接

Abstract Enters before our life in the Internet, nobody dares to vainly hope for has own newspaper, the magazine, the broadcasting station, the television station.Besides the policy in restriction, a person simply has not also operated dissemination media the ability.Now has been different, Internet has provided to us “the expression” free world,You may have own news mail, you may establish own individual website.So long as you also manage the success to be possible to attract the tens of thousands of subscribers, the reader,And establishes oneself in the multitudinous participant's authoritative status.Establishes individual website the unit process to be possible to divide into following seven links: 1.understands the Chinese network individual main page research background and the development present situation 2.systems demands analysis and system design 3.familiar websites developments pattern, tool and environment 4.and wants own work the content which demonstrated to manufacture the homepage 5.uses dynamic homepages technology(ASP), realization dynamic content renewal 6.earnestly selects measured the test example, carries on the overlapping test 7.websites later periods consummate, the propaganda and the development direction Among them,The homepage manufacture and the use dynamic homepage technology(ASP)realizes the dynamic content renewal is the website development core content.Key word: Homepage, manufacture, visit, link

前 言

随着国际互联网的普及,很多人已经不满足仅仅在Internet上的浏览信息,而是希望更深入的参与其中,拥有自己的Web网站,这似乎已经成为一种潮流。如果说个人建立网站是为了追求时尚,那么企业建立网站就是必然的选择了。

无论是专业的,还是业余的,很多人对网页制作颇感兴趣。事实上制作一个简单的网页并不困难,会使用Word的人都可以胜任。但想做出超凡脱俗的网页就不那么容易了,而Dreamweaver却可以满足你的愿望,它是Macromedia公司开发的集网页制作和网站管理于一身的所见即所得的网页编辑器。

同样出自Macromedia公司的Flash,Fireworks在制作网站的过程中起到了锦上添花的作用,是个人网站实现的好帮手,在制作网站的时候经常会用到这些软件。

目 录

摘要----------------1 前言----------------1 第一章:绪论--3 1.1 我国网络发展现状---------------------3 1.2 个人网站的目的------------------------3 第二章:个人网站的开发环境--------4 2.1 Dreamweaver简述----------------------4 2.2 Dreamweaver的操作环境-------------4 2.3 ASP技术--5 第三章:需求分析--------------------------7 3.1 概述-------7 第四章:网站制作---------------------------9

4.1站点-----------9 4.2首页-----------9 4.3创建其它网页-----------------------------11 3.2个人网站的问题定义与可行性分析-7 3.3 个人网站整体要求----------------------8 第五章:网页链接的建立-----------------12 5.1 链接的概念12 5.2 创立连接---12 5.3文字链接-----15 5.4影像链--------16 5.5 Email链接---18 5.6文件下载链接------------------------------21 5.7在HTML语言中建立网页链接-------22 第六章:总 结--25 致谢------------------26 参考文献----------27

第一章 绪论

1.1 我国网络发展现状

2010年1月15日,中国互联网络信息中心(CNNIC)发布了《第25次中国互联网络发展状况统计报告》(以下简称《报告》)。《报告》数据显示,截至2009年12月,我国网民规模已达3.84亿,互联网普及率进一步提升,达到28.9%。随着我国互联网普及率的逐年提高,互联网正在走进人们的工作与生活。CNNIC《报告》调查显示,在家和单位上网的网民比例在2009年有了明显的提高,有83.2%的网民选择在家上网,另有30.2%的网民选择在单位上网,互联网作为人们日常工具的价值正在日益提升。

1.2 个人网站的目的

个人网站最开始的动机可能是出于兴趣或一种爱好,但时间一长,这些兴趣或爱好便为自己积累了许多资源,比如数量可观的访问量。当这些资源积累到一定程度的时候,商业意识比较敏感的个人网站站长便开始寻求开展电子商务,将自己手中的资源进行商业操作,从而,个人网站开始赚钱。当然,目前比较流行的个人网站赚钱方式可能更多的还是依赖于广告,但从目前个人网站的广告收入来看,它已经陷入了一个低谷。所以,如果个人网站想要得到长足的发展,或者希望自己的

网站能够赚钱,那么必须主动出击!事在人为,作为一个个人网站,我们可以拥有自己的产品,并把它们卖掉,依靠自己来赚钱!

一、个人网站自主经营的可行性 网民正在不断地快速增长。另有调查表明,网民的平均收入水平提高了,也就是说网民的消费水平也提高了。我们个人网站为什么要依靠做广告来赚钱?我们难道不可以转变一下思路吗?打个比方,你的网站日访问量有1000左右(也就是说每天有1000个人左右进入你的“商店”),做广告相当于代理别人的产品,就算卖出去了也只能返回给你一部分的利润。但是如果你的“商店”卖自己的产品,那么大部分利润就掌握在自己手中。广告赚钱只是做网站的“副产品”,真正的产品是你自己的网站。记住:你的网站是一座金矿,可能你只是开采了“浏览量”这一层矿产,更深层次的矿产你可能还尚未开发出来!你完全可以将你自己网站的产品进行出售,比如将你网站的精品内容印成一本书,然后在网上卖你自己的书。还有更多的经营方法,关键是你要去不断探索!下面我就结合我对互联网的观察与自己的实践经验告诉大家如何经营自己的产品。对于网络经商,起初一定要抱平和的心态!因为中国的网民毕竟不是很多,大家不要过分期望网络经商会给你带来很大的效益。要把网络经商作为一种锻炼,说句现实的话:“现在赚小钱,以后赚大钱”。这是我对

网络经商的一种“长期作战”的战略观点。第二章 个人网站的开发环境

2.1 Dreamweaver简述

Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器,它是第一套针对专业网页设计师特别发展的视觉化网页开发工具,利用 它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。

Dreamweaver是在网页设计与制作领域中用户最多、应用最广、功能最强大的软件,随着Dreamweaver 8的发布,更坚定Dreamweaver在该领域的地位。它集网页设计、网站开发和站点管理功能于一身,具有可视化、支持多平台和跨浏览器的特性,是目前网站设计、开发、制作的首选工具。Dreamweaver8.0的特点如下。

1、灵活的编写方式

Dreamweaver具有灵活编写网页的特点,不但将世界一流水平的“设计”和“代码”编辑器合二为一,而且在设计窗口中还精化了源代码,能帮助用户按工作需要定制自己的用户界面。

2、可视化编辑界面

Dreamweaver是一种所见即所得的HTML编辑器,可实现页面元素的插入和生成。或视化编辑环境大量减少了代码的编写,同时亦保证了其专业性和兼容性,并且可以对内部的HTML编辑器和任何第三方的HTML编辑器进行实时的访问。无论用户习惯手工输入HTML源代码还是使用可视化的编辑界面,Dreamweaver都能提供便捷的方式使用户设计网页和管理网站变得更容易。

3、功能更多的CSS支持——CSS可视化设计、CSS检查工具

4、动态跨浏览器验证

当保存时系统自动检查当前文档的跨浏览器有效性,可以指定何种浏览器为测试用浏览器,同时系统自动检验以确定页面有没有目标浏览器不支持的tags或CSS结构。动态跨浏览器有效性检查功能可以自动核对tags和CSS规则是否适应目前的主浏览器。

5、强大的WEB站点管理功能

6、内建的图形编辑引擎

7、Dreamweaver的集成特性

Dreamweaver 8继承了Fireworks、Flash和Shockwave的集成特性,可以在这些Web创作工具之间自由地切换,轻松地创建美观实用的网页。

8、丰富的媒体支持能力

可以方便地加入Java、Flash、Shockwave、ActiveX以及其他媒体。Dreamweaver具有强大的多媒体处理功能,在设计DHTML和CSS方面表现得极为出色,它利用JavaScript和DHTML语言代码轻松地实现网页元素的动作和交互操作。Dreamweaver还提供行为和时间线两种控件来产生交互式响应和进行动画处理。

2.2 Dreamweaver的操作环境

我们将工作界面分成了“标题栏”、“菜单栏”、“快捷工具栏”、“属性面板”、“浮动控制面板”5个部分来分别介绍。

2.2.1 标题栏

Dreamweaver MX的“标题栏”中将显示文字“Macromedia Dreamweaver MX”如果打开网页的话,在后面还会显示该网页的一些信息,如网页标题、所在位置及网页名称,右边有三个钮,分别对应Dreamweaver MX的最大化最小化和关闭的操作。

2.2.2菜单栏

“标题栏”下面就是“菜单栏”,栏中提供了“文件”、“编辑”、“查看”、“插入”、“修改”、“文本”、“站点”、“窗口”、“帮助”10项菜单。单击其中任意一项菜单,随即就会出现一个下拉式指令菜单。有些指令的右边会有键盘的代码,这是该指令的快捷键,熟练使用快捷键将会有助于提高工作效率。有些指令的右边会有一个小黑三角的标记,它代表该指令还包含下一级的指令,鼠标停留片刻即可显示。

2.2.3快捷工具栏

“快捷工具栏”指的是“菜单栏”下边的3排按钮,选择菜单“查看/工具栏”,勾选里面的“插入”、“文档”和“标准”3项,完整的快捷工具栏就显现出来了。

2.2.4属性面板

在网页编辑窗口的下面还有一个面板,它是有名的“属性面板”,它在这个软件中起到举足轻重的作用。

属性面板顾名思义,就是显示,调整属性的面板,根据鼠标所选中对象的不同,“属性面板”在界面上也会有所差异,用户可以分别对不同的对象进行调整。

2.3 ASP技术

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

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

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

2、语言相容性高

ASP与所有的ActiveX Script语言都相容,除了可结合HTML,VBScript、Java script Active X服务器组件来设计外,并可经由plug-In(外挂组件模组)的方式,使用其他厂商(Third Party)所提供的语言。

3、隐密安全性高

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

4、易于操控数据库

ASP可以轻易地通过ODBC(Open Database Connectivity)驱动程序连接各种不同的数据库,例如:Access fox pro、dBase、Oracle等等,另外,ASP亦可将“文本文件”或是“Excel” 文件当成数据库用。

5、面向对象学习容易

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

6、ASP的六大内部对象 对象名称 功能描述

Request Response Server Session Application Object Context 从客户端取得信息将信息送给客户端提供一些Web服务器工具储存在一个

Session内的用户信息,该信息仅可被该用户访问在一个 ASP-Application中让不同的客户端共享信息可以用来配合 Microsoft Transaction 服务器进行分布式事务处理 所以我选择了ASP结合Dreamweaver架构个人站点。

第三章 需求分析

3.1 概述

需求分析最根本的任务是确定“为了满足客户的需要,系统必须做什么”。具体的说,应该确定系统必须具有的功能和性能,系统要求的运行环境,并且预测系统发展的前景。必须仔细分析系统中的资料,既要分析系统中的数据流,又要分析长期使用的资料储存。该阶段不是确定系统怎样完成它的工作,而仅仅是确定系统必须完成哪些工作,也就是对目标系统提出完整、准确、清晰、具体的要求。

3.2个人网站的问题定义与可行性分析

一、明确架设网站的目的及客户要求

通常情况下,架设个人网站主要是为了通过互联网表达个人在商业、科技、交际、生活等方面的信息需求或者进行信息的交流,具有较强的目的性,我的个人网站一般体现在:为了展示自己的风采,让大家和我一起分享我的心得与经验,让和我有共同爱好的朋友有一个倾诉的地方。

二、我的个人网站概貌 因为是个人网站,所以只是选择了自己擅长和喜爱的内容,在突出自己的风格和特点的同时,还应用了现在流行的网站设计技术和数据库技术。因此将网站设计分为前台页面展示平台和后台在线管理平台。

三、功能划分

网站设计有新闻更新,浏览者可以在首页浏览自己喜欢的新闻,并且可以在留言板和大家交流,在后台管理页面中,通过身份认证,管理员——我,可以对网站信息进行管理。站内的其它页面均是我自己的精心收藏,与大家一起分享

3.2.1 功能定义

(1)管理员权限:修改所有页面内容、增删改文章、管理评论、修改公告、修改管理员自身信息、编辑各页面栏目、添加删除图片、添加删除音乐、修改版权信息等。

(2)浏览者权限:阅读所有页面内容、添加评论、添加留言、浏览文章、浏览图片、浏览音乐等。3.2.2 可行性分析

系统可行性分析主要从经济可行性、技术可行性和操作可行性三方面去分析。(1)经济可行性分析

从系统的开发和效益关系上讲,采用asp这个可以开发出交互、高性能Web数据库应用的技术进行开发,效率较高。该系统的开发不需要花费太多的经费,只需在域名和服务器空间租用上有开销,因为个人网站不涉及超大容量的文件存储和庞大的访问量,因此对于服务器来讲,要求不会太高,开销不会很大。因此,从经济性分析是可行的。

(2)技术可行性分析

根据现有的技术设备条件,在技术上实现也是可行的。在设备方面,前期系统开发在本地端制作完成,只需通过ftp软件上传至服务器端即可,而软件开发所需条件相对较低,对于系统开发及运行环境均不造成任何困难。对于系统开发人员基本具备了计算机专业知识,有一定的编程基础,熟悉和掌握数据库及网络相关知识,具备开发条件。

(3)操作可行性

该系统操作上非常简单,对于用户来说,只要具备IE浏览器5.5版本以上即可通过域名搜索即可登录本站。

3.3 个人网站整体要求

3.3.1 功能要求

(1)页面风格简洁明快,给人以较好的视觉印象。(2)用户浏览、操作均便捷,迅速。(3)用户权限、功能的设置要准确无误。3.3.2 系统性能要求

在目前硬件设备条件下,要求处理程序的速度相对较快。因此,在程序设计阶段,优化代码,降低处理时间是需要考虑的问题。3.3.3关于未来需求

由于系统开发时间较短,可能不是很完善,在运行过程中还会遇到一些问题,所以应在系统设计过程中对未来可能需要的扩充和修改做好准备,以便及时变更

第四章 网站制作

4.1 站点

4.1.1 创建站点

要制作一个网站,第一步操作都是一样的,就是要创造一个“站点”,这样可以使整个网站的脉络结构清晰地展现在面前,避免了以后再进行纷杂的管理。从菜单中选择“站点/管理站点”在弹出的对话框中选择“新建”,之后再选择其中的“站点”,再次弹出一个对话框,在文本框中输入自己已经企化好的网站名称“追梦人”。填好后,单击“下一步”,进入下一个步骤。由于我要做的是一个静态的网页,所以选择上面的一项“否,我不想使用服务器技术。” 单击“下一步”,进入下一个步骤。

在此选项中有两个选择,选择推荐的“编辑我的计算机上的本地副本,完成后再上传到服务器”。底下的文本框允许在本地磁盘上指定一个文件夹,Dreamweaver将在其中储存站点文件的本地副本。单击该文本框后面的文件夹图标,新建并指定一个空的文件夹“E:/ding”。之后单击“下一步“,进入下一个步骤。

这一步是如何设置连接到远程服务器,弹出式菜单中有6中选择,这里选择“无”。而后“下一步”再“完成”,即可。

4.1.2 创建站点内容

站点创建完成后,就可以创建Web页来填充站点了。在“右侧浮动面板组”中选择“文件/文件”面板,此时整个网站中没有任何内容。用鼠标右击面板中的本地根目录文件夹。在弹出的菜单中选择“新建文件”,新建一个文件后将其命名为“index.htm(或index.html),它就是未来的首页。网站分为“平面设计”、“动画制作”、“网文精品”、“经典回顾”、“个人说明“这五个大栏目,所以继续用鼠标右击右侧,在弹出的菜单中选择第二项“New Folder(新建文件夹)”。执行五次操作,新建五个文件夹,并把它们重命名为graph、anim、books、music、letter,分别对应上面的五个大栏目。存放它们各自的内容。之后再次新建1个文件夹,命名为images,用来存放“所有的图象文件”的内容。

之后在个栏目的文件夹里还要建立想相应的栏目网页。

4.2首页

4.2.1 设置首页布局

首页是打开网站后在浏览器中显示的第一个页面。它是起什么名字通常要视Server端的设置,一般的有index.htm,default.htm或home.htm等,目前主要以index.htm的居多。当然,后缀名为html也是正确的。

具体设置方法是:右健单击“文件”浮动面板中的index.htm,在弹出的菜单中选择“设成首页”。

首页的布局有很多方法,在这里我所用到的是表格的“布局模式”。“布局”模式中的表格称为布局表格,单元格称为布局单元格。在绘制布局表格和布局单元格时,必须从“标准”模式切换到“布局”模式。直接单击“布局”按钮即可。操作步骤:

1、在“插入快捷栏”的“布局”分类中,单击“布局表格”按纽。

2、将变成“+”形状的鼠标光标放到编辑中网页上,在要绘制的地方进行拖动就可以进行创建了。(如果绘制的是第一个表格必须从网页的最左上角开始绘制)。

3、在这里要绘制多个表格,可以再次单击“布局表格”按纽进行绘制,也可以按住Ctrl键绘制多个表格。

4.2.2设置首页的页面属性

首先双击“文件”浮动面板中的index.htm,进入页面的编辑窗口。右健单击空白区域,在菜单中选择“页面属性”,之后弹出“页面属性”对话框,若选择主菜单“修改/页面属性”项,也可以把打开该对话框。

在“页面属性”对话框中,左侧窗口显示“分类”,其中包括了“外观”、“链接”、“标题”、“标题/编码”、“跟踪图像”5项,右侧区域则显示各类中可以设置的项目。4.2.3查看和编辑头内容

一个网页文件结构上实际是由两部分组成,头(head)内容和主体(body)内容主体内容(body)是文档的主要部分,也是包含文本和图像等的可见部分。头内容(head)是除文档标题外的不可见部分,包含有文档类型、语言编码、搜索引擎的关键的关键字和内容指示器以及样式定义等重要信息,这些元器并不是每个页面都需要的,例如,可以仅为主页提供关键字。

下面就以首页为例,说明怎样插入较常用的头(head)内容。

单击“菜单拦”下面“插入快捷”的下拉列表,选择其中的HTML类,此时右侧将会显示该类中可以插入的对象快捷按钮,再次单击第2个按钮“文件头”旁边的下拉箭头,会弹出菜单,该项列出的便是即将插入的头内容。4.2.4 插入图像

图像是网页中不可或缺的组成成份,恰当地使用图像,可以使网站充满生活生命力与说服力,吸引更多的浏览者,加深他们欣赏你网站的意愿。

另一方面,网页的容量大小是网站成功与否的一大关键因素。由于网络在传输上的限制,导致了下载的速度不可能太快,因此,网页的大小就不能太大,其中关键就在于图像的大小了,否则浏览者会失去等待的耐心,无论你的网站多么精彩也无济于事了。

所以,在网面容量大小的问题上一定要重视。下面就来详细介绍对网页图像进行处理的操作步骤,以使得它们在保持图形美丽与网站风格搭配的基础上,图片文件能够变的更小。

1、首先将光标停留在要插入图像的位置,然后单击“菜单栏”下面“插入快健栏”的下拉表,选择其中的“常用”类,则右侧将会显示该类中可以插入的对象快键按钮。左起第5个即为“图像:图像”按钮,单击它右侧的下拉列表,选择第1项“图像”。

2、随即弹出“选择图像源文件”对话框。从计算机磁盘中选择想要插入的图像文件,或在URL编辑框中输入图像的路径和名称。下面的“相对于”下拉表框中,可选择文件URL地址的类型,如果选择“文档”选项,表示图像地址相对于当前文档;如果选择“站点根目录”选项,表示地址相对于根目录。在这里我要插入的是网站标志logo,插入logo图象。

最后单击“确定”按钮,即可完成插入图像的操作。

4.2.5 插入多媒体

在Dreamweaver中,除了之前讲到的可以插入“图像”外,还可插入动画、声音、视频等媒体元素,如Flash,Shockwave,Applets,ActieX及格Midi声音文件等,并且还可以在Dreamweaver自身内插入Macromedia Flash按钮和文本对象,以及进行相关的后期处理和添加设计备注等操作。

在Dreamweaver MX 2004文档中,可以插入媒体文件包括Flash Shockwave影片、QuickTime、AVI java、applet Active X控件以及各种格式的音频文件。

要在浏览器中播放放Flash 动画,必须在浏览器中集成“Flash 播放器(Flash Player)”。其中,Internet Explorer通过ActiveX控制来实现,Netscape Navigator则是通过相应的插件来实现的。在最新的Netscape Navigator和Internet Explorer浏览器中,均已集成了 Flash动

3、画播放功能。操场作步骤:

步骤1 将光标停留在要插入Flash的位置,然后单击菜单栏下面“插入快捷栏”的下拉列表,选择其中的“常用”分类,右侧将会显示该类中可以插入的对象快捷按钮。左起第6个即为“媒体”按钮,单击它右侧的下拉列表,选择第1项Flash图标。

步骤2 在弹出的对话框中选择扩展名为swf 的Flash文件,即可将其插入到Dreamwe

aver的“网页编辑窗口”中,可以看到,在这个窗口中Flash文件的大小。在这里我的主页插入的一个动画。4.2.6插入文本

在网页中,文本内容也可以说是重要的组成部分,一个网站成功与否,它是最关键的因素。在这最关键的因素。可丰富网站的文字内容,并以最最美观、最整齐的方式放入到网页中。

插入文本的两种方式

一种是在网页编辑窗口中直接用键盘敲入文本。这可以算是最基本的输入方式了,和一些文本编辑软件(如Microsoft Word)的使用方法一样,选择好习惯的输入法,就可以运指如飞了。

另一种是复制文本的方式。有些读者可能不喜欢使用Dreamweaver来进行打字的工作,而更习惯在专门的文本编辑软件中快速打字,如Microsoft Word和 Windows自带的记事本等,又或者读者已经准备好了要放入网页的文本的电子版本,那么我们就可以直接使用Dreamweaver的文本复制功能,将大段的文本内容拷贝到网页的编辑窗口来进行排版的工作,具体步骤如下。

打开文本编辑软件(如Microsoft Word),选中要复制的文本,它们将反白显示,执行菜单“编辑/复制”命令或直接用快捷键Ctrl+C,之后切换回Dreamweaver,将光标停留在插入文本的位置,执行主菜单“编辑/粘贴”命令或直接使用快捷键Ctrl+v,即可将大段的文本快速粘贴到网页中。

这在我的“网文精品”中用到很多,全部是在word软件中排好ctrl+c,然后点击要粘贴的位置,crtl+v到Dreamweaver即可。

4.3创建其它网页

还有其它的几个网站与主页的制作相同,一个网页是图象和文字的组合。

“平面设计”中的图象插入和前面的介绍相似,并可以在属性拦中调节图象的大小。在Dreamwerver中常常会用到Firework、Flash,它们是相辅相成,在主页中的主体部分就是用Firework 在“个人说明”中也用到这点,首先定好需要尺寸,在属性中设好背景,颜色等等,插入图象,输入文字,也word里的操作雷同。

第五章 网页链接的建立

5.1 链接的概念

链接(或称超链接)是网页与网页之间一种单向的连接关系。也是www.xiexiebang.com如图所示

(3)即对所选文本或图像建立完链接。

5.6文件下载链接

“文件下载链接”的原理很简单,只要链接文件属于浏览无法识别的关型,便都会使用IE浏览器直接进行下载,并保存到本地计算机中。

浏览器无法识别的文件类型有很多,这里就介绍一个最常用的,以zip或rar为后缀名的压缩格式文件,这种文件可以使用主流的压缩软件(如winzip、winrar)来制作。下面我们就业以实例来说明。

在前面“插入多媒体”一章中,我们曾经讲过直接链接文件的方式来插入“视频”,即直接在“链接”文本框中输入“文件名+名后缀名”,如olympus.wmv。单日击这个链接,经过数据下载后,Windows系统将启动自带的媒体播放器Windows Media Player 来播放该视频。操作步骤

步骤1 先将视频文件olympus.wmv通压缩成olympus.rar文件,放入站点的media文件夹下。

步骤2 将文件路径输入至“链接”文本框中。

步骤3 保存网页,按下F12预览,在浏览器中单击“下载精彩广告视频”链接文本,会弹出“文本下载”选择框,单击其中的“保存”按钮。

步骤4 在“另存为”对框中选择保存到本地计算机中的位置,实例中为“经典回顾”文 件夹。之后单击“保存”按钮,压缩文件即保存到该位置中。至此,“文件下载链接”便制作完成了。读者可以打开“我的文档”文件夹,解压缩olympus.rar文件,随时欣赏下载影片。

本设计中未用到此链接,在此只作简单介绍。

5.7在HTML语言中建立网页链接

5.7.1文字链接

在HTML语言中用超链接标记指向一个目标。其基本格式为: 举个简单的“文本链接”的实例,该实例相对应的HTML代码如下所示。 文字链接

a href-“index2.html”target=”-blank”>平面设计(新开窗口,-blank)

动画制作(原窗口,默认为空)

网文精品

第四篇:课程网站的设计与实现

课程网站的设计与实现

摘要:课程建设是“高等学校教学质量与教学改革工程”的一项重要内容,也是教育部深化教学改革,以教育信息化带动教育现代化的一项重要举措。课程网站是课程建设和评价的窗口,是课程网络化学习的平台,是教师与学生互动交流的媒介,也是精品课程示范幅射的载体。因此,课程网站建设意义重大。

本课程网站就是为了顺应这一时代要求而设计的。本网站的开发是采用asp及ACCESS数据库进行开发。

在本篇文章中,首先对本系统设计的意义和开发工具等做了简要介绍,接着对系统做了详细的需求分析;然后给出了课程网站所需的功能,重点探讨了精品课程网站的设计法案;接着对该网站前台框架、实验教学、教学研究、教学成果模块等进行了重点详细介绍,并给出了具体实现步骤;通过测试分析,该系统的运行稳定、可靠,具有一定的实用价值。

关键词:网站;asp;dreamweaver; access; 资源共享 1

目录

第一章 绪论.......................................................2 1.1 课程网站开发背景............................................2 1.2 课程网站现状分析............................................2 1.3 建立课程网站的意义..........................................2 1.4 本文的主要工作..............................................3 1.5 论文结构....................................................3 第二章 网站概述...................................................3 2.1 网站前台设计..................................................3 2.2 开发环境简介..................................................4 2.2.1 asp介绍..................................................4 2.2.2 数据库开发工具简介........................................4 第三章 设计与实现.................................................5 3.1 代码和界面.................................................5 总结与展望...............................................48 致谢..............................................................48参开文献..........................................................50

的精品课程网站的实验教学、教学研究、教学成果3个模块的开发过程的详细描述。在项目组成员的共同努力下,成功地实现了网站的研究与开发。开发步骤如下:

(1)网站需求分析

(2)初步框架设计(包括原型页面的实现)(3)数据库设计

(4)页面与底层的交互融合

(5)代码整合以及整合后的测试工作

1.5 论文结构

第一章:绪论部分。介绍了论文的选题背景、所研究内容的现状析和设计精品课程网站的意义,解决的主要问题及应达到的技术要求。

第二章:网站概述及相关技术介绍。

第三章:总结与展望,对本论文的主要研究内容进行了扼要的总结,总结了论文的主要研究成果,并提出了有待进一步开展的工作。

第二章 网站概述及相关技术介绍

2.1网

2.2.1 asp介绍

(现学期:2014年春学期)

第五篇:网页设计与网站建设

《网页设计与网站建设》实验教学大纲

课程编号070105007

学时学分:总学时:64总学分:4实验学时:

32适用对象:计算机科学与技术及相关本科专业

课程属性:专业方向课

实验属性:非独立设课

一、课程的性质与任务

随着Internet的普及,网页已经成为人们信息发布及获取、思想交流和商务往来最重要的途径,网页制作已成为当今社会上一种比较热门的技术,本课程突出实用技术和应用技能,是计算机专业学生的一门必选课,同时又可作为相关专业学生的选修课。

网页设计课程是学生在学习了高级程序设计语言、数据库原理及应用等课程的基础上开设的一门实用性较强的课程,实验课的任务是通过实验加深对理论知识的理解,基本掌握WEB应用的规划、设计和动态网页制作中对于内容的动态显示与更新技术,培养学生的动手能力和设计能力。

二、实验的目的与基本要求

实验目的:通过实验让学生掌握网站的配置方式和网页设计的基本方法。

基本要求:

(1)掌握页面的设计与布局的基本方法;

(2)掌握JS脚本语言的使用方法;

(3)掌握asp.net控件(包括HTML控件与服务器端控件)的使用方法。

三、实验考核方式及办法

实验成绩根据学生的实验完成情况、实验纪律、实验报告进行综合评定,给出优(90-100)、良(70-89)、及格(60-69)、不及格(60以下)。实验成绩占本课程总成绩的20%,对缺实验成绩或不及格者,《网页设计与网站建设》课程不予通过。

四、实验项目一览表

网页制作实验项目一览表

序 号2 3 4

5实验项目 名称

div布局 css层叠样式单

JS脚本 asp.net控件 ado.net数据库连接

实验 类型

验证性 设计性 设计性 设计性 设计性

实验 要求

必做 必做 必做 必做 必做

适用 专业

理工类 理工类 理工类 理工类 理工类

学 时6 6 6 8

五、实验项目的具体内容:

实验一div布局

1.本次实验的目的和要求

掌握网页设计的DIV布局方式,能够使用DIV进行层布局,认真撰写实验报告,严格遵守实验室规章制度。

2.实验内容或原理

掌握dream weaver软件的基本功能,熟悉dream weaver的工具箱,使用DIV做层布局。

3.需用的仪器或试剂等

多媒体计算机,操作系统Windows 2000/XP以上,并安装有dream weaver软件,搭建好asp.net的开发环境。

4.实验步骤

(1)打开dream weaver软件;(2)使用div布局设计网页;(3)div的布局设计与修改。

5.教学方式

学生主要通过上机实验,在相应的软件环境下学习处理,教师实时指导。

6.考核要求

实验过程中能认真独立完成实验,实验完成后及时上交实验报告,实验过程的表现和实验报告成绩记入平时成绩。

7.实验报告要求

实验报告格式正确,书写工整,字迹清楚,步骤叙述清楚,实验结果符合逻辑。

实验二css层叠样式单

1.本次实验的目的和要求

通过dream weaver软件的使用,掌握使用css层叠样式单做布局样式控制的方法,要求认真撰写实验报告,严格遵守实验室规章制度。2.实验内容或原理

通过dream weaver软件的使用,使用css层叠样式单做布局样式控制。3.需用的仪器或试剂等

多媒体计算机,操作系统Windows 2000/XP以上,并安装有dream weaver软件,建好asp.net的开发环境。4.实验步骤

(1)打开dream weave软件。

(2)用css层层叠样式单做布局样式控制。(3)css层叠样式单编写与调用。5.教学方式

学生主要通过上机实验,在相应的软件环境下学习处理,教师实时指导。6.考核要求

实验过程中能认真独立完成实验,实验完成后及时上交实验报告,实验过程的表现和实验报告成绩记入平时成绩。7.实验报告要求

实验报告格式正确,书写工整,字迹清楚,步骤叙述清楚,实验结果符合逻辑。

实验三JS脚本

1.本次实验的目的和要求

掌握JS脚本的基本用法、变量、函数、DOM文档对象的操作。要求认真撰写实验报告,严格遵守实验室规章制度。2.实验内容或原理

JS脚本的基本用法、变量、函数、DOM文档对象的操作。3.需用的仪器或试剂等

多媒体计算机,操作系统Windows 2000/XP以上,并安装有dream weave软件。4.实验步骤

(1)打开dream weave软件。

(2)新建JS文件,编写脚本程序实现对JS脚本的变量、函数、DOM文档对象的操作。

(3)外部调用JS文件。5.教学方式

学生主要通过上机实验,在相应的软件环境下学习处理,教师实时指导。6.考核要求

实验过程中能认真独立完成实验,实验完成后及时上交实验报告,实验过程的表现和实验报告成绩记入平时成绩。7.实验报告要求

实验报告格式正确,书写工整,字迹清楚,步骤叙述清楚,实验结果符合逻辑。

实验四 asp.net控件

1.本次实验的目的和要求

掌握asp.net控件(包括HTML控件与服务器端控件)的使用方法。实验后要求认真撰写实验报告,实验过程中严格遵守实验室规章制度。2.实验内容或原理

运用所学知识,用HTML控件与服务器端控件进行编程,实现简单功能。3.需用的仪器或试剂等

多媒体计算机,操作系统Windows 2000/XP以上,并安装有asp.net开发平台。4.实验步骤

(1)打开asp.net开发平台。(2)新建空白页面或者空站点。

(3)用HTML控件与服务器端控件进行编程并调试。5.教学方式

学生主要通过上机实验,在相应的软件环境下学习处理,教师实时指导。6.考核要求

实验过程中能认真独立完成实验,实验完成后及时上交实验报告,实验过程的表现和实验报告成绩记入平时成绩。7.实验报告要求

实验报告格式正确,书写工整,字迹清楚,步骤叙述清楚,实验结果符合逻辑。

实验五ado.net数据库连接

1.本次实验的目的和要求

掌握ado.net数据库连接的基本概念、ADO.NET对象模型、SqlConnection对象。

2.实验内容或原理

建立ado.net数据库连接,ADO.NET对象模型、SqlConnection对象。3.需用的仪器或试剂等

多媒体计算机,操作系统Windows 2000/XP以上,并安装有asp.net开发平台。4.实验步骤

(1)打开asp.net开发平台。(2)建立ado.net数据库连接。

(3)通过SqlCommand对象提供的方法传递对数据库操作的命令,并返回命令执行的结果。5.教学方式

学生主要通过上机实验,在相应的软件环境下学习处理,教师实时指导。6.考核要求

实验过程中能认真独立完成实验,实验完成后及时上交实验报告,实验过程的表现和实验报告成绩记入平时成绩。7.实验报告要求

实验报告格式正确,书写工整,字迹清楚,步骤叙述清楚,实验结果符合逻辑。

六、实验教材及主要参考资料

翁健红编著,基于C#的ASP.NET程序设计(第2版),机械工业出版社

七、教改说明及其他

在实验教学过程中可以结合优秀网站分析、优秀作业点评、作业中普遍存在的主要问题及改正方法的分析等方法相互穿插结合进行教学。

下载学校网站建设的设计与实现word格式文档
下载学校网站建设的设计与实现.doc
将本文档下载到自己电脑,方便修改和收藏,请勿使用迅雷等下载。
点此处下载文档

文档为doc格式


声明:本文内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:645879355@qq.com 进行举报,并提供相关证据,工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。

相关范文推荐

    毕业论文_社交网站的设计与实现[本站推荐]

    摘要 互联网技术的发展使得社交网络日益流行起来,并引起国内外人们的关注与参与,社交网络的注册人数逐年增长,其内容不断更新。社交网站为人们提供了一个交友的网络平台,通过网......

    基于ASP的教学网站的设计与实现

    4.5.3查看主题信息 用户在论坛首页中,单击讨论主题超链接,将进入到查看主题信息页面,该页面主要实现以下功能: 1.显示当前主题的详细信息; 2.显示当前主题的回复信息。 查看主题......

    论文:个人网站的设计与实现

    个人网站的设计与实现 前 言 随着国际互联网的普及,很多人已经不满足仅仅在Internet上的浏览信息,而是希望更深入的参与其中,拥有自己的Web网站,这似乎已经成为一种潮流。如果......

    企业电子商务网站的设计与实现

    《企业电子商务网站的设计与实现》开题报告一、文献综述 随着网络的普及与发展,企业在Internet上拥有自己的网站是必然趋势,网上主页不仅成为企业宣传产品和服务的窗口,也是树......

    个人博客网站的设计与实现

    摘 要 最近几年博客在国内发展的非常迅猛,它可以作为其使用者个人或者工作中的文章、日记、照片等分享的平台,其渐渐成为新兴的网路媒介,并且扩展至营销、商业推广等商业应用,越......

    课程网站的设计与实现(精选5篇)

    课程网站的设计与实现摘要:课程建设是“高等学校教学质量与教学改革工程”的一项重要内容,也是教育部深化教学改革,以教育信息化带动教育现代化的一项重要举措。课程网站是课......

    个人网站的设计与实现 毕业设计(论文)

    随着国际互联网的普及,很多人已经不满足仅仅在Internet上的浏览信息,而 是希望更深入的参与其中,拥有自己的Web网站,这似乎已经成为一种潮流。如果说个 人建立网站是为了追求......

    毕业设计(论文)个人网站的设计与实现

    题目:个人网站实现技术 个人网站实现技术 个人网站的设计与实现 前 言 随着国际互联网的普及,很多人已经不满足仅仅在Internet上的浏览信息,而是希望更深入的参与其中,拥有......