网站建设课程设计.doc

网站建设课程设计 学院：京江学院 班级： 学号： 姓名： 第一部分一、前言背景随着互联网的高速发展和web2.0时代的到来，越来越多的网站如雨后春笋般涌现出来。根据中国互联网络信息中心发表的权威报告显示，截至09年6月底 ，我国网站数达到287.8万个。网站数量的剧增，导致竞争的加剧。于是越来越多的站长，尤其是个人站长，开始对网站的发展前景表示担忧。但实际情况并不是如此1、虽然我国网站在数量上已经达到百万规模，但并不表明我国网站行业的市场已经完全饱和。根据前述的权威报告显示，截至09年6月底 ，我国网民数达到3.38亿 ，网络普及率25.5%。这个数据说明了两个问题。第一个，我国的网民数量是非常庞大的。第二个，我国的网民数量增长潜力还是很大的。那么，个人网站的发展空间也肯定是有的。 2、个人网站与商业网站相比并没有绝对的优势与劣势。商业网站的优势在于资金的充足可以为其带来更广泛的宣传与推广，人力的充足可以给其带来更大的数据和信息量，以及技术上的优势可以为其带来更先进的功能。但这些，并不是一个网站最核心的价值。网站最核心的价值在于给网民带来最有价值的信息或服务。但没有哪一个网站敢于承认所有的服务、信息、功能都会得到所有网民的青睐。正所谓众口难调。那么，这就给个人网站带来了空间。个人网站的优势在于小成本运营,摆脱了投入与回报问题的困扰。只需要用心做出自己的特色就行了。而由于中国网民的庞大，不同网民又有不同的喜好与要求，那么一个有特色的个人网站也肯定能够从这庞大的网民群体分一杯羹。而由于个人网站基本可以忽略成本的问题，那么只要个人网站能从中争取一小部分市场，哪怕是个小虾米，获得的收益也是非常可观的。二、使用工具1. dreamweaver82. 数据库access20033. flash 8本网站以dreamweaver8为开发平台，运用asp（active server pages）技术和数据库数据库access2003连接,为了美化页面，引入了flash 8动画，在设计的同时还运用了html语言。三、个人网站的简单介绍这次课程设计的要求是根据自己的爱好做个人网站，我喜欢诗词，所以毫不犹豫地选择了做以诗歌为主题的网站。“诗言志，歌咏言”，诗词传承了中国悠久文化，它用最简单的语言诠释了作者的内心世界，让不同时代的人心灵相通。我喜欢诗词，喜欢在一个安静的午后，泡一杯花茶，捧一本红楼梦诗词选静静地细看，喜或悲的感觉原来真的只需一秒钟来转换，一句诗、一句词，就是从山顶跌入谷底的感觉而现在除了应试需要，读诗词的人太少了，所以有必要做一个诗词类的网站，将传统文化发扬光大。我用这样一段话描绘诗词带给我的感觉：轻轻的微风，吹来这淡淡的幽香，就像你的诗，你的词，好像行云流水我的心；你的诗为我的心所困，你的词为我的心悲哀，原谅我只能用这冷酷面对你，心里面在一万次呼唤；一切全都是命运的错，晃晃悠悠，留不住我的梦，风花雪月，伤心的事。本网站起名为“中华诗词”，希望中国的古典诗词能够发扬光大;希望它能穿越五千年的时空，带给更多的人心灵的共鸣;也希望越来越多的人能够喜欢诗词。本网站主要分以下五个模块：总的模块图中华诗词网用户登录注册用户浏览模块用户登录用户注册用户信息修改诗词欣赏模块词人介绍模块用户端首页美图欣赏模块书籍介绍模块1.用户登录注册模块本模块是动态页面的设计部分，用户可以注册成为该网站的会员，注册时需要提供用户名和密码，记录存入access数据库。如果数据库中已经存在该用户名，会自动给出错误信息：“该用户名已经能够存在，请重新注册”。然后可以凭用户名和密码登录本网站，成功登陆后可以执行两种操作：注销本次登陆或者修改用户信息。如果登陆失败，会给出提示信息：“用户名或者密码错误”。2.诗词欣赏模块本模块是静态页面部分。诗词总是给人美的享受，本模块以我最喜欢的九名著名词人（如纳兰性德等）为索引，分别介绍了他们几首的代表作品。3.词人介绍模块其实每个词人的经历都是一本书，书中包含太多的喜悦、哀愁、无奈。只有了解了词人的经历，才能真正读懂诗词，了解诗词的内涵。本模块是静态页面部分。以上面所涉及的九个词人为例，简单的介绍了他们的籍贯、生平、一生中的重大事迹，还介绍他们出版过的诗集等等。4.美图、动画欣赏模块诗词只是简单的文字描述，它所描述的具体意境需要读者去体会，才能在脑海中浮现具体的画面。当诗词与具体的图画或者动画结合的时候，更能给人唯美、身临其境的感觉，诗人的意境可以更好地传达。本模块是静态页面部分，以图片交换的方式罗列了多幅嵌入诗词的精美图画和一个精美的诗词flash动画。5.书籍介绍模块读诗集是的一种习惯，是一种享受，也是一种心灵的净化和洗涤。诗集能够让人淡定，认清一些现象，看淡一些事情，同时悟出一些道理，以获得人生的一种升华。本模块是动态页面部分。access数据库中有多种书籍的多条记录，运用重复区域和记录集导航条实现以下两个功能：每次显示两条记录（包括书名、作者、价格、出版时间、出版社），还可以每次查看下一页、上一页、最后一页或者是第一页的记录。第二部分一、数据库的设计本网站建立了一个数据库，其中包含两张表，一张用于用户的登录注册模块，记录了用户的基本信息（为了设计简便只记录了用户的id号，用户名和密码）。另一张用于书籍展示模块，记录了书籍的id号，作者，出版日期，价格，出版社的信息。设计如下图所示：user表的设计：product表的设计:user表的内容：product表的内容:二、详细设计1.用户登录注册模块流程图登录界面错误，提示重新输入输入用户名和密码ny注销用户修改注册信息注册信息模块2.用户浏览模块流程图网站首页诗词欣赏词人介绍美图欣赏书籍介绍选择词人选择词人美图显示动画显示显示书籍返回返回返回返回首页3.网站首页模块截图与设计：截图：用户浏览的选择滚动字幕的显示1flash动画的显示鼠标经过图像的交换用户登录注册界面滚动字幕的显示2友情链接模块设计：使用表格布局，采用一张图片作为整个页面背景。滚动字幕1和滚动字幕2采用marquee标签来实现。可以连接到其他网站，也可以链接到邮箱。将用户登录页面嵌入到主页面中。4.用户登录模块的截图与设计该部分有三个页面组成：（login.asp、loginfo.asp、loginerr.asp）login.asp页面截图如下：该部分包括登录用户服务器行为 “注册”按钮采用行为转到urlloginfo.asp页面截图如下:对于“修改”按钮，添加url行为该部分有限制对页的访问和注销用户服务器行为限制对页的访问：注销用户：loginerr.asp页面截图如下:链接到首页index.asp5.用户注册模块的截图与设计该部分由5个页面组成：register.asp,registerback.asp,userinfo.asp,editrigister.asp,edituserinfo.aspregister.asp页面截图如下（运行时）：flash动画“检查表单”的行为该部分有“插入记录”，“检查新用户名”服务器行为：插入记录：检查新用户名：还有“检查表单”的行为：registerback.asp页面截图（运行时）：滚动字幕链接到register.aspuserinfo.asp页面截图（运行时）：链接到indexr.aspeditrigister.asp页面截图如下（运行时）：动态绑定数据库部分链接到index.asp该部分有“更新记录”、“记录集”、数据库的绑定（即“动态文本域”）服务器行为。更新记录：记录集：数据库的绑定：“返回”按钮url行为：edituserinfo.asp页面截图如下（运行时）：链接到index.asp6.“诗词欣赏”模块截图与设计该模块包含一个总页面和九个分页面。总页面按词人姓名为索引设计，九个分页面分别介绍各个词人的代表作。总页面的截图（运行时）：姓名分类索引，点击选择分页面的截图（运行时）：转上一个页面转下一个页面返回如上总页面6.“词人介绍”模块截图与设计该模块包含一个总页面和九个分页面。总页面按词人姓名为索引设计，九个分页面分别介绍各个词人的生平事迹。总页面的截图（运行时）：点击此处分别查看各个词人的介绍分页面的截图（运行时）：转下一个页面转上一个页面返回如上总页面7.“美图欣赏”模块截图与设计该部分包含六个图像页面和一个flash 网页链接。六个图像页面都有有“恢复交换图像”和“交换图像”行为，当鼠标移动到图像上的时候显示一幅图像，当鼠标离开时候显示另外一幅图像，鼠标点击图像则进入下一个图像页面。鼠标移动到图像上时显示如下：鼠标离开图像时显示如下：点击图像后进入下一个页面：7.“书籍介绍