网站设计毕业设计

摘要现在，随着计算机技术与通信技术的发展，网络的规模也逐步增大。网络的元素也随之而不停增加。有的运用其进行通信，有的运用其作为商业用途，在网络上进行出售、收购、宣传等用途。从而使得网络越来越成为现今社会上必不可少的元素，而网站就是这个网络里的一种很大的元素。所谓网站(Website)，就是指在网际网路（因特网）上，根据一定的规则，使用HTML等工具制作的永于展示特定内容的有关网页的集合。简朴地说，网站是一种通讯工具，就像布告栏同样，人们能够通过网站来公布自己想要公开的资讯（信息），或者运用网站来提供有关的网络服务。人们能够通过网页浏览器来访问网站，获取自己需要的资讯（信息）或者享有网路服务。

目录摘要 1引言 3第一章网站的概述 31.1网站背景 31.2网站的目的 41.3网站的分类 41.3.1搜索引擎类 41.3.2资源共享类 41.3.3专项网站类 4第二章网站的分析 52.1技术可行性分析 52.2操作可行性分析 5第三章总体设计 53.1设立网站 53.2版块设计 53.2.1首页版块： 63.2.2作品版块： 83.2.3介绍版块： 93.2.4新闻动态版块： 93.2.5留言板版块： 103.3代码 113.4数据库 11第四章网站设计环境 134.3软件工具介绍 144.3.1网站设计工具 144.3.2多媒体解决工具 144.3.3数据库 144.3.4测试工具 14第五章网站测试 15总结 16致谢 16参考文献 17引言随着时代的发展，生活水平的提高，人们的追求越来越高，当代年轻人更是热衷于婚纱摄影，但愿通过这方式能留下人生最美妙的回想，和最美丽的风景线。本作品《Dt视觉婚纱影楼在线》就是一种具体介绍婚纱影楼的专项网站。本作品作为一种介绍婚纱影楼的专项网站，其内容涉及六个栏目：首业：本栏目具体介绍了整个婚纱影楼的模式，重要内容全都集中在该业面。作品：本栏目展示了公司的代表作，给您最直接的参考价值。介绍：本栏目具体介绍了我公司的事业理念，让你更理解我公司。活动：本栏目重要是介绍公司的活动。新闻：本栏目则是近期的新闻，让你理解我公司的运作。留言：最新开发的留言功效，您能够留下你贵重的意见和建议。本作品在内容的组织安排上尽量做到构造合理、内容翔实、通俗易懂，有助于读者理解本作品的制作流程、构造等。第一章网站的概述1.1网站背景现在，随着计算机技术与通信技术的发展，网络的规模也逐步增大。网络的元素也随之而不停增加。有的运用其进行进行通信，有的运用其作为商业用途，在网络上进行出售、收购、宣传等用途。从而使得网络越来越成为现今社会上必不可少的元素，而网站就是这个网络的一种很大的元素。所谓网站(Website)，就是指在网际网路（因特网）上，根据一定的规则，使用HTML等工具制作的用於展示特定内容的有关网页的集合。简朴地说，网站是一种通讯工具，就像布告栏同样，人们能够通过网站来公布自己想要公开的资讯（信息），或者运用网站来提供有关的网路服务（网络服务）。人们能够通过网页浏览器来访问网站，获取自己需要的资讯（信息）或者享有网路服务。1.2网站的目的1.、本设计的重要目的是开发婚纱影楼宣传的网站，顾客可通过本网站浏览某些有关婚纱影楼的信息，例如：拍摄的技巧、婚纱照、艺术照等。并且还能够通过留言板发表留言、互相讨论。2、准时保质地完毕婚纱影楼在线的网站，并掌握到制作系统的过程与技术。1.3网站的分类当今时代,随着计算机网络技术的飞速发展，如果按用途来分类，网站基本能够分为三大类；1.3.1搜索引擎类这一类的网站是最为普遍的，并且商业用途也很广泛。无论对于普通网民，或者办公人员都是必不可少的网站。（如http：//www.百度.com这是一种名为“百度”的搜索引擎网站）1.3.2资源共享类这一类的网站重要体现于视频网站、论坛（BBS）、社区、下载平台和电子邮件（Email）网站。这种类型的网站是当今时代计算机网络技术的代表。（如“广州视窗”的社区）1.3.3专项网站类这一类的网站根据性质可分为两类；公司商品类，这一类的网站重要是围绕一种商品或一种公司而产生的专项网站。（如：“完美世界”的网络游戏的官方网站）而）。个人专项类，这一类的网站重要是由某些有一定网站设计基础的人员，设计出来的某些无商业涉及的专项网站。而设计这一类网站的人员基本上都是按自己的喜好来设计的。（本网站就是这一类网站）。第二章网站的分析2.1技术可行性分析在制作婚纱影楼在线网站的过程中需要考虑到技术可行性的问题，对制作人员普通都规定掌握计算机技术，含有一定的编程基础，最少熟悉运用一种网页制作的软件（如：Dreamweaver、MicrosoftVisualStudio），并对多媒体软件含有一定的熟悉（如：Photoshop、Flash等等）。2.2操作可行性分析本作品操作简朴、界面简洁清晰,对于那些有普通的计算机知识的人员就能够轻松上手。并兼容与全部网页浏览的软件(如:InternetExplorer)由此可见，该网站的操作是可行的，有必要开发本网站。综合以上方面，本网站含有很高的开发可行性，无论是从技术上，经济上或者社会因素方面还是操作上都是可行的。第三章总体设计3.1设立网站打开MicrosoftVisualStudio→新建网站→网站→语言选择VisualC#→选择途径点击【拟定】按钮完毕网站设立。完毕后会出现网页窗口（如图3.1-1）（图3.1-1）3.2版块设计本网站重要是让某些需要婚纱摄影的的顾客，对婚纱摄影有更进一步的理解。并且顾客能够免注册，直接浏览该网站的全部内容。内容涉及：首页、作品、介绍、活动、新闻、留言等六个版块而这六个版块：Logo截图（图3.2-1）3.2.1首页版块：该页面作为整个网站的首页，为了顾客浏览方便，因此在进行版面设计时，将本作品的六个重要版块的内容都浓缩在首页的界面里，从而令顾客能够快速的看到顾客所感爱好的内容，节省顾客浏览的时间。另外由于本网站新增了一种留言板的版块，因此在顾客浏览本网站首页时会自动弹出一种欢迎留言板的窗口，顾客能够点击该窗口里面的内容从而进入到留言板版块里面；本版块设计技术涉及：运用Flash插件技术插入小动画，另看起来网站有生动的感觉（如图3.2-2）flash（图3.2-2）首页能够实现会员的注册与登陆，登陆会员能够有更多机会获得我影楼的精彩礼物，尚有在线客户服务，具体体现如图（3.2-3）首页版块（图3.2-3）本网站新增留言功效，以窗口弹出的方式体现。如图（3.2-4）留言板跳转窗口（图3.2-4）3.2.2代表作品板块：因该版块的整体内容非常繁多，因此将全部的代表作品全部以照片的形式展示出来，滚动新闻让你随时理解影楼动态。本版块设计技术涉及：运用photoshop技术设计每张照片的样式及总体样式；作品展示板块（图3.2-5）3.2.3影楼介绍版块：该板块单纯的介绍公司理念，单独的文字显示,滚动窗口显示更多信息。本版块设计技术涉及：介绍版块（图3.2-6）滚动窗口，是以新闻滚动的形式，让你随时理解我影楼的动态，如图（3.2-7）滚动窗口（3.2-7）3.2.4新闻和动态版这两个板块都是用的同样的模版，实现的只是简朴的新闻和动态的连接，滚动窗口也是更多新闻和动态。如图：新闻活动板块（3.2-8）3.2.5留言板版块：本版块设计技术涉及：留言板主页面（3.2-9）在留言板主页面中能够显示全部的留言统计，显示内容是留言的主体，内容，留言者姓名，性别，及留言时间。如果需要留言点击“我要留言”则可；留言页面：留言页面(3.2-10)3.3特殊代码一种网站的构成基本都是由模版或者框架支撑起来的，由于有一种统一的风格才干使一种网站看上去干净、整洁、清晰。而本网站就是由一种模版支撑整个网页，换句话来说整个网页都是由这个模版作为基础来设计的。本网站基本操作都在MicrosoftVisualStudio这个网页开发软件的环境里操作，基本只需要某些简朴的框架代码如<div>，本网站的模版构成，都是由大量<div>欠套，大量的.jpg图像文献来支撑的。重要的是运用了样式表，网页编辑与样式表连接，实现整个网站的摸版。网页代码，链接；网页代码（3.3-1）样式表代码（3.3-2）留言板代码：留言板（3.3-3）登陆代码：登陆代码（3.3-4）注册代码（3.3-5）第四章网站设计环境4.1软件环境1)数据库：MicrosoftAccess，SQLServerManagementStudio2)网页编辑工具：MicrosoftVisualStudio4.3软件工具介绍4.3.1网站设计工具MicrosoftVisualStudio4.3.2多媒体解决工具AdobePhotoShop(PS)CS2Photoshop是Adobe公司旗下最为出名的图像解决软件之一，集图像扫描、编辑修改、图像制作、广告创意，图像输入与输出于一体的图形图像解决软件，深受广大平面设计人员和电脑美术爱好者的爱慕。AdobeFlash8Flash是美国Macromedia公司所设计的一种二维矢量动画软件（现Adobe公司产品），用于设计和编辑Flash文档，最新版本为：AdobeFlashCS5。Flash普通也指MacromediaFlashPlayer（现AdobeFlashPlayer），用于播放Flash文档4.3.3数据库MicrosoftAccessMicrosoftOfficeAccess（前名MicrosoftAccess）是由微软公布的关联式数据库管理系统。它结合了MicrosoftJetDatabaseEngine和图形顾客界面两项特点，是MicrosoftOffice的组员之一。其实Access也是微软公司另一种通讯程序的名字，想与ProComm以及其它类似程序来竞争。可是事后微软证明这是个失败计划，并且将它中断。数年后他们把名字重新命名于数据库软件。另外，Access还是c语言的一种函数名和一种交换机的主干道模式。4.3.4测试工具MicrosoftInternetExplorer6MicrosoftInternetExplorer，简称MSIE（普通称成InternetExplorer，简称IE），是微软公司推出的一款网页浏览器。第五章网站测试测试的目的在于发现错误。由于在编写代码过程中不可避免的会出现错误。因此，在程序投入运行之前，必须纠正其中的大部分差错。否则，这些差错迟早会在运行过程中暴露出来，届时会造成很恶劣的后果。测试的目的就是在运行之前，尽量多的发现程序中的错误，这是确保软件质量的核心环节。程序的测试时对整个系统做了全方面测试，测试的重要内容有：(1)界面可操作性测试。(2)注册登陆测试(3)留言板测试总结11月，我开始了我的毕业设计工作，时至今天，设计基本完毕。从最初的茫然，到慢慢的进入状态，再到对思路逐步的清晰，整个写作过程难以用语言来体现。历经了1个月的奋战，紧张而又充实的毕业设计终于落下了帷幕。回想这段日子的经历和感受，我感慨万千，在这次毕业设计的过程中，我拥有了无数难忘的回想和收获。11月初，在几经纠结中我的题目定了下来，以婚纱影楼在线系统，作为本次毕业设计的主题。由于动态网站我才刚接触因此，因此当毕业设计的任务目的定下来的时候，我当时便立刻着手资料的收集工作中，当时面对浩瀚的书海真是有些茫然，不知如何下手。在老师细心的指导下，终于使我对自己现在的工作方向和办法有了掌握。在收集资料的过程中，我破天荒的去到学校图书馆收集资料，还在网上查找各类有关资料，将这些贵重的资料全部记在U盘上，尽量使我的资料完整、精确、数量多，这有助于论文的撰写。然后我将收集到的资料认真整顿分类，及时拿给老师与同窗进行沟通。11月中旬，资料已经查找完毕了，我开始着手论文的写作。在写作过程中碰到困难我就及时上网找资料或者找某些比较好的范文来参考，并和同窗互相交流。在大家的协助下，困难一种一种解决掉，论文也慢慢成型。论文的大致思路已经完毕。在设计早期，由于没有设计经验，觉得无从下手，空有诸多设计思想，却不懂得应当如何写，通过老师的指导，同窗的帮忙。我的设计终于完毕了11月末，当我终于完毕了全部打字、排版、校对等任务后整个人都很累，但同时看着电脑荧屏上的毕业设计稿件我的心里是甜的，我觉得这一切都值了。这次毕业论文的制作过程是我的一次再学习，再提高的过程。在论文中我充足地运用了大学期间所学到的知识。

致谢毕业论文暂告收尾，这也意味着我在四川职业