Web网页设计报告

1、四川机电职业技术学院Xxxxxxxxx 学院Web网页设计课程设计题 目:班 级:姓 名:指导教师:xxx2012 年 5 月 2 日共 21 页第 1页四川机电职业技术学院课程设计任务书一、 设计任务及要求： 年月日月日年月日共 21 页第 2页四川机电职业技术学院一、课题名称：二、设计时间：2012 年 5 月 2 日2011年 5 月 8 日时间安排：2012 年 5 月 2 日2011年 5 月 8 日2012 年 5 月息日设计报告、提交三、设计环境硬件：多媒体机房软件：Dreamweaver8.0 +AspWebServer +Access2003+Flash+PS四、设计目的：1

2、、进一步巩固和加深“Web 网页设计”课程的基本知识，了解 ASP 动态网页设计知识在实际中的应用。2、综合运用“Web网页设计”课程和先修课程的理论及生产实际知识去分析和解决问题，进行的相关训练。3、学习 ASP 动态网页设计的一般方法，了解和掌握通用数据库的连接、数据的相关操作或网站的设计过程和进行方式，培养正确的设计思想和分析问题、解决问题的能力，特别是网站功能规划的能力和实现相关功能的能力。12） 增加模块、修改模块、删除模块的代码编写4、通过能系统的分析、系统设计、数据库设计和功能的实现等，培养ASP 动态网页设计的基本技能。五、设计要求1、独立完成课程设计。2 Dreamweave

3、r的操作使用，AspWebServer的安装与配置3、熟练掌握 Access数据库的设计基本方法。4、站点主题自拟（体育、军事、茶叶、个人站点等）站点风格自行设计、布局简洁美观，站点内容健康详实，站点图片与网页内容贴近主题。5、文档结构清晰，不得出现中文的文件夹名字以及中文的网页名字6、所有网页必须给标题命名，整个站点必须有良好的导航系统共 21 页第 3页四川机电职业技术学院六、设计内容与步骤1、网站的规划与设计1）网站定位（面向人群，涉及范围）,.2）网站简介共 21 页第 4页四川机电职业技术学院力3）网站的栏目规划（总体结构设计）4）网站的数据设计与规划5）网站的文档结构图共 21 页

4、第 5页四川机电职业技术学院后台文件夹主页文件hou).asp/sjkxgzx.asp/sjkyl.asp/ktianjia.asppsp/dele.asp/delete.asp/houtai.asp）login.asp）p）asp）p)文件共 21 页第 6页四川机电职业技术学院2、网站主要页面及核心代码系部网站 系部主页 系部动态10网络10冶金控制 系部主页共 21 页第 8页四川机电职业技术学院 ahref=xbzyyul.asp?id= -预览文章共 21 页第 9页四川机电职业技术学院作者:时间： Adminnew.asp栏目管理新闻管理添加新闻用户管理新闻栏目 编号栏目操作a h

5、ref=newbianj.asp?id=编辑/a href=newdel.asp?id=删除新增 共 21 页第 13页四川机电职业技术学院添加新闻 标题 所属栏目optionvalue= 文章内容 文章作者共 21 页第 14页四川机电职业技术学院 修改用户form id=form1 name=form1 method=postaction=userbjhou.asp?id= 用户姓名：密码： 共 21 页第 15页四川机电职业技术学院 %dim id,username,passwordsid=request.QueryString(id)username=request.Form(user

6、name)passwords=request.Form(passwords)set rs=Server.CreateObject(ADODB.Recordset)sql=UPDATE users SET username= & username & , passwords=& passwords & where id=& idset rs=conn.execute(sql)if Err.number0 thenresponse.Write(修改失败)elseset conn=nothingset rs=nothingresponse.Redirect(newuser.asp)end ifres

7、ponse.Write(sql)response.End()%打开数据库共 21 页第 16页四川机电职业技术学院修改文章form id=form1 name=form1 method=postaction=newbjhou.asp?id=添加新闻 标题input name=biaoti type=text id=biaotivalue= size=35 /共 21 页第 17页四川机电职业技术学院所属栏目 option value= selected 文章内容 文章作者共 21 页第 18页四川机电职业技术学院input name=author type=text id=authorvalu

8、e= size=30 / 七、设计总结：这次网页设计实训，我收获了很多，感触也很深。我最大的感受就是理论不用于实践终究是理论，说得难听点那根本就是纸上谈兵，止于理论的学习，将来是没多少成绩的，有前途发展的话也必将是少了更为之锦上添花的一笔。但没有根基怎么能建好别墅呢?通过这次设计，我发现一个很普遍的问题：我们往往是眼高手低，学这句话，当我们着手实践时就不像我们想象中的那么简单了，每一个细节都需要注意，稍有不慎页面就在预览中变了样，因此更需要我们细心和耐心地去完成，也就两个字概括认真，只有认真对待才会从骨子里学到东西，才学到心里去了。我觉得这次确实是很有意义的一次检测，本来自我感觉良好的，结果实

9、战时还是存在很多问题的，平时学起来觉得很轻松就以为掌握了所学知识，但现在都忘记很多细节是怎么样的了，因此开始着手时有些障碍，但共 21 页第 19页四川机电职业技术学院我下定决心把以前的实验内容都温习一遍，遇到不懂的就及时查资料，比如翻阅资料书，百度，也可以请教同学，一起讨论，相互学习，于是最后也如鱼得水，水到渠成，因此得到一个非常重要的结论只要自己想学只要自己有那份执着与毅力，虚心的请教，勤于查阅相关资料就一定会有收获的，真的当今没有什么知识是用不着的，在哪，哪里都是知识，只要自己持有高度的学习热忱。当然，我们在学习过程中一定要及时巩固、练习，掌握了也不一定熟悉，熟能生巧啊！我们应该吸取这个

10、教训，否则即不过最终，经过长久的坚持与不断的琢磨，看到了自己辛苦后的成果，尽管这还有很多不足，但看着它我心里充满着喜悦，一分耕耘一分收获，这永远是真理。在这次网页设计中，我综合运用了以前专业所学课程的理论和生产实际知识，进行这次网页设计，从而也进一步提高了我的设计能力，巩固与扩充了我网页设计等课程所学的内容，更灵活的掌握了网页设计的方法和步骤，懂得了这样分析软件的综合运用，怎样确定设计方案，了解了网页的基本结构，提高了设计能力，熟悉了规范和标准，最重要的是我的独立思考的也有了提高。在这次设计过程中让我觉得自己在平时的观察中不大注意，观察的太少，然而让平时作为浏览者的我，开始对网站页面排版动态设

11、计开始留意和关注。现在知道要做好一个网站并不是想象中的那么简单，需要我们平时多积累多操作，一个网站的整体性当然包括色彩图片的搭配，所以还需要提升自己的审美观。最主要的设计一个网站必须要先制定一个完整合适的框架，使浏览者对整个页面有种和谐、简易、明了的感觉。同时要收集丰富的主题素材，以展示网页的可读性。由于我的设计能力有限，在设计过程中难免会出现错误，需要同学们和老师的帮助，这次实训也让我明白了，团体很重要。当然能从其中发现很多值得我去学习的地方，比如说有的页面布局很好，有的页面内容很充实，看起来很有感觉，也可以称之为网站了，而我的有PPT演示文稿，这也反映了我的一个问题：心中还没很清楚领悟建立

12、网站的基共 21 页第 20页四川机电职业技术学院本要点，还应该加强这方面的知识储备。另外我也发现有的同学的页面设更谈不上凸显主题了从对比中，我学到了很多，能让我扬长避短，吸取他人之精华，去除他人之糟粕。这次实训对于我来说不是一项任务而是一种享受，因为我发现我越来越喜欢它，不管别人说做这件事做到多晚做得有多累，我都没觉得，甚至还越做越兴奋。对于一个女生来说，特别是对于一个对电脑不感兴趣的女生来说，我觉得这是我最大的收获，我找到了我的兴趣、我的老师，我在计算机专业中找到了方向。真的很感谢老师能给我们这次机会，当然也发现有很多同学跟我一样喜欢上了它，在这方面也做得比较好，于是我也有一种紧迫感，毕竟现在竞争压力很大，“适者生存，弱者淘汰”是亘古不变的自然法则，我想我应该更加努力，抓住机会把它学通学精这次实训我知道了，平时上网要多注意一些好的效果作为参考，增加自己的审美观，及程序的安全性和执行效率，同时加强学习，积极为网站增加实用性的功能，规范 vb 类库，把常用方法写成函数封装，方便调用。拓展性也更好一些，对数据库和网站文件做到经常下载备份，保障数据安全。二个星期的实训将要结束，其中的酸甜苦辣我会在今