网站开发课程设计报告.docVIP

网站开发课程设计 题 目：网上书屋网站设计 专 业：计算机应用 学生姓名：徐金文 学 号：111100745 完成时间：2012年7月 一、站点的结构框图 国画书 目录 书目录网页 现代系列 文件夹 index.htm（我的书屋主页） 玄幻系列 文件夹 都市系列 文件夹 言情系列 文件夹 其它系列 文件夹 Photo.files 文件夹 建设中的网页 武侠系列 文件夹 国画书 文件夹 类似书籍 文件夹 书的网页 有N多个书的网页 书目录 网页 霸王枪书文件夹 连城决书 文件夹 霸王枪 书目录 书的网页 有N多个书的网页 各种网页用到的图片和代码 网页 音乐 二、站点栏目描述 我共分了六大类的书籍文件夹（武侠、现代、言情、都市、玄幻和其它系列）和一个存放图片和代码的文件夹，还有一个是音乐文件夹。 武侠文件夹存放了几部有关于武侠文学的书籍，如有《连城决》、《霸王枪》等等； 现代文件夹存放了几部有关于现代文学的书籍，如有《国画》、《呐喊》、《家》等； 玄幻文件夹存放了几部有关于玄幻文学的书籍，如有《飘渺之旅》、《诛仙》等等； 都市文件夹存放了几部有关于都市文学的书籍，如有《朝九玩五》、《校园传说》等等； 言情文件夹存放了几部有关于言情文学的书籍，如有《爱你的十个理由》、《让我为你喝彩》、《戏点鸳鸯》等等； 其它文件夹存放了几部有关于其它文学的书籍，如有《零下一度》、《相约大自然》等等； photo.files文件夹里存放的是网站所需要的各种图片和代码； 还有一个文件夹是存放的音乐。 三、内容详细设计 主页的设计是我在网页制作大宝库（）下载了模板，在模板的基础上我再修改完成的。还从网上下载了很多的图片，经过photoshop后运用到了我的网页上如：主页上的就是用到photoshop处理过的效果。 我还运用了一些特殊效果如： 收藏本站用到的代码是：{span style=CURSOR: hand onClick=window.external.addFavorite(,我的书屋) title=网页制作大宝库收藏本站/span} 设为首页用到的代码是：{span onclick=var strHref=window.location.href;this.style.behavior=url(#default#homepage);this.setHomePage(); style=CURSOR: hand设为首页/span} 有的时候看见超级连接下面的下划线挺讨厌，我就运用了下面的代码，下划线就无影无踪了（哈哈）： {style TYPE=text/css !-- A:link{text-decoration:none} A:visited{text-decoration:none} A:hover {color: #ff00ff;text-decoration:underline} -- /style} 为了有更好的效果，我还在浏览器的状态栏里出现一个字接一个字往左跑的欢迎语。代码如下： script language=JavaScript !-- function statusMessageObject(p,d) { this.msg = MESSAGE this.out = this.pos = POSITION this.delay = DELAY this.i = 0 this.reset = clearMessage } function clearMessage() { this.pos = POSITION } var POSITION = 100 var DELAY = 5 var MESSAGE = 欢迎光临! Welcome to WWW. .cn var scroll = new statusMessageObject() function scroller() { for (scroll.i = 0; scroll.i scroll.pos; scroll.i++) { scroll.out += } if (scroll.pos = 0) scroll.out += scroll.msg else scroll.out = scroll.msg.substring(-scroll.pos,scroll.msg.length) window.status = scroll.out scroll.out = scroll.pos-- if (scroll.pos -(scroll.msg.length)) { scroll.reset() } setTimeout (scroller(),scroll.delay) } function snapIn(jumpSpa