网页设计课程设计报告.doc

《网页设计课程设计报告.doc》由会员分享，可在线阅读，更多相关《网页设计课程设计报告.doc（13页珍藏版）》请在三一办公上搜索。

1、网页设计课程设计报告系别： 信息工程系 班级： 08计算机科学与技术姓名： 同组： 学号： 200830400122 指导教师： 成绩： 日期： 2011年12月15日 目录一、 网站设计目的和任务3二、 网站主题4三、 网站规划思想4四、 网站页面链接总图5五、 综合知识运用情况61、层的使用.62、运用photoshop工具63、使用flash工具.64、使用链接65、使用javascript.76、插入滚动文字77、使用信息弹出框.78、使用数据库命令.8六、 动态特效使用11七、 设计心得与体会11网页设计课程设计报告一、 网站设计目的和任务 一学期的网页设计理论和实践课程都结束了，根

2、据老师的要求及指导，我设计了此网站，本网站属于小型的企业网站，其主要内容是对旅游项目的介绍，其中包括价格，行程及其其他详细信息。此网站还提供了一个留言平台，让顾客和商家可以及时得到交流。这个网站虽然只是一个虚拟的企业网站，但是它却可以让我所学到的知识得到实践，积累网站开发经验，锻炼了我写程序的思路，这不仅仅能让我清楚的了解到自己开发网站的不足之处，更可以锻炼我的逻辑思维！ 在这个网站里，运用了我大学里面所学习到的一些软件程序，其中包括dreamweaver，flash，photoshop也包括了我学到的一些程序语言，如：javascript，asp，html，CSS，DIV等等。通过这些软件和

3、程序语言，我会运用网页对客户展现一个旅行社所该有的一些基本资料，如旅行社的资料，旅游资料，顾客留言，旅行社动态等一系列内容。这对于我而言不仅仅是一个课程设计，更是对我在大学这四年里所学知识的一个回顾和综合的考察。二、 网站主题 本网站是从一个企业的角度去开发的，其中有对企业的介绍，有留言板供顾客留言，还有就是一些旅游项目的介绍，包括旅游所需费用介绍，旅游地方的介绍，出发时间等等一些关于旅游的信息，并通过照片对当地的景点进行展示。在后台还有关于一些前台数据和图片的管理。三、 网站规划思想如今的网络已经是家喻户晓的东西，网络几乎贯穿了人们每天的生活，所以，如今网络已经成为了很多商家去推广自己企业商

4、品的首要选择！通过在网络上发放信息，建立自己的网站，让更多人了解自己的企业，了解自己的产品，建立更多的商业联系！而且网络的消息更新的最快，这样可以实时的让顾客了解到企业的最新动态，商品的最新信息，通过留言与顾客的交流还可以掌握最新的商机。因为这个网站是一个商业网，所以其主色调相对比较平淡，为了方便浏览网页的顾客，在首页中包括公司介绍，推荐旅游项目，还有导航条。在其左边也提供了旅游项目的分类，这样可以很好方便顾客查询适合自己的旅游项目，其首页还有一个flash对一些景点的照片展示。整个页面以蓝色为主调，因为氧气的代表颜色为蓝色，所以给人一种带有清新空气的感觉！ 在内容和结构上，具体如下：整个网站

5、分为七个页面，分别为：首页，公司介绍，留言板，后台处理，旅游项目介绍，公司最新动态，登陆界面。各个页面间都是由导航条相互连接起来。 网站的目录结构如下：asp -网站根目录js -存放外置js文件img -存放图片动画CSS -存放CSS文件Conn-存放链接文件Database -数据库四、 网站页面链接总图主页产品列表公司介绍公司动态留言板后台管理五、 综合知识的运用情况1、层的使用 在这次网页设计过程中，使用了大量层，因为里面存在一些隐藏的菜单，需要鼠标移动到一级菜单才能看到的二级菜单，所以运用了很多隐藏层。而且有些层的内容是一样的，所以在每个页面上只是修改了一些内容变动的层，如导航菜单

6、以上的都没有改变。 2、运用Photoshop工具在设计logo和导航条之类的图片的时候，我运用了photoshop去设计和美化那些图片！并对flash的图片进行美化和修改。 3、使用Flash工具 我使用了flash工具在制作了一个flash，放在首页，对旅游景点精选了宣传，画面是进行图片渐变转换，目的是为了让顾客觉得图片转换的自然。4、使用链接 为方便顾客的查阅，运用了导航菜单对每个页面进行了连接。在右边有个旅游项目的菜单，分为一级菜单和二级菜单，其中二级菜单是隐藏起来的，只有当鼠标移动到一级菜单的时候，才会显示二级菜单。5、加入了javascript语言这个网页不只有了asp语言，我还加

7、入了javascript，对顾客留言时的输入检测其格式有没有错，并检测该输入的有没有输入，如果没有将给予提示并停止操作。以下是一段的弹出窗口的javascript代码：function js_callpage(htmlurl) var newwin=window.open(htmlurl,homeWin,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=no,height=400,width=700); newwin.focus(); return false; 6、插入滚动文

8、字在首页显示推荐旅游项目的同时对其介绍进行图片滚动，使客户可以透过滚动的文字了解到旅游地的内容。7、使用弹出信息行为当旅客出现违规操作，如留言板里面email地址格式错误，就会有个消息框出来提示！8、使用了数据库命令在对网站数据进行添加的时候使用的sql命令语句，如查询，修改，添加，删除等。以下是数据库命令嵌入html里面：以下是旅游线路版块的asp代码：%if request.QueryString(readID) = thenif request.QueryString(page) = thenresponse.Redirect(News.asp?page=1)end ifstype=re

9、quest.QueryString(stype)if stype= then sql = select sid,ntitle,nptime from news order by nptime descelsesql = select sid,ntitle,nptime from news where nType=&stype & order by nptime descend ifset rs =server.CreateObject(adodb.recordset)rs.open sql,conn,3,1if not rs.eof thenrs.pagesize = 8 nowpage =

10、clng(request.QueryString(page)if nowpagers.pagecount then nowpage = rs.pagecountrs.absolutepage =nowpage% %for j=0 to rs.pagesize -1 response.Write response.Write & & rs.fields(ntitle).value   & response.Write & rs.fields(nptime).value & response.Write rs.movenextif rs.eof then exit fornext%请选择

11、页码:%for i=1 to rs.pagecountif i=nowpage thenresponse.Write i &  elseresponse.Write & i  end ifnextelse% 没有找到相关记录. 价格： 六、动态特效的使用（说明在哪些页面增加了动态特效） 1）首页插入了flash，对一些旅游景点进行展示2)在首页最下面列出来推荐的旅游项目，并让其进行滚动3)在左边的菜单里面隐藏了二级菜单，只有鼠标移到那里才显示;七、课程设计心得与体会 通过这次网站的实践，我认识到了自己很多的不足之处！如数据库的设计问题，一些需要关联的数据表我都没有很好的进行

12、关联，外键设置不够全！有些需要外键的数据项忘记设置。在网页后台布局方面略显粗糙，布局不怎么样好。在html标记运用方面显得并不成熟，如table的嵌套，有时一旦表格用多了，就会开始乱，那时就用用视图才能看出哪里是自己想要的地方！加上有些地方时隐藏层，在视图里面还是看不到的，所以在写隐藏层的时候，先让其显示，之后布局完后才设置其隐藏。在运用html的时候，有些标记运用的时候会搞混，比如和，虽然两个一个是行一个是列，但是有时不是忘记了关闭标记就是把两个搞混了，所以在运用html方面还显得不是那么成熟。其次，一些标记的属性参数也有些没记住，如table的一些属性，需要上网查找才知道怎么拼还有怎么用，

13、这些都是我再html方面的不足之处。在运用javascript的时候有些函数名忘记了，这方面的知识不够巩固。而起经常忘记了再取到表格的值得时候在后面加上value属性，在取消操作的时候忘记加return false。还有在显示隐藏层那方面，因为技术上的不熟悉，所以经常出现逻辑错误和语法错误。在字符串的处理上，如对邮箱格式的检查，加检验是否不包含中文之类的。因为有些不熟练，改了很久才改对！在用photoshop处理图片的时候，总是不能很好的把握那个度，图片有时会显得过分的黯淡，和整体对比起来不够协调！在制作flash的使用用photoshop对图片进行修改的时候，也有些失平衡，使图片的主题有些偏离。美术功底还有待提高。在运用asp连接数据库的时候，经常忘记权限问题导致数据库无法连接，并且经常忽略其查询结果是数据集，经常直接对其输出，导致输出经常出错。通过这次的实训，使我对网页制作的流程有了更深入的了解，并对自己的不足也有了深刻的认识。作为一次网页制作的实践，我觉得这个毕竟只是一个小型的网站，但是它却充分的表现出我所缺的和我所不足的。它不仅让我有了一次深刻的锻炼，更让我知道网站制作的不易和所需知识量的多，这次的实践将让我更加清楚的知道网页制作这条路的漫长，我也将让自己不断的完善自己的网页制作知识，争取有更大的突破。