网站设计报告

网站设计报告

在当下社会,报告对我们来说并不陌生,报告中涉及到专业性术语要解释清楚。我们应当如何写报告呢?以下是精心整理的网站设计报告,欢迎阅读,希望大家能够喜欢。

网站设计报告1

一、选题意义

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至20x-12-15

2、第二阶段写作设计方案

(1)根据开题报告书写毕业设计论文。

(2)时间时间:20xx-12-20至20x-2-00

3、第三阶段设计作品

4.15画出网站规划*

4.18-4.20搜集素材、制作站标

4.21-4.30设计导航并制作模版

5.1-5.10运用模板开始前台静态页面的制作

5.11-5.15网站测试并进行完善

时间:20x-2-1至20x-5-00

4、第四阶段答辩

时间:20x-5-00至20x-5-30

(1)会分析网站的特色。牢记建站意义,站点功能的介绍。借此实验来充分展现主题学习网站的优异性。

网站设计报告2

一、 课题来源及研究的目的和意义

1.1课题来源

教师虚拟。

1.2教学网站设计的目的和意义

教学网站的设计开发,使学生除了在传统的课堂教学学习知识外,还增加了通过教学网站学习的方式。单项课程的教学网站旨在以网络为纽带,快速、高效、方便的实现知识的传递,一现代化手段促进教学改革,探索一种以互联网为基础的教学模式。通过这种模式,为学生营造一种新的教学环境,使教学工作突破时空限制,提高工作效率,使教师、学生可以随时、随地进行教学工作。

《信号与系统》课程是通信专业一门重要的基础理论课,该课程的学习对于学生理解信号分析,系统分析具有重要的意义。设计和开发一套《信号与系统》课程教学网站,将课程多媒体课件、教案、实验素材等教学资源发布到网上,供学习者随时随地*学习,不仅可以共享教学资源,更重要的是可以在一定程度上激发学习者的积极性,提高教学质量。

二、本课题所涉及的问题在国内(外)研究现状分析

网站,在刚一出现时,就以其强大的资源共享性赢得了无数用户的心,也吸引了很多国内外很多专家的兴趣,而其后的交互性也奠定了其后迅猛发展的基石,技术的出现使这股史无前例的旋风席卷全世界,尤其是近几年来,网站建设业务一直呈快速上升势头,行业市场越来越大,范围也更加的广阔。任何事物的发展壮大都会引起技术的变革,网站自然也不会例外,由最初的单纯注入代码到各种编程工具的出现再到各种编程语言的应运而生,而且随着技术融合与发展,许多在其他行业热门应用的技术如*、三维动画、虚拟现实等技术都已经实现向互联网上移植,使得网站的制作技术不断地完善,而新技术的完善也必将促使网站的设计更具魅力,更富挑战性。

从国内外很多专家来看,网站未来很可能有以下几种发展趋势: 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、Access2003等工具和相关的技术来完成教学网站的设计与开发。同时也要认真研读相关书籍或期刊,对其文本进行系统、细致的分析,归纳已版的.研究成果,结合自己的思路分析综合,推陈出新。

六、工作方案及进度计划

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] . 兰州:西北师范大学,2007.

[4] 吴晨、张亮、张静. ASP.NET + SQL Server数据库开发与实例[M].《清华大学出版社》, 2006. [5] 余金山、王涛、徐建军.ASP.NET 2.0+SQL Server 2005企业项目开发与实战[M].《电子工业出版社》,2008.

[6] 风火轮小组.Asp建站编程高手指南[M].北京:大恒电子出版社,2002.

[7] 孟宗洁.天津职业院校联合学报[J].NET 三层结构在企业人事管理系统中的应用,20xx,12(2):64~67. [8] 刘好增.ASP动态网站开发实践教程[J].计算机应用与研究,2007,2(2):186~199.

网站设计报告3

一、网页艺术设计的内容

设计活动中包含着主观和客观两方面的因素,在确立了网页主题之后,首先要明确和熟悉设计的对象和构成的要素。网页艺术设计涉及的具体内容很多,可以概括为视听元素和版式设计两个方面。

1、视听元素

这里所说的视听元素,主要包括:文本、背景、按钮、*标、*像、表格、颜色、导航工具、背景音乐、动态影像等。无论是文字、*形、动画,还是音频、*,网页设计者所要考虑的是如何以感人的形式把它们放进页面这个“大画布”里。多媒体技术的运用大大丰富了网页艺术设计的表现力。

以上各视听元素大多数浏览器本身都可以显示或收听,无需任何外部程序或模块支持。比如,大部分浏览器都可以显示GIF、JPEG*形和GIF89a动画。还有些多媒体文件(如MP3音乐)需要先*到本地硬盘上,然后启动相应的外部程序来播放。另外,在浏览器使用插件(Plug-in)可以播放更多格式的多媒体文件。微软推出IE浏览器后,提供了基于OLE的ActiveX技术,用来在网页中播放多媒体。目前ActiveX已经成为热门技术。另一种播放多媒体的技术是JavaApplet。它是用Java语言编写的应用于网页之中的小应用程序,相比于插件和ActiveX,JavaApplet具有更大的灵活性和良好的跨平台能力,因此具有很好的发展前景。总之,技术的不断发展使多媒体元素在网页艺术设计中的综合运用越来越广泛,使浏览者可以享受到更加完美的视听效果。这些新技术的出现,也对网页的艺术设计提出了更高的要求。

2、版式设计

网页的版式设计同报刊杂志等平面媒体的版式设计有很多共同之处,它在网页的艺术设计中占据着重要的地位。所谓网页的版式设计,是在有限的屏幕空间上将视听多媒体元素进行有机的排列组合,将理性思维个性化的表现出来,是一种具有个人风格和艺术特色的视听传达方式。它在传达信息的同时,也产生感官上的美感和精神上的享受。

但网页的排版与书籍杂志的排版又有很多差异。印刷品都有固定的规格尺寸,网页则不然,它的尺寸是由读者来控制的。这使网页设计者不能精确控制页面上每个元素的尺寸和位置。而且,网页的组织结构不像印刷品那样为线性组合,这给网页的版式设计带来了一定的难度。

二、网页艺术设计的原则

网页作为传播信息的一种载体,同其他出版物如报纸、杂志等在设计上有许多共同之处,也要遵循一些设计的基本原则。但是,由于表现形式、运行方式和社会功能的不同,网页设计又有其自身的特殊规律。网页的艺术设计,是技术与艺术的结合,内容与形式的统一。它要求设计者必须掌握以下三个主要原则:

1、主题鲜明

视觉设计表达的是一定的意*和要求,有明确的主题,并按照视觉心理规律和形式将主题主动地传达给观赏者。诉求的目的,是使主题在适当的环境里被人们即时地理解和接受,以满足人们的实用和需求,这就要求视觉设计不但要单纯、简练、清晰和精确,而且在强调艺术性的同时,更应该注重通过独特的风格和强烈的视觉冲击力,来鲜明地突出设计主题。

根据认知心理学的理论,大多数人在短期记忆中只能同时把握4到7条分立的信息,而对多于7条的分立信息或者不分立的信息容易产生记忆上的模糊或遗忘,概括起来就是:较小而分立的信息要比较长而不分立的信息更为有效和容易浏览。这个规律蕴含在人们寻找信息和使用信息的实践活动中,它要求视觉设计者的设计活动必须自觉地掌握和遵从。

作为视觉设计范畴一种的网页艺术设计,其最终目的是达到最佳的主题诉求效果。这种效果的取得,一方面通过对网页主题思想运用逻辑规律进行条理性处理,使之符合浏览者获取信息的心理需求和逻辑方式,让浏览者快速地理解和吸收;另一方面通过对网页构成元素运用艺术的形式美法则进行条理性处理,更好地营造符合设计目的的视觉环境,突出主题,增强浏览者对网页的注意力,增进对网页内容的理解。只有两个方面有机地统一,才能实现最佳的主题诉求效果。

优秀的网页设计必然服务于网站的主题,就是说,什么样的网站,应该有什么样的设计。例如,设计类的个人站点与商业站点性质不同,目的也不同,所以评论的标准也不同。网页艺术设计与网站主题的关系应该是这样:首先,设计是为主题服务的;其次,设计是艺术和技术结合的产物,就是说,即要“美”,又要实现“功能”;最后,“美”和“功能”都是为了更好地表达主题。当然,有些情况下,“功能”即是“主题”,还有些情况下,“美”即是主题。例如,雅虎作为一个搜索引擎,首先要实现“搜索”的“功能”。它的主题即是它的“功能”。而一个个人网站,可以只体现作者的设计思想,或者仅仅以设计出“美”的网页为目的。它的主题只有一个,就是——美。

只注重主题思想的条理性而忽视网页构成元素空间关系的形式美组合,或者只重视网页形式上的条理而淡化主题思想的逻辑,都将削弱网页主题的最佳诉求效果,难以吸引浏览者的注意力,出现平庸的网页设计或使网页设计以失败而告终。

要使网页从形式上获得良好的诱导力,鲜明地突出诉求主题,具体可以通过对网页的空间层次、主从关系、视觉秩序及彼此间的逻辑性的把握运用来达到。

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)技术出现以后,网页设计者充分、巧妙地应用此技术,让浏览者在*过程中就可以欣赏这段音乐或电影,实现了实时的网上*直播服务和*欣赏音乐服务,无疑增强了页面传播信息的表现力和感染力。

网络技术与艺术创意的紧密结合,使网页的艺术设计由平面设计扩展到立体设计,由纯粹的视觉艺术扩展到空间听觉艺术,网页效果不再近似于书籍或报刊杂志等印刷媒体,而更接近于电影或电视的观赏效果。技术发展促进了技术与艺术的紧密结合,把浏览者带入一个真正现实中的虚拟世界。

技术与艺术的紧密结合在网页艺术设计中体现得尤为突出。

网站设计报告

转载请注明出处记得学习 » 网站设计报告

学习

校园网站设计开题报告

阅读(67)

本文为您介绍校园网站设计开题报告,内容包括校园网站设计开题报告怎么写,电影购票网站开题报告,职业院校校园文化建设开题报告。校园网站设计开题报告随着个人素质的提升,报告的使用成为日常生活的常态,通常情况下,报告的内容含量大、篇幅

学习

电子商务网站规划内容分析

阅读(60)

本文为您介绍电子商务网站规划内容分析,内容包括电子商务网站规划,电子商务网站规划从哪些方面入手,电子商务网站规划的流程。电子商务网站规划内容分析电子商务网站在企业的电子商务体系中有着重要的作用,网站内容规划是否合理、设计的

学习

网站建设实习报告范文

阅读(84)

网站建设实习报告范文什么是实习报告?实习报告是指各种人员实习期间需要撰写的对实习期间的工作学习经历进行描述的文本。它是应用写作的重要文体之一。网站建设实习报告范文(精选10篇)接地气的实习生活已经告一

学习

网站美工实习报告范文

阅读(58)

网站美工实习报告范文一段充实而忙碌的实习生活结束了,想必都收获了成长和成绩,是时候回头总结这段时间的实习生活了。是不是无从下笔、没有头绪?下面是整理的网站美工实习报告,欢迎大家借鉴与参考,希望对大

学习

网站项目实践报告范文

阅读(73)

本文为您介绍网站项目实践报告范文,内容包括网站项目实践报告,网上道德实践活动报告,项目实践报告。网站项目实践报告范文难忘的实践活动又将谢下帷幕,你收获了什么?感觉我们很有必要对自己的社会实践做一下总结。怎样写好社会实践报告呢?

学习

网站设计开题报告范文

阅读(71)

本文为您介绍网站设计开题报告范文,内容包括网站设计开题报告范文样本,电影购票网站开题报告,环境保护网站设计开题报告。网站设计开题报告范文我们眼下的社会,报告的适用范围越来越广泛,报告包含标题、正文、结尾等。你所见过的报告是什

学习

服装行业网站网络营销分析报告

阅读(65)

本文为您介绍服装行业的网络营销环境分析报告,内容包括服装行业网络营销渠道分析报告,传统服饰网络直播营销,服装行业网络营销渠道分析怎么写。服装行业网站网络营销分析报告(精选7篇)随着人们自身素质提升,报告使用的次数愈发增长,报告中涉

学习

网站负责人述职报告

阅读(63)

本文为您介绍网络工作个人工作述职报告,内容包括网络信息中心主任述职报告,述职报告模板哪个网站好,网站负责人个人述职报告。网站负责人述职报告在当下这个社会中,接触并使用报告的人越来越多,要注意报告在写作时具有一定的格式。你知道

学习

旅游网站系统的设计开题报告

阅读(54)

本文为您介绍旅游网站系统的设计开题报告,内容包括旅游网站设计开题报告,旅游网站的设计与实现开题报告,旅游网站系统设计开题报告。旅游网站系统的设计开题报告开题报告是开题者把自己所选的课题的概况(即"开题报告内容"),向有关专家、

学习

网站链接优化方法

阅读(69)

本文为您介绍网站链接优化方法,内容包括网站链接优化,网站链接优化方面,怎样才能优化网站链接。网站链接优化方法SEO是指通过对网站进行站内优化,从而提高网站的关键词排名以及公司产品的曝光度。下面是整理的网站链接优化方法,希望对你有

学习

网站栏目的优化方法

阅读(66)

本文为您介绍网站栏目的优化方法,内容包括网站设计排名怎么优化,关于优化网站栏目设计的通知,seo栏目优化。网站栏目的优化方法网站的栏目结构一般采用树形的网站栏目结构,分一级栏目、二级栏目、三级栏目,一般来说网站栏目不要超过三级目

学习

网站关键词排名优化在不同时期需要怎么制定策略?

阅读(70)

本文为您介绍关键词排名优化工具,内容包括关键词怎么优化才能提升网站排名,网站关键词优化排名怎么做最好,网站关键词优化排名怎么做。网站关键词排名优化在不同时期需要怎么制定策略?关键词排名优化即SEO,是SearchEngineOptimization英文

学习

《大力草》改版作文

阅读(63)

《大力草》改版作文550字(精选21篇)在平平淡淡的日常中,大家都跟作文打过交道吧,根据写作命题的特点,作文可以分为命题作文和非命题作文。那么你知道一篇好的作文该怎么写吗?下面是帮大家整理的《大力

学习

网站方案范文

阅读(60)

本文为您介绍个人网站策划书范文,内容包括网站方案范文,网站策划方案范文,网站策划书范文。网站方案范文(精选11篇)为保证事情或工作高起点、高质量、高水平开展,常常需要提前制定一份优秀的方案,方案是为某一行动所制定的具体行动实施办法

学习

校园网站设计开题报告

阅读(67)

本文为您介绍校园网站设计开题报告,内容包括校园网站设计开题报告怎么写,电影购票网站开题报告,职业院校校园文化建设开题报告。校园网站设计开题报告随着个人素质的提升,报告的使用成为日常生活的常态,通常情况下,报告的内容含量大、篇幅

学习

网站建设实习报告范文

阅读(84)

网站建设实习报告范文什么是实习报告?实习报告是指各种人员实习期间需要撰写的对实习期间的工作学习经历进行描述的文本。它是应用写作的重要文体之一。网站建设实习报告范文(精选10篇)接地气的实习生活已经告一

学习

网站美工实习报告范文

阅读(58)

网站美工实习报告范文一段充实而忙碌的实习生活结束了,想必都收获了成长和成绩,是时候回头总结这段时间的实习生活了。是不是无从下笔、没有头绪?下面是整理的网站美工实习报告,欢迎大家借鉴与参考,希望对大

学习

网站项目实践报告范文

阅读(73)

本文为您介绍网站项目实践报告范文,内容包括网站项目实践报告,网上道德实践活动报告,项目实践报告。网站项目实践报告范文难忘的实践活动又将谢下帷幕,你收获了什么?感觉我们很有必要对自己的社会实践做一下总结。怎样写好社会实践报告呢?

学习

网站设计开题报告范文

阅读(71)

本文为您介绍网站设计开题报告范文,内容包括网站设计开题报告范文样本,电影购票网站开题报告,环境保护网站设计开题报告。网站设计开题报告范文我们眼下的社会,报告的适用范围越来越广泛,报告包含标题、正文、结尾等。你所见过的报告是什

学习

服装行业网站网络营销分析报告

阅读(65)

本文为您介绍服装行业的网络营销环境分析报告,内容包括服装行业网络营销渠道分析报告,传统服饰网络直播营销,服装行业网络营销渠道分析怎么写。服装行业网站网络营销分析报告(精选7篇)随着人们自身素质提升,报告使用的次数愈发增长,报告中涉

学习

门户网站建设策划方案

阅读(56)

本文为您介绍门户网站建设策划方案,内容包括门户网站建设方案,门户网站建设方案怎么写,网站方案设计范文汇总七篇。门户网站建设策划方案首先,要下决心统一硬件平台,尽管保护投资是非常重要的,但如果以网站建设的未来发展为代价显然是不值

学习

网站建设策划书

阅读(65)

本文为您介绍网站建设策划书,内容包括网站建设策划书模板,网站建设策划书目标,网站建设策划书目录。网站建设策划书一、什么是策划书策划书即对某个未来的活动或者事件进行策划,并展现给读者的文本;策划书是目标规划的文字书,是实现目标的