1. 摄影与WEB设计中的构图你怎么看
个人觉得两者构图还是有区别的，我从视觉引导上讲讲两者的不同。（纯属个人意见，欢迎拍砖）
摄影有很多布局，包括斜线布局、黄金分割、框式布局等等，太多了可以自行网络，在此就不赘述了。但是通过这些布局可以平衡视图，也可以通过布局中的“线”把用户的视觉引导到你想表达的“点”（即视觉重点）上。比如：斜线布局，两条斜线汇聚就可以把用户的视觉引导到斜线的交汇点上，如果把视觉焦点放在交汇点附近，就算一张美的布局。
而web（网页）设计，重在提现内容。不光要美，还要顾及用户观赏时的舒适度。说到舒适度，用户的浏览习惯就是我们要参考的方向，从左到右，从上到下……所以页面上的视觉焦点并没有摄影那样变化多样。
“减法”应该是两者的共同点，摄影需要从杂乱中抽离出照片的视觉重点，网页设计也是需要简单、优雅才能突显内容。
对于摄影初学者来说，除了要熟悉光圈、快门、ISO等摄影参数的作用以外，构图也是必须要学习的一点。好的构图可以让你的照片更加出色，错误的构图会让你的照片给人以不舒服的感觉。今天我们就为广大摄影初学者介绍一下如何构图让照片更加出色。
九宫格构图最常见
九宫格构图法应该是最常见也是最基本的构图方法了。这个构图方法是把画面中的左、右、上、下四个边都三等分，然后将相对边线的点用直线连接起来，这样就 形成了一个汉字的“井”，画面也就被分为了九个方格。构图时不要将摄影主体放在正中间，而是将其放在井字形的四个交叉点上。
目前绝大多数的数码相机甚至是手机都内置了九宫格辅助构图线，进入相机和手机，一般在屏幕选项中就可以将这一模式调出更加有利于构图。九宫格构图适合于各种的拍摄题材，最常使用的就是风景、人物等拍摄题材。
在风景拍摄中使用九宫格构图法，不仅可以将摄影主体放在最合适的位置，还可以帮助确定天空和地面的比例，一般来说，天空、地面其中一方占据约三分之一的 区域，另一方占据约三分之二的区域，如果不是特殊场景不太建议将天空和地面做平分构图处理。另外打开九宫格辅助构图线，还有一个好处，就是可以确认建筑、 地平线等线条的平直，避免构图出现倾斜。
引导线汇聚焦点
引导线构图方法，就是利用画面中的线条去引导观者的目光，让他的目光最终可以汇聚到画面的焦点。当然引导线并不一定是具体的线，只要是有方向性的、连续 的东西，我们都可以称之为引导线。在现实生活中，道路、河流、整齐排列的树木、颜色、阴影甚至是人的目光都可以当做引导线使用。
上面这幅作品是笔者前年去云南拍摄的，画面中的木质廊桥就是作为引导线使用的，可以将观者的目光引导到画面中远处的群山上。
引导线构图
另外引导线构图还可以让照片具有很好的纵深感，让照片中的前后景物相呼应，让画面有很强的立体感，并且可以划分照片的结构层次与布局情况，让照片的结构更加分明。在实际拍摄中，我们可以在先确定引导线以后在考虑如何构图，如何将观者的视觉引导画面焦点中。
对角线让照片更活泼
对角线构图从字面上很好理解，就是将主体在照片中的位置放在尽量靠近相对应的两个角上。相对于横平竖直的构图方法，对角线构图更加活泼生动，还可以让视角更加开阔。
对角线构图在人物摄影中也很常见
对角线构图的方法不仅可以拍摄建筑、风景，也大量在人像拍摄中使用，对角线构图可以让画面更加饱满，在拍摄运动的人物时可以让画面更加生动、有趣。
找到框架锁定主体
框架式构图可以很好的滤除不必要的元素，将观众的目光引导到你想要表达的摄影主体上。使用前景中的事物将需要突出的摄影主体框起来，可以让照片的主题更加的突出。框架式构图让照片中的主体和陪衬很好的结合起来，使两者更具相互作用。
真实的门窗也是框式构图的好题材
这张照片既有引导线构图也有框架式构图
在使用框架式构图的时候，需要注意主体和框架之间的比例，切记框架的存在是为主体服务的，千万不要喧宾夺主。其实框架式构图的原理也和引导线构图一样，就是利用画面中的线条、框架，将观众的视觉引导到照片的主体上去。
在实际的拍摄中，树叶之间的空隙、虚掩的门、窗框、山石之间的缝隙等都可以当做框架使用。
框架式构图的典范
上面这张图片应该是框架式构图的经典之作，这是法国摄影师马克．吕布与1965年拍摄的北京琉璃厂地区。摄影师巧妙的利用了房屋的窗框，将街道上的人物进行了不同的划分，既各自独立又互相关联服务于主题。
三角形构图拍建筑
三角形构图也是很常见的摄影构图方式，它的概念就是以三个视觉中心为景物的主要位置，三点连线形成一个正三角、斜三角或者是倒三角形状。正三角布局在拍摄天坛、故宫等古典、对称建筑的时候使用，斜三角和倒三角呈现动感的效果，适合于诸如人像、运动的等拍摄题材中。
天坛是比较适合采用正三角构图的
拍摄合影也可以选择三角形构图
在使用三角形构图的时候，要注意三个点的选取，不要喧宾夺主要分清主次关系。正三角的构图比较适合拍摄建筑、合影等四平八稳的拍摄题材。倒三角以及斜三角则可以让照片更加的活泼生动，在拍摄人物、运动题材的时候是非常不错的选择。
主体和背景相互呼应
摄影初学者常犯的一个错误是过于注重主体，而不注意与之搭配的背景或者叫做陪衬。其实好的照片需要前后景致的交相呼应，给人以错落有致的感觉，适当的留出背景也可以让主体更加的突出。而且拥有前景和后景的照片会有很好的空间感和景深感。
前后景色的相会呼应
前景虚化突出位于照片后面的主体
园林点缀前景的富士山
在拍摄前后景色交相呼应的照片时，一定要根据摄影主体尽量简化照片元素，将不必要的元素尽可能剔除掉。使用大光圈镜头拍摄可以更好的突出主体，背景的虚化也更加的出色。
摄影是减法的游戏
记得一位摄影前辈说过，摄影是减法的艺术、绘画是加法的艺术。绘画是在一张空白的白纸上添加各种元素，而摄影恰好相反。我们要将照片中对于主题没有帮助或者意义不大的元素一一去除掉，一张好的照片就在不断减法中诞生了。
只突出了摄影主体
只突出了摄影主体
当你选定了所拍摄的主题时，要思考画面中那些元素对主题的表现有帮助，那些是没有必要的，尽可能的用最少的元素表现主题，画面中无关的元素越少，主题表现的就越突出视觉焦点就越明显。
从不同的角度拍摄
不要总是以人眼的高度去展开创作，试着将视线降低或者提高，用不一样的角度去拍摄事物，可以获得意想不到的效果。
以极低的视角拍摄的
现在很多相机都具备翻转屏幕，单反相机也都配备了好用的实时取景功能，这就给我们拍摄非常规角度的照片提供了很大的便利。比如上面这张花朵的照片，笔者几乎将相机放置到了地面，利用相机的翻转屏幕从下面进行拍摄的，相对于大多数花朵拍摄来说，这样的视角是不常见的。
极低的视角拍摄的鹿
上面这张鹿的照片是笔者在日本旅游时拍摄的，当时使用的是带有翻转屏幕的尼康单反相机D5300，配合实时取景功能，笔者将相机放置在地面上，拍摄了卧在堤坝上的一只鹿。
极低角度拍摄的照片
将视角放低或者提高，你会发现很多事物的面貌发生了改变，所拍摄的照片也和正常视角的拍摄大相径庭。在拍摄静物、花卉等题材的时候，将角度放低可以更好的表现事物的质感和材质。在拍摄建筑、人物的时候，适当采用仰拍可以体现建筑的雄伟以及人物的挺拔。
总结：
九宫格是最常用的构图方法是摄影中的黄金法则之一，摄影初学者掌握了这个方法可以让照片的结构更加和谐自然。引导线构图可以突出照片的中心思想和重点，让照片的焦点更加的突出。对角线构图的方法比较活泼生动，无论是人物还是建筑都是可以适用的。
框架式构图也是经典的构图方式，利用照片中的元素构成框架，让照片的焦点更加突出。三角形构图比较适合拍摄对称的建筑，在多人合影的时候也可以采用。在照片 中主体需要背景的陪衬才显得不那么突兀，良好的背景虚化可以让主体更加明确。绘画是加法的艺术二摄影是减法的艺术，将照片中不必要的元素去除，剩下的就是 精华部分了。试着用非常规的视角去拍摄照片，可以获得意想不到的效果。
以上就是一些关于摄影构图的小窍门，希望通过我们的介绍可以为广大摄影初学者学习摄影精进技术提供帮助。
2. web版本的网页设计有哪些应该怎么做
1.确定网页的主体色调风格。
我们制作自己的网页首先应该对自己的网页有一个整体的规划，是建一个什么类型的网站，网站主色调使用哪种颜色、设计布局采用什么样的方式等这些都需要有一个很好的规划。
2.规划网站的整体布局——导航、按钮、图片、文字的排版方式。
做什么事都不能盲目的没有目的的进行，那样只能浪费时间浪费精力，在我们制作网页之前一定要对网页的基本元素进行一些设计。可以简单的画草图，或者浏览几个自己比较喜欢的网站学习借鉴。
3.准备和归类素材——图片、音频、视屏、文章等。
制作一个网页需要大量的文件，我们必须先将这些不同类型的文件进行归类放置，整理到一个文件夹中。
打开Dreamweaver软件，新建一个站点，然后在站点下建立不同的文件夹存放素材。
.4建立自己的主页，按照之前的定的风格设计布局。
不要急着添加图片和文字，先将导航栏，标题栏和内容栏都规划好然后在进行素材的导入。注意无论是文件夹的名还是素材名最好使用英文而不是中文。中文状态很容易报错，文件添加后就不要更改文件路劲了，否则会导致文件的丢失。
5.制作网页是一个非常复杂的过程，如果想从头到尾自己制作一个网页的话是很难说清楚的，所以这里就分享一个很简单的方法。
找到一个适合自己风格或是自己比较喜欢的网页，右击鼠标——另存为。
这时浏览器就会将这个网页中的所有的元素都复制下来，存放到一个文件夹中。
6.打开Dreamweaver软件代开刚刚下载的网页，这时Dreamweaver中就会显示你下载网页的所有元素，不会出现丢失的情况。
7.替换网页中的元素即可。
选择需要进行修改的图片或是文字直接更换即可。选择一个元素然后在下面的属性栏中进行更换即可。同时还可以更换图片的大小和其他的属性。
8.按下F12进行预览效果即可。不满意的地方进行修改，一定要注意随时保存文件。
3. 有关网页设计与制作毕业论文范文
为了增加网页的吸引力和可理解性，以及互动性，网页设计所起的作用十分重要。下面是我为大家整理的网页设计 毕业 论文，供大家参考。
网页设计毕业论文篇一：《Flash软件画在网页设计中的应用》
网页设计毕业论文摘要
摘要:Flash技术运用范围非常广泛,不论是网站、 广告 、动画、游戏,甚至程序设计与多媒体化展示方面都有一定程度的运用。本文首先对Flash动画今后的发展趋势进行分析并具体化叙述了Flash的实际定义与特点,并对Flash动画当前在网页设计中的应用方式进行分析,针对性阐述了Flash动画在整站式网页设计过程中交互式导航系统、Web图像动画展示以及鼠标动画的应用。在此针对性研究Flash动画在网页设计中的相关研究,望研究结果能够对今后的学者一定帮助。
网页设计毕业论文内容
关键词:Flash动画 网页设计 应用研究
随着社会迈入信息化时代,网络及计算机技术的发展及普及程度呈现出优质化的发展形势,从而促进网页动画渐渐发展起来,此外网页动画设计在网页设计中占据重要地位,促使人们在关注动画整体发展趋势的过程中将注意力放在网页动画方面。在构建及设计网页时,运用Flash帮助网页实现多媒体化的网页成果展示,同时也渐渐成为网页设计发展过程中不可或缺的重要部分。
1Flash的运用及特点
MacromediaFlash作为一种交互式编辑矢量图及多媒体创作软件,因特网网页设计矢量动画文件格式时常得以较多的运用,此外,针对性分析Flash,可以了解到目前其主要具备以下六大特点:第一,将矢量图形作为主要运行前提,致使其自身文件导出容量不大,在进行图片缩放时对其自身的清晰度影响不大,在网络传输过程中存在一定的便捷性;第二,Flash具备非常优质化且强大的AS代码,在设计动画时运用Flash技术,促使动画的交互性优良,便于读者在阅读过程的理解并实施相关互动;第三,针对实际运用过程分析,Flash动画在运作时主要采用插件,若用户想要实现视频观看,仅仅需要安装一次视频插件就可以直接观看,避免繁琐性多次安装的现象发生。此外,由于Flash构建的动画自身极小,所以其具备较快的调用速率;第四,在设计Flash过程中,可以根据需要适当增加页面控制按钮帮助页面实现链接的跳动,还可以运用鼠标实现页面动画中的运动及移动。第五,Flash可以实现动画视听效果内容的升华,譬如渐变声、位图等等,用户在制作图片的过程中可以直接构建全Flash制作站点;第六,Flash动画属于一种“准”流式文件内容,无需全部下载完成就可以实现动画观看。
2Flash动画在网络设计中的应用
在网页设计中,Flash动画具备非常多关键性的作用,如流式播放动画、FlashMV及短片动画等,此外其所表现的形式中存在一定的交互性。但需要注意的是,在实施网页设计时,避免繁琐、复杂的动画设计效果的存在,毕竟物极必反,只会降低网页的品质;如图1所示。2.1网页动画信息交互的实现为了进一步却宝宝网页动画信息交互整体的流畅性,其中的一个重要关键就是Flash动画导航的交互性设计。在对该部分内容进行设计时,往往会使用针对性的Flash动画脚本——AxtionScript。实际设计过程中,通常由编程者的思想与Flash在事件中作用共同形成动力,并依据动画中的相应内容实现AxtionScript的具体化定义。2.2网页动画相关要素的设计第一,交互式导航系统。在网页设计中,导航栏对用户主要起到一种引导性作用。所以在设计时需要将其设计为多个导航级别,并构建针对性的标识来将其区分,以色彩为例,可以采用较为鲜艳、清爽式的搭配。第二,Web图像动画形式展示。传统网页中,Web图像主要呈现静态,不过经由计算机技术的不断发展,最近几年在网页设计中渐渐出现了一部分动态化的Web图像。同时在其色彩方面的运用,主要采用RGB模板,并在网页安全色方面运用216色,其主要的色彩格式包括GIF、PNG以及JPE6。第三,鼠标动画。为了实现优质化Flash动画效果,在制作动画效果时要特别注意鼠标在移动过程中其轨迹图案及色彩搭配。首先,要确保鼠标移动过程中的色彩与网页设计色彩是不同的,有助于用户一眼就可以将鼠标找到。最后就是,鼠标在色彩区别网页之后还要注意其透明性,避免遮蔽信息的现象出现。
3结语
综合全文内容,在网站设计过程中,Flash作为一个极具重要性的视觉性元素,其可以在帮助网站实现多媒体化效果展示的同时,还能够结合数据通信这一 措施 全面性丰富网站自身具备的素材及资源,最终达到一种动态化的效果。截至今日,由于计算机技术发展速度不断提升,结合Flash自身所具备的多种优质化特征,笔者相信在今后人们的日常生活中,Flash动画一定可以获得更加广泛的用途,更具普遍性,最终实现网页设计的主体化运用趋势。
网页设计毕业论文文献
[1]乔慧.Flash动画在网页制作中的应用及发展[J].内蒙古石油化工,2013(21):68.
[2]关晓轩.Flash动画在网页制作中的应用研究[J].北方文学(下旬),2012(11):91-93.
网页设计毕业论文篇二：《响应式网页设计原型研究》网页设计毕业论文内容
当今，移动互联网迅猛发展，各种智能设备层出不穷。传统网页设计采用“固定页面及元素宽度，任何终端统一页面效果”的策略，无疑将造成网页在一些新兴移动终端上显示的文字极小、链接分布极密，用户需要在屏幕上不停操作来自主寻求较好的体验。面对这一弊端，网页设计师聚焦于“响应式网页设计”这一关键词，试图使用一套代码为各类终端设备提供不同的设计和体验。从先前“为固定设备设计网页”跨越到“响应式网页设计”是一个较难的过程。一些新手可能已经积攒了诸如媒体查询、流式布局、弹性图片等零散的设计开发技巧，掌握了HTML5和CSS3的使用 方法 ，但他们依然无法驾驭响应式网页设计。造成这种情况的直接原因就在于缺乏一个能够指导他们立即开展响应式网页设计实践的可操作流程，即原型。
1两个关键概念：响应式网页设计与原型
响应式网页设计(RWD，Responsive网页Design)是一种网页前端开发技术，它可以描述为，“兼顾多种不同设备屏幕尺寸、分辨率、系统平台和行为做出相应的调整和布局的显示机制”。原型(Prototype)，也叫“原样”，是“模拟科学”中的一个术语。在心理科学中，由于很难对动作或心智活动认识清楚，所以一般沿用J•R•安德森的观点，把原型(Prototype)视为关于范畴的最典型的样例设想，即把“原型”视为外化的实践模式，或“物质化”了的心智活动方式或操作活动程序。综合上述，响应式网页设计原型可描述为：符合“响应式网页设计项目分析、各类终端具有适合自身用户体验的不同页面效果、一套代码完成所有不同终端的网页制作、各类终端与主流浏览器良好兼容”等一系列规则的，外化的响应式网页设计活动实践模式。
2建构响应式网页设计的原型
建构原型一般采用心理模拟法，它包含三个步骤：
(1)响应式网页设计活动的功能分析;
(2)响应式网页设计活动的结构分析;
(3)功能分析与结构分析的有机结合。其中，功能分析的重点是作用的对象，条件与结果;结构分析的重点在于组成要素及要素之间的关系。响应式网页设计的目标是能够高效的编写一套代码为各类终端设备提供良好的设计效果和使用体验，这需要具备HTML5、CSS3、Javascript和jquery的基本技能。响应式网页设计之父——伊桑.马科特认为，响应式网页设计应该首先针对小屏幕进行设计，然后逐步增强针对大屏幕设计。这种思路颠覆了传统固定宽度的网页设计方法，对于那些已经积攒了零散的响应式网页设计开发技巧、HTML5及CSS3等技术，能够较熟练的完成固定宽度桌面端网页的新手而言，恐怕很难理解从小屏幕开始设计然后渐进增强的思路。考虑到新手已经习惯设计制作固定宽度的桌面版网页，响应式网页设计如果从固定宽度的大屏幕网页制作开始，然后改造这套代码将仅适用于桌面的网页依次兼容平板端和手机端也是一个不错的思路。响应式网页设计活动包含了“项目分析”、“网页平面设计”、“桌面版网页制作”、“平面版的改造”、“手机版的改造”及“兼容问题的调试”这6个典型的子活动。这些典型要素的关系可以描述为，“要想高效的完成某响应式网页设计项目，首先需要项目分析，其阶段性结果是响应式网页的总体方案，即在用户群体需求分析及主题解读的基础上，进行色彩分析及定位，确定UI版面布局，分析设计网页功能模块，确定网页风格等，最终形成包含“前言”、“需求分析”、“系统分析”、“风格设计”、“各类终端UI版面初步布局”、“色彩定位”、“网页建设日程规划”等部分的网页总体方案文档;然后，根据前期方案中“色彩”、“风格”及“各类终端UI版面布局”等的分析，依据页面设计原则，利用photoshop绘制适用于各类终端显示的平面效果图;随后，利用“HTML5+Css3”技术采用<div>+css布局完成固定宽度桌面版网页的制作并生成网页文件和样式表文件;接着，在这套代码的基础上，利用媒体查询技术、流式布局、弹性图片技术，结合平板终端的页面效果图将代码改造成兼容桌面及平板的网页;之后，在上述修改的基础上，继续利用媒体查询技术和弹性图片技术，结合手机终端的页面效果图将代码改造成兼容桌面、平板、手机的网页;最后，利用火狐和IETester软件查看初步完成的响应式网页，解决跨浏览器的兼容问题，形成完整网站。该过程中任何环节如果出现不妥当都应该返回上个步骤进行重新修改。结合上述对网页设计活动的功能与结构分析，不难发现，响应式Web设计活动原型中的6个典型子活动复杂程度不同。其中“桌面版网页制作”、“平面版的改造”、“手机版的改造”及“兼容问题的调试”这4个典型子活动是比较复杂的，包含了很多熟手的关键技术，需要进一步阐述。
3熟手的关键技术
从上述适用于新手的响应式网页设计活动基本原型发现，制作一个能够兼容主流浏览器的固定宽度桌面版网页是响应式网页制作的开端。那么，首先在“桌面版网页制作”这个环节中提取一些熟手关键技术，作为给予新手的技巧提示。
3.1兼容主流浏览器的桌面版网页制作技术
为了防止不同浏览器给予相同HTML5标签的初始样式存在差异，熟手利用HTML5+CSS3制作桌面版网页制作时，一般会在样式文件(扩展名.css)中给出如下初始化代码：*{margin：0px;padding:0px;}body{margin:0px;padding:0px;text-align:center;font-family:"宋体";font-size:16px;color:#cccccc;}ul,li,a{margin:0px;padding:0px;list-style:none;}div{overflow:hidden;float:left;}#wrapper{width:1007px;height:auto;margin-left:auto;margin-right:auto;overflow:hidden;clear:both;}这部分代码块可以实现页面在IE内核和Firefox内核的所有版本浏览器中居中对齐，外层布局盒子与浏览器头部无缝紧贴;<div>及css3完成固定宽度布局时，默认所有内部布局<div>向左浮动，溢出属性为隐藏;所有构成页面的HTML5元素的默认边距和填充属性为0px;HTML5的列表标签默认项目符号为空，边距和填充为0px。此外，确定页面尺寸,目前大多数 显示器 为1024像素*768像素，那么以此为默认显示器时，页面的宽度尺寸一般设置为“1007像素”。初始化CSS代码后，接下来就是利用<div>+CSS完成布局，这里提示新手：完成布局后，务必在IETESTER和Firefox中检查网页布局是否能够兼容主流浏览器。然后，根据桌面版网页平面设计效果图完成页面的制作。此外，熟手的 经验 是制作过程中频繁检测桌面版网页是否能够完美兼容各种浏览器。
3.2利用流式布局、弹性图片、媒体查询技术修改桌面版网页
(1)相对视口尺寸，将最外层的布局<div>(例如：#wrapper{width:1007px;...})的宽度设置为96%(这个值取决于当前页面的视觉效果，也可以给其他数值);然后，将最外层的布局<div>内部的页头布局<div>、导航布局<div>、内容布局<div>、侧边栏布局<div>、页脚布局<div>对应的CSS样式中的width属性值利用公式——目标元素宽度÷上下文元素宽度=百分比宽度把网页的固定布局修改成百分比布局，也就是将固定像素宽度转换成对应的百分比宽度。
(2)将页面中所有HTML5标签元素对应的CSS样式表中的margin-right、margin-left、padding-right、padding-left的属性值也用公式——目标元素宽度÷上下文元素宽度=百分比宽度来修改。
(3)将CSS样式表中的font-size属性值的单位用em来代替px。这里依然使用公式——目标元素宽度÷上下文元素宽度=百分比宽度。这里需要提示新手的是：在<body>标签的初始化代码中，如果有font-size:16px;语句，那么在给其他元素的font-size属性上修改值时，公式中的“上下文元素宽度”就等于16px，例如，#logo{font-size:48px;}现在要修改为#logo{font-size:3em;}。
(4)为了实现弹性图片，让图片随视口缩放，图形图像、动画和视频的弹性设置使用“img,object,video,embed{width:100%;max-width:100%;}”。其中，max-width属性是用于确保缩放时不会超出图片最大尺寸。同时，熟手还会使用AdaptiveImages解决方案来实现自适应图片。
(5)媒体查询可以通过判断不同设备终端，提供不同的样式使其实现在不同终端都能获得最佳的用户体验。例如，某个响应式页面用电脑浏览页面时，页面信息会以平铺的形式分布在页面合适的位置;用手机浏览页面时，导航按钮会相继隐藏起来，部分信息变成左右滑动的方式呈现，页面会重新布局，图片相应缩小。媒介查询的语法格式是，例如：设定宽度不超过400像素的屏幕尺寸，代码是：<linkhref="css/phone.css"rel="stylesheet"type="text/css"media="onlyscreenand(max-width:400px)">。虽然，HTML5+CSS3提供了良好的媒体查询功能，但当前仍有一些浏览器不支持，你可能需要添加如下基本样式：<!--[ifltIE9&!IEMobile]><linkhref="iestyles.css"rel="stylesheet"type="text/css"><![endif]-->3.3不同种类、不同版本浏览器的兼容问题解决跨越浏览器的问题一直是响应式网页设计的难题。熟手面对这一问题时，一般采用“渐进增强与降级”、“利用javascript修复老版本IE”、“使用Modernizr辅助修正样式，按需加载资源”、“给IE6，7，8追加媒体查询功能”等方法。
4结束语
对响应式网页设计而言，当前的设计理念和技术方法还不是终点,网站前端设计师需要继续努力找出更好的解决方案。而对新手学习者而言，响应式网页设计开发技能的形成不是一蹴而就的，还需要学习者在多个项目中，利用原型进行多次定向、操作及内化才能真正掌握。
网页设计毕业论文篇三：《网页设计中的版式设计》摘 要：版式设计可以说是界面设计的基础部分，网页界面中的版式设计只是其发展应用中的一个方向。如何设计完美有魅力的网页界面，版式设计扮演十分重要的角色，优秀的版式设计可以给浏览者留下深刻的印象，提高页面的访问量。因此，本文将向诸位读者介绍在CDIO工程 教育 模式下，网页设计课程中采用项目为指导的教学实践过程中注意的事项。
关键词：网页设计;版式设计 CDIO教育模式;项目教学
近年来随着经济的高速发展，科技的日新月异，教育领域同样面临革新。引进新的教育理念和教学模式成为教育工作者的关注重心，此时，欧美成熟的工程教育理念慢慢地进入我们的视野之中，CDIO的教学模式(Conceive构思、Design设计、Implement实施、Operate运行)，符合工程人才的培养，提高学生的实践能力、组织能力、创新能力。这一模式更适应当下的教育环境需求。
网页设计这门课程属于交叉学科范畴，兼顾艺术设计、计算机技术及交互设计等多门学科。另外，这门课程作为艺术与技术的结合体，要求学生具备较强实践动手能力与综合运用能力，因而在教学过程中我们依据CDIO的工程教育理念开展教学。
本文重点谈到的是网页设计中的版式设计过程，网页中的版式设计起到信息统一、分割区域和交互导引的作用，是在有限的空间界面内将文字、图形、背景色彩或图案及交互功能集成在方圆之间，根据设计的形式法则，利用艺术美学与科学技术相结合的方式来实现效果展示。下面以教学过程中的“xx艺术系网站”项目为例，以网页设计中的版式设计为内容，展示教学过程中的各个设计阶段。
1 构思阶段
(1)确立目标。
网页设计不是盲目的行为，不是简单使用软件的行为，它是构思由确立到实现的过程，是一种展示到体会的过程。因此，在设计之初，教师需要引导学生了解当前的课题，明确网站要做什么，网站的外观布局是什么样子，网站需要营造何种氛围。我们常见的网站根据用途分类为企业网站、电子商务网站、电子政务网站、文体娱乐网站、教育科学网站等，每种类型的网站都有自己需要传播的信息，根据所需文字与图片选择适合的排版方式，进而营造恰当的氛围。在“xx艺术系网站”项目中，学生会根据实际项目类型，理解项目设计目标为，该学院所属系部信息服务类网站，界面版式方面要求简洁大方，色彩明快，塑造清新、愉悦的氛围，学生可以根据以上内容展开进一步的设计工作。
(2)信息整理。
项目开展前期根据对项目的简单分析，要求学生对客户或相关人士展开访谈，对行业同类网站的资讯开展收集与调研。这一阶段学生会接触网页设计的需求方，在本项目中可以设定为系内行政人员、教师及系内学生，根据访谈或调研可以得到网站相关设计信息，如对整体风格的需求，导航的设计需求，网站类型为静态网站或动态网站，根据需求结果，要求学生设计多样的版式效果，以供客户参考。
(3)交互设计。
我们将网页中的交互分为视觉上的交互和行为功能上的交互设计。在这里我们更侧重说明交互在视觉上的应用。网页中我们常见的交互形态有按钮、导航条、搜索栏和表单等。这些交互形态都会出现在版式的突出及显着位置，这样更引发人们的视觉关注中心，因而，在进行版式设计时，需要考虑这些交互元素的设置，友好的版式也是一种界面与人的情感交互。在我们的项目中学生应该考虑交互按钮的外观设计，排放位置等因素;导航条的设置应在醒目位置，清晰明确发挥导引作用;搜索栏帮助浏览者快捷搜索，放置在易发现的位置，搜索一般出现在网页右上角;表单设计是学生所忽略的环节，因为可以使用插件添加，导致学生认为无须设计，在此建议信息表单设计时可考虑细节设计，提高友好度与舒适度等交互设计。
2 设计阶段
版式设计是网页设计中重要的设计引导规划环节，在这个过程中学生可以根据自己的项目主题展开艺术美感的设计。一般进行页面版式设计我们从以下几个方面入手。
(1)版式结构设计。
网页设计中的版式设计与传统媒介中的版式设计略有不同，前提是他们都遵循版式设计五原则，[1]内容与形式，简洁与简约，设计与艺术，趣味与独特，局部与整体。为了设计富有形式法则和艺术美感的网页作品，版式设计方面通常会采用黄金比例和三分法排列原则。黄金比例法是初学者易于掌控的方法，将视窗可用区域分成两个部分，也可以根据设计比例需求，将数字录入到相关计算网站，得出合适的黄金比例分配方案。三分法构图排版方式，是将排版界面分成三份，根据内容的不同，选择不同的三分法排列位置。
网页设计中由于要考虑显示器视窗显示水平不同，我们的总体版式设计会采用固定格式或非固定格式两种形式。固定格式的版面是固定的界面版式，而非固定格式的版面设计是变化的，这种变化的版式很难把握的，变化的视窗将改变既定的字体形式和图形排列位置，这个课题也是我们今后要深入探讨的方向。
(2)字体、图像、色彩设计。
版式设计是界面设计的骨架，字体设计是界面设计的血肉，富媒体技术的全面发展，网站这一综合载体也得到了极大的发展，版式与字体的结合构成了网页的不同风貌。在网页中常见字体分为中英文两类和图形化的艺术字体，字号一般选用12pt。在中文网页常常出现的字体为宋体或黑体，字号为12pt/14pt的文字展示，另外也会有些超大字体以图像的形态出现，并通过视觉效果的调整，创建三维空间的视觉展示效果。图形化的艺术字体，在诸多网站中得到应用。在设计中我们题材保有传统的 文化 性，中国元素的运用，如书法、图腾、建筑等富有中国色彩的艺术形态都应得到我们的思考与关注，中西文化的比较与融合也是我们要探索的方向。图形与色彩部分在排版中应适合主题，响应设计氛围，为整体版式服务。
(3)视频展示设计。
网页界面排版中还需考虑一种新兴的展示手段，视频信息展示，页面中利用大量的视频信息排版，减少文字、图片信息的输入，信息传达方式由静态转换为动态，提供有趣而新颖的排版展示方式。
3 技术实施
(1)界面版式视觉设计。
网页设计中对静态界面的布局，我们通常会使用Photoshop和Illustrator图像处理软件开展设计，首先我们会根据 思维导图 绘制基础模板，然后根据设计需求在模板中添加设计好的文字、图形、视频、声音等设计元素。
(2)交互功能视觉设计。
在网页设计中我们会考虑将静态样稿转换为简单的静态网页，这种转换我们会使用Dreamweaver软件进行操作，由于网页展示设备的不同我们也会考虑采用一些相关的模型制作软件来处理交互设计部分。
4 运行阶段
将确定好的静态草稿通过切图生成为静态网站，测试效果及功能，当运行时根据需要和视觉效果进行调整直到理想状态。
5 小结
网页设计课程将实际项目导入课堂，根据CDIO工程教育模式教学，打造有效、有趣、实用的教学方式，使学生在学习操作中锻炼宏观思考的能力，获得团队合作的能力，养成终身学习的能力。学生对设计流程的掌握就是对知识体系的掌握和运用，达到理论与实践相结合，通过对版面的全面掌控，更好地为静态网页设计打下坚实的基础。
参考文献：
[1] 沈卓娅，王汀.字体与版式设计实训[M].中国出版集团东方出版中心，2011：74.
猜你喜欢：1. 网站设计毕业论文范文
2. 网站类毕业设计论文
3. 浅谈广告设计毕业论文范文
4. 关于网络工程毕业论文范文
5. 关于计算机毕业论文范文大全
6. 计算机毕业论文范文大全
4. 网页毕业设计参考文献
网页毕业设计参考文献
网页设计是指使用标识语言（markup language），通过一系列设计、建模、和执行的过程将电子格式的信息通过互联网传输，最终以图形用户界面（GUI）的形式被用户所浏览。以下是我整理的网页毕业设计参考文献，希望能帮助到你论文的写作。
网页毕业设计参考文献 篇1
[1]周晓露.梅山傩戏视觉图谱整合设计[D].深圳大学,2017.
[2]刘佩智.“梦境”主题系列插画在KENZO品牌设计中的运用[D].浙江理工大学,2017.
[3]赵咪妮.基于自我未来主义的VENTI珠宝广告摄影设计[D].浙江理工大学,2017.
[4]邹晓蕾.O2O模式下素剪美发品牌形象设计研究[D].浙江理工大学,2017.
[5]黄丹丹.《韧如铁线花开如莲》铁线莲手绘书设计和商业应用研究[D].浙江理工大学,2017.
[6]许超.基于中国传统手工艺类新传播设计研究[D].西南交通大学,2017.
[7]黄丹丹.动态插画在青少年科普教育推广中的应用研究[D].东华大学,2017.
[8]王莹玥.德国高等工程教育认证制度研究[D].南京理工大学,2017.
[9]陈冉.基于B/S结构的无线控制系统在数控设备上的应用研究[D].深圳大学,2017.
[10]何妍慧.面向高校在线考试系统的设计与实现[D].江西财经大学,2016.
[11]孙明志.SCC50压缩机数传单元自动化测试方法与系统实现[D].大连海事大学,2017.
[12]汪琦.用于公共安全的视频检索研究[D].南京理工大学,2017.
[13]胡莲.旧书分享APP设计研究[D].西南交通大学,2017.
[14]谢佳丽.服饰类奢侈品网络购买行为研究[D].浙江理工大学,2017.
[15]沈喜庆.基于NB/T47014标准的焊接专家系统设计[D].沈阳工业大学,2017.
[16]黄炜俊.产品设计工具的整合与创新[D].中央美术学院,2017.
[17]樊静燕.网络汉语口语教学发展的现状及对策[D].西安外国语大学,2017.
[18]姚颖.辽宁老字号品牌标志的动态化设计与推广研究[D].沈阳航空航天大学,2017.
[19]曹鑫渝.基于“格律设计”理论的锡伯族图纹再设计研究[D].沈阳航空航天大学,2017.
[20]张希儒.水墨符号在现代插画中的应用研究[D].沈阳航空航天大学,2017.
[21]陈楠.互联网时代地方水产品品牌形象的创新设计研究[D].安徽大学,2017.
[22]王莹.传统民艺的当代价值研究[D].安徽大学,2017.
[23]徐亚.社交网络中教育资源推荐的目标用户挖掘研究[D].中央民族大学,2017.
[24]陈碧荣.中学文科教材全文检索系统的设计与实现[D].中央民族大学,2017.
[25]连伯文.基于动态网页技术的广州市公安局门户网站的设计与实现[D].吉林大学,2015.
[26]王秋香.农村(村级)重大事项流程化监管系统的设计与实现[D].重庆三峡学院,2017.
[27]张笑天.分布式爬虫应用中布隆过滤器的研究[D].沈阳工业大学,2017.
[28]徐亚渤.基于深度学习的中文网络衍生实体的识别与分类[D].武汉大学,2017.
[29]岳锐.基于物联网的居家环境监测系统设计[D].中北大学,2017.
[30]余瑕.人民日报总编室微信公众号里约奥运专题策划案[D].浙江大学,2017.
[31]王佳薇.网易新闻客户端本地流量提升方案[D].浙江大学,2017.
[32]金云帆.爱奇艺游戏直播产品营销推广策划[D].浙江大学,2017.
[33]贾晨茜.基于用户需求评价模型的汽车电商视觉创新方法研究[D].燕山大学,2016.
[34]徐海伦.滴滴快车品牌传播与策略优化设计[D].浙江大学,2017.
[35]宋静.基于LNMP框架的结构化数据抽取平台的设计与实现[D].北京交通大学,2016.
[36]朱华丽.集成网页质量特征的垃圾网页检测特征模型及模型验证[D].西南交通大学,2016.
[37]张寰.自媒体平台下服装设计师品牌的推广策略研究[D].武汉纺织大学,2016.
[38]邓豪俣.百怡动态空气消毒机品牌设计[D].昆明理工大学,2016.
[39]舒浩.云南“掌上云游”交互式原型产品设计[D].昆明理工大学,2016.
[40]白帆.滇赐有机工坊品牌设计[D].昆明理工大学,2016.
[41]孙乐.蒙古族视觉图案元素在互动页面中的研究及应用[D].昆明理工大学,2016.
[42]刘双佳.花卉纹样在护肤品包装设计上的应用[D].昆明理工大学,2016.
[43]蒲星宇.中小学在线考试系统的研究与实现[D].华中师范大学,2016.
[44]房瑾堂.基于网络爬虫的在线教育平台设计与实现[D].北京交通大学,2016.
[45]刘小云.网络爬虫技术在云平台上的`研究与实现[D].电子科技大学,2016.
[46]赖文雅.基于WEB技术的高校毕业审核管理系统研究与实现[D].广西大学,2016.
[47]周尚书.基于web的院级教务管理系统的研究与实现[D].华中师范大学,2016.
[48]刘利.手机通讯中Android应用权限分析技术的研究与实现[D].东北石油大学,2016.
[49]黄文填.一个移动增强现实框架的改进[D].暨南大学,2016.
[50]项江.面向领域的DeepWeb查询接口发现与元数据信息抽取研究[D].暨南大学,2016.
[51]张嫒.基于移动智能终端阅读类App的视觉体验设计研究[D].北京工业大学,2016.
[52]牟安.藏文web网络社区划分研究与实现[D].西北民族大学,2016.
[53]杜芷筠.浅析当代服装艺术造型的时尚表现形式[D].湖北美术学院,2016.
[54]顾津.行为记忆在智能化产品CMF设计中的应用研究[D].北京服装学院,2017.
[55]张亚南.大数据下的色彩设计发展研究[D].北京服装学院,2017.
[56]宋莉.字体动态化设计研究[D].北京服装学院,2017.
[57]连晓萌.“跨界思维”在现代首饰中的应用研究[D].北京服装学院,2017.
[58]张建德.山西省政法部门政务信息管理系统[D].大连理工大学,2015.
[59]安君.北京首都航空公司航班信息管理系统的设计与实现[D].大连理工大学,2015.
[60]郑颖卓.高职院校实践教学管理系统的设计与实现[D].天津大学,2015.
[61]梁可心.A公司远程财务报账系统[D].天津大学,2015.
[62]姚慧明.中专院校毕业设计管理系统设计与实现[D].大连理工大学,2016.
[63]张伟.太原工业学院计算机系毕业设计过程管理系统[D].大连理工大学,2016.
[64]房振伟.基于Web的在线考试系统的设计与实现[D].东南大学,2016.
[65]王琳.基于Android平台的影院票务系统的设计与实现[D].哈尔滨工业大学,2015.
[66]张春妍.彩虹期刊投稿管理平台的设计与实现[D].北京工业大学,2016.
[67]金泉.基于Web的毕业设计选题系统的设计与实现[D].山东大学,2016.
[68]府炳.基于微信平台的影像管理系统[D].吉林大学,2016.
[69]徐波.数字化校园建设中学生信息管理系统的设计与实现[D].湖北工业大学,2016.
[70]张聪聪.基于响应式Web设计中用户界面的分析与探究[D].中南民族大学,2015.
[71]汪玉琼.响应式网页的界面设计研究[D].中南民族大学,2015.
[72]杨楠.基于电子出版物的两极镜头语言应用研究[D].北京印刷学院,2017.
[73]赵灵芝.珐琅彩在现代饰品中的创新应用[D].昆明理工大学,2016.
[74]吴东普.鞍山市委办公厅党员管理系统设计与实现[D].大连理工大学,2015.
[75]胡钰强.基于.NET框架的学生毕业设计管理系统的设计与实现[D].西南交通大学,2016.
[76]李宁.“友阿海外购”手机APP交互界面设计[D].昆明理工大学,2016.
[77]王凯.职业服设计的色彩识别性研究[D].东华大学,2017.
[78]刘媛媛.基于“暖”启动理念的界面设计研究[D].湖北工业大学,2016.
[79]罗艺娜.基于PHP的校园电能监测平台研究与数据预测[D].东华大学,2017.
[80]王江远.旅行社品牌跨媒体识别设计的研究[D].东华大学,2017.
[81]王愿芳.银行个人储蓄管理系统的设计与实现[D].江西财经大学,2016.
[82]罗芳.多层架构的顶岗实习服务平台的设计与实现[D].浙江工业大学,2016.
[83]任鹏.多媒体网络教学系统及评教算法研究[D].华东理工大学,2017.
[84]潘晓磊.基于Java智能卡的小区物业管理系统设计[D].哈尔滨理工大学,2017.
[85]王琛瑜.移动游戏界面视觉风格的研究与设计应用[D].东华大学,2017.
[86]冯春.供热数据采集与监测系统的应用研究与分析[D].北京建筑大学,2017.
[87]胡西.多维码证卡综合信息查询验证系统的设计与实现[D].华中科技大学,2015.
[88]张松.基于增长型个人数据平台的网络个体成长模型研究与实现[D].东北大学,2015.
[89]韩英慧.毕业论文管理系统的设计与实现[D].东北大学,2015.
[90]提建宇.基于北斗的物流监测仪的设计与实现[D].吉林大学,2017.
[91]王利苹.校企合作下中职计算机应用专业课程体系的研究[D].河北师范大学,2017.
[92]叶蒙.基于线状阵列的三维活动图像显示研究[D].南京大学,2017.
[93]吴帼帼.移动应用跨平台开发框架研究及在社保权益中的应用[D].山东大学,2017.
[94]史慧璇.手机银行系统客户端的设计与实现[D].山东大学,2017.
[95]冯阳.学分制下艺术设计教学模式研究[D].南京艺术学院,2016.
[96]刘花弟.新时期中国平面设计教育课程与教学发展研究[D].南京艺术学院,2016.
[97]钟予.建筑教育中的数学教育和教学[D].中央美术学院,2017.
[98]沈佳伦.论丝网印刷互联网定制平台的扁平化设计[D].中国美术学院,2015.
[99]曹梦.浅谈企业视觉形象识别系统的创新设计[D].河南大学,2015.
[100]俞新凯.某高校毕业设计与顶岗实习管理系统的设计与实现[D].中山大学,2015.
[101]景超.地震速报信息管理系统的设计与实现[D].电子科技大学,2015.
[102]梁碧勇.基于Web的毕业论文管理系统的设计与实现[D].电子科技大学,2015.
[103]张瑾.中小型企业生产管理系统一库存管理子系统[D].电子科技大学,2015.
[104]刘静.基于SSH架构的广电发射传输中心信息管理系统设计与实现[D].电子科技大学,2015.
[105]李逸敏.基于现代信息社会的手绘插画在包装设计中的运用研究[D].合肥工业大学,2015.
网页毕业设计参考文献四:
[106]李磊.主体觉醒[D].中央美术学院,2016.
[107]王莹.商业插画特性及相关产业应用研究[D].青岛科技大学,2016.
[108]田志鹏.基于CC3200的远程监视系统设计[D].北方工业大学,2016.
[109]施人铜.基于jQuery的Web前端组件开发研究与应用[D].东南大学,2015.
[110]秦伟.毕业设计管理系统界面的宜人性设计研究[D].长春工业大学,2016.
[111]沈荣娟.基于Web的B/S模式多现场总线教学实验平台设计与实现[D].东南大学,2015.
[112]廖晨.微博信息可信度的评判模型和可视化工具研究[D].清华大学,2015.
[113]罗启强.基于PHP+MySQL的高校教务管理系统的设计与实现[D].吉林大学,2016.
[114]李青.营口市农业工程学校教学管理系统开发设计[D].吉林大学,2016.
[115]李定远.就业信息系统的设计与实现[D].吉林大学,2016.
[116]钱瀚雄.基于B/S模式小区物业管理系统的设计与实现[D].吉林大学,2016.
[117]李亮.小区电费综合管理系统的设计与实现[D].吉林大学,2016.
[118]薛可.基于ASP.NET技术的图书馆管理系统的设计与实现[D].吉林大学,2016.
[119]王祉默.基于iOS的儿童成长系统的设计与实现[D].北京林业大学,2016.
[120]石磊.垂直资讯网站设计-长三角房车网[D].南京大学,2016.
[121]余姬娜.微博新闻类型与用户参与性调研报告[D].南京大学,2016.
[122]赵雪.工单管控系统设计与实现[D].辽宁科技大学,2016.
[123]罗丹.信息不对称理论对弱势品牌的价值传达的启示[D].南京理工大学,2015.
[124]高品洁.解析平面设计在电子商务平台中的用户体验及发展趋势[D].南京师范大学,2015.
[125]王俊俊.中国门神木版年画网站交互性设计研究[D].上海大学,2015.
[126]周莉莎.本科生毕业设计选题系统设计与实现[D].燕山大学,2015.
[127]江泽中.基于JSP技术的在线考试系统设计与实现[D].华中师范大学,2015.
[128]叶欢.求职类平台-海投网手机客户端设计[D].浙江大学,2015.
[129]王永山.软件学院综合教务系统设计与实现[D].大连理工大学,2015.
[130]金鑫.网站监测管理系统设计与实现[D].大连理工大学,2015.
[131]梁汉臣.某高校学生毕业设计信息管理系统的设计与实现[D].电子科技大学,2015.
[132]金川涵.金华职业技术学院毕业环节信息管理系统的设计与实现[D].电子科技大学,2015.
[133]段汇斌.电力工程项目管理与绩效考核系统的设计与实现[D].电子科技大学,2015.
[134]任婧.基于云模式的论文抽检与评优平台的研究与实现[D].河北工业大学,2015.
[135]张子丰.基于PHP的商务网站设计与实现[D].电子科技大学,2015.
[136]滕吉鹏.基于WEB的高校实习生协同管理平台的构建与实现[D].浙江工业大学,2015.
[137]朱俞霖.网络智能中心科研管理系统的设计与实现[D].山东大学,2015.
[138]吴立刚.基于B/S模式毕业设计管理系统的设计与实现[D].吉林大学,2015.
[139]尹纪庆.教务综合信息管理系统的开发和应用[D].青岛理工大学,2015.
[140]李晓霞.计算机软件类专业学生毕业设计评价体系研究[D].沈阳工业大学,2015.
[141]沈晓阳.“视觉传达设计专业”在现实中的应用探究[D].云南艺术学院,2015.
[142]王爽.具有语义搜索推荐功能的交互式专业主页系统设计与实现[D].北京邮电大学,2015.
[143]许昭霞.基于Web的信息发布与信息交流平台的设计与实现[D].吉林大学,2015.
[144]易扬扬.基于JQueryMobile的教师工作量管理系统的设计与实现[D].吉林大学,2015.
[145]李彬.专家门诊预约系统的设计与实现[D].吉林大学,2015.
网页毕业设计参考文献 篇2
[1]孙净宇,李澈等. 高校校园APP发展现状初探[J]. 数字与出版,2014(06):84-85.
[2]李旭红. 长江大学“掌上校园”APP系统研发与运营研究[J]. 科技创业月刊,2014(09):35-37.
[3]张言林,李博等. 基于数字化校园的手机APP客户端设计初探----东北林业大学“移动校园”手机APP客户端设计[J]. 设计,2014(02):81-82.
[4]张晓. 基于Android平台的校园信息系统APP的设计实现[J]. 计算机光盘软件与应用,2013(24):253-256.
[5]刘红英. 基于安卓的校园服务系统设计与实现[J]. 电脑知识与技术,2014(10):5673-5677.
[6]鲁学亮,陈金焘等. 移动校园转型实践--基于Web App的移动应用客户端设计与实现[J]. 中国教育信息化,2012(21):19-20.
[7]关海洋. Android无线智能点餐系统设计与实现[D]. 重庆:重庆大学,2013.
[8]王晓颖. 高校一卡通管理系统设计与实现[D]. 四川:成都, 电子科技大学,2013.
[9]董涛. 基于Android的移动校园客户端设计与实现[D]. 陕西:西安, 西安电子科技大学, 2014.
网页毕业设计参考文献 篇3
[1]胡崧. HTML 从入门到精通[M].北京:中国青年出版社,2007.
[2]知新文化. HTML 完全手册与速查辞典[M].北京:科学出版社,2007.
[3]杨选辉.网页设计与制作教程[M].北京:清华大学出版社,2009.
[4]王诚君,刘振华,郭竑晖,高中山.Dreamweaver 8 网页设计应用教程[M].北京:清华大学出版社,2007.
[5]李光明,曹蕾,余辉.中文Dreamweaver 8 网页设计与实训教程[M].北京:冶金工业出版社,2006.
[6]周德华,许铭霖.新编网页设计教程[M].北京:冶金工业出版社,2006.
[7]赵铭建,赵慧,乔孟丽,康梅娟.网页设计与制作[M].东营:中国石油大学出版社,2007.
[8]赵祖荫,王云翔,胡耀芳.网页设计与制作教程[M].北京:清华大学出版社,2008.
[9]陈季. Flash 基础与实例教程[M].北京:北京希望电子出版社,2005.
[10]丁海祥.计算机平面设计实训[M]. 北京:高等教育出版社,2005.
[11]曹雁青,杨聪. Photoshop 经典作品赏析[M].北京:北京海洋智慧图书有限公司,2002.
[12]张怒涛. Photoshop 平面设计图像处理技法[M].北京:清华大学出版社,2003.
[13] 陈笑. Dreamweaver 8,Photoshop CS 2,Flash 8 网页制作实用教程[M].北京:清华大学出版社,2006.
[14]孙强,李晓娜,黄艳.JavaScript 从入门到精通[M].北京:清华大学出版社,2008.
[15]刘智勇. JavaScript 开发技术大全[M].北京:清华大学出版社,2009.
[16]陈会安. JavaScript 基础与实例教程[M].北京:中国电力出版社,2007.
[17]常永英. ASP.NET 程序设计教程(C#版)[M].北京:机械工业出版社,2009.
[18]肖金秀,冯沃辉,陈少涌. ASP.NET 程序设计教程[M].北京:冶金工业出版社,2003.
[19]金旭亮.ASP.NET 程序设计教程[M].北京:高等教育出版社,2009.
[20]刘培文,韩小祥. ASP.NET 程序设计教程[M].北京:中国人民大学出版社,2009.
网页毕业设计参考文献 篇4
[1]李志生,梅胜,等.以就业为导向的毕业设计创新能力培养实践与探讨[J].广东工业大学学报(社会科学版),2006(增刊).
[2]孙政荣.大学生毕业设计与就业之间的矛盾分析[J].宁波大学学报(理工版),2005(4).
[3]姚裕群.大学生就业指导问题调查与研究[J].中国大学生就业,2005(7).
[4]晋燕“目标体验自主探究”课堂教学模式的研究与实践课题方案,《教育前沿与探索》2009.2
[5]马连湘郭桂萍广告学实践教学环节与方案的设计,《吉林广播电视大学学报》2009.1
[6]专业指在专业人才培养目标描述中,毕业生就业岗位涉及广告行业的专业.
网页毕业设计参考文献 篇5
[1]张红,易崇英．广告学专业毕业设计(论文)质量评价体系的构建[J]．新余高专学报,2009(10)．
[2]陈月明．美国高校广告教育[J]．宁波大学学报(教育科学版),2006(2)．
[3]杨先顺．建构我国广告创新型教育模式的思路[n当代传播,2008(5)．
[4]张信和,苏毅超．广告专业“业务专案组”型毕业设计的教学实践与探讨[J]．成人教育,2004(12)．
[5]陈培爱．中外广告史[M]北京:中国物价出版社,2001．
;5. 想写一个关于网页设计与应用的毕业论文怎么写
摘要
随着互联网的普及，上网成为了人们获取信息的重要来源。网页作为网站信息的载体，它的设计是否成功影响着整个网站的价值。布局和色彩作为网页设计的两个重要因素，对网页的合理性和风格有很大的影响。
现有的网页设计理论系统性不足，理论研究缺乏实践依据，因此本文通过文献研究法、信息内容分析法、实验研究法、社会调查法、实践研究法等多种研究方法，将眼动仪实验和色彩因素提取实验作为研究重点，用实验验证理论，并得出非精确性概念生成的依据，结合实际的网页设计工作，综合研究和探讨网页设计中关于布局和色彩的一些技术和方法，从而为网页开发设计人员创作出精美、合理、独具风格的网页提供方法论上的支持。
关键词：网页设计，布局，色彩
回答来源于网页设计论文
6. Web设计的设计原则有哪些
好的设计能够帮助企业提升数据，同时还可以提供用户一个良好的使用体验。GoodUI 总结了一个长达69条设计原则的清单（不断增加中），列举了他们认为非常重要的设计要点。
与以往的一些文章不一样的是这里提到的69点其中有一部分 GoodUI 已经通过 AB Test 验证过可行性。当然分析报告是需要付费的，单篇39美金。
不过今天讨论的重点并不是付费报告，而是这69条设计原则。我按照自己的理解将它们翻译成了中文并配上图片，希望对大家有所帮助。
本篇文章内容及图片均来自于GoodUI，如有翻译不恰当的地方欢迎大家指正。
01 尝试使用一列的布局替代多列布局
02 给用户一些小的利益，别看上去那么赤裸裸
03 合并相似的功能
04 尝试展示来自用户的赞扬，而不是自我表扬
05 重复核心行动点
06 统一视觉规范，提升可识别性
07 尝试使用推荐的口吻，而不是让用户感觉面对一台冷冰冰的机器
08 给用户吃“后悔药”的机会
09 告诉用户产品适用的人群，而不是人人都通用
10 将文案写得更加的直接，而不是一堆废话
11 增强主行动点的视觉冲击力，提升它在页面中的可对比性
12 让用户知道你从哪儿来更易于拉近与用户的关系
13 将表单做的简单点，确保用户在抓狂之前能进入下一步
14 尽量将用户需要选择的信息展示出来而不是藏起来
15 页面的排版需要考虑用户是否会漏掉底部信息
16 如果页面的底部有需要关注的行动点，别让文中过多的外链带走了用户
17 确保用户知道自己目前的状态
18 将利益点融合在行动点中，增强用户的点击欲望
19 将行动点与当前信息结合起来
20 将简要的表单合并到页面中，减少调整页面带来的用户流失
21 适当的增加延迟动效，让用户感知到页面的变化
22 让新用户从尝试产品入手，而不是一来就面对冷冰冰的注册表单
23 减少使用线框，这会过多的吸引用户注意力，而且会让页面看上去透不过气
24 给用户推销你能给他带来的利益，而不是功能
25 一定要注意0结果页面的设计，这也是引导用户的好地方
26 给用户选择退出的权利，特别是邮件订阅
27 注意界面元素的一致性，降低用户学习成本
28 给下拉框增加一些预设值，降低用户填写成本
29 延续用户日常的使用习惯，而不是重新创造
30 尝试告诉用做些事情降低自己的损失，而不是提升收益
31 提升页面的视觉层次，增强可阅读性
32 将同类的操作合并在一起，降低用户的认知成本
33 表单及时校验，而不是统一提交后在告诉用户填错了
34 尝试将表单输入变得更加宽容，让用户的填写更加简单
35 通过时间增强紧迫感
36 提供用户可预见性的操作，降低用户的心理成本
37 尽可能的帮助用户选择，而不是让用户想破脑袋
38 尽可能将操作区域放大，降低用户操作成本
39 页面加载速度很重要，尽可能让用户感受到你的网站速度很快
40 如果可以，增加键盘快捷键，提升操作效率
41 尝试通过对比来让用户感知到性价比
42 尝试对进度条进行“设计”来降低用户等待的焦虑
43 根据用户选择逐步展示信息，降低无效信息对用户的干扰
44 有时候较小的承诺比“夸海口”会更容易让用户信服
45 尝试将提示信息弱化，减少对用户操作的干扰
46 尽量通过系统的功能来简化用户的操作
47 用文本配合图标来降低用户的认知成本
48 用更自然的语言代替冷冰冰的机器
49 放出一些摘要信息来帮助用户识别是否需要进一步了解
50 在关键的页面增加用户权益信息，增强用户进一步操作的信心
51 将价格进行换算，让用户感觉这很便宜
52 记得在成功页面感谢用户
53 将数字转化成易于用户阅读的形式，而不是冷冰冰的机器语言
54 告诉用户选择的权利和自由“诱惑力”
55 尝试让语言更具“诱惑力”
56 通过设计引导用户的注意力
57 通过友好的对比来展示产品，为用户做决定提供帮助
58 通过任务机制来提升用户的满足感
59 让用户了解接下来将要发生什么事情
60 尝试用更幽默一些的语言文案
61 任何操作之后都要给出反馈，让用户知道操作已经生效
62 注意动效的真实使用情况（Amazon 的类目菜单就是一个很好的例子）
63 注意排版的，不要让信息过于拥挤
64 尝试用讲故事的方式来传递信息，增强用户的代入感
65 尽量给用户展示真实的信息，不要欺骗
66 随着用户的不断熟悉简化界面
67 试着用用户的口吻展示信息
68 在表单中增加一些提示信息，减少错误的几率
69 最后，用简单的文案传递核心关注的信息，少一些废话
这69条设计原则虽然针对 Web 设计，但有些部分在移动产品设计中同样有效。
转载自：http://gooi.org/
7. 什么是web，具有什么特点
什么是web，具有什么特点
WEB应用程式一般为B/S模式，B/S模式有以下特点： 开发、维护和升级更经济。 提供了一致的使用者接口。 开放性强。 结构扩充套件性好，易于扩充套件。 资讯系统整合性更强。
什么是hap体系，hap具有什么特点
HACCP是食品安全管理体系~HACCP主要是预防为主的体系~全过程的控制~而不是事后检验~建议你去下载一份ISO22000-2005看看~
什么是Web2.0? 有什么特点?
什么是Web2.0
Web2.0是以Flickr、43Things.等网站为代表，以Blog、TAG、SNS、RSS、wiki等社会软体的应用为核心，依据六度分隔、xml、ajax等新理论和技术实现的网际网路新一代模式。”
Blog——部落格/网志：Blog的全名应该是Web log，后来缩写为Blog。Blog是一个易于使用的网站，您可以在其中迅速释出想法、与他人交流以及从事其他活动。所有这一切都是免费的。
RSS——站点摘要：RSS是站点用来和其他站点之间共享内容的一种简易方式（也叫聚合内容）的技术。最初源自浏览器“新闻频道”的技术，现在通常被用于新闻和其他按顺序排列的网站，例如Blog。
WIKI——网络全书：Wiki--一种多人协作的写作工具。Wiki站点可以有多人（甚至任何访问者）维护，每个人都可以发表自己的意见，或者对共同的主题进行扩充套件或者探讨。
Wiki指一种超文本系统。这种超文本系统支援面向社群的协作式写作，同时也包括一组支援这种写作的辅助工具。
网摘：“网摘”又名“网页书签”，起源于一家叫做Del.icio.us的美国网站自2003年开始提供的一项叫做“社会化书签”（Social Bookmarks）的网路服务，网友们称之为“美味书签”（Delicious在英文中的意思就是“美味的；有趣的”）。
SNS——社会网路：Social Neork Sofwaret，社会性网路软体，依据六度理论，以认识朋友的朋友为基础，扩充套件自己的人脉。
P2P——对等联网：P2P是peer-to-peer的缩写，peer在英语里有“（地位、能力等）同等者”、“同事”和“伙伴”等意义。这样一来，P2P也就可以理解为“伙伴对伙伴”、“点对点”的意思，或称为对等联网。目前人们认为其在加强网路上人的交流、档案交换、分布计算等方面大有前途。
IM——即时通讯：即时通讯（Instant Messenger，简称IM）软体可以说是目前我国上网使用者使用率最高的软体。聊天一直是网民们上网的主要活动之一，网上聊天的主要工具已经从初期的聊天室、论坛变为以MSN、QQ为代表的即时通讯软体。
RSS为Really Simple Syndication（简易供稿）的缩写，是某一站点用来和其它站点之间共享内容的一种简易方式，也叫聚合内容。网路使用者可以在客户端借助于支援RSS的新闻聚合工具软体（例如SharpReader NewzCrawler、FeedDemon RSSReader），在不开启网站内容页面的情况下阅读支援RSS输出的网站内容。可见，网站提供RSS输出，有利于让使用者发现网站内容的更新。在高速高质高效成为主流呼声的网际网路时代，RSS无疑推动了网上资讯的传播，提出了另一种看世界的方式。
RSS，原意是把网站内容如标题、连结、部分内文甚至全文转换为可延伸标示语言(XML：eXtensible Markup Language)的格式，以向其它网站供稿，使用者可以用一般的浏览器观看，也可以用特殊的“阅读器”软体来阅读。
-----------------------------------------------------------------------------------------------
历史很重要。对一个技术的学习也应当从历史出发，通过其在时间形成历史的流变，得以知晓现状，甚至能够预知未来。
那Web1.0是什么呢？
他们说，记得静态HTML的时代么？
（那个时代的应用、人们的Web体验、对社会的影响如何？）
那么动态HTML和静态HTML下的Web相比，是多少版本？1.5？对了，他们是真这么叫的。
（在效果和影响上，与1.0相比，扩充套件和加深多少？）
要呈现的资料储存在资料库中，通过Web服务端的程式，应使用者的请求，取出资料，加上事先设计的模板，动态的生成Html程式码，传送到使用者的浏览器那里。
他是1.0系列，应为使用者在浏览器中所见和Web1.0一样，它有0.5的升级，因为资料不是事先制作并发布，而是动态生成，和使用者的需要互动生成。
那好，再加0.5，到Web2.0，变化是在哪里呢？
（看到了正在崛起的和改变的，会继续朝着什么方向改变网际网路和社会呢？）
更新：关于各个版本的差别，看看亚马逊的例子。
事情没有那么幸运，Web2.0并不是一个具体的事物，而是一个阶段，是促成这个阶段的各种技术和相关的产品服务的一个称呼。所以，我们无法说，Web2.0是什么，但是可以说，那些是Web2.0。
WikiPedia的Web2.0条目下列出了这些条件：
*CSS和语义相关的XHTML标记
*AJAX技术
*SyndicationofdatainRSS/ATOM
*AggregationofRSS/ATOMdata
*简洁而有意义的URLs
*支援释出为weblog
*RESTian(preferred)或者XMLWebserviceAPIs
*一些社会性网路元素
必须具备的要素有：
*网站应该能够让使用者把资料在网站系统内外倒腾。
*使用者在网站系统内拥有自己的资料
*完全基于Web，所有的功能都能透过浏览器完成。
（以上内容引用自英文版维基网络）
虽然这只是一家之言，不过，对于其中谈到的几个要素，大家还是公认的。
-基于RSS/ATOM/RDF/FOAF等XML资料的同步、聚合和迁移。
资料不再和页面和网站混粘在一起，它独立了，它跟着使用者走。这是Web2.0的很重要特征。这也是为什么Blog是Web2.0的代表的原因。在网志上，常主角的是相互独立的一则则的网志。
独立，然后有物理表现。现在，就能让他们活跃起来。透过对XML资料的处理，这些内容能被自由的组合，被各种应用程式，不论是Web程式还是桌面程式等呈现和处理。
当然，最重要的是背后的人。
-社会性因素。
内容跟着人走，内容又能够被使用者自由的组合，也就是说，使用者能够自由的借助内容媒介，建立起一个个的社群，发生各种社会性的（网路）行为。
此外还有标签以及建立在开放标签系统之上的Folksonomy。
-第三个公认的因素是开放API，
这个技术性稍强些，得另花时间研习，可以先看看例子：amazon、flickr、googlemap等。
从Web应用的产品/服务生产者角度来说，该如何建立Web2.0的产品呢？
重要的是要抓住这么几点，一个是微内容（这里有定义），一个是使用者个体。除了这两个最基本的之外，还可以考虑社群内的分享以及提供API。
（bruce收藏的一些API内容：:bruce./blog/showlog.asp?cat_id=34&log_id=709 ）
微内容：英文是microcontent。使用者所生产的任何资料都算是微内容，比如一则网志，评论，图片，收藏的书签，喜好的音乐列表、想要做的事情，想要去的地方、新的朋友等等。这些微内容，充斥着我们的生活、工作和学习，它的数量、重要性，还有我们对它的依赖，并不亚于那些道貌岸然、西装革履的正统文章、论文、书籍。
对微内容的重新发现和利用，是网际网路所开创的平等、民主、自由风气的自然衍生，也是网际网路相关技术消减资讯管理成本之后的一个成果。
我们每天都生产众多的微内容，也消费着同样多的微内容。对于Web2.0来说，如何帮助使用者管理、维护、储存、分享、转移微内容，就成了关键。
使用者个体。对于Web1.0的典型产品/服务来说，使用者没有具体的面貌、个性，它只是一个模糊的群体的代名词而已。但是对于Web2.0的产品和服务来说，使用者是个实实在在的人。Web2.0所服务的，是具体的人，而不是一个如同幽灵般的概念。并且，这个人的具体性，会因为服务本身而不断地充实起来。
如何为这个具体的个体服务，是Web2.0设计的起点。
因此，一类可以被称作Web2.0的产品/服务将是这样：
服务于使用者个体的微内容的收集、建立、释出、管理、分享、合作、维护等的平台。
其他的呢？恐怕就设计到好些人提到的，微内容的XML表现；微内容的聚合；微内容的迁移；社会性关系的维护；接口的易用性等等。
以及是否就是开源、参与、个人价值、草根、合作等等？
Web2.0是许多方面起头并进又相互牵连的一个新的阶段的到来。因此，不同的人，有着不同的看法。那么，对于Web开发人员来说，Web2.0意味着什么呢？
他们说Web2.0阶段，Web是一个平台，或者说，Web正在变得可程式设计，可以执行的Web应用。野心家们设想这个它的终极目标是WebOS。
Web1.0时候，Web只是一个针对人的阅读的释出平台，Web由一个个的超文字连结而成。现在的趋势发生了变化，Web不仅仅是Html文件的天下，它成了互动的场所。
Web2.0Conference网站的横幅引用JeffBezos的话说“Web1.0i *** akingtheinterforpeople，web2.0i *** akingtheinterbetterforputers”。
具体来讲，他们说Web成为一个开发环境，借助Web服务提供的程式设计接口，网站成了软体构件。
这些，就是WebService的目标吧，资讯孤岛通过这些WebService的对话，能够被自由构建成适合不同应用的建筑来。
一些例子：del.icio.us、flickr、a9、amazon、yahoo、google、msn等提供的程式设计接口衍生出的各种应用。
为什么要开放APIs，这涉及到集市中的商业方面的技术策略。当然，还有更深层的原因，那是什么呢？
这种互动不仅体现在不同的网站服务之间，同时还体现在使用者和Web之间在浏览器上的互动。这也是为什么在美味书签的收藏中Web2.0和AJAX如此相关的一个原因。
在Web页面上使用桌面程式有的那些便利，真的是很享受的事情。这恐怕也是Web可程式设计的一个方面，Web页面不再是标记和内容混合那样的简单，它就是一个可以程式设计的地方（是这样理解吧？）
有人反对说，AJAX的使用对搜寻引擎不友好，只有Web1.0的站长才关心这个事情吧，在Web2.0时候，站长应该关心的是使用者参与的便利、使用者的自由度，至于搜寻，有RSS/ATOM/RDF等，更本用不着操心，Google不是已经顺应这个趋势，让大家主动提交了么？
可程式设计的第三个方面，是否在于Web应用和桌面应用之间的无缝连线趋势的出现？类似这里说的“从工具上，是由网际网路浏览器向各类浏览器、rss阅读器等内容发展”
程式设计的一个重要目的是对资料的操作，因此，对于网站来说，除了WebService接口之外，最近为简便方式就是将内容以RSS/RDF/ATOM格式，或者有意义的XHTML格式输出，同时实现内容和表现的分离。
[Web2.0是个历史学的概念，而非是个技术性的概念，它是对Web发展历史断代的成果。对这个概念的梳理，能帮助我更好的把握网际网路正在发生的技术与文化。]
---------------------------------------------------------------
中文网志圈谈论的Web2.0内容摘要：
-“Web2.0是用来研究现象、发现规律的东西，不是用来招商引资、搭台唱戏的东西。当越来越多的网际网路应用采取与使用者互动的方式，越来越多的内容是由使用者产生，越来越多的使用者参与到网际网路创造的过程中的时候，其实它代表了一种新的思潮。在这种思潮之下，一些新的技术开始出现，一些古老技术重新焕发了生机。随便你怎么表述这样一种现象，但现象本身是实实在在存在的，不管是叫它Web2.0，还是社会化网际网路。”[Keso：老冒给Web2.0浇了一桶冷水]
-“我觉得最有价值的一个是，web应用的资料格式开始逐渐出现了交换“标准”...这些标准...更加容易被机器自动化处理...能帮助人更好地过滤和定制化资讯。其次，更多的服务将以webservice的形式来提供，...这使得web服务可以被互相整合，从而诞生更多新的服务...人的重要性被提高了。过去web更多注重在资讯提供，而现在的越来越多的应用更加关注人，也就是所谓“社会性”。此外web的可用性改进正在被越来越重视...”[老冒：朝web2.0泼点冷水]
-“我认为Webx.x是人们为了区别不同时代Web的发展而使用的，而这些概念也是经过归纳出来的结果。抓住对方向，如Wikipedia中所提到的朝向互动及社会网路的方向发展，不论应用何种技术，只要能达到目的都是很好的。甚至作为一般的使用者，都可以不去理会Webx.x的讨论，因为我们都已经在使用这些技术或网站了。”[图书馆观点：Web2.0]
-“RSS逐渐成为线上内容提供服务的标准发行平台。Blog以及user-generated内容的兴起。MyYahoo提供的RSS整合型服务。同时提出了值得密切关注的一些发展中领域，其中包括搜寻技术，个性化，User-Generated内容（包括blog，评论，影象和声音），音乐，短视讯和Aessibility(易访问性）”[Owen：MaryMeeker新作-关于DigitalWorld的发展报告的摘取]
-“我们谈论的Web2.0带给我们的是一种可读写的网路，这种可读写的网路表现于使用者是一种双通道的交流模式，也就是说网页与使用者之间的互动关系由传统的“Push”模式演变成双向交流的“Two-WayCommunication”的模式。而对于Web服务的开发者来说，Web2.0带来的理念是服务的亲和力，可操作性，使用者体验以及可用性。”[Owen：BaCKpACK-体验可读写的Web服务]
-“web2.0是一种可以被分发的资讯概述，web文件被格式化成了web资料。我们不会再看到不同旧地资讯，现在我们所注意到是一种聚合、再混合内容的工具。”[songzhen：也说Web2.0的翻译]
-“从这些应用中可以看到：如果基于传统的HTML，同样的功能实现将变得非常复杂和不稳定，资料的再生产和交换成本是很高的。所以：RSS这个标准最终要的贡献就是使得网际网路的大部分网站变得可程式设计：类似的例子还有Blog中的：TrackBackPing等机制，这些机制都是依赖XML/RPC实现的。当初为Lucene设计一个RSS/XML的接口也是为了这个初衷，它使得全文检索服务可以轻松的嵌入到各种应用中，通过关键词将各种内容之间实现更丰富的关联(WellReferenced)。”[车东：RSS，简单协议使得网际网路可程式设计]
-“聚合的可能性以及如何更好地聚合（通常来说，更好的聚合应该基于个人知识管理和人际关系管理）很显然应该成为新一代或者说web2.0架构的核心之一。还有，你会重新发现，恰好是分散带动了聚合，聚合促进了分散，通过聚合的思维，网际网路的网路状变得越来越丰富和密集，web2.0就变得越来越有趣味，它将web1.0时代的硕大节点即入口网站不断消解，去努力创造一个更加和谐的自然网路图谱。”[Horse：rss，聚合的无数可能]
-“新的web2.0网站都依赖于使用者参与、使用者主导、使用者建设”。[Horse：Web2.0这个词]
-Keso：Web1.0与Web2.0的区别
-“表面上看，Bloglines取代了门户，成为一个新的中心，但这里有一个重大的区别。门户是只读的，它带有某种锁定的性质。你可以离开门户，但你无法带走门户的内容。Bloglines则完全不同，你觉得它好用，就会继续使用，有一天你不再喜欢Bloglines，你完全可以汇出你的OPML，到另一个RSS订阅网站，或者干脆用客户端软体浏览同样的内容。所以，像Bloglines这样的网站，是可写的，你可以汇入，也可以汇出。就像你对资讯拥有选择权，对服务提供商也同样拥有选择权，没有人可以锁定你，主动权在你自己手上。”[Keso：再说资讯选择权]
-“Flickr、del.icio.us、Bloglines等Web2.0服务，通过开放API获得了很多有趣、有用的想法，并借助外部的力量，让使用者获得了更好的体验。更多大公司也加入到开放API的潮流中，Google、Yahoo!、Amazon、Skype。Google桌面搜寻今年3月才开放API，很快就产生了大量的创造，大大扩充了可搜寻的档案格式。”[Keso：开放API]
-“归纳：web1.0天天谈门户，web2.0谈个人化；web1.0谈内容，web2.0谈应用；web1.0商业模式，web2.0谈服务；web1.0谈密闭、大而全，web2.0大家谈开放、谈联合；web1.0网站中心化，web2.0谈个人中心化；web1.0一对一，web2.0谈社会性网路；web1.0不知道你是狗，web2.0你去年夏天干了什么我一清二楚甚至想要干什么呢。。。”[van_wuchanghua：发现了N.HOOLYWOOD，我还知道你今年夏天要干什么]
-“我认为Web2.0有下面几个方面的特性:个性化的传播方式.读与写并存的表达方式.社会化的联合方式.标准化的创作方式.便捷化的体验方式.高密度的媒体方式．”[飞戈：Web2.0与未来的网路]
-“用RAILS写的网站带有典型的读写网路的特征：RAILS建立的三个架构中的ACTIVERECORD这个模组中，如果你读读它最重要的基类ActiveRecord::Base，你会发现有CREAT,EDIT,SAVE,DESTROY这些方法已经天然包含在内了，这让实现一个数据库的CRUDS行为变得如此简单。由于这些类的方法直接和网页的名称对映到一起，这使得网页本身就像一个可以编缉的资料库的资料项。”[Blogdriver：RUBYONRAILS，wEB2.0世界新生的创造力]
-“Greasemonkey一定名列前茅。这个通过UserScript就能修改任何网页输出效果的外挂极大的提高了使用者阅读的自主性，一推出就引起了轰动，同时也引来了不少争议。”[Webleon：platypus，完全可写的网际网路]
-“Web1.0到Web2.0的转变，具体的说，从模式上是单纯的“读”向“写”、“共同建设”发展；从基本构成单元上，是由“网页”向“发表/记录的资讯”发展；从工具上，是由网际网路浏览器向各类浏览器、rss阅读器等内容发展；执行机制上，由“ClientServer”向“WebServices”转变；作者由程式设计师等专业人士向全部普通使用者发展；应用上由初级的“滑稽”的应用向全面大量应用发展。”[Don：Web2.0概念阐释]
Web2.0阶段的一个重要特征是开放，和Web初期的开放有很大不同，有以下几种突出的表现：
内容方面。
-内容的创作共用授权。它的广谱和可选择性，让它具有了足够的生命力。CC先是在网志圈中广泛采用，后来许多商业公司也纷纷采用CC方式（比如BBC）；先是文字世界采用，后来逐渐推广到了多媒体世界，比如音讯、视讯、Flas *** 等等。一场自由的文化（freeculture）运动在各个方面悄然铺开。
-内容来源方面的开放。和早期的Web阶段相比，由于使用相关装置的成本降低，利用相关技术的门槛减低，人们可以自由生产并发布各种内容，比如文字资讯，比如语音记录，比如视讯录制等。资讯的生产和传播不再仅仅是商业资本或者技术精英的特权。在Web的新阶段，原来在商业、技术与大众之间的资讯生产和传播的落差被削平。消除资讯垄断和去中心化已经成为可能。不仅如此，资讯的生产和消费的模式也发生了变化，从原来的生产/消费的对立，变成了参与式的资讯集市。
Web主体方面。
-商业网站也渐渐采取了开放的、参与的模式。除了内容上的CC授权出现之外。原来并不外露的内容，也随着blog、podcasting等的兴盛而对外开放。一些网站还在技术层面开放，比如开放原始码，比如开放APIs（程式设计接口），让自己成为一个平台，让使用者可以参与衍生产品的创造，使用者本身也是产品的生产者。不仅是内容、技术层面，在鼓励使用者的参与上，也有相应的开放出现，比如一些新闻网站的RSS源的输出、引用通告（trackback）功能的采纳、blogthis便利的提供，无一不是让使用者参与到内容生产、传播的各个环节。
-个人资讯层面的开放。有开放，才有交流，才有社会行为和形态产生。个人内容的开放是与一类Web2.0服务的兴起有关。它涵盖了内容（文字、声音、影像、视讯）、关系、行为等等。
什么是顺序表,它具有什么特点
一、顺序表是在计算机记忆体中以阵列的形式储存的线性表，是指用一组地址连续的储存单元依次储存资料元素的线性结构。线性表采用顺序储存的方式储存就称之为顺序表。顺序表是将表中的结点依次存放在计算机记忆体中一组地址连续的储存单元中。
二、顺序表特点：将表中元素一个接一个的存入一组连续的储存单元中，这种储存结构是顺序结构。
采用顺序储存结构的线性表简称为“ 顺序表”。顺序表的储存特点是：只要确定了起始位置，表中任一元素的地址都通过下列公式得到：LOC（ai）=LOC（a1）+（i-1）*L 1≤i≤n 其中，L是元素占用储存单元的长度。
什么是基因突变？它具有什么特点
一个基因内部遗传结构的改变。又称为点突变，通常可引起一定的表型变化。野生型基因通过突变成为突变型基因。突变型一词既指突变基因，也指具有这一突变基因的个体。
任何型别的突变，都具有随机性、稀有性和可逆性等共同的特性。
特点：
①随机性。指基因突变的发生在时间上、在发生这一突变的个体上、在发生突变的基因上，都是随机的。在高等植物中所发现的无数突变都说明基因突变的随机性。在细菌中则情况远为复杂。
②稀有性。突变是极为稀有的，野生型基因以极低的突变率发生突变。
④少利多害性。一般基因突变会产生不利的影响，被淘汰或是死亡，但有极少数会使物种增强适应性。
什么是第二代IPD?具有什么特点?
第二代IPD即eIPD.
eIPD：是IPD（Integrated Proct Development 整合产品开发）理论的升级是第二代IPD；eIPD继承IPD理论的思想、方法，使用现代IT手段与工具将Integrated Proct Development 整合产品开发理论拓展成为eIPD。
eIPD理论来源
美国PRTM公司提出 “PACE——Proct And Cycle-time Excellence”后，提出ePACE概念。PACE对应于IPD，其管理重点在于“关注点在于改善产品的上市时间”；ePACE对应于eIPD，不仅关注点在于改善产品的上市时间而且“关注在于研发生产力的改善”。
eIPD与IPD理论的差异
eIPD继承了IPD所有理论基础，eIPD解决了纸面化的IPD咨询文件不能落地到日常业务运作问题。让企业IPD流程100%得到执行，IPD流程100%控制监控、保证IPD流程100%不会变形与退化。
螳螂具有什么特点
螳螂（mantis）亦称刀螂，无脊椎动物。属于昆虫纲、有翅亚纲、螳螂科，是一种中至大型昆虫，头三角形且活动自如，复眼大而明亮；触角细长；颈可自由转动。前足腿节和胫节有利刺，胫节镰刀状，常向腿节摺叠，形成可以捕捉猎物的前足；前翅皮质，为覆翅，缺前缘域，后翅膜质，臀域发达，扇状，休息时叠于背上；腹部肥大。除极地外，广布世界各地，尤以热带地区种类最为丰富。
8. 如何设计网站——对Web设计的一点总结
在最近的工作中，遇到了导航的问题，无意中发现了找出了收藏已久的《别让我思考》，花了一周时间读了两遍，才清楚的理解导航对于一个产品的重要作用。也更加印证了产品圈中将用户当做小白的理论，其实并不是在产品设计中将一切都为用户标注出来，而是让用户能够通过自己的方式更加轻松的使用产品，这样的产品对于用户来说必定是不言而喻的，也就是主题“别让我思考”。下面是这次读书的笔记，虽然这本书给我很大的启发，但是一切需要归于实践，在实践中验证这个理论。
一、指导原则
第一章：别让我思考---可用性第一定律
web设计的终极法则：别让我思考，即看到一个界面应该是不言而喻，一目了然，自我解释。
强迫我们思考的地方：（1）酷炫的名字或技术名词。（2）看起来不太明显的按钮和链接
当思考时，需要权衡，权衡应该更倾向于“显而易见”，而不行hi需要额外的思考
每个需要思考的地方会加重用户的认知负担，把用户的注意力从要完成的任务上拉开
访问网站时不需要思考的事都有什么？
我在什么位置？
该从哪里开始？
他们把xx放在什么地方？
这个项目上最重要的是什么？
为什么他们给它取这个名字？
如果做不到让一个页面不言而喻，那么至少应该让它自我解释
当浏览网站遇到问题时，用户会认为是自己的错误，而不会责怪网站
如果要让网页有效，它们必须在用户第一眼看到时将自己展示出来，而要做到这一点，最好的方法是创建不言而喻的网页，或者至少是自我解释。
第二章：我们实际上是如何使用Web的---扫描，满意即可，勉强应付
事实1--我们不是阅读，而是扫描，寻找能吸引用户注意力的文字或词语（除新闻故事，报告，产品描述界面）
为什么扫描？
（1）我们总是处于忙碌之中---使用web是想节约时间
（2）我们知道自己不必阅读所有内容---寻找感兴趣或手头的任务相关的内容
（3）我们善于扫描---生活习惯，找感兴趣的内容
用户在网页上看到什么却决于想看到什么，通常为页面的一小部分内容
吸引注意力的文字和短语是什么？
（1）与手头任务有关的
（2）我们当前或接下来的个人兴趣
事实2---我们不作最佳选择，而是满意即可
用户大多数时间不会选择最佳选项，而是选择第一个合理的选项---满意策略
为什么不寻找最佳选择？
（1）我们总是处于忙碌之中---最佳策略时间久，满意策略效率高
（2）如果猜错了，也不会产生什么严重的后果
（3）对选择进行权衡并不会改善我们的机会
（4）猜测更有意思---猜测不会像权衡那么累，猜对了，可能看到意外的内容
事实3---我们不是追根究底，而是勉强应付
勉强应付不仅限于初学者，技术专家也会在理解事物的工作原理上有着惊人的误会
原因是什么？
（1）这对我们来说并不重要---明白事物工作机制并不重要
（2）如果发现某个事物能用，我们会一直使用它---如果遇到更好的方法，会用好的方法，但是很少主动寻找更好的方法
如果用户明白网站，而不是勉强应付的作用
（1）用户更容易找到自己需要的东西，对用户和网站都好
（2）用户更容易理解你的网站有哪些服务---不仅仅是用户偶然看到的
（3）引导用户看到你希望他们看到的内容（网站上）
（4）在你的网站上，用户会感到掌控全局，并逐渐成为老用户
第三章：广告牌设计101法则---为扫描设计，不为阅读设计
吸引用户的5个重要方面（为下方2-6部分内容）
在每个页面上建立清楚的视觉层次
尽量利用习惯用法
把页面划分成明确定义的区域
明显标识可以点击的地方
最大限度降低干扰
建立清楚的视觉层次
视觉层次清楚的页面的特点
（1）越重要的部分越突出
（2）逻辑上相关的部分在视觉上也相关
（3）逻辑上包含的部分在视觉上进行嵌套
一个页面没有清楚的视觉层次，用户会降低扫描页面的速度，会寻找关键的文字和短语，然后拼凑出感觉重要的内容和内容的组织方式，这样会增加工作量
习惯用法是你的好帮手
web的习惯用法
（1）它们非常有用---适当使用习惯用法，让用户访问更容易，减少额外学习工作原理ide成本
（2）设计师通常不愿意利用它们
如果不打算使用习惯用法，需要的做法：
a.必须确定你在使用一种同样清楚、同样不言而喻，没有学习曲线的方法
b.带来很大的价值
把页面划分成明确定义的区域
明显标识可以点击的地方
降低视觉噪声
噪声的分类
（1）眼花缭乱---所有的信息都想吸引用户的目光，没有突出点
（2）背景噪声---页面没有一个地方会造成过分干扰，但是这些很小的噪声太多会惹人厌烦
第四章：动物、植物、无机物---为什么用户喜欢无需思考的选择
真正的问题不是到达目标之前要点击的次数，而是每次点击有多难，需要多少思考，多大的不确定性来判断自己是否在进行正确的选择
关键：如果用户需要一直在网络上进行选择，那么让这些选择变得无需思考是让一个网站容易使用的原因
第五章：省略不必要的文字---不要在Web上写作的艺术
有力的文字都很简练。句子里不应该有多余的文字，段落中不应该有多余的句子
去掉没人看的文字的优点有哪些？
可以降低页面的噪声
让有用的内容更加突出
让页面简洁，让用户在每个页面上以言就能看见更多的内容，而不必滚动屏幕
需要去掉的文字是欢迎词和指示说明
二、必须正确处理的几个方面
第六章：街头指示牌和面包屑---设计导航
如果在网站上找不到方向、人们不会使用你的网站
网络导航101法则
你通常是为了寻找某个目标
你会决定先询问还是先浏览
如果选择刘兰兰，你将通过标志的引导再层次结构中穿行
最后，如果找不到想要的东西，你会离开
web与生活从空间角度来看的不同点
感觉不到大小
感觉不到方向
感觉不到位置
用户使用Web导航是因为需要得知自己当前的位置
导航的用途---显而易见的用途
帮助我们找到想要的任何东西
告诉我们现在身处何处
导航给了用户一些固定的感觉，让用户感到脚踏实地
导航的其他用途---被忽视的用途
导航告诉我们当前的位置---告诉网站有些什么，导航表现了内容，导航站点比告诉我们位置更重要
导航告诉我们如何使用网站---从哪里开始，如何进行选择
导航给了用户对网站建造者信心
Web导航的习惯用法
网站ID
栏目
实用工具
指示器（指明用户当前位置）
下一级栏目
页面名称
页面导航（当前这一层的内容）
小字体版的底端导航
持久导航（或全局导航）：来描述出现在网站每个页面的一组导航元素
持久导航应在在整个网站保持一致，使用户只需要了解一次就够了，减少学习成本
持久导航的五个元素
站点ID
回首页的方式（Home）
搜索的方式
栏目
实用工具
主页和表单不需要使用持久导航
主页：承担一些不同的任务，遵守一些不同的承诺，所以不需要使用持久导航
表单：在填写表单的页面，持久导航会产生干扰
如何设计Web导航各元素（表格下方为示例-亚马逊）
导航元素名称
细节点
站点ID
1.在Web上需要在每个页面都能看到网站的名称---页面ID，通常在左上或靠近左上
2.网站ID代表整个网站，也就是说在当前站点结构中层次最高
3.站点ID如何出现在页面可视层次的首要位置
（1）让网站站点成为本页最显眼的内容
（2）让网站ID涵盖页面所有其他元素
4.站点ID需看起来像一个站点ID---例如logo
栏目
1.栏目（或称主导航条）是到达站点主要栏目的链接，结构的最顶层
2.大部分情况，持久导航也包括二级导航（当前栏目的下一级栏目清单）的显示位置
实用工具
实用工具是到达网站中不属于内容层次的重要元素的链接
返回主页Home
1.返回主页（Home）的按钮需要始终可见，给用户一种随时可以从新开始的感觉
2.Home的用法
（1）在栏目或使用工具清单中包含一个回到主页的链接
（2）在主页之外的站点ID上小心地加上Home的字样，让用户知道点击它
搜索
1.避免混淆的方法
（1）花哨的用字
（2）指示说明
（3）选项---将选项写下来
2.需要对低层次导航给予足够的重视（三级导航）
页面名称
1.页面名称的注意事项
（1）每个页面都需要一个名称
（2）页面名称要出现在合适的位置
（3）名称引人注目
（4）名称要和点击的链接一致
指示器
1.如何标记当前位置
（1）在旁边放置一个指示器
（2）改变文字的颜色
（3）使用粗体
（4）按钮反白
（5）改变按钮的颜色
2.告诉用户你所在的站点层级结构的前后关系（在网页中的位置）
层级菜单
1.告诉用户从主页到当前位置的路径（如何到达）
2.层级导航的最佳实践方式
（1）将它们放在最顶端
（2）使用“>”对层级进行分隔
（3）使用小字体（表明是一种补充机制）
（4）使用了文字“你在这里”
（5）将最后一个元素加粗
（6）不需要把它们用作页面名称
标签
1.为什么标签做导航是一个上佳的选择
（1）它们不言而喻
（2）它们很难错过（视觉上与众不同）
（3）它们灵活
（4）它们暗示了一个物理的空间
2.注意事项
（1）正确绘制---激活的标签页在其他标签页之前
（2）颜色编码---提高关注度
示例
如何评判一个网站设计的好
这是什么网站？（站点ID）
我在哪个网页上？（网页名称）
这个网站的主要栏目有哪些？（栏目清单）
在这个层上我有哪些选择？（本页导航）
我在导航系统的什么位置？（“你在这里”的指示器）
我怎么搜索？（搜索栏）
第七章：首先要承认，主页不由你控制---设计主页
主页主要完成的任务
站点的标识和使命---告诉用户这是什么网站，做什么的
站点层次---提供服务的概貌，包括内容，功能，服务是如何组织
搜索
导读---需要有内容推介，功能推介
友情链接---预留空间放置广告，交叉推广，品牌合作
快捷方式---最常访问的内容片段值得在网页上放置链接
注册
主页需要满足的抽象目标
让用户看到自己在寻找东西---让用于想要的任何东西显而易见
......还有我没有寻找的---让用户看到一些精彩的内容，就算这些内容用户没有寻找
告诉用户从哪开始
建立可信度和信任感
主页的常见约束有哪些
每个人都想占一席之地---推介内容过多
想要参与的人太多
一个尺寸要适合所有的人---普遍适用于大众
主页需要传达整体形象，让用户一眼就能清楚你的网站是说什么的
如何向用户传达网页的整体形象
口号---靠近站点ID的地方，整个网站的描述
欢迎广告---网站的简要描述，在主页的首要位置，不需要滚动屏幕就能看到
传达信息的原则
需要多大空间就使用多大空间
但也不要使用过多的空间---保持简短
不要把实名陈述当做欢迎广告
最后的是进行测试
口号的注意事项
好的口号
不好的口号
清楚、言之有物
含混不清
长度适中，易让用户领会表达思想
太笼统
表达出网站特点和显而易见的好处
把口号（传达某种价值主张）和宗旨（表达某种指导原则，某个目标或某个理想）混淆起来
有个性、生动、有时候很俏皮
由于主页独特的职责，通常不必使用持久导航，它们之间的差异
栏目描述---主页需要尽可能多的表现网页内容，其他页面不需要
不同的方向---主页和其他页面布局不同，主页通常用
用于表示的空间更多---主页上站点ID比较大，口号留有空间也较大
让栏目的名称保持不变，同样的顺序、同样的文字和同样的分组，尽可能多地保持视觉提示，同样的字体，颜色和大小写
下拉框存在的问题
用户必须将它们找出来---必须找到下拉框，才能看到下拉列表
它们难以扫描
不好控制---下拉列表收缩速度难以控制
下拉框对于组织按照字母顺序排列的项目比较有效
下拉框的优点是节约空间
任何共享的资源（共有区域）都会因为过度使用而遭到破坏---在主页上增加更多的项目所得到的的和付出的并不一致，虽然给推荐栏目巨大的访问量，但是让主页变得混乱，所遭受的损失将由所有栏目承担
三、确定你没有做错的几件事
第八章：农场主和牧羊人应该是朋友---为什么Web设计团队讨论可用性是在浪费时间，如何避免这种情况
由于各自的职位不同，Web团队成员对于好的网站设计的看法不同
通过测试将讨论对错转移到什么有效、什么无效上，测试会让我们看到用户的动机、理解和反应的不同，从而不再让我们坚持用户和我们的想法相同
第九章：一天10美分的可用性测试---让测试简单，这样你能进行充分的测试
焦点小组并不是可用行测试，焦点小组是在项目早期阶段，用来收集用户的意见和感觉
可用性测试主要是希望得到用户是否知道该网站是做什么的，并且能用它完成一项典型任务
测试的作用是什么
如果想建立一个优秀的网站，一定要测试
测试一个用户比不做测试好一倍
在项目中，在点测试一位用户好过最后测试50位用户
人们对招募用户代表的重要性评估过高
测试的关键不是要证明什么或者反驳什么，而是了解你的判断力
测试是一个迭代的过程
没有什么比现场用户的反应更重要
寻找能够反应目标群体的测试用户，但别裹足不前
寻找的测试用户可以和目标群体有差别的理由是什么
差别的原因
例外
实际上，我们都是初学者
如果你的网站几乎只由某一类用户使用，且招募并不难，那就去招募
设计出的网站只有你的目标群体能使用，这通常并不是一个好主意
如果你的目标群体分为几个明显阵营，且各阵营有着完全不同的需求，那你至少要从每个阵营选择用户进行一次测试
专家通常不会介意对初学者来说很清楚的界面
如果使用你的网站需要专业的领域知识，那么你需要在该领域中招募有专业知识的用户
进行招募，需要注意的问题是什么
提供合理的激励
邀请要简单
避免对网站（或网站背后的组织结构）进行预先讨论
别不好意思请朋友帮忙
测试中遇到的问题
用户不清楚概念
用户找不到自己想要的字眼---网站用来组织内容的分类不符合用户习惯；分类符合习惯但是没有使用他们期望的名字
内容太多---减少页面上的干扰；将需要看到的内容涉及的更加醒目
一些关于问题分类指南
问题
行为（用户/主持）说明
正确解决方式
忽略Kayak（皮划艇）问题
1.出现问题的人马上发现自己偏离了原来的主题
2.用户尽量回到原来的方向而不需要帮助
3.这种情况并没有扰乱用户的活动
可以忽略
抵制添加的冲动
增加一些内容，注释，指导说明
去除某个让人混淆的内容
不要太看重用户对新功能的要求
抓住能够的着的果子
1.恍然大悟型
2.便宜型
尽量实现变更
进行变更
只要你进行改变，就要仔细思考它将会影响哪些内容，当你把某些部分调整的更为突出时，想想是不是把其他内容的重要性降低了
四、大的方面和外界影响
第十章：可用性是基本礼貌---为什么你的网站应该让人尊敬
降低好感度的方式
隐藏我想要的信息
因为没有按照你们的方式行事而惩罚我
向我询问不必要的信息
敷衍我，欺骗我
给我设置障碍
你的网站看上去不专业
提高好感度的方式
知道用户在你的网站上想做什么，并让网站明白简易
告诉用户，他们想知道的
尽量减少步骤
花点心思
（1）保证网站准确有用
（2）产生解决我的问题所需要的信息
（3）网站用清楚的方式表达
（4）组织良好，用户可以轻松找到解决方案
知道用户有哪些疑问，并给予解答
为用户提供协助
容易从错误中恢复
如果不确定，记得道歉
总结
这本书主要讲了Web设计的一些核心的原则，以及用户在使用Web时的心理，并且基于用户的信息，来设计Web的导航和主页。并且结合实践，在项目中需要不断的进行可行性测试迭代，从而使Web可行。这样的网站才是一个成功的网站，在符合用户的习惯的基础上，让用户能够自行的解决问题，从而达到网站和用户的目的。
资源类：
大家都知道，学习本身是一个特别耗费时间和财力的事情，但是为了自身发展，却不得不学习，而且现在对于职业教育的课程特别贵，并且专业书籍也是非常贵的。虽然说是投资自己，但是对于生活来说还是较大的开销，因此算是众筹了，毕竟一个课程可能动则几千块，但是我并不贪心，所以分享的课程的价格很低，不会超过5块钱吧，毕竟大家都是为了生活，只希望弥补一点生活压力吧，各位加油吧
链接：在线教育视频课（产品设计）
https://pan..com/s/1CqvJixlcarLewUcFYCcJWwpan..com
提取码：afvs
俞军产品方法论：
链接：
https://pan..com/s/1ws7N0ZrcuiY_GRZ8710zVQ
提取码：lizk
梁宁产品思维30讲：
链接：
https://pan..com/s/1KtdGjzV_cAWN8xlrMX7ENg
提取码：tr7i
增长黑客：
链接：
https://pan..com/s/1T5lIjrpCu7oc5hYF1hpmag
提取码：dpm3