internet课程设计（网页设计）报告

课程设计目的在学完本门课程后，不仅要了解TCP/IP协议的工作原理，更重要的是能综合应用所学协议的工作原理知识，具有实际编码实现同协议打交道的能力。本课程设计旨在使学生通过完成一个小型的模拟命题，可在建议的选题中任选一个，从而到达将理论知识和实践知识相结合，进一步理解TCP/IP协议的工作原理，提高学生网络编程的动手能力的目的。课程设计任务网页制作：1.用HTML或网页设计工具设计网页2.用IE浏览器浏览所设计页面，要求页面美观，包含常见的HTML格式元素3.包含一定的动态页面技术〔有脚本代码或后台逻辑代码〕设计方案网页功能分析和布局设计根据网页制作的任务要求，我选择在生活中常见的小说网为主题，设计一个提供图书小说信息查阅的网页。在网上查看了一些相关的图书网站后，我对自己要制作的网页进行了规划布局，共有9个页面，相比照拟简陋，内容页比拟简单。流程图如下：图书网站首页图书网站首页图书分类图书分类图书介绍4图书介绍3图书介绍2图书介绍1图书介绍4图书介绍3图书介绍2图书介绍1图书查询图书排行榜最新图书**页面功能分析：〔1〕页面美观，布局合理。〔2〕具有超链接，能够进行页面间的转换。〔3〕具有简单的动态技术。2.设计的具体步骤〔1〕页面规划本次的网站的根本功能有九个页面完成，具体如下：bookQuery.jsp:图书网主界面。包括了导航栏〔首页，图书分类，最新图书，图书排行榜〕，图书查询模块〔这是布局在首页中的查询功能，输入书名，点击【查询】按钮，连接到bookQueryDo.jsp。〕，广告信息，一周好书推荐，图书查询等模块。Fenlei.jsp:图书分类界面。在首页中点击导航栏中的图书分类就会翻开此页面，此页面是用来对图书分类，以便读者查找。Zuixin.jsp:最新图书界面。首页中点击导航栏中的最新图书就会翻开此页面，此页面是给读者展示最新上线图书。Paihang.jsp:图书排行榜界面。首页中点击导航栏中的图书排行榜就会翻开此页面，此页面是给读者展示图书阅读量排行榜。bookQueryDo.jsp:连接到数据库，查询需要的信息，并且在界面显示结果。a.jsp,b.jsp,c.jsp,d.jsp:图书介绍界面。点击首页中一周好书推荐中的图片,j就会连接到相应的图书作品介绍界面。步骤描述在Myeclipse中新建工程tushuwang。在工程中新建九个JSP页面：bookQuery.jsp、Fenlei.jsp、Zuixin.jsp、Zuixin.jsp、Paihang.jsp、bookQueryDo.jsp、a.jsp、b.jsp、c.jsp、d.jsp。编写九个JSP页面的代码。在SOLserver2021中创立数据库和数据表。启动WEB效劳器并发布工程。运行工程。算法或框图、关键代码说明首页算法说明首页是整个网站的最主要的局部，整体布局采用表格布局的方法进行整齐规划。首页上部是个导航栏，采用表格，并在里面做上超链接。导航栏代码如下：<tableborder="1"align="center"><tr><tdwidth="200"height="10"bgcolor="greed">      <ahref=main.jsp>●主页</a></td><tdwidth="200"height="10"bgcolor="greed">      <ahref=fenlei.jsp>●图书分类</a></td><tdwidth="200"height="10"bgcolor="greed">      <ahref=zuixin.jsp>●最新图书</a></td><tdwidth="200"height="10"bgcolor="greed">      <ahref=paihang.jsp>●图书排行榜</a></td></tr></table>图书查询布置在首页左上角，点击提交按钮会触发bookQueryDo.jsp，从而从数据库中找出图书。具体代码如下：<formname="queryFrm"method="post"action="bookQueryDo.jsp"><tableborder="0"align="center"><tr><td><tableborder="1"><tdwidth="200"height="10"><fontcolor="greend"><h2><center>图书查询</center></h2></font></td><tr><tdwidth="150"height="10"rowspan="2"align="center">书名:<inputtype="text"name="bookName"/><p><inputname="submit"type="submit"value="提交"/><inputname="reset"type="submit"value="重置"/></td></tr></table>提交Main.jsp提交Main.jsp图书查询查询结果显示执行查询结果显示执行bookQueryDo.jsp图书分类、最新图书、图书排行榜页面这三个页面根本差不多，都采取了表格布局，三者思想方法一样。图书分类页面以书的类别将书分类；最新图书页面把最新上线的图书用表格展现出来；图书排行榜页面是以阅读量名次来排列的。3.几个重要代码<center><buttononclick="location.href='main.jsp'">返回图书查询首页</button></center>这是返回图书查询首页的代码，点击该按钮即可返回。<tdheight="200"><imgsrc="image/7.jpg"width="150"height="200"align="center"/></td></tr>这是在表格中放置图片的代码，图片名称为7.jpg，路径在image文件夹中。<bodystyle="background:url(image/e.jpg)">这是设置页面背景图片的代码，图片名称为e.jpg，路径在image文件夹中。Stringname=request.getParameter("bookName");这个是获取查询文本框里数据的代码系统调试及结果所有程序编写好后，对该工程发布并运行，得到如下图结果图1这就是首页〔图1〕的效果图，点击导航栏〔图2〕图2中的图书分类，就会进入图3的页面。图3点击导航栏〔图2〕中的最新图书会进入图4页面图4点击导航栏〔图2〕中的图书排行榜会进入图5页面图5在图书查询窗口〔图6〕图6输入书名，并点击提交按钮，就可把所查图书信息呈现给读者〔图7〕图7点击“一周好书推荐里的图片〞即会触发超链接，进入如下页面改良意见与收获体会本次Internet课程设计我做的是关于图书网站的网页制作，图书网首页的布局采用了表格〔table〕布局方式，从而页面显得比拟整齐。网页中也采用了超链接与其他几个页面进行了连接。同时此网页也存在缺乏之处，如网页中的动态技术运用较少，只表达在图书查询〔从数据库的表中查找出相应图书资料〕这一处，不能很好的把功能表达出来，为此，我们可以加一些动态技术，如访客数量的统计，时间的显示等，这样页面会显的更加丰富多彩。同时，我们可以对这个图书网进行一个权限处理，在登录前只能看到图书简介，登录后才可以进行整本书的阅读，并可以进行评论。通过本次的Internet课程设计，让我的实际制作网页的动手能力得到了提高。在编写程序的过程中，不仅让我对课本上的理论知识更为的熟悉，而且增强了自己的综合实践能力。在设计的过程，我了解了许多关于网页设计的知识，首先在设计之前需有方案，有