屈直网页设计论文.docx
- 文档编号:18595556
- 上传时间:2023-08-20
- 格式:DOCX
- 页数:19
- 大小:167.90KB
屈直网页设计论文.docx
《屈直网页设计论文.docx》由会员分享,可在线阅读,更多相关《屈直网页设计论文.docx(19页珍藏版)》请在冰点文库上搜索。
屈直网页设计论文
网页制作毕业论文
07NSA屈值
4/15/2010
目录]前言摘要
第一部分设计任务及准备工作
1.1设计任务--------------------------------------------------------------4
1.1.1设计题目-----------------------------------------------------------4
1.1.2设计思想-----------------------------------------------------------4
1.2准备工作--------------------------------------------------------------2
1.3网页设计考虑的问题---------------------------------------------------5
1.4网页制作流程---------------------------------------------------------6
1.5网页模块图------------------------------------------------------------7
第二部分开发环境与开发工具
2.1开发环境-------------------------------------------------------------8
2.2开发工具--------------------------------------------------------------9
2.2.1Dreamweaver简介----------------------------------------------------9
2.2.2Flash简介---------------------------------------------------------9
2.2.3Access2000简介---------------------------------------------------10
2.2.4HTML简介-----------------------------------------------------------10
第三部分开发技术
3.1ASP服务器的建立-------------------------------------------------------10
3.1.1IIS5.0简介--------------------------------------------------------11
3.1.2IIS5.0的安装步骤--------------------------------------------------11
3.1.3配置IIS-----------------------------------------------------------12
3.2Access2000数据库建立------------------------------------------------12
第四部分开发过程
4.1站点-----------------------------------------------------------------13
4.1.1本地站点和远程站点-------------------------------------------------13
4.1.2打开站点窗口--------------------------------------------------------13
4.1.3定义站点-----------------------------------------------------------13
4.1.4创建文件夹----------------------------------------------------------13
4.1.5创建文件-----------------------------------------------------------13
4.2配置网络服务器--------------------------------------------------------13
4.2.1IIS5.0的安装步骤----------------------------------------------------13
4.2.2配置IIS-------------------------------------------------------------13
4.3创建数据库-------------------------------------------------------------13
4.3.1创建登陆链接数据表users--------------------------------------------13
4.3.2创建在线调查数据表dq------------------------------------------------10
4.3.3创建新闻发布数据库--------------------------------------------------10
4.3.4创建技术论坛数据库Books---------------------------------------------10
4.3.5创建留言板数据库BBS-------------------------------------------------14
4.4连接数据库------------------------------------------------------------14
4.4.1启动ODBC数据库资源管理器-------------------------------------------14
4.4.2创建Access的系统DSN-----------------------------------------------14
4.5创建页面--------------------------------------------------------------14
4.5.1创建主页页面index.asp-----------------------------------------------14
4.5.2其它页面的制作-------------------------------------------------------14
第五部分原代码和程序-----------------------------------------------------14
-
第一部分设计任务及准备工作
1.1设计任务
设计一个个人网站
1.1.1设计题目
我的小说网
1.1.2设计思想
首先,一个网页的设计要经过功求分析,然后设计网页的部局,最后是填充数据。
这里主要是记一下设计网页过程中应该注意的事项。
界面上,主体框架的色彩应该本着单调统一的原则设计。
这样可以使得网页的整体感加强,并且可以简化网页部局设计工作量,减小网页体积。
华丽的界面在第一感观上可能胜过单调色彩的界面,但是体积累赘(可能你的界面比你网站的实用数据高出十几到几十倍)是网络传输的杀手,而且还有很多客户的PC可能配置并不高,就可能造成客户当机,所以在用户体验上是不合格的设计方案,所以我选择简单风格设计。
其实不论你的界面设计得有多好,但是时间一长,客户都会感觉枯燥,或者客户并不喜欢你个人认为好的设计,所以这时我们要给用户以选择,有两种方式:
一是模板,二是定制。
而在简单风格的规化下这两个方案都易实现(相对于华丽界面),其中以模板方式最简单普遍。
内容上,这是用户需要的东西,也就是用户进入网站的目的:
获取信息。
这时我们在进行网页设计的时候要更多考虑的东西就是用户需要什么,我们能提供什么,把它们的交集放到醒目的位置,其于网站资源就放到普通位置上作为附加值。
这时在界面上我们就可以进一部考虑内容的排版啦,这个就不用太多考滤数据量的问题(因为用户找这个信息必然得有相应的承受能力),而要多考虑美工方面的问题。
1.2准备工作
确定网站的主题,计划要发布的内容。
一般个人主页可以根据自己的爱好或一些热门的话题来选择网站制作的主题,如普及医疗卫生知识,提供文学艺术信息,学习计算机技术,或者直截了当地向世人推销自己等等。
创建站点的导航结构
这一步也就是网站制作的整体框架设计。
注意在站点的基本结构中,页面之间的链接关系要清晰,同时要兼顾以后的可扩充性,以备网站的修改与发展。
收集、整理相关资料
包括:
网站徽标、背景图片、按钮图片以及网站制作需要展示的内容。
有能力者可以自己编制网站制作所需的内容,在此,你会更多地涉及到许多制图、绘图、图象处理、三维动画等等方面的软件应用。
组织文档和数据,进行具体的建设网站
1.3网页设计考虑的问题
在制作网页之前应设计出网页的页面结构,即需要设计几个栏目和版块。
大多数网站都是以表格来布局网页,也可以用框架同表格结合来完成。
一般制作的第一个网页应该是首页,首页是整个网站精华的汇集。
测试站点
制作出的网站可以先在本地进行测试,检查站点的浏览器兼容性已经可能存在的错误链接等。
网站制作后要申请域名和主页空间
域名分为国际域名和国内域名(具体的请查看本网站的网页设计中的基本步骤一节)在此就不再多说了。
请登录申请域名,根据你的资金实力和网站的重要性做出选择:
网站制作后期连接服务器,上传网站。
利用专门的上传软件对网页进行上传,如:
flashFTP就是一款很好的网页上传软件,方便、灵活。
1.4网页制作流程
一个网站的整体规划和设计的好坏是它发展的重要之处,也是它吸引人们浏览的所在之处。
Internet/Intranet技术的日益发展,使人们认识到了Internet/Intranet的优势,更使得数据库与web的连接成为数据库开发方面的热门技术之一。
通常情况下,通过浏览器看到的网页大多是静态的。
所谓“静态”,是指网站的网页内容“固定不变”,当浏览器通过互联网的HTTP(HypertextTransportProtocol)协议向Web服务器请求提供网页时,服务器仅仅是将原来设计好的静态HTML文档传给浏览器。
其页面内容使用的仅仅是标准的HTML代码,最多再加上流行的GIF89A格式的动态图片,比如产生几只小猫小狗跑来跑去的动画效果。
若网站维护者要更新网页的内容,就必须手动更新所有的HTML文档。
静态网站的致命弱点就是不易维护。
为了更新网页的内容,网站维护者必须重复制作HTML文档,随着网站内容和信息量的日益扩增,可以想象这是多么复杂繁琐的工作。
那么,什么是动态网站呢?
所谓“动态”,并不是指放在网页上的图片会动,动态页面应具有以下几个特点:
(一).交互性:
即网页能根据客户的要求和选择而动态改变和响应,浏览器即作为客户端界面,这是今后Web发展的大势所趋。
(二).自动更新:
即无需手动更新HTML文档,就能自动生成新的页面,从而大大减少工作量。
(三).因时因人而变:
即当不同的时间、不同的人访问同一网址时能产生不同的页面,这一点对于需要对使用者授权的网站尤其适用。
随着的Internet迅速发展,不管是专业的ISP(Internet服务提供者)和ICP(Internet内容提供者),还是一般的政府机关、银行、交通部门、学校、医院、服务者,甚至是每个人,都在积极寻求在Internet上发布信息,提供新型的网上管理和服务。
可以说,网站设计和网站的编辑正成为新兴的热门行业。
(一).项目立项
我们接到客户的业务咨询,经过双方不断的接洽和了解,并通过基本的可行性讨论够,初步达成制作协议,这时就需要将项目立项。
较好的做法是成立一个专门的项目小组,小组成员包括:
项目经理,网页设计,程序员,测试员,编辑/文档等必须人员。
(二).客户的需求说明书
第一步是需要客户提供一个完整的需求说明。
很多客户对自己的需求并不是很清楚,需要您不断引导和帮助分析。
有些客户可能对自己建什么样的网站根本就没有明确的目的,以及他的网站建好后来干什么也是一无所知,为了客户能有明确的目的我们需要耐心说明,仔细分析,挖掘出客户潜在的,真正的需求。
这样对大家都有好处,我们的宗旨应该是“客户明明白白,双方高高兴兴。
”对客户和自己都是一种负责。
配合客户写一份详细的,完整的需求说明会花很多时间,但这样做是值得的,而且一定要让客户满意,签字认可。
把好这一关,可以杜绝很多因为需求不明或理解偏差造成的失误和项目失败。
糟糕的需求说明不可能有高质量的网站。
那么需求说明书要达到怎样的标准呢?
简单说,包含下面几点:
正确性:
每个功能必须清楚描写交付的功能;可行性:
确保在当前的开发能力和系统环境下可以实现每个需求;必要性:
功能是否必须交付,是否可以推迟实现,是否可以在削减开支情况发生时"砍"掉;简明性:
不要使用专业的网络术语;检测性:
如果开发完毕,客户可以根据需求检测。
1.5网页模块图
1.我的小说网
登陆主界面
2,我的小游戏
其他页面
3,我的论坛
论坛登录界面
第二部分开发环境与开发工具
2.1开发环境
根据动态网页执行的前提条件和开发动态页的流程。
构建ASP动态网页开发环境主要分为3个组成部分,即IIS服务器的安装与配置,动态站点的定义和数据库的连接。
其中,为了更好地理解数据库连接及其实现原理,本章的中间还以实例的方式介绍了目前主流数据库的连接方式。
作为开发入门的基础知识讲解,实例将着重知识内容的介绍。
要点提要:
1、掌握IIS服务器的安装与设置。
2、掌握动态站点的定义过程和参数设置。
3、了解并掌握目前主流的数据库联系方式。
4、学会在Dreamweaver8中实现对数据库的连接。
设计思路提要:
基于ASP技术的动态网页开发环境的无双建过程中,IIS服务器的安装和设置要相对简单,基本上的可视化界面进行操作即可。
而无需深入到系统的内部。
而至于动态站点的定义,基实现过程与静态网页的操作步骤基本一致。
不同的是动态网页必须指定服务器类型。
最后,完成动态站点的定义后便可利用数据库连接字符或DNS,实现对数据库的连接。
2.2开发工具
2.2.1Dreamweaver简介
Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器,它是第一套针对专业网页设计师特别发展的视觉化网页开发工具,利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页
Dreamweaver可以用最快速的方式将Fireworks,FreeHand,或Photoshop等档案移至网页上。
使用检色吸管工具选择萤幕上的颜色可设定最接近的网页安全色。
对於选单,快捷键与格式控制,都只要一个简单步骤便可完成。
Dremweaver能与您喜爱的设计工具,如PlaybackFlash,Shockwave和外挂模组等搭配,不需离开Dremweaver便可完成,整体运用流程自然顺畅。
除此之外,只要单击便可使Dreamweaver自动开启Firework或Photoshop来进行编辑与设定图档的最佳化。
2.2.2Flash简介
FLASH简介Flash是一种交互式矢量多媒体技术,他的前身是Futureplash,早期网上流行的矢量动画插件。
后来由于Macromedia公司收购了FutureSplash以后便将其改名为Flash2,到现在最新的flash4。
现在网上已经有成千上万个Flash站点,著名的如Macromedia专门ShockRave站点,全部采用了ShockwaveFlash和Director。
可以说Flash已经渐渐成为交互式知量的标准,未来网页的一大主流
2.2.3Access2000简介
Access是微软公司推出的基于Windows的桌面关系数据库管理系统(RDBMS),是Office系列应用软件之一。
它提供了表、查询、窗体、报表、页、宏、模块7种用来建立数据库系统的对象;提供了多种向导、生成器、模板,把数据存储、数据查询、界面设计、报表生成等操作规范化;为建立功能完善的数据库管理系统提供了方便,也使得普通用户不必编写代码,就可以完成大部分数据管理的任务。
历史
MicrosoftAccess1.0版本在1992年11月发布。
微软指定它对系统最小要求为视窗3.0配以4兆节内存.6兆节内存配以最小8兆节硬盘空间(建议最好有14兆节硬盘空间)则为建议的系统要求.当时软件以7张1.44兆节软碟发布的载体.这个软件能够有效地处理大量记录但是测试显示在某些情况下会导致数据损毁
2.2.4HTML简介
HTML(HyperTextMarkupLanguage超文本标记语言)是一种用来制作超文本文档的简单标
记语言。
用HTML编写的超文本文档称为HTML文档,它能独立于各种操作系统平台(如UNIX,
WINDOWS等)。
自1990年以来HTML就一直被用作WorldWideWeb上的信息表示语言,用于描述
Homepage的格式设计和它与WWW上其它Homepage的连结信息。
HTML文档(即Homepage的源文件)是一个放置了标记的ASCII文本文件,通常它带有.html或.htm的文件扩展名。
生成一个HTML文档主要有以下三种途径:
1.手工直接编写(例如用你所喜爱的ASCII文本编辑器或其它HTML的编辑工具)。
2.通过某些格式转换工具将现有的其它格式文档(如WORD文档)转换成HTML文档。
3.由Web服务器(或称HTTP服务器)一方实时动态地生成。
第三部分开发技术
3.1ASP服务器的建立
ASP服务器的建立
3.1.1IIS5.0简介
IIS是InternetInformationServices的缩写,是一个WorldWideWebserver。
Gopherserver和FTPserver全部包容在里面。
IIS意味着你能发布网页,并且有ASP(ActiveServerPages)、JAVA、VBscript产生页面,有着一些扩展功能。
IIS支持一些有趣的东西,象有编辑环境的界面(FRONTPAGE)、有全文检索功能的(INDEXSERVER)、有多媒体功能的(NETSHOW)其次,IIS是随WindowsNTServer4.0一起提供的文件和应用程序服务器,是在WindowsNTServer上建立Internet服务器的基本组件。
它与WindowsNTServer完全集成,允许使用WindowsNTServer内置的安全性以及NTFS文件系统建立强大灵活的Internet/Intranet站点。
IIS(InternetInformationServer,互联网信息服务)是一种Web(网页)服务组件,其中包括Web服务器、FTP服务器、NNTP服务器和SMTP服务器,分别用于网页浏览、文件传输、新闻服务和邮件发送等方面,它使得在网络(包括互联网和局域网)上发布信息成了一件很容易的事。
3.1.2IIS5.0的安装步骤
一、首先把PHP的压缩包(这里以PHP4.3.2为例)解压到C:
\php目录中(C盘是我的系统盘),然后从其中找到一个叫php.ini-recommended的文件,更名为php.ini。
二、打开该文件,找到extension_dir="./",将其改为extension_dir="C:
\php\extensions";
再找到session.save_path=/tmp,将其改为session.save_path=C:
\php\sessions。
(注:
此时需要在C:
\php目录下建立sessions文件夹,以存放session)
三、将修改好的php.ini文件拷贝至C:
\winnt目录下,将C:
\php下的php4ts.dll文件拷贝到C:
\winnt\system32目录下
四、在控制面板的管理工具里打开“Internet服务管理器”点击默认WEB站点的属性,打开属性页,点击“ISAPI筛选器”选项卡,点击“添加”,在弹出的“筛选器属性”窗口的“筛选器名称”中填入“php”;在“可执行文件”中填入“C:
\php\sapi\php4isapi.dll”,点击确定。
点击“主目录”选项卡,选择“应用程序设置”中的“配置”按钮,在弹出的“应用程序配置”窗口中点击“添加”按钮,在弹出的“添加/编辑应用程序扩展名映射”窗口中的“可执行文件”中填入“C:
\php\sapi\php4isapi.dll”,“扩展名”一项填入“php”
3.1.3配置IIS
一、IIS的添加
请进入“控制面板”,依次选“添加/删除程序→添加/删除Windows组件”,将“Internet信息服务(IIS)”前的小钩去掉(如有),重新勾选中后按提示操作即可完成IIS组件的添加。
用这种方法添加的IIS组件中将包括Web、FTP、NNTP和SMTP等全部四项服务。
二、IIS的运行
当IIS添加成功之后,再进入“开始→设置→控制面板→管理工具→Internet服务管理器(Internet信息服务)”以打开IIS管理器,对于有“已停止”字样的服务,均在其上单击右键,选“启动”来开启。
3.2Access2000数据库建立
Access2000数据库建立
第四部分开发过程
4.1站点
4.1.1本地站点和远程站点
4.1.2打开站点窗口
4.1.3定义站点
4.1.4创建文件夹
4.1.5创建文件
4.2配置网络服务器
4.2.1IIS5.0的安装步骤
4.2.2配置IIS
4.3创建数据库
4.3.1创建登陆链接数据表users
4.3.2创建在线调查数据表dq
4.3.3创建新闻发布数据库
4.3.4创建技术论坛数据库Books
4.3.5创建留言板数据库BBS
4.4连接数据库
4.4.1启动ODBC数据库资源管理器
4.4.2创建Access的系统DSN
4.5创建页面
4.5.1创建主页页面index.asp
4.5.2其它页面的制作
第五部分原代码和程序
<%@pageimport="java.sql.*,java.util.*,lx.*"%>
<%@pageimport="javax.sql.*,javax.naming.*"%>
<%//连接数据库的六种方式
dbeanenv=null;
ResultSetrs=null;
Stringdrv="",url="",sql="";
Propertiespt=newProperties();
Stringlx0=request.getParameter("lx");
if(lx0==null)lx0="1";
int
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页 设计 论文
![提示](https://static.bingdoc.com/images/bang_tan.gif)