网页设计课程设计报告.docxVIP

动态网页设计与制作课程设计报告学校： 华南农业大学珠江学院 系别： 信息工程系课题： “浪漫婚纱”动态网站设计 专业班级： 08计算机科学与技术1班 姓名： 詹昌健 学号： 200830400125 指导教师： 丁蕾 目 录一、设计目的 1二、课程设计题目要求及描述 11．设计要求 12．描述 1三、网站设计思想和详细设计分析 21．网站整体结构规划思想 22．主页设计思想与分析 33．子页设计思想与分析 6 3.1 子页——婚纱展示 73.2 子页——在线订购 73.3 子页——访客留言（留言板）83.4 子页——万年历查询 9四、网站站点建立与数据库连接测试 10 1．建立站点 10 2．建立布局 123．数据库连接测试 14五、设计总结 151. 心得体会 152. 展望 15六、附件——关键代码片段 15参考文献: 18一、设计目的随着网络技术的发展与互联网的普及，网站建设与网页制作越来越成为各行各业以及个人宣传自己的有利工具，网站在当今时代被越来越多的人用来宣传。本课程的设计目的是通过实践使同学们经历Dreamweaver cs4开发的全过程和受到一次综合训练，以便能较全面地理解、掌握和综合运用所学的知识。结合具体的开发案例，理解并初步掌握运用Dreamweaver cs4可视化开发工具进行网页开发的方法；了解网页设计制作过程。通过设计达到掌握网页设计、制作的技巧。了解和熟悉网页设计的基础知识和实现技巧。根据题目的要求，给出网页设计方案，可以按要求，利用合适图文素材设计制作符合要求的网页设计作品。熟练掌握Dreamweaver cs4、Photoshop cs5.1、Flash5.0、Firework5.0、Access 2010等软件的的操作和应用。增强动手实践能力，进一步加强自身综合素质。学会和团队配合，逐渐培养做一个完整项目的能力。我们小组本次主要设计的是以“浪漫婚纱”为主题的网页，作为一个商业网站，充分体现该公司的企业文化和商业价值，以达到预期的盈利目的。通过对浪漫婚纱网站结构设计、调试、连接、巩固、加深并扩大所学的理论知识，培养基本理论分析，解决实际问题的能力，逐步掌握企业网站设计和调试的基本步骤，同时培养严肃认真、细致踏实、刻苦钻研、有所创作、事实求是的科学作风。二、课程设计题目要求及描述 动态网站的课程设计要求网站的风格要与所建网站的主题相协调，而且还要突出独特之处，充分体现网站的价值，既要追求人性化也要具有个性化的特点。1．设计要求（1）整个课程设计的各个环节都要求小组成员自己动手，并相互协作共同完成网站设计与制作；（2）确定的网站主题应大小适中、内容健康、具有时代气息，具有一定的代表性；（3）网站提供的信息应与网站主题相符合；（4）网站LOGO与网页风格应该协调一致，网站结构应层次分明，内容重点突出；（5）对课程设计进行总结，撰写课程设计报告；（6）设计时限为2个星期。2．描述 我们小组确定设计以婚纱展示与销售为主题的“浪漫婚纱”企业门户网站，提供最时尚、最浪漫的婚纱礼服资讯。 主要包括：1、公司简介2、婚纱展示3、会员注册/登陆4、访客留言（留言板）5、在线订购 ……等等。 各个栏目布局合理，简约而美观，各子页面可通过导航栏/超链接作用跳转自如。三、设计思想1. 网站整体结构规划思想 网站结构图如下： 图 3.1.1 网站结构图网站首页效果图如下：图 3.1.2 “浪漫婚纱”首页首页baner及logo是运用Photoshop cs5.1、Flash5.0、Firework5.0制作而成的：图 3.1.2 首页baner及logo设计2. 主页设计思想 主页依照合理、简约、美观的概念去整体布局，思路清晰，简单明了。让用户一进入主页就有种宾至如归的感觉，而且“浪漫婚纱”所散发出来的时尚气息也会扣人心弦。 （1）首先，一进入首页会弹出“消息提示框”，这是为了方便用户浏览网页时需要及时知晓的一些信息，提示框里显示的信息是：图 3.2.1 进入首页弹出消息提示框这部分的代码如下：script language=javascript type=text/javascript//Window Onloadwindow.onload = function(){fbMenuBar.importCSS(css.css);var fb = new fbMenuBar(fbmenubar);fb.showBtn();window.alert(温馨提示：本站点里的所有网页可能需要在IE8.0以上版本才能正常显示，不同的IE版本对CSS的定义不同，在其他版本浏览器下可能会出现排版位置出错。网页还添加了一首好听的背景音乐《今天你要嫁给我》。详情请看站点文件夹下附带的《网站说