没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
Web 技术知识点
SOA:Service-Oriented Architecture,面向服务的体系结构,是一个组件模型,它将应用程序的不同功能单元
(称为服务),通过这些服务之间定义良好的接口和契约联系起来。
SPA:single-page application,一种基于 web 的应用或者网站,
Internet 又称为因特网,是一个全球性的计算机互联网络。它既是一个多媒体的通信媒介,又是一个无限的信息
资源。它由成千上万个不同规模的网络通过自愿原则采用 TCP/IP 协议互相连接起来的一个巨型计算机网络。
Intranet 是指企业内部网,它采用 Internet 的协议标准,应用 Internet 的现有技术建设的企业内部网络。
网站 (Web Site) 也叫站点,是指在 Internet 上,由一组相互关联的文档和各种网页元素组成的集合。WWW 的
含义是环球信息网(World Wide Web),也简称为 Web 网或“万维网”。
封页(Cover Page) 在主页前面的网页,内容非常简洁,一般是简易抽象的绘图或 !ash 动画,阐述网站当下宣传
的主题和意念,网站封页一般显示几秒的很短时间就自动跳转到主页或点击封页也可以直接进入主页。现在很多
网站开始流行“封页”设计,但网站不一定一直有封页,封页一个网站顶多有一个。封页相当于书的封皮,主页相当
于书的目录,其他网页相当于内容书页。
Web2.0 是相对 Web1.0 的新的一类互联网应用的统称。Web1.0 的主要特点在于用户通过浏览器获取信息。
Web2.0 则更注重用户的交互作用,用户既是网站内容的浏览者,也是网站内容的制造者。 web2.0 网站与
web1.0 没有绝对的界限。web2.0 技术可以成为 web1.0 网站的工具,一些在 web2.0 概念之前诞生的网站本
身也具有 web2.0 特性。web2.0 的核心不是技术而在于指导思想。Web2.0 与其说是一种新技术不如说是一种
新的理念
Web 客户和站点设计关系:Web 设计必须吸引人,以客户为本,引导他快速找到他所需要的内容。Web 客户不
希望网页充斥无关内容和混乱图像。内容很重要,布局和传递也很重要。用可以赢得客户的布局特性来创建网页。
Web 页面布局:是对页面的整体规划,即对页面划分成不同的区域,用于放置不同的页面元素。网页布局:在建
立网站前应首先考虑网站的外观和结构。
1、web
媒体新特征 (web 媒体与传统媒体有何区别)
1)web 是丰富多彩的多媒体。 2)web 媒体的一大特点是交
互性。客户可与页面互动与被动地接受广播信息有本质的区别。
3)Web 是非线性媒体:用户可以随时跳转到其他网页或网站,传统媒体是线性的
4)个性化 :可提供一对一的客户需求信息。
5)一对一关系:大众媒体的概念和应用对于 Internet 无效,传统媒体为广播式传播。
6)Web 主动性: 主动获得信息。
7)Web 平等身份:聊天、博客(部落阁)、BBS、在线游戏和电子商务等
8)web 媒体还有一个很大的特点就是即时性。
9)Web 采用 B/S 架构: Web 站点发布与传统软件 C/S 不同,省时省力、便于维护与发布。
10)无需培训:易于浏览信息、不需要任何客户培训,无须安装与卸载客户端软件。
11)Web 信息易修改、传播速度快和传播成本低。
12)Web 充分使用原有信息:Web 信息可以存于数据库中,传统媒体难于使用众多类信息和已有信
息。
13)Web 提供电子商务:B2C、C2C 电子商务网站。
14)信息搜索能力:有强大的信息搜索能力 如 google
HTML 网页文件是一个纯 ASCII 文档,任何一个编辑器都可以编辑该类型文件
2、web
技术 :人类所经历的发展最快的技术,B/S 技术,HTML,DHTML,CSS,XML,AJAX,JS,Java Spplets
3、web
技术相应的工具 :FrontPage、Dreamweaver、HotDog Professional、Netscape
Communicator、IBM RSA、Eclipse、Web Page Maker 和 BEA WebLogic Workshop
4、最好的网站设计方法是手工编码加上所见即所得的工具.站点在设计时既应该专注客户的共性,也应该兼顾个
性
5、Web
设计最基本原则 :内容是第一位的,即用户是第一位的,多媒体外观设计与设计技术始终是第二位的。
6、设计基础指导原则 :最小公分母原则:使用客户群最低的环境设计网站,让更多的用户顺畅浏览网站。
Web 页面更注重的是信息的展示,而传统软件界面更注重的是系统功能的实现
网站上可以选择的元素:文字、图片、多媒体
7、翻转的金字塔页面布局是内容布局,空白所在位置是外观布局。
8、页面布局技术 :层叠样式表页面布局(能完全精确的定位文本和图片,浏览器是否支持 CSS 技术)、表格页
面布局(边界为 0)、框架页面布局、透明 GIF 页面布局(用透明图像占位)、!ash 页面布局。
发光物体三基色:红、绿、蓝 (RGB)。
不发光物体的印刷四色:青(C)、洋红(M)、黄(Y)和黑(K)
色彩都具有三个要素:色调(颜色的种类,单位度),饱和度(颜色的深浅程度或浓淡程度,百分比),亮度(明度,颜
色的明暗程度,百分比)
颜色的数值格式:RGB 值“0,255,0”(绿),十六进制“#00FF00”
9、浏览器安全颜色:每个浏览器最多显示 256 种颜色,40 个颜色用于 OS,剩下的 216 种颜色用于页面,所有
其他的颜色都将做抖动处理,浏览器所能显示的这 216 种颜色为 web 安全颜色。
10、抖动:是浏览器将颜色近似为它所支持的最相近的浏览器安全颜色的过程。设计网页应该使用者 216 种浏览
器安全颜色,否则会引起颜色抖动,从而可能造成显示的网页颜色与设计的颜色不一致,网页闪烁,浏览速度慢
等问题。
色环:将色彩按“红黄绿青蓝紫红”依次过渡渐变,就可以得到一个色环。色系:暖色系、中性系、冷色
系
11、配色方案:单色方案(确定色调,调整饱和度和亮度得到几个颜色)、相似色方案(色环相邻的几个颜色)、
互补色方案(色环沿直径对应的颜色)、三色方案(色环中选择等边三角形三个顶点的颜色)
12、三色原则:除了黑色和白色以外,主要颜色选择应该不超过三种颜色,太多的颜色会导致杂乱,令人厌烦。
13、网页中的文本有两种:HTML 文本和图形文件格式的文字图像。
14、默认中文字体:五号宋体。行距至少大于字距。默认基本字号”size=3”.一般 14 磅用于标题;12 磅用于副
标题;9 磅用于正文。最常用的英文字体是 Times New Roman(Macintosh 为 Times),Arial(Macintosh 为
Helvetica)。英文字体分两类: Serif(衬线):有那种边边角角的字体。比如说 Times New Roman 常用于印刷
业,可以用来清楚地分辨出每一个字母,因此读者浏览那些字数比较多的段落就变得很轻松。Sans-Serif,Arial
特征就是简洁大方。几乎所有的广告、标志,幻灯片,系统、程序和网页使用这种字体。
15、选择字体:TrueType 字体:无级缩放。OpenType--把 PostScript 字体嵌入到 TrueType 的软件中 。
16、导航并非必须,但是导航是获得网站信息最快捷、最清晰、最易理解的一种方式。导航能使“游客”知道应该
到哪里去畅游,导航是路线图、是路标。导航设计的成功是网站设计成功的关键
17、导航:信息分类汇总目录的超链接集合。作用:⑴对网站信息进行分类⑵告知浏览所处的位置⑶提供信息分
类间切换⑷推荐重要的浏览信息。在设计导航时,要以“用户至上”为原则,特别是以首次登入网站用户体验为原则。
分类:主动导航,被引导的导航,浏览器导航、站点地图、搜索引擎、其他导航。
搜索引擎是仅次于门户的互联网第二大核心技术
18、主要导航 :可以从站点的各类层次栏目的网页上进行访问,是对整个网站信息的分类划分,主要导航栏一般
应以相同样式在相同位置出现于所有页面中。
次要导航:仅可以在指定的某类层次栏目的网页内进行访问,它是对某一个栏目的信息分类划分,次要导航
栏应以相同样式在相同位置出现于所有该类的页面中。
导航体系:由网站导航(主要导航、次要导航)、被引导的导航、浏览器导航、站点地图、搜索引擎以及其他
引导导航等共同组成,引导浏览客户从互联网的 Web 网站中快速、准确地获取信息。
网站信息体系:站点不遵守线性模型,它有分支,根据每一个分支支持的内容形成不同的深度,这个信息结
构称为网站信息体系。
19、站点地图 :网站体系结构的图形表示,可以显示信息体系中最重要的层次和站点的不同部分是如何互相联系
的,以及如何和站点结构联系,站点地图也称为网站地图。
20、站点结构 :站点在服务器上保存的方式,即网站在服务器上保存文件的目录结构,一个网站实际上对应 Web
服务器上的一个磁盘普通文件夹,但 Web 服务器配置了该文件夹为网站的根目录,网站文件夹和网页文件名一定
要“望名知义”,站点结构中的目录和文件名是大小写敏感的。网站在服务器上保存文件的目录结构就是站点结构。
具有层次性,逻辑性,开发管理和维护
21、三次点击规则 :在获取信息主要入口点(不一定是从主页开始算起)通过导航应该点击不超过 3 次就可以找到
所需要的信息。如果过多点击才能获得信息,就会使浏览客户容易迷失方向和不知所措。
22、导航规则 :⑴ 3 次点击规则⑵站点并不需要选择独特的导航方式 ⑶站点结构清晰和逻辑性⑷导航系统是手段
不是目的⑸借鉴成功导航⑹导航系统应该包含多种导航⑺导航外观会对用户产生影响⑻导航名称要规范和大众化
⑼导航名称命名既要有吸引力,又要简明扼要和准确⑽最新通知和新闻需要有提示⑾当前导航条提示⑿网站徽标
和名称要放到主页的左上方
23、导航行动计划:1.确定目标和需求:了解实际用户的目标和需求,确定网站内容;2.学习有效的导航:向成
功站点学习,确定布局 3. 深入主页;4.提供快速链接:简单、快捷、清晰。5.预见所有的用户具有不同的背景:
查找和浏览。
24、<img>,影像地图标记<map></map>,热点标记<area/>为单标记。保证网页的下载时间小于 15s。
25、数字图像:像素:计算机显示器是由行列组成栅格,每一个栅格可以显示一个图像元素,这些图像元素叫做
像素。像素是计算机显示器显示的最小单元 ,每一个像素在某一时刻只能显示一种颜色 。
颜色分辨率:显示器的分辨率决定了屏幕显示图像的精度。屏幕分辨率由显示器高度和宽度表示屏幕区域的像素
数目决定 。
图像分辨率以每英寸的像素数(PPI, Pixels Per Inch)来衡量。
颜色深度(像素深度):使用颜色位数描述颜色的深度,用来度量图像中有多少颜色信息可用于显示或打印像素。颜
色深度决定了每一个像素可以显示多少颜色
网站图像常用规则:①网站徽标应适宜大小放在主页左上方②网站标题应放在主页徽标的右边③图像(图片)颜色要
与网站色系协调一致④在网页中勿滥用图像⑤保证网页的下载时间小于 15S
26、位图图像(栅格图像):使用颜色网格(像素)来表现图像。每个像素都有自己特定的位置和颜色值。
JPEG、GIF、BMP 格式都是位图。放大查看会呈现锯齿状。增大图像尺寸文件大小会增加。
27、矢量图像:由被称为矢量的数学对象定义的线条和曲线组成。其与分辨率无关。调整大小或更改颜色不会降
低图形的品质。
28、网页的图像标准文件格式仅包括 GIF 、 JPEG
和
PNG ,其他的文件格式必须使用插件才能浏览。图形类型、
文件大小、图形文件的显示尺寸以及图像的下载方式来确定最佳格式
29、GIF(基于 LZW 算法,压缩格式的优点:渐显)无损压缩,不能显示实景图片;JPEG 有损压缩,扩展名为
JPG 或 JPEG,适用于丰富多彩的实景图片,可以把文件压缩到最小的格式
△
△
△
位图 矢量图 压缩 有损 用网络上
w3c
GIF √ √ × √
JPEG √ √ √ √
PNG √ × √ √
BMP √ × ×
TIFF × √ √ ×
PSD √ √
SWF √
WebP √ √ √ √
SVG √ √
30、SVG 嵌入 HTML 页面:<embed src=”rect.svg”>,<object data=”rect.svg”>,<iframe
src=”rect.svg”>标签都可以。
31、多媒体技术不是各种信息媒体的简单组合,它是一种把文本、图形、图像、动画和声音等形式的信息结合在
一起,并通过计算机进行综合处理和控制,能支持完成一系列交互式操作的信息技术。多媒体有两个特性:交互
性和非线性
32、网站使用多媒体应遵守的一般设计原则 :①根据网站主题选择多媒体②重视网络带宽,慎用视频
③ 网页应避免使用背景音频④避免网页使用零乱的动画⑤网页中避免使用滚动文本⑥网站中避免使用特别插件
剩余14页未读,继续阅读
资源评论
hello_VX
- 粉丝: 0
- 资源: 1
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功