动态网站设计与制作论文Word文件下载.docx
《动态网站设计与制作论文Word文件下载.docx》由会员分享,可在线阅读,更多相关《动态网站设计与制作论文Word文件下载.docx(13页珍藏版)》请在冰豆网上搜索。
在众多图像处理软件中,Adobe公司推出的专门用于图形、图像处理的软件Photoshop以其强大的功能、集成度高、适用面广和操作简便而著称于世。
本站在很多方面使用了PHOTOSHOP极其相关的技术:
首先,本站的整体样式是通过PHOTOSHOP设计出来,在PHOTOSHOP上形成网站整体的风格和样式,这样的关键是PHOTOSHOP在设计上有非常大的作用,这是其他软件很难媲美的,而且PHOTOSHOP软件还可以对所设计的网页进行切割,然后导出优化结果,这样的结果是HTML格式的,就可以很方便的导入到DreamweaverMX进行进一步的编辑。
2.2本网站编写设计环境选择
为了完美的表现出网站的魅力和风采,在本网站编写环境选择上采用国际先进的网页、平面处理等工具及其动态网页语言。
2.3编程语言选择ASP(ActiveSeverPages)
(ASP)是服务器端脚本编写环境,使用它可以创建和运行动态、交互的Web服务器应用程序。
由于脚本在服务器上而不是在客户端运行,传送到浏览器上的Web页是在Web服务器上生成的。
所以不必担心浏览器能否处理脚本,这也是本旅游网站选择ASP的原因。
2.4数据库连接
ODBC(OpenDatabaseConnectivity)数据源中文译名为“开放数据连接”,是微软公司开发的一个数据库访问标准。
它的两个用途分别是:
第一,使用ODBC技术,设计人员只需编写一个程序版本,就可以访问多种数据库,从而使程序具有更好的兼容性和适应性。
第二,有些应用程序需要访问某种数据库,但程序所在的计算机上并没有安装相应的数据库软件。
如果为了使用某种数据库,可以安装相应的数据库软件,但有些数据库软件极其庞大,并且对计算机的硬件、软件配置有非常高的要求,即便能够安装,也会占用大量的系统资源。
为此,ODBC提供了一批常用的数据库软件驱动程序,包括MicrosoftAccess的驱动程序。
这样,计算机上即便没有安装MicrosoftAccess,但只要有了MicrosoftAccess的驱动程序,程序就可以访问数据库。
如果要在ASP程序中通过ADO对象访问数据库,必须先建立一个数据源(DataSource)。
数据源包含了如何与一个数据提供者进行连接的信息。
数据提供者可以是任何支持ODBC的数据库。
数据源有三种类型:
系统数据源、用户数据源和文件数据源。
如果建立的数据源是系统数据源,则所有的用户都可以访问;
如果是用户数据源,则只有指定用户可以访问;
如果是文件数据源,则数据源信息将被存储在一个文件中,多个用户可以通过它来访问数据库。
“网上书店”的ODBC数据源是名为“db”的系统数据源。
数据源的配置流程为:
“开始”→“设置”→控制面板→管理工具→数据源(ODBC)。
当数据库参数设置完成,会弹出测试所建立的数据源是否成功,同时也列出了连接到MicrosoftAccess数据源的所有信息。
2.5网站运行环境选择IIS(InternetInformationServer)
IIS即MicrosoftInternetInformationServer是运行Windows平台的一款Web服务器,支持ASP的运行。
本站的浏览需要IIS的支持。
本旅游网站需要在IIS下才能正常运行。
2.6网站数据库选择Access
本旅游网站就是采用这个开发工具MicrosoftAccess开发数据库。
3.网站的主要功能和模块
任何一个网站,必须首先具有明确的目的和目标群体。
网站是面对客户、供应商、消费者还是全部?
主要目的是为了介绍企业、宣传某种产品还是为了试验电子商务?
如果目的不是唯一的,还应该清楚的列出不同目的的轻重关系。
建站包括类型的选择、内容功能的筹备、界面设计等各个方面都受到目的性的直接影响,因此目的性是一切原则的基础。
更新是网站的点睛之作,是吸引回头率的主要手段之一,也是一个主流网站所不可或缺的。
在浏览者眼中,网站的生命力就体现在这里。
本网站浏览者可以查看景区。
本网站主要由主页、江郎山景区、廿八都景区、浮盖山景区、历史人物故居、留言版等栏目组成。
以下具体介绍主要制作方法:
3.1新建站点
在Dreamweaver中建立站点,是进行网站开发的第二个关键步骤。
这里所讲的建立站点,其实就是在Dreamweaver中定义站点、策划站点结构、部署开发环境。
定义站点是为了更好地利用【文件】面板对站点文件进行管理,也是为减少一些错误的出现,如路径出错,链接出错等等。
许多初学者开始做网页时,就只知道做单一网页,对文件的条理性、结构性不加以管理,没有对文件进行分类管理,使整个站点结构显得很乱;
所以在开发之前应该认真策划好站点结构。
打开DreamweaverMX2004软件,执行【站点】|【站点管理】命令,在弹出的【站点管理】对话框中选择【新建】,按新建站点的步骤逐步进行设置,最后保存完成制作。
3.2创建动态网站首页
(1)使用Dreamweaver MX制作首页模板
1)首先单击WindowsXP的“开始”→“所有程序”→“Macromedia”→“MacromediaDreamweaverMX”。
2)“文件”→“新建”然后弹出一个对话框点击创建即可。
图3-1
(2)网站的功能介绍
网站的组织结构图:
主页
江郎山
廿八都古镇
浮盖山
仙峡关
历史人物故居
留言版
4.本网站前台功能介绍
4.1主页
主页index.asp全图如下所示:
图4-1
这个主页使浏览者清楚了解到江山大概的人文景观。
同时在主页中包含了江郎山、廿八都古镇、浮盖山石洞群、历史人物故居、及留言版这五个大块内容。
4.2江郎山
江郎山jls.asp全图如下:
图4-2
主要功能:
介绍江郎山的风土人情,传说的故事,江郎山、青龙虎山溪、伟人峰等景点。
4.3廿八都古镇
廿八都古镇nbd.asp全图如下:
图4-3
介绍廿八都山歌和景点。
4.4浮盖堆石洞群
浮盖堆石洞群fgdsdq.asp全图如下:
图4-4
对浮盖堆石洞群进行了详细的介绍,还有对浮盖山、枫岭关、炼石三叠和洞群景色一一作了说明。
4.5历史人物故居
历史人物故居lsrwgj.asp全图如下:
图4-5
介绍戴笠老家和戴笠一生和戴笠家的各种机关。
4.6仙峡关
仙峡关xxg.asp
图4-6
介绍仙峡古道、月亮湖和仙峡关。
4.7留言版
(1)留言版
图4-7-1
可以在此网站中注册用户并给这个网站留言,互相交流,提供意见。
(2)详细留言页面
图4-7-2
5.网站的主要代码
5.1鼠标跟踪代码
<
script>
varx,y
varstep=18
varflag=0
varmessage="
★FOLLOWMe!
"
message=message.split("
)
varxpos=newArray()
for(i=0;
i<
=message.length-1;
i++){
xpos[i]=-50}
varypos=newArray()
ypos[i]=-200}
functionhandlerMM(e){
x=(document.layers)?
e.pageX:
document.body.scrollLeft+event.clientX
y=(document.layers)?
e.pageY:
document.body.scrollTop+event.clientY
flag=1}
functionwww_helpor_net(){
if(flag==1&
&
document.all){
for(i=message.length-1;
i>
=1;
i--){
xpos[i]=xpos[i-1]+step
ypos[i]=ypos[i-1]}
xpos[0]=x+step
ypos[0]=y
i<
message.length-1;
i++){
varthisspan=eval("
span"
+(i)+"
.style"
thisspan.posLeft=xpos[i]
thisspan.posTop=ypos[i]}}
elseif(flag==1&
document.layers){
document.span"
+i)
thisspan.left=xpos[i]
thisspan.top=ypos[i]}}
vartimer=setTimeout("
www_helpor_net()"
30)}
document.write("
spanid='
+i+"
'
class='
spanstyle'
>
document.write(message[i])
/span>
)}
if(document.layers){
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove=handlerMM;
www_helpor_net();
//-->
/script>
5.2跑马灯代码
MARQUEEscrollAmount=2hspace=5scrollDelay=10loop=100width="
90%"
height=20on="
left"
directialign="
center"
<
FONTface=宋体color=#ffffff
size=2>
STRONG>
请你留言<
/FONT>
/MARQUEE>
5.3本站简介代码
marqueedirection=upheight=100scrollamount=1scrolldelay=20width="
95%"
>
欢迎光临本网站,初次做网站,请大家不要见笑,水平有限,以后会越来越好,请各位多多指教!
!
/marquee>
6.旅游网站系统功能具体的实现
6.1数据库的设计与创建表
Tid
自动编号
Tname
文本
tE_mail
Thomepage
Toicq
Tsubject
Tcotent
tdata
日期/时间
表6-1
7.网站的测试与维护
网站制作完成后,我对网站做了全面的测试,首先在IIS中建立一个虚似的目录,填写一个虚拟目录名,如:
jc选择目录,点下一步,然后完成就可以了。
再打开浏览器输入地址,以上面的虚拟目录名为例,应该是http:
//localhost/jc/index.asp
进入网站的主页。
打开留言版(new.asp)填写留言信息。
就这样每一个页面都经过仔细的测试,最后测得结果此旅游网站可以正常的对外交流。
以外还需要管理人员不断的传送新的咨讯,及时的处理好游客留言,不断更新,做好网站的维护工作。
8.总结
经过了三个月的学习和工作,我终于完成了动态网站的设计和论文。
从开始接到论文题目到设计的实现,再到论文文章的完成,每走一步对我来说都是新的尝试与挑战,这也是我在大学期间独立完成的最大的项目。
在这段时间里,我学到了很多知识也有很多感受,使自己非常稚嫩作品一步步完善起来,每一次改进都是我学习的收获。
虽然我的论文作品不是很成熟,还有很多不足之处,但我可以自豪的说,这里面的每一个页面,都有我的劳动。
当看着自己的网站,真是莫大的幸福和欣慰。
我相信其中的酸甜苦辣最终都会化为甜美的甘泉。
参考文献
[1].蔡翠平编著:
《网络程序设计——ASP》,清华大学出版社,2003年8月第5次印刷;
[2].丁贵广等编著:
《ASP编程基础与实例》,机械工业出版社;
[3].黄明、梁旭编著:
《ASP信息系统设计与开发实例(第2版)》,机械工业出版社出版;
[4].CraigEddy,TimothyBuchanan编著:
《中文Access2000学时教程》,机械工业出版社;
[5].周家地编著:
《DreamweaverMX入门与提高》,清华大学出版社,2002年4月;
[6].赵丰年编著:
《网页制作教程》,人民邮电出版社,2002年7月北京第5次印刷;
致谢
经过半年的忙碌和工作,本次毕业设计已经接近尾声,作为一个大专生的毕业设计,由于经验的匮乏,难免有许多考虑不周全的地方,如果没有导师的督促,以及一起工作的同学们的支持,想要完成这个设计是难以想象的。
在这里要感谢我的导师刘晓丹老师。
刘老师平日里工作繁多,但在我做毕业设计的每个阶段,从外出实习到查阅资料,设计草案的确定和修改,中期检查,后期详细设计,装配草图等整个过程中都给予了我悉心的指导。
我的设计较为复杂烦琐,但是刘老师仍然细心地纠正其中的错误。
除了敬佩刘老师的专业水平外,她的治学严谨和科学研究的精神也是我永远学习的榜样,并将积极影响我今后的学习和工作。
还要感谢大学三年来所有的老师,为我们打下计算机专业知识的基础;
同时还要感谢所有的同学们,正是因为有了你们的支持和鼓励。
此次毕业设计才会顺利完成。
最后感谢长征学院三年来对我的大力栽培。