网站设计开题报告范文精选5篇工作总结Word格式.docx
《网站设计开题报告范文精选5篇工作总结Word格式.docx》由会员分享，可在线阅读，更多相关《网站设计开题报告范文精选5篇工作总结Word格式.docx（20页珍藏版）》请在冰点文库上搜索。
这要求网站规划者熟悉企业的情况，并确立网站的栏目、内容。
其次，网站制作者将要根据网站的规划书来确定网站的风格、布局、色彩搭配等，这就要求设计者对网页制作具有相当的水平，美工、排版能力要强。
ZUI后，网站安全性也是一个重中之重，在如今黑客当行、病毒当道的互联时空，网站的安全犹为重要，否则，功亏一篑!
这就要求配置服务器或选择虚拟主机时的谨慎以及编写网站管理后台的注意。
四、本课题研究的目标及内容
1、本课题研究的目标是：
建立一个具有特色的企业网站。
课题的内容是：
在这个课题中，主要是用于公司相关信息的介绍，以及相关的产品内容的介绍。
方便他人的了解。
它的内容主要包括对网站前台的设计及制作，包括企业网站的logo设计，布局的设计，网站页面的制作、片头动画及页面动画的设计制作、注册登陆系统以及各链接和相关技术的开发等。
在这里，我将以制作某企业网站为例，具体阐述个人网站的制作过程。
制作网站过程：
1、网页美工
用photoshopCS制作页面效果图片，搭配好颜色，设计好版式，这样做的目的是为了让网站的页面更具有整体性和美观性，色调搭配及版面的设计都可以通过photoshopCS这个强大的图片处理软件来完成，这样设计出来的网页不论是从美工还是从版式上都是一流的。
2、导航条和文字图片的布局
用DreamweaverMX和FlashMX设计制作导航条，同时对文字图片进行调整。
具体的就是文字的大小、字体以及图片的格式、大小进行调整。
3、超链接其动态设计
用用DreamveaverMX建立超链接使整个网站能够自由地相互关联，使浏览者能够方便地到达所需要的网页。
另外，本网站还可以进行注册，利用ASP与Access相连使网站变为动态网站。
五、课题研究进展计划
第一周到四周完成毕业设计开题报告
第五周调研，准备各种参考资料、充实所需知识
第六周查阅相关书籍资料，提出可行性的设计方案
第七到十六周具体设计与制作工作
第十七周文档的生成与整理，指导教师修改
第十八周毕业设计论文的相关资料的搜集
第十九周完成毕业论文撰写
六、参考文献
书名编著出版社出版日期
《网页设计典型技巧》Time创作室人民邮电出版社20xx年10月
《ASP动态网站开发毕刘瑞斯机械工业出版社20xx年3月
《ASP+Access组建动态网站实例精讲》龙马工作室人民邮电出版社20xx年6月
一、网站整体规划，要做网页的第一步便是做网站的整体规划这主要包括四个方面的内容。
1.讨论网站的主题。
网站整体规划是做网页的第一步也是制作网页ZUI关键的一步它决定了你要表答的信息，因此我选择了我选择我ZUI喜爱的服饰来为它做网页。
在平时我也对服装的网页比较关心，无论是淘宝网上的衣店还是各种品牌装。
这次我是为“易菲”服饰做的网页。
2.定位网站的ci形象。
“易菲”植根中国文化之精髓，汲取自然禀赋之灵性，形成一个既有浓厚文化底蕴，又有现代自然人文气息的特色品牌。
“易”即是容，是包容，是宽容，是五千年中华民族的文化精髓，是厚德载物，是对人性宽度的一种拓展。
“菲”通非，是生机、是个性、是春意盎然、是自强不息，是对人性深度的一种挖掘。
“生活如花，自在快乐”是yifini易菲的设计理念，倡导一种与自然和谐相处，如花儿绽放般美好舒适、自在快乐的生活方式。
这也便是我网站的ci形象。
3.确定栏目和板块。
于时间的关系在本次我准备做四张网页：
一张主页三张二级页面。
分别设计了“时尚首页、时尚衣秀、推荐产品、潮流信息”等四个栏目。
在这四张页面中我打算都用淡蓝色做背景颜色来映衬我网页的主打色绿色。
4.网站的整体风格和创意。
整个网站的创意就在于颜色的搭配，与各种图片的搭配，它们相互辉映，相互衬托。
以便达到表现其品牌的和谐之美、自然之美。
我踩用淡蓝色和绿色为我网站的主打色主要是因为我的产品特性。
在设计上，yieini易菲推崇“自然美”，将带表女性气质的花卉和自然元素融入设计之中，充分体现设计师和顾客所追求的一种洒脱、舒适的生活氛围，力求表现悠闲、舒畅、自然的生活情趣。
因此我用天空与自然的颜色来表达这张自然之美、和谐之美。
二、网页制作的前期策划与准备，在本阶级主要有两方面的工作。
1.资料的搜集。
在做网页我上网收集了许多方面的资料主要是有关网站的布局与服饰品牌方面的资料，我首先进它的企业网站找了一些关于“易菲”服饰的图片主要是一些代言形象还有代表其企业形象的图片。
其次我去浏览了许多的网页观察其网页的布局、颜色搭配、栏目、板块等方面的内容，同时也搜集了一些对我有用的资料。
在搜索资料ZUI困难的便是动态图片的搜集，动态图片其gif格式的还是好保存，但是要搜集flash动态图片就相对较难了。
我用了一天的时间来搜集我的flash都不太成功，不过还搜到了可以换自己图片的代码。
在开始时我根本就不知道flash是怎样搜索，不过经过三次像老实询问我终于懂得一些关于代码的搜索。
在搜集资料的过程之中我发现了自己的许多不足之处，ZUI关键就是平时对知识的掌握不够，连ZUI基本的资料搜寻都觉得困难。
也是我平时不够认真和努力的表现。
通过这次的教训在以后我一定会做得更好，争取不范类似错误。
2.熟悉制作软件。
做网页主要用的工具便是dremweaver、photoshop、flash软件。
在这些软件我对dremweaver、photoshop相对比较熟悉，因为在平时上课是老师带领我们运用过。
所以我还可以正常的运用，但是出现的问题还是有很多。
有很多不懂如何操作，只有通过在次去看书才能够了解，这也体现了我学习方面的缺点，它是我平时不够认真的具体表现。
三、网页制作，这便进入我该次的主题了具体制作流程如下。
1.构建站点框架。
在我打开dremweaver后第一步便是新建站点，我把我的站点建立在f\仪下面。
并将我搜集的全部资料都保存在其文件夹中，以便网页制作时可以方便的使用。
2.设计主页及二级页面。
在主页我设首页制作时，时刻考虑着网页的基本原则：
统一，连贯，分割，对比及和谐的原则，内容统一，都是为了主题服务，美容美体，一个网站强调的就是一个整体，只有围绕一个统一的目标所做的设计才是成功的;
连贯，页面之间关系连贯，统成一体;
每版内容都自成一体，颜色各异，便于浏览;
整个网页有动有静，色彩呼应，搭配协调，不呆板，富有生气;
颜色各异，但又不同之中又相同，浑然一体。
而且制作过程中，不忘以下原则：
简洁实用:
这是非常重要的，网络特殊环境下，尽量以效率的方式将用户所要想得到的信息传送给他就是的，所以要去掉所有的冗余的东西。
使用方便:
同第一个是相一致的，满足使用者的要求，网页做得越适合使用，就越显示出其功能美;
页面用色协调，布局符合形式美的要求:
布局有条理，充分利用美的形式，是网页富有可欣赏性，提高档次。
当然雅俗共赏是人人都追求的。
交互式强:
发挥网络的优势，是每个使用者都参与到其中来，这样的设计才能算成功的设计。
这样的网页才算真正的美的设计。
每个子页都设有上导航栏，便于浏览和跳转。
3个二级网页制作时，使用的是表格，每一个页面都用表格为它布局好，然后在插入图片文字及其他，这样有一定的规划性，体现了连贯统一性，不同的内容根据各自的特色建立了不同的表格，突出各自的主题，增强了对比性。
在做这些网页的时候我就进行了如上所述的方法。
但我所以网页的背景颜色及主题颜色都是相同的以便突出我每一个网页都是为凸显我主题而服务。
3.实现网页间的链接。
我的链接按钮主要有四个“时尚首页、时尚衣秀、推荐产品、潮流信息”它分别链接到我所做的四个网页。
链接的过程其实很简单，主要是把要链接的文字选择在选择工具栏的链接按钮ZUI后选择自己要链接的网页单击确定便可以了。
4.向静太网页插入动态效果。
在这一阶段我遇到了许多的问题，主要是我在主页插入我的flash的时候，开是我将带码粘贴到我的网页上可是在浏览网页的时候flash却不能够显示。
ZUI后我向老师的请教后终于在老师的帮助下我成功的在我的主页插入了flash。
而在其它的二级网页我主页插入的是一些gif格式的动态图片。
四、网页的调试
在做完网站才发现，怎么所有的图片素材并不是在一个文件夹中，而有许多的子文件夹，从网上下载的网页全都是一个网页对应一个文件夹。
制作过程中，才发现，原来自己懂的太少了，好多不知道的地方，才赶紧查书，开始的时候只是会建立模版，可不会应用。
而对于动态flash的插入我更是问题多多，开始是我对代码基本上是不懂，这就是自己学校上的问题，当真正开始运用的时候在向老师提问。
这只是在制作过程中出现一些问题，其它问题也是类似相同。
现在想想，自己所会的东西太少了，现在做的网站只是一些简单的静态的网站，看到了一些知名的网站开发出的网页，不仅栏目内容丰富，信息量大，而且页面图文并茂，五彩缤纷，使得网民赞叹不已，流连忘返。
从我做的网页来看可以反映出学习的还不够，缺点疏漏。
需在加以刻苦钻研及学习，不断开拓视野，增强自己的实践操作技能，为以后能做出出色的网页而努力。
同时我也希望能够有更多的类似动手练习，让我们在实践之中来学习知识。
因为我觉得实践不仅能够提高我们的学习兴趣它更能够提高我们的动手能力增强我们的技术性。
1.我国目前网页设计还处于初级的认知阶段，国内的网站绝大多数采用的还是非常传统的横向区块布局，信息密度高，版式缺乏节奏和韵律，尤其是北京、上海、广州三地，基本上代表了目前我国网页设计的制作水平，但是网页设计的发展正在呈不断上升的发展趋势，找到具有本民族特色的网页设计语言,对我国的网页艺术走向世界具有重大意义。
国外的网站更加人性化,设计更加紧密,服务也更加周到,个性也比国内的网站突出,让人更容易记住，国外的大容量信息网站的趋势是降低首页的信息密度，把内容分摊到二级频道;
版式上更具引导性、更适于阅读，浏览方式像读报一样更流畅随意。
随着世界各国对于文化多样性的着力维护与普遍关注,网页本土化受到越来越多的网站建设者们所注重随着互连网技术的发展，各种企业和机构在网络上的竞争也日趋激烈，为了吸引眼球，企业和机构都在想方设法在网站的形象上来包装自己，以使自己在同行业的竞争中脱颖而出，而且这种趋势愈演愈烈，网站设计的需求量呈爆发性增长。
网络是我国新兴文化，作为现代人的大多数人，都是通过网络了解信息，尤其现在青年一代更是热衷于网络。
网站是企业向用户和网民提供信息（包括产品和服务）的一种方式，是企业开展电子商务的基础设施和信息平台，离开网站（或者只是利用第三方网站）去谈电子商务是不可能的。
企业的网址被称为“网络商标”，也是企业无形资产的组成部分，而网站是INTERNET上宣传和反映企业形象和文化的重要窗口。
2.本人对课题任务书提出的任务要求及实现预期目标的可行性分析
任务要求：
为了弘扬京剧文化，提高京剧的知名度;
使京剧信息传播更为迅速有效;
京剧做为我国的国粹，有着悠久而漫长的历史。
作为现代人的大多数人，已经不懂的如何去欣赏京剧，更不懂得京剧文化。
通过系列网页设计让更多的人了解它、喜欢它、欣赏它。
给社会大众留下强烈的印象与影响力。
1）通过网页设计来体现京剧形象;
2）通过结合京剧的特点，将各“生.旦.净.末.丑”五个角色有机、自然地结合起来，以求得完美统一的设计形象。
3）通过运用巧妙的网页设计，为京剧的传播提供更大的发展前景。
可行性分析：
通过学习《网页三剑客》、《精通css+div网页样式和布局》、《版式设计》、《色彩设计》等专业课;
熟练运用photoshop、flash、Dreamweaver等设计软件;
在老师的指导下，通过自己的努力相信一定能够达到毕业设计的预期目标、任务。
3.本课题需要重点研究的、关键的问题及解决的思路
本课题需要重点研究的是：
京剧耐人寻味，韵味醇厚。
京剧在形成之初，便进入了宫廷，使它的发育成长不同于地方剧种，对它的技艺的全面性、完整性也要求得更严，对它形象的美学要求也更高，其表演艺术更趋于虚实结合的表现手法，达到“以形传神，形神兼备”的艺术境界。
在网页设计中要做到对京剧这个传统艺术内涵的发掘、创新、和表现。
京剧中的五大角色的特征，对于相互独立又相互联系的角色如何在网页设计中把握它们的共性和个性。
在网页设计、色彩设计、表现手法上尽多的融入现代设计元素，既符合年轻人的审美又要能深刻反映京剧文化的内涵。
关键问题在于如何把抽象的精神内涵变为可视的视觉形象。
吸引更多的大众去人了解它、喜欢它、欣赏它。
然后解决浏览器的兼容问题
4.完成本课题所必须的工作条件（如工具书、实验设备或实验环境条件、某类市场调研、计算机辅助设计条件等等）及解决的办法2）完成本课题的基本工具：
有关网页设计方面的书籍
1.《网页配色实用手册》温鑫茶工作室科学出版社20xx年9月
2.《DreamweaverCS4网页设计与制作指南》杨纪梅清华大学出版社20xx年1月
3.《FlashCS3网站商业设计从入门到精通》张大川科学出版社20xx年03月
4.《精通css+div网页样式和布局》前沿科技人民邮电出版社20xx年
3）相关的尺寸：
原始数据和资料（以实际考察提供的为依据）
4）相关的市场调研，了解网页设计的实际情形等。
5.完成本课题的工作方案及进度计划
1）、15-18周通过现场调研、网络、图书馆搜集相关资料、了解当前设计公司设计的一些前沿，初步确定栏目推广设计的大体方向。
2）、19-20周初步方案设计（在此期间确定方案，根据实际情况，进行具体情形前期设计，20xx-20xx第二学期
3）、1-5周方案细化设计。
4）、6-7周协调整理，为毕业设计展览与答辩作相关准备
5）8-10周检查并校订本的设计稿和实物撰写毕业论文，打印、装订，提交整套设计资料。
制做答辩汇报提纲。
次毕业设计的所有实物和文挡
6）、11-12周布置毕业设计展览
1引言
在Internet快速发展的今天，互联网已成为了人们快速获取、发布和传递信息的重要渠道，它在人们工作和生活中发挥着重要的作用。
因此网站建设在Internet应用上的地位是显而易见的，它已成为政府、企事业单位信息化建设中的重要组成部分，倍受人们重视。
该设计正是互联网与社会生活之间紧密关系的体现。
万峻软件开发有限公司成立十多年以来，网站不够完善，至今未开发招聘信息发布、客户留言管理这两大块功能。
该设计完善了公司原有的网站功能，可展示公司简介、公司业务、新闻动态、解决方案、成功案例、招聘信息、客户留言、管理员工作等系列内容的介绍。
其它公司可以通过公司简介、公司业务、新闻动态、解决方案、成功案例等了解公司的实力，寻求合信意向和合作机会;
应聘者可以通过招聘信息及时了解公司对人才的需求，结合自身情况进行工作的选择;
用户可以利用客户留言经济而又快捷地与其它用户及公司负责人交流、沟通，了解各自的意向和需求以及为公司积极地提供合理化建议。
2系统分析
2.1用户需求分析
要建设一个公司网站，不仅仅是实现它的功能，更重要的是满足公司意向和各类用户的需求，通过悉心的听取公司领导的建议以及对公司全体员工、各企业和找工作的群体等的调查，将这些意见和建议归结为以下分析：
首先，考虑到这个网站的建立是为了方便大多数用户，要求网站的内容
尽量全面，所以设计本网站首页时尽量就将公司的亮点体现出来;
其次，考虑到面对的用户是大多数企业和应聘者，就要求网站要做的新颖，能吸他们的目光;
ZUI后，本网站要接受用户的提问、交留及意见，所以设计过程中特意设计了“客户留言”这一栏，达到公司和用户的互动，体现网站的整体效果。
2.22.2本系统的功能需求分析
本系统应有以下几个重要的功能需求公司简介：
介绍公司的成立时间、规模、机构设置等。
公司业务：
介绍公司目前所做的业务以及发展中的业务。
新闻动态：
发布ZUI近新闻，主要是公司的业务拓展方面、公司ZUI近取得的成就，公司整体的发展方向等。
解决方案：
对各行业，各类问题做出先进的解决方案。
成功案例：
对外展示公司做过的成功项目，从而展示公司的先进技术和实力。
招聘信息：
介绍公司目前缺乏的人才，空缺的岗位。
客户留言：
客户可以在上面发表自己的想法和需求，客户与客户之间，客户和公司管理员之间进行互相交流。
管理员工作：
招聘信息的发布;
公司业务、新闻动态、解决方案、成功案例，这几部分的发布、修改、删除;
留言及回复里部分内容的删除，对这些内容进行管理。
2.32.3可行性分析
（1）技术性可行性就目前的数据库开发与管理来看，对于中、小型数据库系统，ASP.NET与SQLSERVER20xx的结合使用更有利于数据库将来的扩展。
它们为用户提供了操作方便、简单的友好用户界面和强大的数据库操作功能和简洁明了的数据库接口，适合于目前普遍的微机上使用。
SQLServer20xx是一个用来进行数据管理与数据设计实现的工具。
在SQLServer20xx中，用户可以根据自己实际的需要，创建一个包含有各种数据信息的数据库，并且在该数据库中保存各种所需的数据。
ASP.NET是统一的Web应用程序平台，它提供了为建立和部署企业级Web应用程序所必需的服务，完全基于模块与组件，具有更好的可扩展性与可定制性，提供给web开发人员更好的灵活性，有效缩短了web应用程序的开发周期，为能够面向任何浏览器或设备的更安全的、更强的可升级性和更稳定的应用程序提供了新的编程模型和基础结构。
VisualStudio20xx作为前台开发工具，引入了250多个新特性，整合了对象、关系型数据、XML的访问方式语言更加简洁，其中设计器中可以实时反映变更,XAML中智能感知功能可以提高开发效率。
同时VisualStudio20xx支持项目模板、调试器和部署程序。
它可以高效开发Web应用，集成了ASP.NETAJAX1.0，包含ASP.NETAJAX项目模板，它还可以高效开发Office应用和Mobile应用。
（2）操作可行性本系统采用了人机交互界面，操作简便，易于使用。
快速开发、调试和数据转换。
SQLServer20xx带有交互式调节和调试查询、从任何数据源快速移动和转化数据、以及按Transact-SQL方式定义和使用函数等功能。
可以从任意VisualStudio工具以可视化方式设计和编写数据库应用程序。
使用SQLServer20xx，可以很容易地在企业资源旁边集中管理数据库。
可以在保持联机的同时轻松地在计算机间或实例间移动和复制数据库
3系统设计
3.1网站总体设计
根据需求分析，该网站设计了以下几个主要的功能模块：
◇权限的设置该网站的后台数据库的维护只有管理员有访问权限。
管理员可以登录到后台实现对数据库中数据的修改。
◇客户留言管理该部分作为一个信息交流及反馈的平台，用户可以将自己的想法、需求写在这部分里面，其它用户及管理员可以通过回复留言达到用户与用户、用户与管理员之间的交流。
同时，管理员可以根据需要查看和删除某些留言及回复。
◇信息的更新由于这个网站主要是方便用户浏览ZUI新的信息动态，所以在每个页面的设置中，将ZUI新信息设置到首条，主要体现在新闻动态、公司业务、解决方案、成功案例里。
◇信息的编辑这部分主要体现在招聘信息里，是通过后台实现的，主要是对数据库里面记录的添加、删除、修改，从后台直接将ZUI新的数据添加到招聘信息栏的数据库里，在前台的招聘信息里就会得到更新，显示ZUI新内容。
3.2网站总体功能模块图3.2网站总体功能模块图
根据网站总体设计，本网站的设计主要由前台和后台两大部分构成。
前台设计主要功能是提供给用户一个直观、明了的信息浏览页面，后台主要实现信息的管理。
总体功能模块图如图1所示：
山西万峻计算机软件开发有限公司网站
前台
后台
公首页司简介
公司业务
新闻动态
解决方案
成功案例
招聘信息
客户留言
用户登录
信息查询
信息添加
信息修改
信息删除
网站整体功能模块图
3.3数据库分析3.3数据库分析本网站主要涉及到的3.3.1本网站主要涉及到的若干个实体在这里建了5张表，具体如下：
管理员信息列表（WJ_User表）：
{用户编号，用户名，密码，昵称，联系电话}用于记录管理员用户信息，其
升级会员 