网页制作课程设计报告模板

1 / 28网页制作课程设计报告模板课 程 设 计 报 告课程设计名称： 制作网站系 别： 计算机学 生 姓 名 ： 洪春雨班 级： 2 班学 号： 20160805208成 绩：指 导 教 师： 顾凤梅开 课 时 间： 8 月 29日 9 月 9日课程设计题目2 / 28一、功能描述 11.需求分析 12.基本功能 23.功能图 24.系统流程分析 35.性能需求3 / 28 3二、设计思路 5三、具体实现 71数据库设计及实现 72建立网站代码 8四、程序运行截图 121系统首页截4 / 28图 122系统管理员登陆 133系统后台首页 134添加新闻内容 14 小 结 15 参考文献 16一、 功能描述1. 需求分析5 / 28随着中国改革开放的推进以及二十多年的经济高速增长，中国居民收入大幅度增加。农村居民家庭人均纯收入 2001年达到了 23664 元，较 1978年增加了 4倍，年平均增加速度为；城镇居民家庭人均可支配收入 2016年达到了元，较 1978年增加了倍，年平均增加速度为。大城市居民收入的增加速度更快。城镇居民的消费支出中吃、穿的比重逐年降低，而用于医疗保健、交通通讯、娱乐教育文化服务、居住的部分逐年上升。城乡居民储蓄 2016年底达到737624 亿元，目前已超过了 80000亿元，且每年储蓄的增幅都在增加。中国已经发展成为一个极具潜力的汽车消费市场。估计目前我国有购车能力的家庭达到 700万户，XX年更将达到 4200万户。到 2016年，中国有可能成为全球仅次于美国和日本的第三大汽车市场。随着互联网宽带和技术应用的成熟，可以预见，电子商务将成为互联网普及应用的主流，必将影响着千家万户的生活和经济行为，并日益成为社会商业活动的重要形式。纵观国内互联汽车网站，中国汽车网、太平洋汽车网、中国汽车新网和三大门户网站的汽车网为 B2C电子商务汽车网的主要集散地，占据了网上汽车商务大部分份额。此外，国内仍然还有几百家小型 B2C汽车网站，受规模和能力限6 / 28制，发展缓慢，步履维艰，艰难的维持现状，并残酷地争夺着剩下为数不多的份额。更有甚者，许多拥有丰富资源信息，希望通过互联网开展汽车网上商务的却苦于无法找到进入 B2C电子商务的门槛，或对互联网的泡沫经济心有余悸而不得作罢。然而消费者若进行网上浏览选购时却又发现，很多汽车网中相关车型数据介绍仍然嫌少，不能及时找到自己想了解的车型参数或经销商介绍。该网站广州本田汽车销售网站，正在开发特色网站栏目。通过特色栏目来吸引广大的汽车爱好者，和汽车经销商厂商的关注。避开其他汽车网站的锋芒，形成自己的品牌和服务壁垒，提高准入难度，保持现有优势，确保业绩稳中有升。2. 基本功能本网站分为网站首页、诚信服务、二手车专区、关于我们、会员专区、留言板、全车体系、新闻中心等几个功能模块。1. 网站首页：7 / 282. 诚信服务：3. 二手车专区：4. 关于我们：5. 会员专区：6. 留言板：7. 全车体系：8. 新闻中心：3. 功能图4. 系统流程分析刚开始进入登陆界面 登陆账号进入主页面主页面可以看到相关资料8 / 28想找一些主页面上没有的东西 可以搜索一下相关资料5性能需求广州本田汽车有限公司从 1998年成立以来就坚持同步引进本田公司的先进技术，传承“安全共存”的理念，不断提升车辆安全性，为用户带来安心的驾乘享受。XX 年 4月，在深入了解用户需求的基础上，依靠着完备造车理念和先进制造工艺，广州本田推出了一款全新的时尚精巧型都市轿车思迪)。主动安全方面思迪轿车在主动安全方面装备齐全，拥有 ABS防抱死制动系统和 EBD电子制动力分配系统，通过电子传感器自动感应及调节前后车轮制动力的分配，使操纵制动更稳健可靠。EPS电动助力转向系统能在各种行驶工况下提供最佳的助力，减小由路面不平所引起的转向系统的扰动，改善汽车的转向特性。此外，思迪轿车还拥有前后雾灯、高位制动灯、防炫目内后视镜和驾驶员车窗防夹功能等主动安全装备。9 / 28被动安全：独门绝学 G-CON安全技术G-CON安全技术是本田公司独创的安全技术。通过在碰撞发生时，对乘员/行人及车辆的冲击力进行控制，从而达到降低人员所受伤害的目的。车辆在意外碰撞发生时会产生各种作用力，为了提升车辆的安全性，就必须针对各种碰撞冲击力作适当的控制，才能有效地保障乘员/行人的安全，将伤害降到最低的程度。G-CON 技术是一项网页设计与制作 课程设计报告书题目：专业：班级：学号：姓名：_ _ _ _山西大学商务学院学院10 / 28信息学院目 录1. 概述 . 3 2. 功能需求分析 . 3 3. 网站设计 . 3 网站总体设计 . 3 数据库设计 . 4 目录结构的设计. 5 4. 网站技术实现 . 6 前台系统的实现 . 6 后台系统的实现 .11 / 28. 8 5. 总结 . 8这更需要网站开发利用 ASP+Access2. 功能需求分析现实生活中的书店涉及范围有限，经营成本高，而网上书店提供了全面、详细的图书购物入口，轻松实现快捷地购买。网上销售能通过广泛的信息传递而影响购买者，具有明显的扩销效果；网上商店是虚拟的商店，没有物理意义上的房屋和店面，也不需要营业员从事销售现场管理，业务环节大为简化，不仅能节省大量的劳动力，而且也能大幅度降低劳动耗费；网上商店不存在商品积压损失，能有效地降低库存，减少资金占用。通过金潮网，可以使消费者通过不同分类进行导航，同时提供了图书购物所需的各种工具，用最方便、最快捷的方式找到消费者需要的图书，满足消费者的图书购买需求。12 / 28根据大部分网上购物系统的基本流程，确定系统的具体需求如下。 顾客可以方便地注册与登录。顾客可以灵活地检索所需的商品信息以及了解特价商品信息。 顾客可以方便地查看详细的商品资料。顾客可以方便地管理自己的购物车。 顾客可以反馈自己的意见或留言。商品管理员可以方便地管理商品及特价商品信息。 订单管理员可以方便地查看订单，进行发货与缺货处理。 会员管理员可以方便地查看顾客的反馈信息及具体的处理情况。 系统管理员可以方便地进行用户管理。3. 网站总体设计按照前面的系统需求分析，根据大部分网上购物系统的基本流程，确定本网站的设计分为前台系统与后台系统两个模块，前台系统主要实现用户注册、用户登录、图书信息、搜索图书、网上购物、提交订单管理、用户评论、帮助等功能；后台系统主要实现管理员登录、管13 / 28理员维护、会员管理、图书类别管理、图书管理、定单管理、送货/汇款方式管理、评论管理等。系统的功能模块图如图 3-1所示：图 3-1 系统的功能模块图网站站点结构图如图 3-2所示。图 3-2 网站站点结构图数据库设计数据库是存放在计算机内可共享的数据资源，数据库中的数据按照规定好的模型组织进行存储，有较高的数据独立性和扩展性，有较小的冗余度。在关系数据库中，数据是保存在表中的，在关系数据库中，通过设定表中的关键字段来确定表中记录的唯一性。键能唯一确定表中的一个记录，用于分辨记录、建立索引以及保证引用的完整性。管理员信息表：存放网站管理员的用户名、密码等信息。 14 / 28会员信息表：记录系统中注册用户的详细信息。商品基本信息表：存放网上商城所销售图书的基本信息。 产品大类信息表：记录网上各种商品分类。 基本信息表：记录各种图书分类的相关信息。 订单信息表：存放与用户相关的订单基本信息。订单条目信息表：存放与订单相关的具体条目信息，包括某订单中所涉及商品的价格及数量。 本网站中的各个数据表的基本结构如下所示。 1） 管理员信息表系统管理员信息表用于后台维护管理员的基本信息，包括管理员用户的用户名、密码等信息，其字段设置如表 3-1所示。表 3-1管理员信息表2） 会员信息表会员信息表记录系统中注册用户的详细信息，包括用户名、15 / 28密码、身份证号、注册日期、送货方式、汇款方式等信息，其字段设置如表 3-2所示。表 3-2会员信息目录结构的设计目录的结构在网站的建设过程中是一个容易忽略的问题，虽然目录结构的好坏，对浏览者来说并没有网页设计课程报告学 号: 专 业: 姓 名: 题 目: 设 计 时 间:电子信息与计算机工程系2016年 11月16 / 28目 录一、设计目的 . 3 二、课程设计题目 . 3 三、课程设计要求 . 3 四、需求分析 . 4 五、技术分析 . 5 六、创意分析 . 8 七、制作过程及要点 17 / 28. 9 八、参考资料 . 12 九、设计总结 . 12一、设计目的本课程的设计目的是通过实践使同学们经历 Dreamweaver cs3开发的全过程和受到一次综合训练，以便能较全面地理解、掌握和综合运用所学的知识。结合具体的开发案例，理解并初步掌握运用 Dreamweaver cs3可视化开发工具进行网页开发的方法；了解网页设计制作过程。通过设计达到掌握网页设计、制作的技巧。 了解和熟悉网页设计的基础知识和实现技巧。根据题目的要求，给出网页设计方案，可以按要求，利用18 / 28合适图文素材设计制作符合要求的网页设计作品。熟练掌握 Photoshop cs3、Dreamweaver cs3等软件的的操作和应用。 增强动手实践能力，进一步加强自身综合素质。二、课程设计题目设计的题目是：XXXXX三、课程设计要求1课程设计要求一人一题，每题之间不得有雷同现象。2每个题目至少要 有 8个不同页面，总页面不少于 10个。作品中必须有为索引页，作品中需包含 flash动画、超链接、图片、声音等多媒体元素。3课程设计过程中，首先要进行项目调研分析、技术设计分析及页面布局。 4设计结束时，每人须按题目分析设计的要求，上交所有的 HTML文档和素材，将所有文件作压缩包，文件名按“学号+姓名+项目名称”来命名。19 / 285作品内容必须要和课程设计报告中的项目内容要一致，设计报告要求在 3500字以上，报告内容应有课程设计题目、需求分析、设计制作方案及关键制作技术等内容，必要时需要将效果图抓屏后进行插图。课程设计报告要求用 A4纸打印后与作品一同上交，无设计报告者不予评定成绩。选定主题，确定题目之后，在做整个网站之前对网站进行需求分析。首先，做好需求调研。调研方式主要是上网查阅资料，在图书馆里翻阅相关书籍。调研内容如下：1、 网站当前以及日后可能出现的功能需求。2、 客户对网站的性能的要求和可靠性的要求。 3、 确定网站维护的要求。 4、 网站的实际运行环境。5、 网站页面总体风格以及美工效果。 6、 主页面和次级页面数量等。 7、 内容管理及录入任务的分配。8、 各种页面特殊效果及其数量。 9、 项目完成时间及进度。20 / 28然后，调研结束之后对整个网站进行功能描述，并对网站进行总体规划，接着逐步细化。例如：选做的主题是旅游交通，并且选定题目为“玩转西安” ，其目的是做一个简单的网站，介绍西安旅游的各个方面，提供一定的资讯信息， 。进行一番调研之后，该网站整体站功能结构图如下：(一)建立布局在这次的网页设计中用到大量的布局，所以怎么样建立布局是关键。Dreamweaver cs3是大多数人设计网页的称手兵器，也是众多入门者的捷径。特别是其在布局方面的出色表现，更受青睐。大家都知道，没有表格的帮助，很难组织出一个协调合理的页面。1.点击“ALT+F6”键，进入布局模式，插入布局表格。建立一个大概的布局。 2.使用背景图片：选中该项，按浏览可以插入一幅准备好的图片作为表格的背景，因为图片是以平铺的形式作为表格背景，所以表格大小和图片尺寸都要控制好。21 / 28网页中的图像图像传输是 WWW的真正魅力所在，它与文字相比具有显著的优点：一是直观，人眼观看图像时接受信息的速度远远超过观看文字时接受信息的速度；二是能更清楚地表达细节内容。正是由于这些优点，所以在进行网页设计时图像很受欢迎。如果网页做得像一幅风景画，浏览者一定会流连忘返。 图像文件的格式有几十种，如GIF、JPEG、BMP、EPS、PCX、PNG、FAS、TGA、TIFF、WMF等，现在 Internet Explorer和 Netscape支持的、最常用的图像格式是 GIF、JPEG 和 BMP。 在网页中插入图像利用 DreamweaverXX cs3可以方便地在网页中插入图像，还可以设置图像边框、大小、和位置，并且可以直接对图像进行编辑。在网页中加入图像的操作非常简单：1.新建一个空白网页，把光标定位在网页的开始位置。2.打开“工具”菜单，选择“图片”菜单项，在子菜单中选择“来自文件”菜单项，或者单击工具栏中的图片工具图标，弹出一个“图片”对话框。 3.在此对话框中单击“浏览”按钮，出现一个“选择文件”对话框。 4.在“选22 / 28择文件”对话框的文件列表中选择某个图像文件，然后单击“确定”按钮，或直接双击该图像文件，该图像即被加入到网页中。在网页中插入图像后我们就可以对图像的各种属性进行设置了。 图像的各种属性设置 1.选中所插入的图片，单击鼠标右键，弹出一个快捷菜单，在菜单中选择“图片属性”菜单项，出现一个“图片属性”对话框. 2.打开“外观”选项卡。(1)设定图像边框粗细：在“外观”选项卡的“布局”栏里可以根据需要定义图像的边框，也可以定义边框值为“0” ，即无边框。(2)设置图像环绕方式：一般情况下一幅图像只能与一行文字处在同一高度，但有时需要将图像和文字分开，且两者互不影响。比如在网页左边插入一幅图像，要求右边的文字就像没有图像时可以多行输入，这就要通过设置图像的环绕方式来实现。在网页中图像的环绕方式有两种：左环绕：图像在左边，文本在图像的右边进行环绕。 右环绕：图像在右边，文本在图像的左边进行环绕。在“外观”选项卡的“布局”栏中打开“对齐方式”下拉23 / 28列表框，选择“左”网页设计课程设计报告系别： 计算机科学系 班级： 09级计师二班 姓名： 邓桂香 学号： 201614340229 指导教师成绩： 日期： 2016 年 5月网页设计课程设计报告一、 网站设计目的和任务一学期的网页设计理论和实践课程都结束了，根据老师的要求及指导，我设计了此网站，本网站属于小型个人网站，目的在于简单的介绍一下个人状况，可以使老师和同学们更进一步的了解我现在以及部分过去的情况，加强老师和同学们对我的认识，深化我们大家的情谊，有利于以后在学习、工作生活当中的团结协作。(转 载于: 海达 范文 网:网页制作课程设计报告模板) 24 / 28此外，这不仅是为了肩负学生的责任而去完成老师交给我的任务，更是对过去学习的知识的温习巩固，是一个把理论转化为实践的过程，是一个把自己的设计思想转化为实物的过程，是一个发挥自己创造力和想象力的过程。再者，这是对自己在一学期内该学习科目以来的成果的检查，这是一个自我审视的过程：检测我该学期的学习成果，衡量一期以来的收获，更为重要的是扬长避短，发现自己的问题与缺点，使自己及时改正，发觉自身的优点和长处并坚持发扬，有利于我以后的学习和发展。二、 网站主题本网站以个人从小到现在的大概情况介绍为主题，阐述喜好，表现本人的性格特点。25 / 28三、 网站规划思想当今社会，靠什么成功?很多成功人士都说过这样一句话：“成功来自百分之八十的人际关系和百分之二十的自身天分和努力。 ”据此可以发现，扩大人际关系网是十分重要的一项活动，因此就需要一条联系两方的桥梁，这条桥梁是满载信息的大流量的通道，在这信息时代，于是网络成为了这当之无愧的桥梁。我设计这个网站的思路就来源于此。怎样让更多人了解你？怎么使别人更了解你？怎样扩大自己的接触面？当代是繁忙的一代也是讲究高效率的一代，当今面对这些问