网络设计课程设计书

信息科学与工程学院课程设计任务书题目：企业网站设计与开发学号：姓名：专业：计算机科学与技术课程：动态网站与开发指导教师：职称：完成时间：2012年6月----2012年7月1课程设计任务书及成绩评定课程设计的任务和具体要求1、结合该课程中所学的理论知识，按要求独立设计方案，培养学生独立分析与解决问题的能力；2、学会查阅相关手册和资料，通过查阅手册和资料，进一步掌握网页设计技术；3、掌握企业网站开发的的基本过程；4、掌握数据库开发的基本过程；5、认真撰写总结报告，培养严谨的作风和科学的态度。指导教师签字：日期：指导教师评语成绩：指导教师签字：日期：2课程设计所需软件、硬件等Dreamwaver、WPS文字、IE浏览器、PC等。课程设计进度计划起至日期工作内容备注2012.6.16-2012.6.182012.6.19-2012.6.232012.6.24-2012.6.25搜集相关资料并整理资料对整理的资料分析分类并制作网页制作课程设计文字版参考文献、资料索引序号文献、资料名称编著者出版单位1、[美]G.AndrewDuthie,《MicrosoftASP.NET程序设计》,北京:清华大学出版社,2、周之英,《现代软件工程》,北京:科学出版社3、覃剑锋张钢,《ASP网站建设专家》,机械工业出版社4、黄明,《ASP信息系统设计与开发实例》,机械工业出版社3目录一、概述.............................................4二、前言.............................................4三、总体结构图.......................................5四、详细设计.........................................64.1.设计主页..............................................64.2.公司简介..............................................84.3景区介绍..............................................104.4.信息咨询.............................................144.5.交通指南.............................................154.6.联系我们.............................................16五、总结............................................17六、心得............................................184企业网站设计与开发一、概述现今网站的开发会用到形形色色开发工具，如ASP,PHP,JSP等，包括脚本语言，以及为网站提供数据存储的数据库（Access，SQLSERVER）,ASP网页可以包含HTML标记、普通文本、脚本命令以及COM组件等。利用ASP可以向网页中添加交互式内容（如在线表单），也可以创建使用HTML网页作为用户界面的web应用程序。ASP也不仅仅局限于与HTML结合制作WEB网站，而且还可以与XHTML和WML语言结合制作WAP手机网站。但是其原理也是一样的。是一种服务器端脚本编写环境，可以用来创建和运行动态网页或Web应用程序。培养一大批掌握和应用线代信息技术和网络技术的人才，在全球信息化的发展中占据主动地位，不仅是经济和社会发展的需要，也是计算机和信息技术教育这的历史责任。二、前言互联网技术的迅速发展，使网络已逐渐深入人心，更是成为继报刊、电视、广播等传统媒体之后而兴起的一新传媒介质，网络宣传已成为众多宣传手段的重中之重，各种各样的网站也就应运而生：为宣传企业而制作的公司网站、可进行网上购物的电子商务网站、能及时了解到天下事的新闻网站、方便学习的教育网站，还有学校、团体、个人等等各大各小的网站，充斥着我们的视野，满足着我们的需要。网站的规划与建设，已悄然被许多人摆到了首要的迫在眉睫的位置上。现今的企业，如果仍然依靠传统的方式宣传自己企业的形象和文化、采购自己企业所需的原材料和配套部件、推销自己企业的产品，则显得十分落后而且难以适应激烈的市场竞争。因此，当代企业纷纷建立自己的网站，借助于互联网快速的信息传递加速自身的发展。一个企业网站的规划与建设，自然而然的也就成了众多类型的网站规划与建设的典范；企业网站的规划与建设这一研究课题，也自然而然地成为当今乃至今后一长段时间内，企业内部和互联网上的一个相当重要的讨论对象。5三、总体结构图结构图如下：网站首页景区介绍信息咨询交通指南联系我们公司荣誉公司简介各地风景薛城区滕州市峄城区台儿庄山亭区市中区6四、详细设计4.1.设计主页首先设计标题插入logo标志，再插入横向标题栏在第一行里插入一个天气插件，第二行插入动态图“dongtaifengjingtu”。根据网站构架，枣庄天润旅游的主页横向框架包括公司简介、荣誉、信息咨询以及交通指南等。然后通过修改页面属性将背景图片设置为“beijingtupian”。7部分代码如下：{background-image:url(sucai/beijing.jpg);background-repeat:no-repeat;}/style/headbodyh1align=center欢迎您光临天润旅游/h1pimgsrc=sucai/logo.jpgwidth=331height=91//ptablewidth=1023height=58border=0cellpadding=0cellspacing=0tralign=center/trtralign=centertdwidth=202align=centerbgcolor=#66FF00strongahref=liuyangeiwo.asp公司简介/a/strong/tdtdwidth=205bgcolor=#66FF00strongahref=minsufengqing.asp景区介绍/a/strong/tdtdwidth=210bgcolor=#66FF00ahref=guanyuwomen.htmlstrong公司荣誉/strong/a/tdtdwidth=206bgcolor=#66FF00ahref=tianxiegerenxinxi.aspstrong信息咨询/strong/a/tdtdwidth=200bgcolor=#66FF00h3ahref==auto_4e9b9f35交通指南/a/h3/td/tr/tabletablewidth=1050height=367border=0cellpadding=0cellspacing=0trtdwidth=834imgsrc=sucai/dongtaitu.gifwidth=1020height=808//tdtdwidth=15align=right /tdtdwidth=201align=rightvalign=toptablewidth=181height=71border=0cellpadding=0cellspacing=0tablewidth=209height=208border=0cellpadding=0cellspacing=0tdalign=centervalign=middlebgcolor=#FFFF00ahref=shizhongqu.html/a/tdtdalign=centervalign=middlebgcolor=#FFFF00ahref=xuecheng.asp/a/td8tdalign=centervalign=middlebgcolor=#FFFF00ahref=tengzhou.html/a/tdtdalign=centervalign=middlebgcolor=#FFFF00ahref=taierzhuang.asp/a/tdtdalign=centervalign=middlebgcolor=#FFFF00ahref=shantingqu.asp/a/tdtdalign=centervalign=middlebgcolor=#FFFF00ahref=yichrngqu.asp/a/td/tr/tableiframesrc==&cid=101010100&l=zh-CHS&p=CMA&a=0&u=C&s=1&m=1&x=1&d=3&fc=&bgc=&bc=&ti=1&in=1&li=2&ct=iframeframeborder=0scrolling=Nowidth=200height=260allowtransparency=true/iframe/td/tr/tablep /pp /ppalign=right/p/p/body4.2.公司简介天润旅游开发有限公司是一个旅游综合开发和综合管理的股份制企业，于2011年1月24日在枣庄工商局登记注册成立，注册地址山亭区凫城乡。公司经营发展理念是“修身治企，诚信制利，厚德致远”，取法自然，和润天下，经营范围包括山茶产销，奇石开发，绿色农副产品加工销售，苗木繁育，园艺绿化。园林规划施工和生态餐饮服务等，公司初步运作了美女峰生态园餐饮服务，抱犊崮山茶产销，精品景观石，绿色农副产品加工等五个旅游综合开发项目。创造全新的、统一的企业形象。最为有效的方式之一就是整合视觉识别系统，使用一致的设计理念，创造一个明确界定的，崭新的公司形象。9部分代码如下：body{background-image:url(sucai/beijing.jpg);}10/style/headbodyh1align=centerstrong公司简介/strong/h1tablewidth=661height=160border=0cellpadding=0cellspacing=0trtdwidth=238imgsrc=sucai/guanyuwomen1.jpgwidth=962height=681//td/tr/tabletrtdimgsrc=sucai/guanyuwomen2.jpgwidth=962height=681//td/tr/table/p/body4.3景区介绍将枣庄各地的美丽风景整理好，整理成文本并粘贴到此网页中。并设置背景图片为“景区介绍”。部分代码如下：title景区介绍/titlemetahttp-equiv=Content-Typecontent=text/html;charset=gb231211styletype=text/cssbody{background-image:url(sucai/beijing.jpg);}/style/headbodyh1align=center景区介绍/h1divp枣庄旅游景点/ptabletr