众所周知，实践是审视真理的唯一准绳，为了表达自己工作的真正情况，写报告是必不可少的。写报告时应注意实际情况，明确观点。您已经收集并整理了多少报告范文呢？如需了解有关“网站设计报告”的信息，请参考本文，感谢您的阅读！
网站设计报告【篇1】
1.1课题来源
教师虚拟。
1.2教学网站设计的目的和意义
教学网站的设计开发，使学生除了在传统的课堂教学学习知识外，还增加了通过教学网站学习的方式。单项课程的教学网站旨在以网络为纽带，快速、高效、方便的实现知识的传递，一现代化手段促进教学改革，探索一种以互联网为基础的教学模式。通过这种模式，为学生营造一种新的教学环境，使教学工作突破时空限制，提高工作效率，使教师、学生可以随时、随地进行教学工作。
《信号与系统》课程是通信专业一门重要的基础理论课，该课程的学习对于学生理解信号分析，系统分析具有重要的意义。设计和开发一套《信号与系统》课程教学网站，将课程多媒体课件、教案、实验素材等教学资源发布到网上，供学习者随时随地在线学习，不仅可以共享教学资源，更重要的是可以在一定程度上激发学习者的积极性，提高教学质量。
网站，在刚一出现时，就以其强大的资源共享性赢得了无数用户的心，也吸引了很多国内外很多专家的兴趣，而其后的交互性也奠定了其后迅猛发展的基石，WWW技术的出现使这股史无前例的旋风席卷全世界，尤其是近几年来，网站建设业务一直呈快速上升势头，行业市场越来越大，范围也更加的广阔。任何事物的发展壮大都会引起技术的变革，网站自然也不会例外，由最初的单纯注入代码到各种编程工具的出现再到各种编程语言的应运而生，而且随着技术融合与发展，许多在其他行业热门应用的技术如视频、三维动画、虚拟现实等技术都已经实现向互联网上移植，使得网站的制作技术不断地完善，而新技术的完善也必将促使网站的设计更具魅力，更富挑战性。
从国内外很多专家来看，网站未来很可能有以下几种发展趋势： 1.网络、应用和服务融合
今后网络的发展将由应用服务主导，由智能终端将各种应用叠加起来，叠加之后网络对应地要做到服务的融合，而服务的融合则会推动网络的融合。
2.计算机系统重新整合
随着计算机技术（包括软、硬件技术）的发展，以前在计算机里面做的东西会慢慢拿到网络上做。
3.网络进行整合
以前网络的层次分得很清楚，是完全分开的。但是随着技术的发展，以前没什么关系的技术也会融合在一起，比如说，以前光是光、路由是路由，现在随着新的技术出现，比如路由技术，变成了光的IP转换。
4.计算机系统结构改变
随着网络的发展，网络的带宽越来越宽，网络一样可以有总线，就是说，CPU——外设、CPU——内存中间的总线功能是网络可以实现的，这个改变带来的好处是出现新的概念：虚拟系统总线。虚拟总线可以带来的最大好处是虚拟化，共享会更理想。将来计算机本身也会变，现在很多设备本身就在改变，比如把外设拿出来，但没有把内存拿出来。以后会达到把内存拿出来，已经有一些新的技术往这个方向走了。
3.1课题的任务要求 该教学网站应该具有：
1、 良好的交互界面
2、 资源上传和下载的功能
3、 能提供师生和生生之间的同步或异步交流的论坛、留言板、聊天室等板块新闻发布的功
能
3.2实现预期目标可行性分析
本网站主要为学生在网上进行本课程的学习和网上互动，用户可以在客户端方便的流览教学网站上有关的信息（如教学课件、公告信息、资源信息等），通过最新公告让学生清楚知道接下来要完成的事，通过网络资源方便找到该课程的相关资料，通过留言板，提出自己的问题，管理员（教师）可以在后台对同学的问题做出回答，形成一种互动，提高师生之间的沟通和了解，并且还可以是同学之间的交流，加强了知识的流畅性，能够最大程度的实现课下再次互动学习。而且管理员（教师）在后台进行文章相关操作:发表文章、修改文章、删除文章、批量移动文章等。 其具体内容大概如下：
（1）实现诸多教学环节的网络化
本站将实现教学过程中的教学通知、答疑、作业发布、批改等诸多环节的网络化，减轻了教师教学负担，提高了教师工作效率。
（2）教学网站的自动生成系统
本网站适应于各专业课程的教学。任课教师可以以本平台为基础，创建自己的网络课程，结构合理、管理方便。
（3）以学生自主学习、教师课程管理为主线的网络教学平台
对于学生用户而言，登录后的主界面以课程内容导航为主线，同时配合教学文件查询、习题、作业、课件浏览等各项学习环节。
对于教师用户，登录后的主界面以课程教学管理为主线，允许教师进行课程信息设置、发布教学文件、教学通知、作业等信息；实现教师在线回收作业并批改作业、设置课件库等功能；允许教师在线答疑、网上命题等。
（4）已建成的网络课程形式丰富、逻辑性强、吸引力高
各种现成的课程资源综合使用了文字、数据、图形、图像、视频、音频、动画等多种媒体技术，符合教学规律和特点，通过听觉视觉的直观效果增加艺术性、实用性，使学生对课程能够更好地学习和理解，教学内容内在逻辑性强，科学性高，利于提高学生的积极性，教学效果得以较大幅度地提高。 主要的实施方案，技术路线：
1.项目实施方案：
首先要解决的就是网站的功能模块，其功能构想大概如下：
（1）用户管理系统
为保护网站信息的安全性，网站实行用户注册分级授权的认证管理制度，用户必须使用真实姓名注册才可以得到网站认证；用户登录时，系统自动识别用户的身份及等级并赋予不同的网站操作权力，网站同时记录用户登录的时间和IP地址。
（2）课程管理系统
允许在线增加、修改、删除任意课程的名称、课时、所属专业、学分、类型等属性。任课教师可以增加或删除允许浏览自己任教课程的信息的用户，其他用户只有被授权后才可以浏览到该课程的信息。
（3）文章发表管理系统
允许教师用户发表、修改、删除教学文件、课程通知、课程讲稿等文章。
（4）课件上传及浏览、下载系统
允许教师上传图片、文本、动画、音频、视频等各种格式的课件。发布的课件可以在课堂教学时直接调出作为教学的辅助材料，也可供学生课后在线反复浏览以加深对知识点的理解。
（5）信息查询
允许教师及学生根据关键词、发布时间、发布人等字段在线查询站内所有资料。
（6）习题库系统
允许教师按照课程、章、节以及单选题、多选题、填空题、简答题、计算题、绘图题等类别发布、编辑、查询习题。
（7）组卷系统
可以根据教师的要求，自动从习题库和试题库筛选题目组成试卷，并生成符合考试卷要求格式的word文档，同时生成试卷标准答案，供教师下载。
（8）资源链接
允许用户通过本网站链接到本学科的学术杂志网站、专业网站和常用搜索引擎网站
（9）教学论坛
提供了教师和学生远程交流的平台，实现了教师与学生间的异地同步双向互动。教师可以建立专门的课程交流室，学生登录后可以在线留言、提问或相互交流学习经验、学习资料，教师可以在线解答学生疑问或发布教学信息。学生的问题可以随时提问并能够得到及时解答，改变了传统教学模式中必须在规定的答疑时间和地点上才能进行师生交流的限制。师生互动的信息在网站上能够较长时间地保留，学生也可以浏览到其他同学的问题以及教师的解答，这样既节省了师生的时间，又扩展了师生间历史交流信息的影响性。 2.实现其构想所要用到的东西以及它的可行性：
利用Dreamweaver和Photoshop以及Flash等网页处理工具，保证网站正常使用的前提下，页面清新淡雅，内容丰富多彩，神形兼备。
《信号与系统》的课程网站是个小型网站，开发经费小，采用的相关技术应用普遍简单易用，并且管理方便，十分有利于教学事务的高效管理。同时在网站设计开发过程中海锻炼了我们学生的创新能力和专研精神，所以该网站的设计和建设是很有必要的。
教学网站的目的就是让学生更好的学习和理解课程，让教师减轻教学负担，提高工作效率，以便将精力更好的用在教学上。
基于这一目本网站的建设关键问题就可想而知了：将所有的资源合理的整合在一起，不能显得不合理或是突兀，要让其看起来自然流畅。
难点自然也就是由网站中的关键问题体现出的，主要有以下方面：
1. 除了要求用到多个数据库，数据库相关联之外，还需要设置不同用户的数据访问权限。
2.组卷时的评分问题。
工作条件:要求有一定的Photoshop、Dreamweaver及Flash设计基础，熟悉软件的使用。 解决办法:使用Dreamwave,Flash,Photoshop、Access20xx等工具和相关的技术来完成教学网站的设计与开发。同时也要认真研读相关书籍或期刊，对其文本进行系统、细致的分析,归纳已版的研究成果，结合自己的思路分析综合，推陈出新。
20xx年10月31日----11月30日 下达任务书，初步了解设计任务
20xx年12月1日-----12月10日 查找资料，理清设计思路，并完成开题报告
20xx年12月1日----12月31日 修改开题报告，设计框架的建立
20xx年1月1日 -----1月15日 设计内容的充实
20xx年3月1日-----3月31日 设计内容的修改完善
20xx年4月1日------4月15日 毕业设计说明书的撰写阶段
20xx年4月16日-------4月30日 毕业设计答辩准备；
[1] 任江明.计算机教学网站的系统设计[M].《现代计算机(专业版)》,20xx,9:4～5.
[2] 林忠会.模块化教学法在Asp.Net动态网站开发技术课程中的应用.《科技传播》,20xx,21:25～30. [3] 张伟民. 教学网站的辅助教学研究［D］ . 兰州：西北师范大学,20xx.
[4] 吴晨、张亮、张静. ASP.NET + SQL Server数据库开发与实例[M].《清华大学出版社》, 20xx. [5] 余金山、王涛、徐建军.ASP.NET 2.0+SQL Server 20xx企业项目开发与实战[M].《电子工业出版社》,20xx.
[6] 风火轮小组.Asp建站编程高手指南[M].北京：大恒电子出版社，20xx.
[7] 孟宗洁.天津职业院校联合学报[J].NET 三层结构在企业人事管理系统中的应用,20xx,12(2):64～67. [8] 刘好增.ASP动态网站开发实践教程[J].计算机应用与研究,20xx,2(2):186～199.
网站设计报告【篇2】
1、理论意义;
面临21世纪，社会的高度国际化、信息化使现代教育面临着深刻改变，传统的教育模式也因此受到冲击，网站开题报告。以计算机为核心的信息技术必将导致教育教学领域的深刻改变，网络教学、远程教学、教育资源共享的教育新时代正向我们走来，在线系统网络的建设，为建构现代教育新型教学教育模式提供了最理想的教学环境。让学生共享网上教育资源，计算机和网络进行工作、交流和学习，计算机改变了人的教学方式，同时也改变了人的思维方式和学习方式，这是对教育的挑战，也是为教育的改革发展提供了千载难逢的机遇。
2、现实意义;
1、建立先进的教学资源创作与管理应用模式
1)以主题为导向,提供结构化的主题知识库,增加学习资源的趣味性、可读性。
2)以学生为主要创作者,充分体现学生的学习思想与智慧。
2、提供良好的网络协作学习工具，支持基于网络的研究性学习
强调通过学习者主体性的探索、研究、协作来求得问题解决，从而让学习者体验和了解科学探索过程，提高学习者获取信息、分析信息、加工信息的实践能力和培养良好的创新意识与信息素养。
3、广泛参与、分散开发、集中使用的实施方式
1)让当地中学师生广泛参与网站建设。
2)所有主题与中学实际教学密切相关
3)网站建设采用资源分散开发，集中使用的实施原则。
4)强调主题网站资源建设与教学试验相结合。一在线教学的特点。多媒体计算机网络是集多媒体的长处于网络的优点于一身，是当今科学技术发展的结晶，主要有以下几个方面的特点;
(1)网络教学过程的交互性，网络教学最大特点是它的实时交互性，实时交互性是指在网络上的各个终端可以即时实施回答，交互的方式有学生和教师之间，学生之间，通过课件还可以有效地获得图、文、声、像并茂的教育信息，师生之间的交互可以获得教师的指导，学生之间的交互可以进行协作学习，这种双向交互活动不仅使学生通过视、听手段获取教学信息，而且它还代表着一种学生所能接受到的、前所未有的兴趣。有课堂学习的过程中，通过交互学生能及时地了解自己的进步与不足，并按要求调整学习，从而极大地提高了学习的质量与效率。
(2)网络教学资源的共享性，学生通过网络资源可以共享资源，其中包括硬件的共享和软件的共享，核心是软件的共享，网上资源丰富多彩、图文并茂、形声兼备，学习者在链接或教师指导下，可轻松自如地在知识海洋中冲浪，取之不尽、用之不竭的信息资源，神奇的网络环境，对教育个性化的形成，对学生创造思维的培养，对实现教学过程要素关系的转变，对促进从应试教育向素质教育转轨都将产生重大而深远的影响。
(3)多媒体信息的综合性，多媒体网络融超媒体和超文本于一体，集图形、图像、图表、声音、文字于一体，有利于学生多种感官参与认知，促进学生对知识的建构，有利于激发学生兴趣，培养学生的情感，有利于素质教育的实施。
(4)教学方式的先进性，传统教学的中心是教师教，网络教学的中心是学生的学，在网络教学中，教学不再是满堂灌，学生的学习应在教师的指导下根据自己的需要进行学生，学生之间也应是自由的，教师的作用主要是组织、调控，并以作业的评价方式帮助学生，至于学生的步调、方式、进度、内容的数量和难易程度等则由学生本人决定。
(5)教学目标的多样性。学生的个体差异，如学生的学习方法，学习风格，学习的起点等决定了教学目标的多样性，在传统的"教学流水线"上难以实现因材施教，网络教学克服了这些弊端。多媒体网络课堂教学，带来了许多真实的情境，将生活中五光十色的现象带进了课堂，学生的学习效率将得到提高，有利于学生的身心健康。
(6)教学内容的丰富性。网上的教学内容不仅有本校学科教师编制的CAI课件，而且有来自于不同类型，不同地区学校的课件内容，学生通过比较借鉴，选取那些内容结构组织严密的优秀网站或课件进行学习，从而提高单位时间内的学习效率。
(二)网络在线学习可以为教育带来以下好处：
1、教育信息的共享(资源增值)
2、不受时空限制(受教育的机会增多，学习更加方便，便于全民教育、终身教育的实现)
3、多媒体多感官刺激效果好
4、超级连接，沟通便捷，便于合作、协商、求助
1、国外有关研究的综述;
国外关于基于网络的教学和学习的研究较早，并已取得诸多成果，如E-learning、Webquest、Web-based Inquiry(WBI)以及Online Project-based Learning(NetPBL)等诸多模式，许多西方国家的研究已走过试验阶段进入普及实施阶段。尤其是美国，已具有较好的应用网络的物质条件，网络对于教师和学生而言，唾手可得，几乎在每个教室都有。"无机不联"已是当今美国计算机使用情况的真实写照。据nces.ed.gov统计，仅在1994和1999年之间，(如96年秋美小学和初中的计算机互联网接入率就分别为42%和67%)普通学校的互联网接入率就从35%上升到98%。所以，计算机网络已成为教师和学生必不可少的工具。利用网络促进学生创造力和解决问题的能力是西方相关学者研究的重点，同时他们也将网络作为学科教学中不可缺少的工具，促进学生自主学习、合作学习以及挑战性的探究学习。
2、国内研究的综述;
随着新课程改革的开展以及对优质教育资源的需求，许多研究者已经意识到主题学习网站建设的重要性，针对主题学习网站进行了一系列实践探索和理论研究，并已取得初步成果。
3、本人对以上综述的评价;
归纳而言，西方对于基于主题的学习的实践和研究并不特意强调利用某一种工具或媒体(如网站)，而着重于围绕主题培养学习者的多种能力。中国对主题的网站的学习的实践和研究与建构主义学习理论相配合，目的是发展学生的学习兴趣。
1、理论依据
1.静态网页制作技术。静态网页制作技术是一种通过HTML标记语言，按照一定的格式整合各种媒体，如图片、文字、声音等，结合Web服务器实现信息网络发布的技术。觉见的静态网页制作工具有Photoshop、Dreamweaver、Flash等。该主题学习网站静态网页的开发采用了Dreamweaver8网页制作工具，并运用了CSS技术和DIV技术。网站中"专题知识"、"课题研究"等部分就是应用静态网页制作技术来制作完成的。
2.动态网页发布技术。动态网页发布技术是指客户端与服务器端的一种交互技术。这种技术使得用户在网页中输入信息并提交以后，可以得到网站的及时反馈信息。常用的动态网页发布技术有：C#、JSP、PHP、ASP等。该主题学习网站采用了ASP.NET语言编写。
3.数据库技术。网站开发中，数据库技术主要来支持实现协作学习平台、专题研讨等动态网页部分数据的存取。该网站采用SQL数据库。整个网站是在WindowsXP系统下运行。
2、研究方法
1.资料收集。按照网站建设的具体要求，搜集网站所需素材和资料。
2.系统设计。系统设计是对网站的整体规划，主要包括界面风格设计、导航设计、数据库设计等。这是网站开发的基础。
(1)界面风格设计：确定网站的整体色调、界面形式、跳转或链接方式等;
(2)导航设计：这是网站开发中非常重要的一个环节。导航的设计要明确、简单、完整，只有这样，学习者在流星网站时，才能不迷航，才能轻松地在网站内寻找、浏览自己想要的资源，才能方便地应用网站进行研究性学习和协作交流。本丫的导航设计采用觉的按钮、菜单和结构图等导航方式，简单、明了、易用;
数据库设计：主要考虑动态生成协作学习模块和专题研讨模块的网页。由于网站数据关联的复杂性不高，所以该网站的数据库采用了免费的，但性能良好的SQL数据库系统。
3.编码实现。
(1)按照系统设计的内容，运用Dreamweaver开发网站的静态网页;
(2)使用SQL数据库系统建立网站所需的数据库;
(3)运用C#编写网站的动态网页发布程序。
3、研究内容基于知识管理理论，寻求学习资源管理，从而实现智能化管理和动态搜索功能。
本次研究的论文为合作模式，因知识不足可能对某些方面有缺陷。
充分利用所学习的网络技术及网络营销知识制作出一个能让主题学习网站增加宣传轨道、打造主题学习网站形象、宣传主题学习网站产品
(一)前言
在教学过程中，如何有效地设计、开发与利用网上资源、如何有效地与学科教学整合、如何有效地评估教学效果等一系列问题，目前还没有得到很好的解决，网络教学的设计与评价就是其中的关键课题之一。全国教育科学"十五"规划教育部重点课题"网络教学的设计与评价研究"就是在这样的背景下产生的，而"网络教学设计"专题学习网站的建立就是这一课题的重要组成部分。该网站集学术性、创新性、指导性、服务性和交流性为一体，内容涵盖网络教学设计的方方面面，并且不断推出该领域最新的发展动态、高水平讲座和优秀网络教学设计案例等。
(二)提纲
主要展示了以下模块的大概内容，顶部是Flash小动画，图片展示，并有在线咨询等媒体内容，并且列出了公告，学习提示及将要介绍的三个模块的大概内容。
(2)走进课文
主要展示了关于《秦始皇陵》的一些课文历史意义等主要人物展开，主要依据教学大纲要求进行介绍，学习内容图文并茂、编排生动、突出重点。激发了学生的学习积极性，学生通过学习可以掌握《秦始皇陵》相关课文的主要内容
(3)秦始皇陵资源库
这部分是秦始皇陵扩展知识资源展示，主要从历史、地理、经济、文学、人文等学科进行扩展，分为秦朝文化、秦朝历史、秦朝军事、秦陵知识四部分。秦朝文化包含了描写秦朝的书法、皇帝制度等有关秦朝的传说;秦朝历史中学生可以领略秦朝风土人情、习俗、节庆;或许很多人更想去秦朝旅游，在旅游名胜通过大量视频和图片让学生全面的了解西安的秦始皇兵马俑…;秦朝军事主要介绍了秦朝的兵役制度，军队的构成等等内容;秦陵知识则介绍了秦俑的绘制等文化。
(4)欣赏园地
这部分主要是秦始皇陵图片和视频的欣赏。
(5)古往今来
这部分主要展示了发掘保护的过程和保护，以及秦始皇陵在历史的地位。未解之迷主要是写了兵马俑未解之迷以及陵圆修建了多少年等问题。游客眼中的秦兵马俑等部分
(6)交流讨论
有利于学生利用以掌握的知识进行讨论，并掌握不懂的知识。
(三)结论
1、第一阶段填写开题报告
(1)确定主题，并和指导教师进行交流和沟通，填写开题报告。
(2)时间：20xx-12-1至20xx-12-15 2、第二阶段写作设计方案
(1)根据开题报告书写毕业设计论文。
(2)时间时间：20xx-12-20至20xx-2-00 3、第三阶段设计作品
4.15画出网站规划图
4.18-4.20搜集素材、制作站标
4.21-4.30设计导航并制作模版
5.1-5.10运用模板开始前台静态页面的制作
5.11-5.15网站测试并进行完善
时间：20xx-2-1至20xx-5-00 4、第四阶段答辩
时间：20xx-5-00至20xx-5-30
(1)会分析网站的特色。牢记建站意义，站点功能的介绍。借此实验来充分展现主题学习网站的优异性。
网站设计报告【篇3】
一、 选题的依据及意义
在互联网的“大统一”时代，各类信息爆炸式增长,许多信息造成了人类的比起文字信息的繁杂，冗长，图片正在成为互联网和移动互联网上越来越重要的内容和应用。然而传统对于上传图片功能技术不够完善。在20xx年，新创立的Pinterest网站依托“视觉+兴趣+瀑布流”的独特社交途径大受欢迎，网站用户增长赶上了五年前的Facebook。在此基础上，更好借鉴Pinterest模式，催生属于中国基于兴趣的图片收集社交网站也应该不断发展起来，为更多需要图片的用户创造平台是很有必要的。
1.传统图片收藏功能不够完善，不便于用户查找。传统浏览模式，往往会使用户在PC的图片收藏夹里存储了大量图片,找图时却要慢慢搜寻,用U盘拷贝图片,同时嗨哟忍受图片上传的漫长时间.而如今，社交网络的兴起,让我们的文字和言论的分享更加自由,在图片收藏分享这个细分领域,我们需要更加细分，在图片格式上，国内如花瓣网等图片收集网站以带原始网页链接的方式，需要时，可以通过图片链接回到原来的网页，这使得图片的收集和存储更方便，浏览体验快速、顺畅，并且巧妙的避免了版权问题。
2.传统浏览模式单一，不够新颖，时尚。如今“视觉+兴趣+瀑布流布局”的独特图片浏览社交途径大受欢迎，这种模式能够很好地吸引用户，视觉冲击力带来更为潮流化的刺激。
3.这是一种基于强兴趣的弱社交模式，通过注册网站用户，既可以上传发表自己的作品，通过点赞，私信功能达到一种比较弱的社交关系，却更专注于兴趣的相互交流。
我希望我也能设计一个网站为众多摄影、绘画爱好者以及艺术设计师提供一个灵感激发、心得交流的平台，通过精美的界面设计以及详实的内容不断吸引更多优秀的爱好者加入，共同建设。
二、 国内外研究现状及发展趋势（含文献综述）
国外，以Pinterest为例，由Pinterest名称由Pin（图钉）+Interest(兴趣)组成，网站旨在用户不断发现和分享新图片。Pinterest最为便利的是在页面底端实现自动加载而无需翻页，为用户提供在线收藏和分享视觉艺术图片的服务。她是基于视觉分享和兴趣社交的网站，是个人猎酷实用工具，用户可以把自己感兴趣的图片在网络上用图钉钉在顶板上（PinBoard）上归类收藏并与朋友分享，真正全是每个图钉背后的独特“故事”。
Pinterest打破以往图片浏览模式，如列表或者田字格，而采取瀑布流展示形式使信息更加随意，它的模式用户可以随意的蜻蜓点水式的信息获取。更适合在大量信息中漫无目的的随意获取；相对来说用户获取信息会更轻松，只要觉得好看就可以停留下来（收集）。省去了传统图片网站进行来回浏览的麻烦。Pinterest以其高质量极其视觉冲击力的图片的精巧搭配，吸引着大批受众，女性是视觉动物，倾向于感性认知，所以，Pinterest图片留尤其能引起女性的情感共鸣。以兴趣为基础，通过瀑布流展示图片的形式也让它在美工迅速穿红。成为继Twitter和Facebook之后第三大社交媒体。同时，在中国很多网站也相继崛起，步其后尘。如以蘑菇街，美丽说为首的采用瀑布流式电商网站占领一份女性市场。由于作为图片网站，中国有微博，空间，微信等关系社交网络同时也支持上传，编辑图片。所以以兴趣图谱为社交网络在中国想要占领鳌头目前还是有局限性的。但像知美网，花瓣网则相当于完全承袭了Pinterest的网页布局以及图片收藏板功能。这类网站更多作为兴趣爱好者栖居地，并非纯商类网站，不仅如此，它的界面设计简直大方，唯美舒适，深受设计人员，摄影爱好者，动漫绘画等热爱艺术人们所喜爱。
三、 本课题研究内容
本课题研究前端旨在通过JavaScript编程语言完成前端与后台开发，实现用户注册、登录、安全性设置以及图片的上传、在线收藏、分类、点赞等功能。完成网站总体功能模块设计，并完成对网站的测试。
本网站的设计与开发是在如今如花瓣网，Pinterest等图片社交网站的基础上进行不针对本站功能删减增进，前端界面设计优化，后台加强图片收集，图片上传功能。
四、 本课题研究方案
本网站前端与后端均使用JavaScript编程语言，遵循CommonJS模块化规范实现，配合MongoDB键值对数据库、Gulp.js等构件工具，完成用户系统以及对图片的更新、上传、收集、点赞等功能。前端采用破不留风格惊醒设计，后端采用Koa.js框架，运行在基于Google V8引擎的Node.js平台上，整体采用MVC架构，是数据与代码分离，便与开发和维护。
五、 研究目标、主要特色及工作进度
本课题的目标完成为使用JavaScript编程语言实现坡卜留布局的用户界面、用户注册、登录、安全性设置以及图片上传、收集、更新、点赞。
主要包含用户系统、图片系统量大组件，具体功能表现为：用户登录、注册、安全性设置和图片上传、收集、更新、点赞。
主要特点是：为众多摄影、绘画爱好者以及艺术设计师提供一个灵感激发、心得交流的平台，通过精美的界面设计以及详实的内容不断吸引更多优秀的爱好者加入，共同建设。
六、工作进度
1．毕业设计选题。20xx.12.01-20xx.12.02
2．资料收集与整理。20xx.12.02-20xx.12.07
3．系统可行性分析，填写需求分析。20xx.12.07-20xx.12.15
4．毕业设计开题。20xx.12.15-20xx.12.1x
5．具体设计，前台页面设计，模块设计，图片加工修正，后台数据库设计，前段与后台数据库连接。代码编写和单元测试，系统综合测试。20xx.12.1x-20xx.12.30
6．技术报告和使用功能手册编写，准备答辩材料。20xx.1.02-20xx.1.15
7．进行毕业设计答辩。20xx.5.2-20xx.5.7
七、参考文献
[1]刘颖.由Pinterest引发的对图片门户网站的思考--《电子测试》20xx年18期.
[2]基于MySQL数据库的优化--《电子科技》20xx年09期
[3]基于JavaScript的瀑布流式网页布局的设计与实现.萍乡学院学报本20xx年3月
[4] 温晓南.基于兴趣的分享式社交网络开发.《吉林大学》20xx
[5] 罗婷婷，余先荣.MYSQL数据库在科研管理系统中的应用--《消费电子》, 20xx, 第2期
[6] 钟强. Node.js平台下Web前端架构的研究. 华中科技大学, 20xx
[7] 蔡柳青.基于MongoDB的云监控设计与应用[D].北京交通大学.20xx
[8] 曹刘阳 WebAp和HTML5给Web前端带来的变化《程序员》, 20xx
[9] 孙朝云，孙向科，沙爱民 基于MVC架构网络教学管理系统的设计与开发《计算机工程与设计》, 20xx
[10] 应金航 基于MVC架构的公安部门网站内容管理系统的设计与实现《电子科技大学》, 20xx
[11] 张孝祥 JavaScrip 网页开发清华大学出版社, 20xx
网站设计报告【篇4】
在互联网的“大统一”时代，各类信息爆炸式增长,许多信息造成了人类的比起文字信息的繁杂，冗长，图片正在成为互联网和移动互联网上越来越重要的内容和应用。然而传统对于上传图片功能技术不够完善。在20xx年，新创立的Pinterest网站依托“视觉+兴趣+瀑布流”的独特社交途径大受欢迎，网站用户增长赶上了五年前的Facebook。在此基础上，更好借鉴Pinterest模式，催生属于中国基于兴趣的图片收集社交网站也应该不断发展起来，为更多需要图片的用户创造平台是很有必要的。
1.传统图片收藏功能不够完善，不便于用户查找。传统浏览模式，往往会使用户在PC的图片收藏夹里存储了大量图片,找图时却要慢慢搜寻,用U盘拷贝图片,同时嗨哟忍受图片上传的漫长时间.而如今，社交网络的兴起,让我们的文字和言论的分享更加自由,在图片收藏分享这个细分领域,我们需要更加细分，在图片格式上，国内如花瓣网等图片收集网站以带原始网页链接的方式，需要时，可以通过图片链接回到原来的网页，这使得图片的收集和存储更方便，浏览体验快速、顺畅，并且巧妙的避免了版权问题。
2.传统浏览模式单一，不够新颖，时尚。如今“视觉+兴趣+瀑布流布局”的独特图片浏览社交途径大受欢迎，这种模式能够很好地吸引用户，视觉冲击力带来更为潮流化的刺激。
3.这是一种基于强兴趣的弱社交模式，通过注册网站用户，既可以上传发表自己的作品，通过点赞，私信功能达到一种比较弱的社交关系，却更专注于兴趣的相互交流。
我希望我也能设计一个网站为众多摄影、绘画爱好者以及艺术设计师提供一个灵感激发、心得交流的平台，通过精美的界面设计以及详实的内容不断吸引更多优秀的爱好者加入，共同建设。
国外，以Pinterest为例，由Pinterest名称由Pin（图钉）+Interest(兴趣)组成，网站旨在用户不断发现和分享新图片。Pinterest最为便利的是在页面底端实现自动加载而无需翻页，为用户提供在线收藏和分享视觉艺术图片的服务。她是基于视觉分享和兴趣社交的网站，是个人猎酷实用工具，用户可以把自己感兴趣的图片在网络上用图钉钉在顶板上（PinBoard）上归类收藏并与朋友分享，真正全是每个图钉背后的独特“故事”。
Pinterest打破以往图片浏览模式，如列表或者田字格，而采取瀑布流展示形式使信息更加随意，它的模式用户可以随意的蜻蜓点水式的信息获取。更适合在大量信息中漫无目的的随意获取；相对来说用户获取信息会更轻松，只要觉得好看就可以停留下来（收集）。省去了传统图片网站进行来回浏览的麻烦。Pinterest以其高质量极其视觉冲击力的图片的精巧搭配，吸引着大批受众，女性是视觉动物，倾向于感性认知，所以，Pinterest图片留尤其能引起女性的情感共鸣。以兴趣为基础，通过瀑布流展示图片的形式也让它在美工迅速穿红。成为继Twitter和Facebook之后第三大社交媒体。同时，在中国很多网站也相继崛起，步其后尘。如以蘑菇街，美丽说为首的采用瀑布流式电商网站占领一份女性市场。由于作为图片网站，中国有微博，空间，微信等关系社交网络同时也支持上传，编辑图片。所以以兴趣图谱为社交网络在中国想要占领鳌头目前还是有局限性的。但像知美网，花瓣网则相当于完全承袭了Pinterest的网页布局以及图片收藏板功能。这类网站更多作为兴趣爱好者栖居地，并非纯商类网站，不仅如此，它的界面设计简直大方，唯美舒适，深受设计人员，摄影爱好者，动漫绘画等热爱艺术人们所喜爱。
本课题研究前端旨在通过JavaScript编程语言完成前端与后台开发，实现用户注册、登录、安全性设置以及图片的上传、在线收藏、分类、点赞等功能。完成网站总体功能模块设计，并完成对网站的测试。
本网站的设计与开发是在如今如花瓣网，Pinterest等图片社交网站的基础上进行不针对本站功能删减增进，前端界面设计优化，后台加强图片收集，图片上传功能。
本网站前端与后端均使用JavaScript编程语言，遵循CommonJS模块化规范实现，配合MongoDB键值对数据库、Gulp.js等构件工具，完成用户系统以及对图片的更新、上传、收集、点赞等功能。前端采用破不留风格惊醒设计，后端采用Koa.js框架，运行在基于Google V8引擎的Node.js平台上，整体采用MVC架构，是数据与代码分离，便与开发和维护。
本课题的目标完成为使用JavaScript编程语言实现坡卜留布局的用户界面、用户注册、登录、安全性设置以及图片上传、收集、更新、点赞。
主要包含用户系统、图片系统量大组件，具体功能表现为：用户登录、注册、安全性设置和图片上传、收集、更新、点赞。
主要特点是：为众多摄影、绘画爱好者以及艺术设计师提供一个灵感激发、心得交流的平台，通过精美的界面设计以及详实的内容不断吸引更多优秀的爱好者加入，共同建设。
1．毕业设计选题。20xx.12.01-20xx.12.02
2．资料收集与整理。20xx.12.02-20xx.12.07
3．系统可行性分析，填写需求分析。20xx.12.07-20xx.12.15
4．毕业设计开题。20xx.12.15-20xx.12.1x
5．具体设计，前台页面设计，模块设计，图片加工修正，后台数据库设计，前段与后台数据库连接。代码编写和单元测试，系统综合测试。20xx.12.1x-20xx.12.30
6．技术报告和使用功能手册编写，准备答辩材料。20xx.1.02-20xx.1.15
7．进行毕业设计答辩。20xx.5.2-20xx.5.7
[1]刘颖.由Pinterest引发的对图片门户网站的思考--《电子测试》20xx年18期.
[2]基于MySQL数据库的优化--《电子科技》20xx年09期
[3]基于JavaScript的瀑布流式网页布局的设计与实现.萍乡学院学报本20xx年3月
[4] 温晓南.基于兴趣的分享式社交网络开发.《吉林大学》20xx
[5] 罗婷婷，余先荣.MYSQL数据库在科研管理系统中的应用--《消费电子》, 20xx, 第2期
[6] 钟强. Node.js平台下Web前端架构的研究. 华中科技大学, 20xx
[7] 蔡柳青.基于MongoDB的云监控设计与应用[D].北京交通大学.20xx
[8] 曹刘阳 WebAp和HTML5给Web前端带来的变化《程序员》, 20xx
[9] 孙朝云，孙向科，沙爱民 基于MVC架构网络教学管理系统的设计与开发《计算机工程与设计》, 20xx
[10] 应金航 基于MVC架构的公安部门网站内容管理系统的设计与实现《电子科技大学》, 20xx
[11] 张孝祥 JavaScrip 网页开发清华大学出版社, 20xx
网站设计报告【篇5】
一、网页艺术设计的内容
设计活动中包含着主观和客观两方面的因素，在确立了网页主题之后，首先要明确和熟悉设计的对象和构成的要素。网页艺术设计涉及的具体内容很多，可以概括为视听元素和版式设计两个方面。
1、视听元素
这里所说的视听元素，主要包括：文本、背景、按钮、图标、图像、表格、颜色、导航工具、背景音乐、动态影像等。无论是文字、图形、动画，还是音频、视频，网页设计者所要考虑的是如何以感人的形式把它们放进页面这个“大画布”里。多媒体技术的运用大大丰富了网页艺术设计的表现力。
以上各视听元素大多数浏览器本身都可以显示或收听，无需任何外部程序或模块支持。比如，大部分浏览器都可以显示GIF、JPEG图形和GIF89a动画。还有些多媒体文件（如MP3音乐）需要先下载到本地硬盘上，然后启动相应的外部程序来播放。另外，在浏览器使用插件（Plug-in）可以播放更多格式的多媒体文件。微软推出IE浏览器后，提供了基于OLE的ActiveX技术，用来在网页中播放多媒体。目前ActiveX已经成为热门技术。另一种播放多媒体的技术是JavaApplet。它是用Java语言编写的应用于网页之中的小应用程序，相比于插件和ActiveX，JavaApplet具有更大的灵活性和良好的跨平台能力，因此具有很好的发展前景。总之，技术的不断发展使多媒体元素在网页艺术设计中的综合运用越来越广泛，使浏览者可以享受到更加完美的视听效果。这些新技术的出现，也对网页的艺术设计提出了更高的要求。
2、版式设计
网页的版式设计同报刊杂志等平面媒体的版式设计有很多共同之处，它在网页的艺术设计中占据着重要的地位。所谓网页的版式设计，是在有限的屏幕空间上将视听多媒体元素进行有机的排列组合，将理性思维个性化的表现出来，是一种具有个人风格和艺术特色的视听传达方式。它在传达信息的同时，也产生感官上的美感和精神上的享受。
但网页的排版与书籍杂志的排版又有很多差异。印刷品都有固定的规格尺寸，网页则不然，它的尺寸是由读者来控制的。这使网页设计者不能精确控制页面上每个元素的尺寸和位置。而且，网页的组织结构不像印刷品那样为线性组合，这给网页的版式设计带来了一定的难度。
二、网页艺术设计的原则
网页作为传播信息的一种载体，同其他出版物如报纸、杂志等在设计上有许多共同之处，也要遵循一些设计的基本原则。但是，由于表现形式、运行方式和社会功能的不同，网页设计又有其自身的特殊规律。网页的艺术设计，是技术与艺术的结合，内容与形式的统一。它要求设计者必须掌握以下三个主要原则：
1、主题鲜明
视觉设计表达的是一定的意图和要求，有明确的主题，并按照视觉心理规律和形式将主题主动地传达给观赏者。诉求的目的，是使主题在适当的环境里被人们即时地理解和接受，以满足人们的实用和需求，这就要求视觉设计不但要单纯、简练、清晰和精确，而且在强调艺术性的同时，更应该注重通过独特的风格和强烈的视觉冲击力，来鲜明地突出设计主题。
根据认知心理学的理论，大多数人在短期记忆中只能同时把握４到７条分立的信息，而对多于７条的分立信息或者不分立的信息容易产生记忆上的模糊或遗忘，概括起来就是：较小而分立的信息要比较长而不分立的信息更为有效和容易浏览。这个规律蕴含在人们寻找信息和使用信息的实践活动中，它要求视觉设计者的设计活动必须自觉地掌握和遵从。
作为视觉设计范畴一种的网页艺术设计，其最终目的是达到最佳的主题诉求效果。这种效果的取得，一方面通过对网页主题思想运用逻辑规律进行条理性处理，使之符合浏览者获取信息的心理需求和逻辑方式，让浏览者快速地理解和吸收；另一方面通过对网页构成元素运用艺术的形式美法则进行条理性处理，更好地营造符合设计目的的视觉环境，突出主题，增强浏览者对网页的注意力，增进对网页内容的理解。只有两个方面有机地统一，才能实现最佳的主题诉求效果。
优秀的网页设计必然服务于网站的主题，就是说，什么样的网站，应该有什么样的设计。例如，设计类的个人站点与商业站点性质不同，目的也不同，所以评论的标准也不同。网页艺术设计与网站主题的关系应该是这样：首先，设计是为主题服务的；其次，设计是艺术和技术结合的产物，就是说，即要“美”，又要实现“功能”；最后，“美”和“功能”都是为了更好地表达主题。当然，有些情况下，“功能”即是“主题”，还有些情况下，“美”即是主题。例如，雅虎作为一个搜索引擎，首先要实现“搜索”的“功能”。它的主题即是它的“功能”。而一个个人网站，可以只体现作者的设计思想，或者仅仅以设计出“美”的网页为目的。它的主题只有一个，就是——美。
只注重主题思想的条理性而忽视网页构成元素空间关系的形式美组合，或者只重视网页形式上的条理而淡化主题思想的逻辑，都将削弱网页主题的最佳诉求效果，难以吸引浏览者的注意力，出现平庸的网页设计或使网页设计以失败而告终。
要使网页从形式上获得良好的诱导力，鲜明地突出诉求主题，具体可以通过对网页的空间层次、主从关系、视觉秩序及彼此间的逻辑性的把握运用来达到。
2、形式与内容统一
任何设计都有一定的内容和形式。内容是构成设计的一切内在要素的总和，是设计存在的基础，被称为“设计的灵魂”；形式是构成内容诸要素的内部结构或内容的外部表现方式。设计的内容就是指它的主题、形象、题材等要素的总和，形式就是它的结构、风格或设计语言等表现方式。内容决定形式，形式反作用于内容。一个优秀的`设计必定是形式对内容的完美表现。正如黑格尔所说：“工艺的美就不在于要求实用品的外部造型、色彩、纹样去摹拟事物，再现现实，而在于使其外部形式传达和表现出一定的情绪、气氛、格调、风尚、趣味，使物质经由象征变成相似于精神生活的有关环境。”（黑格尔《美学》第三卷）
一方面，网页设计所追求的形式美，必须适合主题的需要，这是网页设计的前提。只讲花哨的表现形式以及过于强调“独特的设计风格”而脱离内容，或者只求内容而缺乏艺术的表现，网页设计都会变的空洞而无力。设计者只有将二者有机地统一起来，深入领会主题的精髓，再融合自己的思想感情，找到一个完美的表现形式，才能体现出网页设计独具的分量和特有的价值。另一方面，要确保网页上的每一个元素都有存在的必要性，不要为了炫耀而使用冗余的技术。那样得到的效果可能会适得其反。只有通过认真设计和充分的考虑来实现全面的功能并体现美感才能实现形式与内容的统一。
据有关资料所做的保守估计，目前在WWW上网页数据传输平均以每秒1、5k的速度到达客户端。假设某个网页为了丰富其艺术性而追赶时髦地大量使用图像或其它多媒体元素等，虽然达到了其静态形式美的效果，却造成多达几十K甚至更大的网页数据，使浏览者必须等待很长时间才能看到“庐山真面目”，这样的网页就不是一个优秀的网页，因为它不符合网页传播信息的突出特性之一——快捷性，使网页内容不能很快地到达访问者，影响了访问效果和质量，损害了访问者的情趣和积极性，这种技术要素影响了传达信息的效果，因而不是形式与内容的完美统一。
网页具有多屏、分页、嵌套等特性，设计者可以对其进行形式上的适当变化以达到多变性处理效果，丰富整个网页的形式美。这就要求设计者在注意单个页面形式与内容统一的同时，更不能忽视同一主题下多个分页面组成的整体网页的形式与整体内容的统一。
因此，在网页设计中必须注意形式与内容的高度统一。
3、强调整体
网页的整体性包括内容和形式上的整体性，这里主要讨论设计形式上的整体性。
网页是传播信息的载体，它要表达的是一定的内容、主题和意念，在适当的时间和空间环境里为人们所理解和接受，它以满足人们的实用和需求为目标。设计时强调其整体性，可以使浏览者更快捷、更准确、更全面地认识它、掌握它，并给人一种内部有机联系、外部和谐完整的美感。整体性也是体现一个站点独特风格的重要手段之一。
网页的结构形式是由各种视听要素组成的。在设计网页时，强调页面各组成部分的共性因素或者使诸部分共同含有某种形式特征，是求得整体的常用方法。这主要从版式、色彩、风格等方面入手。例如：在版式上，将页面中各视觉要素作通盘考虑，以周密的组织和精确的定位来获得页面的秩序感，即使运用“散”的结构，也是经过深思熟虑之后的决定；一个站点通常只使用两到三种标准色，并注意色彩搭配的和谐；对于分屏的长页面，不可设计完第一屏再考虑下一屏。同样，整个网页内部的页面，都应统一规划，统一风格，让浏览者体会到设计者完整的设计思想。
从某种意义上讲，强调网页结构形式的视觉整体性必然会牺牲灵活的多变性，“物极必反”就是这个道理。因此，在强调网页整体性设计的同时必须注意：过于强调整体性可能会使网页呆板、沉闷，以致影响访问者的情趣和继续浏览的欲望。“整体”是“多变”基础上的整体。
三、网页艺术设计的特点
1、交互性与持续性
网页不同于传统媒体之处，就在于信息的动态更新和即时交互性。即时的交互性是Web成为热点的主要原因，也是网页设计时必须考虑的问题。传统媒体（如广播、电视节目、报刊杂志等）都以线性方式提供信息，即按照信息提供者的感觉、体验和事先确定的格式来传播。而在Web环境下，人们不再是一个传统媒体方式的被动接受者，而是以一个主动参与者的身份加入到信息的加工处理和发布之中。这种持续的交互，使网页艺术设计不像印刷品设计那样，发表之后就意味着设计的结束。网页设计人员必须根据网站各个阶段的经营目标，配合网站不同时期的经营策略，以及用户的反馈信息，经常地对网页进行调整和修改。例如，为了保持浏览者对网站的新鲜感，很多大型网站总是定期或不定期的进行改版，这就需要设计者在保持网站视觉形象一贯性的基础上，不断创作出新的网页设计作品。
2、多维性
多维性源于超级链接，主要体现在网页设计中对导航的设计上。由于超级链接的出现，网页的组织结构更加丰富，浏览者可以在各种主题之间自由跳转，从而打破了以前人们接收信息的线性方式。例如，可将页面的组织结构分为序列结构、层次结构、网状结构、复合结构等。但页面之间的关系过于复杂，不仅使浏览者检索和查找信息增加了难度，也给设计者带来了更大的困难。为了让浏览者在网页上迅速找到所需的信息，设计者必须考虑快捷而完善的导航设计。
印刷品中导航问题不是那么突出，如果一个句子在页尾突然终止，读者会很自然地翻到下一页查找剩余部分，为了帮助读者找到他们要找的信息，出版者提供了目录、索引或脚注。如果文章从期刊中的一页跳到后面的非顺序页时，读者会看到类似于“续68页”这样的指引语句。然而，作为一名网页设计者，你以前所学的导航技术没有一种完全适合于网页导航。在替浏览者考虑得很周到的网页中，导航提供了足够的、不同角度的链接，帮助读者在网页的各个部分之间跳转，并告知浏览者现在所在的位置、当前页面和其他页面之间的关系等。而且，每页都有一个返回主页的按钮或链接，如果页面是按层次结构组织的，通常还有一个返回上级页面的链接。对于网页设计者来说，面对的不是按顺序排列的印刷页面，而是自由分散的网页，因此必须考虑更多的问题。如：怎样构建合理的页面组织结构，让浏览者对你提供的巨量信息感到条理？怎样建立包括站点索引、帮助页面、查询功能在内的导航系统？这一切从哪儿开始，到哪儿结束？
3、多种媒体的综合性
目前网页中使用的多媒体视听元素主要有文字、图像、声音、视频等，随着网络带宽的增加、芯片处理速度的提高以及跨平台的多媒体文件格式的推广，必将促使设计者综合运用多种媒体元素来设计网页，以满足和丰富浏览者对网络信息传输质量提出的更高要求。目前国内网页已经出现了模拟三维的操作界面，在数据压缩技术的改进和流（Stream）技术的推动下，Internet网上出现实时的音频和视频服务，典型的有在线音乐、在线广播、网上电影、网上直播等。因此，多种媒体的综合运用是网页艺术设计的特点之一，是未来的发展方向。
4、版式的不可控性
网页版式设计与传统印刷版式设计有着极大的差异：
（1）印刷品设计者可以指定使用的纸张和油墨，而网页设计者却不能要求浏览者使用什么样的电脑或浏览器；
（2）网络正处于不断发展之中，不象印刷那样基本具备了成熟的印刷标准；
（3）网页设计过程中有关Web的每一件事都可能随时发生变化。
这一切说明，网络应用尚处在发展之中，关于网络应用也很难在各个方面都制订出统一的标准，这必然导致网页版式设计的不可控制性。其具体表现为：
（1）网页页面会根据当前浏览器窗口大小自动格式化输出；
（2）网页的浏览者可以控制网页页面在浏览器中的显示方式；
（3）不同种类、版本的浏览器观察同一个网页页面，效果会有所不同；
（4）用户的浏览器工作环境不同，显示效果也会有所不同。
把所有这些问题归结为一点，即网页设计者无法控制页面在用户端的最终显示效果，但这也正是网页设计的吸引人之处。
5、技术与艺术结合的紧密性
设计是主观和客观共同作用的结果，是在自由和不自由之间进行的，设计者不能超越自身已有经验和所处环境提供的客观条件限制，优秀设计者正是在掌握客观规律基础上得到了完全的自由，一种想象和创造的自由。网络技术主要表现为客观因素，艺术创意主要表现为主观因素，网页设计者应该积极主动地掌握现有的各种网络技术规律，注重技术和艺术紧密结合，这样才能穷尽技术之长，实现艺术想象，满足浏览者对网页信息的高质量需求。
例如，浏览者欣赏一段音乐或电影，以前必须先将这段音乐或电影下载回本地机器，然后使用相应的程序来播放，由于音频或视频文件都比较大，需要较长的下载时间。流（Stream）技术出现以后，网页设计者充分、巧妙地应用此技术，让浏览者在下载过程中就可以欣赏这段音乐或电影，实现了实时的网上视频直播服务和在线欣赏音乐服务，无疑增强了页面传播信息的表现力和感染力。
网络技术与艺术创意的紧密结合，使网页的艺术设计由平面设计扩展到立体设计，由纯粹的视觉艺术扩展到空间听觉艺术，网页效果不再近似于书籍或报刊杂志等印刷媒体，而更接近于电影或电视的观赏效果。技术发展促进了技术与艺术的紧密结合，把浏览者带入一个真正现实中的虚拟世界。
技术与艺术的紧密结合在网页艺术设计中体现得尤为突出。
网站设计报告【篇6】
一、网站整体规划，要做网页的第一步便是做网站的整体规划这主要包括四个方面的内容。
网站整体规划是做网页的第一步也是制作网页最关键的一步它决定了你要表答的信息，因此我选择了我选择我最喜爱的服饰来为它做网页。在平时我也对服装的网页比较关心，无论是淘宝网上的衣店还是各种品牌装。这次我是为“易菲”服饰做的网页。
定位网站的CI形象。
“易菲”植根中国文化之精髓，汲取自然禀赋之灵性，形成一个既有浓厚文化底蕴，又有现代自然人文气息的特色品牌。“易”即是容，是包容，是宽容，是五千年中华民族的文化精髓，是厚德载物，是对人性宽度的一种拓展。“菲”通非，是生机、是个性、是春意盎然、是自强不息，是对人性深度的一种挖掘。“生活如花，自在快乐”是YIFINI易菲的设计理念，倡导一种与自然和谐相处，如花儿绽放般美好舒适、自在快乐的生活方式。这也便是我网站的CI形象。
于时间的关系在本次我准备做四张网页：一张主页三张二级页面。分别设计了“时尚首页、时尚衣秀、推荐产品、潮流信息”等四个栏目。在这四张页面中我打算都用淡蓝色做背景颜色来映衬我网页的主打色绿色。
网站的整体风格和创意。
整个网站的创意就在于颜色的搭配，与各种图片的搭配，它们相互辉映，相互衬托。以便达到表现其品牌的和谐之美、自然之美。我踩用淡蓝色和绿色为我网站的主打色主要是因为我的产品特性。在设计上，YIEINI易菲推崇“自然美”，将带表女性气质的花卉和自然元素融入设计之中，充分体现设计师和顾客所追求的一种洒脱、舒适的生活氛围，力求表现悠闲、舒畅、自然的生活情趣。因此我用天空与自然的颜色来表达这张自然之美、和谐之美。
二、网页制作的前期策划与准备，在本阶级主要有两方面的工作。
在做网页我上网收集了许多方面的资料主要是有关网站的布局与服饰品牌方面的资料，我首先进它的企业网站找了一些关于“易菲”服饰的图片主要是一些代言形象还有代表其企业形象的图片。其次我去浏览了许多的网页观察其网页的布局、颜色搭配、栏目、板块等方面的内容，同时也搜集了一些对我有用的资料。在搜索资料最困难的便是动态图片的搜集，动态图片其gif格式的还是好保存，但是要搜集flash动态图片就相对较难了。我用了一天的时间来搜集我的flash都不太成功，不过还搜到了可以换自己图片的代码。在开始时我根本就不知道flash是怎样搜索，不过经过三次像老实询问我终于懂得一些关于代码的搜索。在搜集资料的过程之中我发现了自己的许多不足之处，最关键就是平时对知识的掌握不够，连最基本的资料搜寻都觉得困难。也是我平时不够认真和努力的表现。通过这次的教训在以后我一定会做得更好，争取不范类似错误。
做网页主要用的工具便是Dremweaver、Photoshop、Flash软件。在这些软件我对Dremweaver、Photoshop相对比较熟悉，因为在平时上课是老师带领我们运用过。所以我还可以正常的运用，但是出现的问题还是有很多。有很多不懂如何操作，只有通过在次去看书才能够了解，这也体现了我学习方面的缺点，它是我平时不够认真的具体表现。
三、网页制作，这便进入我该次的主题了具体制作流程如下。
在我打开Dremweaver后第一步便是新建站点，我把我的站点建立在F仪下面。并将我搜集的全部资料都保存在其文件夹中，以便网页制作时可以方便的使用。
设计主页及二级页面。
在主页我设首页制作时，时刻考虑着网页的基本原则：统一，连贯，分割，对比及和谐的原则，内容统一，都是为了主题服务，美容美体，一个网站强调的就是一个整体，只有围绕一个统一的目标所做的设计才是成功的；连贯，页面之间关系连贯，统成一体；每版内容都自成一体，颜色各异，便于浏览；整个网页有动有静，色彩呼应，搭配协调，不呆板，富有生气；颜色各异，但又不同之中又相同，浑然一体。而且制作过程中，不忘以下原则：
简洁实用： 这是非常重要的，网络特殊环境下，尽量以最高效率的方式将用户所要想得到的信息传送给他就是最好的，所以要去掉所有的冗余的东西。使用方便：同第一个是相一致的，满足使用者的要求，网页做得越适合使用，就越显示出其功能美；页面用色协调，布局符合形式美的要求： 布局有条理，充分利用美的形式，是网页富有可欣赏性，提高档次。当然雅俗共赏是人人都追求的。
交互式强： 发挥网络的优势，是每个使用者都参与到其中来，这样的设计才能算成功的设计。这样的网页才算真正的美的设计。每个子页都设有上导航栏，便于浏览和跳转。3个二级网页制作时，使用的是表格，每一个页面都用表格为它布局好，然后在插入图片文字及其他，这样有一定的规划性，体现了连贯统一性，不同的内容根据各自的特色建立了不同的表格，突出各自的主题，增强了对比性。在做这些网页的时候我就进行了如上所述的方法。但我所以网页的背景颜色及主题颜色都是相同的以便突出我每一个网页都是为凸显我主题而服务。
实现网页间的链接。
我的链接按钮主要有四个“时尚首页、时尚衣秀、推荐产品、潮流信息”它分别链接到我所做的四个网页。链接的过程其实很简单，主要是把要链接的文字选择在选择工具栏的链接按钮最后选择自己要链接的网页单击确定便可以了。
向静太网页插入动态效果。
在这一阶段我遇到了许多的问题，主要是我在主页插入我的flash的时候，开是我将带码粘贴到我的网页上可是在浏览网页的时候flash却不能够显示。最后我向老师的请教后终于在老师的帮助下我成功的在我的主页插入了flash。而在其它的二级网页我主页插入的是一些gif格式的动态图片。
在做完网站才发现，怎么所有的图片素材并不是在一个文件夹中，而有许多的子文件夹，从网上下载的网页全都是一个网页对应一个文件夹。制作过程中，才发现，原来自己懂的太少了，好多不知道的地方，才赶紧查书，开始的时候只是会建立模版，可不会应用。而对于动态flash的插入我更是问题多多，开始是我对代码基本上是不懂，这就是自己学校上的问题，当真正开始运用的.时候在向老师提问。
这只是在制作过程中出现一些问题，其它问题也是类似相同。现在想想，自己所会的东西太少了，现在做的网站只是一些简单的静态的网站，看到了一些知名的网站开发出的网页，不仅栏目内容丰富，信息量大，而且页面图文并茂，五彩缤纷，使得网民赞叹不已，流连忘返。从我做的网页来看可以反映出学习的还不够，缺点疏漏。需在加以刻苦钻研及学习，不断开拓视野，增强自己的实践操作技能，为以后能做出出色的网页而努力。同时我也希望能够有更多的类似动手练习，让我们在实践之中来学习知识。因为我觉得实践不仅能够提高我们的学习兴趣它更能够提高我们的动手能力增强我们的技术性。
网站设计报告【篇7】
一、本课题的目的和意义：
随着互联网技术的迅速发展网络已逐渐深入人心，更是成为继报刊、电视、广播等传统媒体之后而迅速兴起的一新的传媒介质，网络宣传已成为众多宣传手段的重中之重，各种各样的网站也就应运而生。为宣传企业而制作的公司网站、可进行网上购物的电子商务网站、能及时了解到天下事的新闻网站、方便学习的教育网站，充斥着我们的视野，满足着我们的需要。网站的规划与建设，已悄然被许多人摆到了首要的位置上。
当今的人们，如果依然依靠传统的方式展示自己已经不能满足现在人们的需要，所以做一个网站就成为人们一件十分有意义并有兴趣去做的事情。利用企业网站我们可以让全国，甚至全世界的人们有机会知道自己的公司。
二、本课题研究的难点
规划并建设好一个企业网站，并不是一件容易的事。首先，规划好这个网站就不容易。因为是企业网站，所以要求要比其它类型的网站更加独具匠心，有独特的眼光。这就规划者有了更高的要求。首先，要根据自己的要求网站的风格布局、色彩搭配和大体轮廓，并确立网站的栏目、内容。其次，网站制作者将要根据前一点安排整个页面文字图片的布局，这就要求设计者对网页制作具有相当的水平，美工、排版能力要强。再者，企业网站需要实现的动态及时更新等功能要求网站制作程序员有良好的编程基础，在网络编程语言ASP、PHP、JSP或ASP。NET等中选择来进行网站管理后台的编写并与前台挂钩并通过更新数据库来实现网站的更新。当然，选择的编程语言也要与网站服务器平台所支持的技术相符合。这就要求在配置服务器或是购买虚拟主机时根据需要来进行配置或选择。ZUI后，网站安全性也是一个重中之重，在如今黑客当行、病毒当道的互联时空，网站的安全犹为重要。
三、本课题研究要解决的问题
规划并建设好一个令人耳目一新的企业网站，并不是一件容易的事。首先，规划好这个网站就不容易。这要求网站规划者熟悉企业的情况，并确立网站的栏目、内容。其次，网站制作者将要根据网站的规划书来确定网站的风格、布局、色彩搭配等，这就要求设计者对网页制作具有相当的水平，美工、排版能力要强。再者，企业网站需要实现的动态及时更新等功能要求网站制作程序员有良好的编程基础，在网络编程语言ASP、PHP、JSP或ASP。NET等中选择来进行网站管理后台的编写并与前台挂钩并通过更新数据库来实现网站的更新。当然，选择的编程语言也要与网站服务器平台所支持的技术相符合。这就要求在配置服务器或是购买虚拟主机时根据需要来进行配置或选择。ZUI后，网站安全性也是一个重中之重，在如今黑客当行、病毒当道的互联时空，网站的安全犹为重要，否则，功亏一篑！这就要求配置服务器或选择虚拟主机时的谨慎以及编写网站管理后台的注意。
四、本课题研究的目标及内容
1、本课题研究的目标是：建立一个具有特色的企业网站。
课题的内容是：在这个课题中，主要是用于公司相关信息的介绍，以及相关的产品内容的介绍。方便他人的了解。它的内容主要包括对网站前台的设计及制作，包括企业网站的logo设计，布局的设计，网站页面的制作、片头动画及页面动画的设计制作、注册登陆系统以及各链接和相关技术的开发等。在这里，我将以制作某企业网站为例，具体阐述个人网站的制作过程。
制作网站过程：
1、网页美工
用photoshop CS制作页面效果图片，搭配好颜色，设计好版式，这样做的目的是为了让网站的页面更具有整体性和美观性，色调搭配及版面的设计都可以通过photoshop CS这个强大的图片处理软件来完成，这样设计出来的网页不论是从美工还是从版式上都是一流的。
2、导航条和文字图片的布局
用DreamweaverMX和FlashMX设计制作导航条，同时对文字图片进行调整。具体的就是文字的大小、字体以及图片的格式、大小进行调整。
3、超链接其动态设计
用用DreamveaverMX建立超链接使整个网站能够自由地相互关联，使浏览者能够方便地到达所需要的网页。另外，本网站还可以进行注册，利用ASP与Access相连使网站变为动态网站。
五、课题研究进展计划
1第一周到四周完成毕业设计开题报告
2第五周调研，准备各种参考资料、充实所需知识
3第六周查阅相关书籍资料，提出可行性的设计方案
4第七到十六周具体设计与制作工作
5第十七周文档的生成与整理，指导教师修改
6第十八周毕业设计论文的相关资料的搜集
7第十九周完成毕业论文撰写
六、参考文献
《网页设计典型技巧》 Time创作室人民邮电出版社20xx年10月
《ASP动态网站开发毕刘瑞斯机械工业出版社20xx年3月
《ASP+Access组建动态网站实例精讲》龙马工作室人民邮电出版社20xx年6月