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

动态网站设计与制作—课程设计报告 1 - 动态网页设计与制作 课程设计报告 学校： 华南农业大学珠江学院 系别： 信息工程系 课题： “浪漫婚纱”动态网站设计 专业班级： 08计算机科学与技术1班 姓名： 詹昌健 学号： 200830400125 指导教师： 丁蕾 目 录 一、设计目的 1 二、课程设计题目要求及描述 1 1．设计要求 1 2．描述 1 三、网站设计思想和详细设计分析 2 1．网站整体结构规划思想 2 2．主页设计思想与分析 3 3．子页设计思想与分析 6 3.1 子页——婚纱展示 7 3.2 子页——在线订购 7 3.3 子页——访客留言（留言板）8 3.4 子页——万年历查询 9 四、网站站点建立与数据库连接测试 10 1．建立站点 10 2．建立布局 12 3．数据库连接测试 14 五、设计总结 15 1. 心得体会 15 2. 展望 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. 主页设计思想