车动我心网页设计毕业论文

1、 毕业设计（论文）题 目 车动我心网页设计 【摘要】根据前期调研我发现，现在有很多汽车爱好者其中也有很多学生。这些人了解汽车动向的主要途径通常是去展览官和日常所见而更多更全的消息却是来源于网络，网络在这方面提供的信息目前已经比较完善，尤其是非政府组织的汽车知识网站更是出类拔萃，我选择用学过的网页制作软件制作这个车动我心汽车鉴赏网站的目的旨在介绍汽车发展历史和一些超出我想像力的概念车，开阔视野，节约学习成本。并为喜欢汽车知识的朋友提供一个学习交流的动感平台。【关键词】车动我心、asp、javascript显示对应的拉丁字符的拼音 字典 - 查看字典详细内容【abstract】accor

2、ding to the preliminary research i found that there are many car enthusiasts, there are many of them students. these people know automotive trends are usually the main way to show officials and all they see is more and more the message is from the network, the network information provided in this ar

3、ea is now fairly complete, especially non-governmental organizations, knowledge of site vehicles is outstanding, i chose school over the web authoring software to produce this "car moves my heart," the purpose of car appreciation of the site is to introduce some of automobile history and c

4、oncept car out of my imagination, expand their horizons, learn to save costs. and for friends like the vehicle of knowledge provide a learning platform for dynamic exchange.【keywords】car moving my heart, asp, javascript朗读显示对应的拉丁字符的拼音 字典 - 查看字典详细内容目录【摘要】·······

5、··················································

6、··········2目录·······································

7、83;······························4前言···················

8、··················································

9、·5网站架构················································&

10、#183;·················6第1童 使用软件介绍······························&#

11、183;························7 1.1 dreamweaver mx概述·····················

12、3;···························7 1.2 flash 概述····················&#

13、183;·····································71.3 adobe photoshop 7.0 概述········

14、;···································7第2章 首页介绍·············&#

15、183;··············································8第3章 用户管理注册·

16、83;·················································

17、83;···10第4章 asp技术应用············································&#

18、183;···········15第5章 网页随机显示生成技术···································

19、3;···········18第6章 留言板·····································&

20、#183;·······················19第7章 安全的后台管理和留言管理·······················&

21、#183;···················22第8章 flash制作····························

22、······························31第9章 首页flash制作介绍·················&

23、#183;·······························33第10章photo shop图片处理···············

24、;·································35第11章css 样式应用··············

25、83;········································37第12章 iis服务器组建·······

26、··············································3812.1准备篇 iis的添加和运行·

27、;···········································3812.1.2 iis的添加····&#

28、183;···············································3812.1.2 iis的运

29、行··················································

30、;··3812.2 iis之web服务器·············································

31、······38 12.2.1 建立第一个web站点········································

32、3;··3812.2.2 添加更多的web站点···········································39结束语

33、3;·················································

34、3;·················42参考文献·······························

35、3;··································41前言以前，在网页制作的时候，通常都是使用frontpage来完成。由于frontpage使用方便，操作简单，即使没有网络编程经验的制作人员也可以设计出吸引人的网页，因此，很多网页设计者

36、一直使用frongpage。frontpage2000集成在office2000办公自动化软件中，其工作界面和操作风格和word一样，因此，frontpage相对于其他网页制作软件来说，易学易用，是网页制作初学者的入门软件。从功能来讲，dreamweaver和frontpage各有千秋，但dreamweaver自身有明显的特点：首先dreamweaver引入了图层的概念，可以在dreamweaver中直接制作一些动画效果。其次dreamweaver支持最新的dhtml（动态html）标准css（层叠样式表单）规范。另外dreamweaver具有增加插件的功能，用户可以安装各种插件来增强自己的d

37、reamweaver。最后dreamweaver中又新增了资源管理器、内建参考手册。整合sourcesafe和webdav，集成了macromediaexchange.其灵活方便的操作界面，也是很多人选用dreamweaver的一个原因。就目前来说dreamweaver已经占据网页编辑软件霸主的位置我们再来谈谈我最喜欢的动画网页制作软件flash。与其说flash是一个动画网页制作工具，还不如说它是一个功能强大的多媒体制作工具更为恰当。利用flash可以独立制作出非常精彩的多媒体网页，包括动画的制作、声音效果的添加等。另外flash对internet的支持，主要表现在它采用了流控制技术，不用等

38、整个动画的movie下载完，就可以开始播放，对于一个internet冲浪者来讲，这是一件很有吸引力的事情。同时flash采用了矢量图形的制作方法，当对一副图进行任意的缩放时，它的质量并不会发生变化，而且文件很小，利于网络传输。firework是macromedia公司推出的图像处理软件，与其他图形处理软件的设计思想都很相似，但它又有很多自己的特色。firework是一个人完全为网页制作者设计的图形处理软件，对制作基于网络的图形有特殊的支持，能够自由的导入导出各种图像。firework作为第一款为网络实际而开发的图像处理软件，能够自动切图，生成鼠标动态感应的javascript。而且firewo

39、rk具有十分强大的动画功能和一个几乎完美的网络图像生产器。firework可以轻松辨认矢量文件中的绝大部分标记以及photoshop文件的层。网站流程图概念汽车保时捷turbo scabriolet在线留言奔驰法拉利首页法拉利嘉联华汽车最新动向保时捷发展史911-gt3法拉利f1法拉利fxx法拉利发展史法拉利430奔驰sl-k奔驰slr 722奔驰发展史奔驰sl跑车引导页第1章 使用软件简介1.1 dreamweaver mx 概述macromedia dreamweaver mx，其对像是对本软件主要特性尚不熟悉的用户。本指南中的课程引导您完成创建一个简单但具备一定功能的 web 站点的过程

40、。 macromedia dreamweaver mx 是一种专业的 html 编辑器，用于对 web 站点、web 页和 web 应用程序进行设计、编码和开发。无论您喜欢直接编写 html 代码的驾驭感还是偏爱在可视化编辑环境中工作，dreamweaver 都会为您提供帮助良多的工具，丰富您的 web 创作体验。 利用 dreamweaver 中的可视化编辑功能，您可以快速地创建页面而无需编写任何代码。不过，如果您更喜欢用手工直接编码，dreamweaver 还包括许多与编码相关的工具和功能。并且，借助 dreamweaver，您还可以使用服务器语言（例如 asp、asp.net、coldf

41、usion 标记语言 (cfml)、jsp 和 php）生成支持动态素据库的 web 应用程序。 1.2 flash 概述macromedia flash mx2004 影片是用于 web 站点的图形、文本、动画和应用程序。它们主要由矢量图形组成，但是还可以包含导入的视频、位图图形和声音。flash 影片可以结合交互性，从而允许观看者进行输入，您也可以创建与其它 web 应用程序交互的非线性影片。web 设计人员可以使用 flash 创建导航控件、动画徽标以及带有同步声音的长篇动画，甚至可以创建完整的丰富多彩的 web 站点。flash 影片使用的是压缩的矢量图形，这使它们可以快速下载，并可以

42、根据观看者的屏幕进行缩放。 您可能已经在许多 web 站点上看见过或接触过 flash 影片。无素 web 用户在他们的计算机、浏览器或系统软件上都安装有 flash player；其他人也都从 macromedia web 站点下载了该播放器。flash player 驻留在本地计算机上，它可以在浏览器中回放影片，也可以作为一个单独的应用程序。在 flash player 中观看 flash 影片就像在 dvd 播放器中观看 dvd 一样，flash player 就是用于显示在 flash 创作应用程序中创建的影片的设备。 1.3 adobe photoshop 7.0 概述欢迎使用 ad

43、obe® photoshop® 7.0 这一专业级图像编辑标准。借助集成的web 工具应用程序 adobeimageready®，photoshop 为专业设计和图形制作营造了一个功能广泛的工作环境，使人们可以创作出既适于印刷亦可用于 web、无线装置或其它介质的精美图像。不仅如此，photoshop 还提供了与 adobe 其它应用程序（包括 adobe illustrator®、adobe indesign®、adobe golive®、adobe livemotion、adobe after effects® 和 ad

44、obe premiere®）一致的工作环境。第2章 首页介绍作用：使广大校友更方便快捷的了解汽车世界的最新消息。本页风格立体、时尚，红色是一种相当具有视觉冲击力的颜色也十分动感，恰好能与我们的网站相搭配，立体感更突出了汽车本身所具有的一种魅力，它也是一个衬托更能显示汽车的独特气息，能反映了我们内心对完美的一种追求。包含子栏目：名车介绍、汽车最新动向、概念汽车、法拉利嘉年华。（1）名车介绍：主要介绍了保时捷911 gt3 rs、法拉利f430、兰博基尼6.5mt，三部车都是经过车的车的主人独具匠心的一流设计，可胃是时尚汽车的引领者。（2）汽车最新动态：故名思意就是介绍了汽车届的最新新敏

45、感的事态，里面包括了，广州车展豪华车品牌览、世界著名跑车等等。（3）概念汽车：主要是介绍了未来的我们所想像的汽车，但也不缺乏现实的存在，里面包括有：欧翼车门设计 别克riviera概念车将亮相 、雷诺推出一款全新neptun coupe概念车、阿斯顿马丁推新概念车等等都是著名的一看就让人眼前一亮的汽车品种。（4）法拉利嘉年华：做为汽车的爱好者有可能不知道法拉利这样著名的名车吗？这个法拉利嘉年华主要是介绍了法拉利嘉年华也是为庆祝今年法拉利公司成立60周年而在中国举办的众多活动之一，如果对此车展有兴趣而又错失了那次经典的车展的话，那么请不要再一次错失这么难得的机会了。 本页架构为e字型，即是e字头

46、部是一个动感的flash导航条，e字左边枝干分别是一个用户的登陆与注册，和一个名车的在线投票。第3章 用户管理注册<%language="vbscript" codepage="936"%> <!-#include file="conn.asp" -><% '这段代码的作用是读取user.asp页面表单里的内容dim username,password '申明变量，编程好习惯_username=request.form("username") password=requ

47、est.form("password") '把表单里控件content的内容，赋值给content%><%set rs=server.createobject("adodb.recordset")sql="select * from reg where username='"&username&"' and password='"&password&"'"rs.open sql,conn,1,1%><

48、%if rs.eof or rs.bof thenresponse.redirect"logfal.asp"elsesession("username")=usernameresponse.redirect"main03.asp"end if%><%rs.close '因为rs记录集对象不需要用了,所以用close关闭它，set rs=nothingconn.close 'conn数据库连接对象也不需要了,也用close关闭它， set conn=nothing '所有控制权交给留言本首页 inde

49、x.asp%>新用户注册：点击首页登陆用户的注册按钮，就会弹出注册新用户界面，让用户可以在留言板处留言，*号的为必填选项。<tr> <td height="120" align="center" valign="top"> <div align="center"> <form name="form1" method="post" action="reg.asp?step=2"> <table wi

50、dth="800" height="30" border="0" cellpadding="0" cellspacing="0" bgcolor="#990000"> <tr> <td> <div align="center" class="m4">新用户注册 </div></td> </tr> </table> <table width=&

51、quot;95%" border="0" cellpadding="0" cellspacing="1" bgcolor="#990000"> <tr> <td width="43%" height="45" bgcolor="#ffffff"><span class="reg1">用户名：</span><br> <span class="reg

52、2">注册用户名长度限制为112字节</span></td> <td width="57%" bgcolor="#ffffff">&nbsp; <input name="username" type="text" class="t1" id="username" size="30"> <span class="lyb1">*</span>&l

53、t;/td> </tr> <tr> <td height="45" bgcolor="#ffffff"><span class="reg1">性别：</span><br> <span class="reg2">请选择您的性别</span></td> <td bgcolor="#ffffff">&nbsp; <span class="reg2&quo

54、t;> <input name="sex" type="radio" value="男" checked> 男 <input type="radio" name="sex" value="女"> 女 <input type="hidden" name="regtime" > </span></td> </tr> <tr> <td height

55、="45" bgcolor="#ffffff"><span class="reg1">网站密码：</span><br> <span class="reg2">请输入密码</span></td> <td bgcolor="#ffffff">&nbsp; <input name="password1" type="password" class="

56、t1" id="password1" size="30"> <span class="lyb1">*</span></td> </tr> <tr> <td height="45" bgcolor="#ffffff"><span class="reg1">网站密码</span><br> <span class="reg2">

57、请再输一遍确认 </span></td> <td bgcolor="#ffffff">&nbsp; <input name="password2" type="password" class="t1" id="password2" size="30"> <span class="lyb1">*</span></td> </tr> <tr> &

58、lt;td height="45" bgcolor="#ffffff"><span class="reg1">qq号:</span><br> <span class="reg2">方便联系</span></td> <td bgcolor="#ffffff">&nbsp; <input name="qq" type="text" class="t

59、1" id="qq" size="30"></td> </tr> <tr> <td height="45" bgcolor="#ffffff"><span class="reg1">email地址：</span><br> <span class="reg2">请输入有效的邮件地址</span></td> <td bgcolor=&quo

60、t;#ffffff">&nbsp; <input name="email" type="text" class="t1" id="email" size="30"></td> </tr> <tr> <td height="45" colspan="2" bgcolor="#ffffff"><div align="center"&

61、gt; <script language="javascript">function checkform() if(form1.username.value="") alert("请输入用户名");form1.username.focus();return false; else if(form1.password1.value="") alert("请输入密码");form1.password1.focus();return false; else if(form1.passwor

62、d1.value!=form1.password2.value) alert("两次输入的密码不一致,请重新输入!");form1.password1.value=""form1.password2.value=""form1.password1.focus()return false; elseform1.submit()</script><script language="javascript">function checkform1() form1.reset()</script

63、><img src="images/l1.gif" width="60" height="22" hspace="10" border="0" class="hand" onclick="checkform() "> <img src="images/reg1.gif" width="60" height="22" hspace="10" border=

64、"0" class="hand" onclick="checkform1()"> </div></td> </tr> </table> </form> </div></td> </tr>注册成功后弹出的提示框：<tr> <td bgcolor="#990000"><div align="center" class="m4">登录成功!<

65、;br> 系统将在三秒之内自动跳转到留言页面 <br> 如果您的浏览器没有自动跳转，<a href="lyb.asp" class="m4">请点击这里</a></div></td> </tr>登陆时输入不存在用户或错误密码时弹出的提示框：<tr> <td bgcolor="#990000"><div align="center" class="m4">错误信息!<br>

66、 用户名与密码错误<br> <a href="javascript:history.go(-1);" class="m4">请返回重新输入</a><br> </div></td> </tr>第4章 asp技术应用<!-#include file="conn.asp"-> <% dim rs,sql,count,strmsgset rs=server.createobject("adodb.recordset")sq

67、l="select sum(vote_number) as pp from vote01"rs.open sql,conn,3,3count=rs.fields("pp")rs.closesql="select * from vote01"rs.open sql,conn,3,3 if session("toupiao")<>"ok" then session("toupiao")="ok" strmsg="本次投票有效，谢谢您的支持

68、！" rs.move(request("rd") rs.fields("vote_number")=rs.fields("vote_number")+1 count=count+1 else strmsg="您已经投过票了，本次投票无效！"end ifrs.movefirst%>e字右边枝干是一个网页的主要内容，而最下面就是我们所最熟悉的联系方式制作单位等的信息。投票成功后弹出的提示框：<tr> <td bgcolor="#990000"><div

69、align="center" class="m4">投票成功!<br> 感谢你的参与<br> 系统将在三秒之内自动跳转到杳看投票结果页<br> 如果您的浏览器没有自动跳转，<a href="voteresult.asp" class="m4">请点击这里</a></div></td> </tr>投票成功后，会弹出每项汽车投得的票数：<table width="80%" border=&qu

70、ot;0" align="center" cellpadding="0" cellspacing="1" bgcolor="#ff0000" class="m4"> <tr bgcolor="#990000"> <td height="26">汽车品牌</td> <td>票数</td> <td>百分比</td> </tr><%for i=1

71、 to 15%> <tr bgcolor="#990000"> <td width="26%" height="26"><%=rs("t" & i &"")%></td> <td width="26%"><%=vote(i-1)%></td> <td width="26%"><%=round(vote(i-1)/all),3)*100

72、%>%</td> </tr><% next %> </table>第5章 网页随机显示生成技术在子页里的这里我们实施了一个功能，网页每刷新一次就一次更新图片和文字：<%dim rs,sqlset rs=server.createobject("adodb.recordset")randomize sql="select top 5 content,path from news order by rnd(-(id+" & rnd() & ")"rs.open s

73、ql,conn,1,1do while not rs.eof response.write("<a href="""&rs("path")&""" target=""_top""> "&rs("content")&""& "<br />" )c1=rs.fields("path").value rs.movenex

74、t loop 。%>第6章 留言板留言板做得比较简洁相关代码如下：<input name="face" type="hidden" value="face1" /><img src="images/face/face1.jpg" name="face1" width="40" height="40" id="face1" style="border-bottom:5px #ffffff solid;cu

75、rsor:hand;margin:3px" onclick="selface(this,'face1')" /> <img src="images/face/face2.jpg" name="face2" width="40" height="40" id="face2" style="cursor:hand;margin:3px" onclick="selface(this,'face2')

76、" /> <img src="images/face/face3.jpg" name="face3" width="40" height="40" id="face3" style="cursor:hand;margin:3px" onclick="selface(this,'face3')" /> <img src="images/face/face4.jpg" name="

77、face4" width="40" height="40" id="face4" style="cursor:hand;margin:3px" onclick="selface(this,'face4')" /> <img src="images/face/face5.jpg" name="face5" width="40" height="40" id="face5&

78、quot; style="cursor:hand;margin:3px" onclick="selface(this,'face5')" /> <img src="images/face/face6.jpg" name="face6" width="40" height="40" id="face6" style="cursor:hand;margin:3px" onclick="selface(t

79、his,'face6')" /> <img src="images/face/face7.jpg" name="face7" width="40" height="40" id="face7" style="cursor:hand;margin:3px" onclick="selface(this,'face7')" /> <script>var lface=document.all.

80、face1 function selface(obj,face) lface.style.border="" obj.style.borderbottom="5px #ffffff solid" document.all.face.value=face lface=obj </script><%language="vbscript" codepage="936"%> <!-#include file="conn.asp"-> <% dim name,co

81、ntent,face name=request.form("name") content=request.form("content")face=request.form("face") %><% if name="" then response.write "<script language=javascript>" response.write "alert('请填写姓名');" response.write "javas

82、cript:history.go(-1);" response.write "</script>" response.end() else name=name end if if content="" then response.write "<script language=javascript>" response.write "alert('请填写留言内容');" response.write "javascript:history.go(-1);&

83、quot; response.write "</script>" response.end() elsecontent=contentend if%><% dim rs,sql set rs=server.createobject("adodb.recordset") sql="select * from lyb" rs.open sql,conn,3,3 %> <% rs.addnew rs("lybname")=name rs("lybimg")=face

84、 rs("lybcontent")=content rs("lybtime")=now() rs.update rs.close set rs=nothingconn.close set conn=nothing response.redirect("lyb.asp") %> 第7章 安全的后台管理和留言管理每个网页都有一个安全的后台登陆管理，因此重点在于这里。利用asp微调工具，在网页地址栏输入/admin/login.asp<table border="1" width

85、="50%" id="table2" cellspacing="1" cellpadding="5" bgcolor="#990000" bordercolorlight="#c0c0c0" bordercolordark="#ffffff"> <form action=?act=check method=post name=form1 onsubmit="return check()"><tr> <

86、td bgcolor="#7b0000"> <p align="center"><font color="#ffffff"><b>后台管理登陆</b></font></td></tr><tr> <td height="31"> <p align="center"><b><font color="#ffffff">用户名:<

87、/font></b> <input name=username type=text class="t1" size="21"> </td></tr><tr><td><p align="center"><b><font color="#ffffff">密&nbsp; 码:</font></b> <input name=password type=password class="t1" size="21"></td></tr><tr><td><p align="center"><