网站建设课程专业设计分析

1、网站建设课程设计学院：京江学院班级：学号：姓名：第一部分一、前言背景随着互联网的高速发展和web2.0时代的到来，越来越多的网站如雨后春笋般涌现出来。根据中国互联网络信息中心发表的权威报告显示，截至09年6月底，我国网站数达到287.8万个。网站数量的剧增，导致竞争的加剧。于是越来越多的站长，尤其是个人站长，开始对网站的发展前景表示担忧。但实际情况并不是如此1、虽然我国网站在数量上已经达到百万规模，但并不表明我国网站行业的市场已经完全饱和。根据前述的权威报告显示，截至09年6月底，我国网民数达到3.38亿，网络普及率25.5%。这个数据说明了两个问题。第一个，我国的网民数量是非常庞大的。第二个

2、，我国的网民数量增长潜力还是很大的。那么，个人网站的发展空间也肯定是有的。2、个人网站与商业网站相比并没有绝对的优势与劣势。商业网站的优势在于资金的充足可以为其带来更广泛的宣传与推广，人力的充足可以给其带来更大的数据和信息量，以及技术上的优势可以为其带来更先进的功能。但这些，并不是一个网站最核心的价值。网站最核心的价值在于给网民带来最有价值的信息或服务。但没有哪一个网站敢于承认所有的服务、信息、功能都会得到所有网民的青睐。正所谓众口难调。那么，这就给个人网站带来了空间。个人网站的优势在于小成本运营,摆脱了投入与回报问题的困扰。只需要用心做出自己的特色就行了。而由于中国网民的庞大，不同网民又有不

3、同的喜好与要求，那么一个有特色的个人网站也肯定能够从这庞大的网民群体分一杯羹。而由于个人网站基本可以忽略成本的问题，那么只要个人网站能从中争取一小部分市场，哪怕是个小虾米，获得的收益也是非常可观的。二、使用工具1. Dreamweaver82. 数据库Access20033. Flash8本网站以Dreamweaver8为开发平台，运用ASP(ActiveServerPages)技术和数据库数据库Access2003连接，为了美化页面，引入了Flash8动画，在设计的同时还运用了HTMI语言。三、个人网站的简单介绍这次课程设计的要求是根据自己的爱好做个人网站，我喜欢诗词，所以毫不犹豫地选择了做

4、以诗歌为主题的网站。“诗言志，歌咏言”，诗词传承了中国悠久文化，它用最简单的语言诠释了作者的内心世界，让不同时代的人心灵相通。我喜欢诗词，喜欢在一个安静的午后，泡一杯花茶，捧一本红楼梦诗词选静静地细看，喜或悲的感觉原来真的只需一秒钟来转换，一句诗、一句词，就是从山顶跌入谷底的感觉而现在除了应试需要，读诗词的人太少了，所以有必要做一个诗词类的网站，将传统文化发扬光大。我用这样一段话描绘诗词带给我的感觉：轻轻的微风，吹来这淡淡的幽香，就像你的诗，你的词，好像行云流水我的心；你的诗为我的心所困，你的词为我的心悲哀，原谅我只能用这冷酷面对你，心里面在一万次呼唤；一切全都是命运的错，晃晃悠悠，留不住我的

5、梦，风花雪月，伤心的事。本网站起名为“中华诗词”，希望中国的古典诗词能够发扬光大;希望它能穿越五千年的时空，带给更多的人心灵的共鸣;也希望越来越多的人能够喜欢诗词。本网站主要分以下五个模块：总的模块图1. 用户登录注册模块本模块是动态页面的设计部分，用户可以注册成为该网站的会员，注册时需要提供用户名和密码，记录存入Access数据库。如果数据库中已经存在该用户名，会自动给出错误信息：“该用户名已经能够存在，请重新注册”。然后可以凭用户名和密码登录本网站，成功登陆后可以执行两种操作：注销本次登陆或者修改用户信息。如果登陆失败，会给出提示信息：“用户名或者密码错误”。2. 诗词欣赏模块本模块是静态

6、页面部分。诗词总是给人美的享受，本模块以我最喜欢的九名著名词人（如纳兰性德等）为索引，分别介绍了他们几首的代表作品。3. 词人介绍模块其实每个词人的经历都是一本书，书中包含太多的喜悦、哀愁、无奈。只有了解了词人的经历，才能真正读懂诗词，了解诗词的内涵。本模块是静态页面部分。以上面所涉及的九个词人为例，简单的介绍了他们的籍贯、生平、一生中的重大事迹，还介绍他们出版过的4. 美图、动画欣赏模块诗词只是简单的文字描述，它所描述的具体意境需要读者去体会，才能在脑海中浮现具体的画面。当诗词与具体的图画或者动画结合的时候，更能给人唯美、身临其境的感觉，诗人的意境可以更好地传达。本模块是静态页面部分，以图片

7、交换的方式罗列了多幅嵌入诗词的精美图画和一个精美的诗词Flash动画。5. 书籍介绍模块读诗集是的一种习惯，是一种享受，也是一种心灵的净化和洗涤。诗集能够让人淡定，认清一些现象，看淡一些事情，同时悟出一些道理，以获得人生的一种升华。本模块是动态页面部分。Access数据库中有多种书籍的多条记录，运用重复区域和记录集导航条实现以下两个功能：每次显示两条记录（包括书名、作者、价格、出版时间、出版社），还可以每次查看下一页、上一页、最后一页或者是第一页的记录。第二部分一、数据库的设计本网站建立了一个数据库，其中包含两张表，一张用于用户的登录注册模块，记录了用户的基本信息（为了设计简便只记录了用户的I

8、D号，用户名和密码）。另一张用于书籍展示模块，记录了书籍的ID号，作者，出版日期，价格，出版社的信息。设计如下图所示：User表的设计：juser:1IWM自训購脚促）飘個（无）諭用刚曲nut卿報堤）飘儆无）謎用強passwiWS（1）恥任）謎的峋囱r*nProduct表的设计：product:表宁段名称丨数据奠型I8iiname眈thorproductdatgdetailcontentpricecategory!dpicmark号迦本本本注注字宀子本本自文文文备备裁数文文必填宁段（是）必填字段（是）必填宁段（否）必填字段（否）必填宁段（否）必填宁段（否）必填审段（否）FIE!十电字宇注注圉书

9、m主禮圉书名作者名出版日期详细介绍目录价格囹书分类号縮略囹出版社User表的内容:user-iapas三wd|izItlxi12356T仝ling：丄N3XXSB吕4三s1N34弓5JJ346x3-23TTT&TTT1>自云力总病H1Product表的内容:Jproduct:1idnineauthorjniwtiihdetailpricecitegoryiipic1Wilintbrl2003011202iulh戒2(M1103皿仍2003.M1<0wqiiitbrlMi0m5OintbrJ200110S毗Mii2003.06加01iiitbri2004.10320w8汕血8

10、2005.0S310m9nlbri2008.K3010iuthrlOMOtM13011蹄删mtbrll2008.0623012Wfimtbrl22008.M210I瞬;Q01、详细设计1.用户登录注册模块流程图2.用户浏览模块流程图3.网站首页模块截图与设计:截图:用户浏览的选择鼠标经过图像的交换用户登录注nn册界面诗的宜境是美的:“小樓连远横空下窥绣毅髓載骤i：1ZM字有的一个午民静爵每个诗人，毎个词萨是p本节.是他椚的经历业为了扣Z城祜*纳兰性塞母原名成衞字$it仆；,:'.沪你会感掘全世界瞬称氐力二当静利画绪合超来的时馆那种意境，令人回味就迎访问本购站，制M：祝凌星，岬曹卿4辔翱

11、挣潘接龍壮匹:rgfkfLAIH14It友情链接模块滚动字幕的显示2设计：使用表格布局，采用一张图片作为整个页面背景。滚动字幕1和滚动字幕2采用MARQUEE签来实现。可以连接到其他网站，也可以链接到邮箱。将用户登录页面嵌入到主页面中。4. 用户登录模块的截图与设计该部分有三个页面组成：(login.asp、loginfo.asp、loginerr.asp)Login.asp页面截图如下：登录用户“注册”按钮采用行为转到URL该部分包括登录用户服务器行为基于以下项限制访问：9用户名和密码用户名、窖码和询何壌别蕊取蛾81口：莎Loginfo.asp页面截图如下：>sion.HlUserna

12、ni好，您已经咸功登录；bX1jf该部分有限制对页的访问和注销用户服务器行为对于“修改”按钮，添加URL行为皤到URL打开在-浏览URL:限制对页的访问:注销用户:Loginerr.asp页面截图如下：链接到首页index.asp5. 用户注册模块的截图与设计该部分由5个页面组成：register.asp,registerback.asp,userinfo.asp,editrigister.asp,edituserinfo.aspregister.asp页面截图如下（运行时）：FLASH动画1用户登录a盛接填耳注册信息!用户名密码:盧.欢迎访问本购站，制咋呑“检查表单”的行为该部分有“插入记录

13、”，“检查新用户名”服务器行为:插入记录:检查新用户名:还有“检查表单”的行为:网站首磁特户登录用户名己经存在,酿"got欢趣访网本网富制作乘链接至Uregister.asp滚动字幕userinfo.asp页面截图（运行时）美图欣赏词鬲介链接GO百度”链接至Uindexr.aspeditrigister.asp页面截图如下（运行时）逹氈coim2妾更新的表格;us«r-1T选取记录自:Recordsetlm-®列：id回数字在更新后转剰:edituiesrinfcb.asp浏览帮助0C表单元乘:form!（在提交时）动态绑疋数据库部分链接至Uindex.asp该部

14、分有“更新记录”、“记录集”、数据库的绑定（即“动态文本域”）服务器行为。更新记录:更斷记隶511：namt提交为：文本记录集:数据库的绑定:“返回”按钮URL行为:f*<A+D窗总诃71丄贡网一词书籍鋪美图欣赏链接至Uindex.asp1词一1E£rf却琏接百1?二GO6“诗词欣赏”模块截图与设计该模块包含一个总页面和九个分页面。总页面按词人姓名为索引设计，九个分页面分别介绍各个词人的代表作。总页面的截图（运行时）网站首磁Lrrx¥ft.介词一姓名分类索引?占八、击选择/户聲录I.Z袁運pInJUJfI弘髒:騎兰性电:“請盘曙痛自畜诸莆策嶠疏宙就思往事立残阳”:址；

15、孑夜:，:rjo$啓JBT:扌itfi同供三弄惊玻绿窗幽梦/新月与號陆端江天.”圭甩嵐;“总人竝晚B塞鸦一片匙，柳啥蹑却监柔*”呈几说?“斗草阶前初懸穿甘樓上曽铮誉雜痔爵玉霰风晏乘2曲新词酒一杯去年天P旧亭朗夕阳西下几时回热换幽補站耕.一片闲番想丹青难飙寒上小楼晓関无赖個穷联離烟旅水画屏暗”美閤耿赏'斑施卒清照?“寂宾舉闺.柔肠一寸雄平燮亍措春春去几点囉花审"欣阳廡1。轻舟齟捧西制好最朮遷迤芳草屈堤隐嗨笙歌赴处随p分页面的截图（运行时）：返回如上总页面转上一个页面转下一个页面叫4橢词.*常少望海潮星分斗牛艇嚴扬州万井禎劉花发略香莺啼人起珠春金紫飞盖相从巷入垂杨画桥南北翠烟中追

16、思故国繁雄制吃心*澱福宁论爵马鱼龙往事逐孤鸿但乱云適冰萦竜昶欣赏矽回-/；:F-兰:I卷盒竝障.話里书籍峯绍豪俊气如虹S斗月观橫程练毫万字;一饬倚危亭恨如芳卓畫姜铲尽还廟念柳外青骋别后蟲红袂分惊无端夭与!6“词人介绍”模块截图与设计该模块包含一个总页面和九个分页面。总页面按词人姓名为索引设计，九个分页面分别介绍各个词人的生平事迹总页面的截图（运行时）：中z/LviJ/I*!.E斥.网站首理词人选择:纳兰栓箧；柳永：八1;丈也汽心.4出轨為剛iu,浦删正黄旗人.尢学士卿才$:见字景也窃曲和祎妙排m?太聽号舷居七高邮（今属江苏）人°秦观t苏轼：叮f舄文学家、书画監字子豔/东坡居士,嗚州思

17、宰威嬴九学幼気号脚血城（今山繃I（4属江即烬熾11I輙“北宋词人.宇同虻抚州副I（鹽江西）2礁中嶋同进土出帚£晏几道：“北来词人.字無風号小山占八、击此处分别查看各个词人的介绍分页面的截图（运行时）：华词中il美图欣审户登录*密在£|返回如上总页面转上一个页面士口官屯田词多描绘域瓠铺緘呱广辭词的发展彳*等Y煮禅歌牺囂民贫苦生鼻溜郎j世谕七、柳屯田。为人放荡不羁，终身潦餌光和歌妓生活，尤长于抒写羁旅行役之tW15®语言通俗，音定影响°南霖铃、卜声甘州r耀时有颓废思想利庸俗情趣：诗仪存数首，汪.茸痛切.右瓷乐音狀.1:也规用7-'1U5的，北宋词人.

18、原箸三变字景曲融飢H密第七J崇安（今属福建）W名.但作比转下一个页面7“美图欣赏”模块截图与设计9该部分包含六个图像页面和一个FLASH网页链接六个图像页面都有有“恢复交换图像”和“交换图像”行为，当鼠标移动到图像上的时候显示一幅图像，当鼠标离开时候显示另外一幅图像，鼠标点击图像则进入下一个图像页面。鼠标移动到图像上时显示如下:聶視込賦jtT.fit47网站首竝孚丈時词融!；词疥介芙图政赏1用户登录Jrq乙F亠产工科：鼠标离开图像时显示如下:美图欣赏用户登录崔色恤申it,蜚當+锁筒負屮frwfl阳跌丁藹申甫«<决A,島1尽武瘗咱"見奄衍4-.flsd唆対，询用请范rt

19、賣'衣轧磁我，F也千或壕*福叶。-伦半卜£<*家喩犁0点击图像后进入下一个页面:询介jf?LVV-ifT«幕*验漁I牌11裁不加A-SW也地7“书籍介绍模块截图与设计本模块是动态显示部分，与数据库连接，数据库中有图书的一些具体信息（作者名，出版时间，出版社，价钱等）。设计每页显示两、“重复区域”、绑定数条记录，并且插入记录集导航条。模块中包含“记录集”据库、记录集导航条服务器行为。设计页面截图:重复区域绑定数据库>E*a订：亚旳T斛的軸几con百箋无标馭档e华中网站首页AS介绍j>Jjjo亠页:思页HeyPductdateiMMaKn:寸：.letFrodu