山东大学web技术考试重点整理
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
1.3 web媒体新特征：
1)web多媒体：web是丰富多彩的多媒体
2)web交互性:客户可与页面互动与被动地接受广播信息有本质的区别
3)web是非线性媒体：用户可以随时跳转到其他网页或者网站，传统媒体是线性的
4)个性化:可提供一对一的客户需求信息
5)一对一关系:大众媒体的概念和应用对于Internet无效，传统媒体为广播式传播
6)Web主动性：主动获得信息
7)Web平等身份：聊天、博客、BBS、在线游戏和电子商务
8)Web即时性：一旦信息发布，瞬间就可借助
9)Web采用B/S架构:web站点发布与传统软件C/S不同，省时省力，便于维护与发布
10)Web站点更易于浏览信息，不需要任务培训
11)Web媒体还有信息变化快、易修改、传播速度快和传播成本低等特点
12)Web提供电子商务：B2C、C3C电子商务网站
13)信息搜索能力:有强大的信息搜索能力如google
1.4 web技术和工具
B/S技术:浏览器/服务器模式，所有页面信息和数据都放置在了服务器端，客户机上只需要有浏览器
Web常用技术:HTML、DHTML、CSS、XML、AJAX、JavaScript和Java Applets
网页设计工具:FrontPage、Dreamweaver、HotDog Professional、Netscape Communicator、Eclipse, web page maker,和BEA WebLogicworkshop等
最好的网站设计方法：手工编码加上所见即所得的工具。
1.5web设计基本原则
用户是第一位的，即用户浏览的内容是第一位的，网站的设计技术始终是第二位的1.6 最小公分母设计
以最低的客户环境为基础设计网页，让更多的客户能顺畅地浏览网站
1.8 页面布局通过什么技术实现
1)层叠样式表
2)表格页面布局
3)框架页面布局
4)透明GIF页面布局
5)Flash页面布局
1.9 颜色
发光物体三基色:红、绿、蓝（RGB）
不发光物体的印刷四色：青、洋红、黄、黑（CMYK）
色彩三要素:色调、饱和度、亮度
颜色格式：RGB值和十六进制数值
抖动：浏览器将颜色近似为它所支持的最近安全颜色的过程
1.10 字体
最常用的英文字体：Times New Roman和Arial,最常用的中文字体：宋体
2.2 主要导航和次要导航
导航：信息分类汇总目录的超链接集合
主要导航:应该可以从站点的各类层次栏目的网页上进行访问，是对整个网站信息的分类划分
次要导航：仅可以在指定的某类层次栏目的网页内进行访问，它是对某一个栏目的信息分类划分
2.3 导航体系
导航体系：由网站导航、被引导的导航、浏览器导航、站点地图、搜索引擎以及其他引导导航等共同组成，引导浏览客户从互联网的Web网站中快速、准确地获取信息
网站信息体系：站点不遵守线性模型，它有分支，根据每一个分支支持的内容形成不同的深度，这个信息结构成为网站信息体系
2.4 站点结构
站点结构是指站点在服务器上保存的方式
一个网站实际上对于web服务器上的一个磁盘普通文件夹
网站在服务器上保存文件的目录结构就是站点结构：层次性，逻辑性，开发管理和维护2.5导航原则：
1)网站3次点击规则：在获取信息的主要入口点通过导航应该点击不超过3次就可以找
到所需要的信息
2)站点并不需要选择独特的导航方式
3)站点结构清晰和逻辑性强
3.2 网站图像常用规则
1)网站徽标应适宜大小放在主页左上方
2)网站标题应放在主页徽标的右边
3)图像颜色要与网站色系协调一致
4)图像的文件尺寸应该要足够小
5)图像尽量避免使用高分辨率的真彩照片
6)在网页中勿滥用图像
7)Internet和Intranet的图形区别
8)切割大幅图像
位图图像：
1)使用颜色网格来表现图像，
2)每个像素都有自己特定的位置和颜色值
3)JPEG和GIF格式都是位图
4)如果增加图像的尺寸，文件的大小就会增加
5)当放大查看时会呈现锯齿状
6)位图图像很适合于照片、投射阴影的效果以及软化、镶边或者模糊边缘
3.5 常用图像文件格式
网页的图像标准文件格式仅包括GIF、JPEG和PNG，其他的文件格式必须使用插件才能浏览
多媒体设计原则：
①根据网站主题选择多媒体
②重视网络带宽，慎用视频
③网页应避免使用背景音频
④避免网页使用零乱的动画
⑤网页中避免使用滚动文本
⑥网站中避免使用特别插件
例如Flash，Media Player，QuickTime、RealPlay和Shockwave插件等。
⑦网站拒绝最新最耀眼技术。
⑧避免网站设计的版权侵害
实现动画的几种技术：
1)GIF动画
2)JavaScript或VBScript创建动画
3)翻转动画
4)Flash动画
静态网页与动态网页：
1)静态网页：网页内容每次调用固定不变，web服务器将纯粹的HTML文档传送给客户
浏览器
2)静态网站：所有网页都是由“静态网页”组成的网站称为静态网站；没有数据库的支持；
静态网站可能包含动画和滚动信息
3)动态网页：具有交互性，自动更新和因人而异的特点，存取数据库，有代码在服务器端
运行并只有访问时才确定内容的网页称为动态网页。
动态网页一般是以.asp,.jsp和.php 为后缀的网页文件
4)动态网站：有动态网页的网站称为动态网站，动态网站并不是所有的网页都是动态网页，
大多数网站都是静态网页和动态网页混合而成的
网站定位：
门户网站，普及性网站，电子商务网站，媒体信息类网站，办公事务管理网站，商务管理网站，娱乐性网站
门户网站：是综合性网站的俗称，该类型网站提供信息丰富、服务多样，是网络用户上网的首选
普及性网站：向所有浏览公众提供推荐自身，树立形象的网站。
政府网站，企业网站，事业单位网站，大学网站，个人网站
电子商务网站：利用计算机技术、网络技术和远程通信技术实现整个商务过程电子化、数字化和网络化，B2B,B2C
办公事务管理网站：企业事业单位为了实现办公自动化而建立的内部网站
网站CI形象：
1)网站LOGO标志
2)网站设计色彩
3)网站设计字体
4)统一图片处理效果
5)设计网站的宣传标语
网站蓝图，web策略，web战略
网站蓝图：是定义网站范围和意图的基本框架，网站蓝图应该包括网站建设的轮廓框架和一个可以测量的具体目标
Web战略：不是构建一个看起来最好，设计使用最新的技术或者最有用的网站，而是构建一个可以吸引并留住用户的网站
Web策略：是实施战略的方法
网站设计流程：
1)用户需求分析及变更
2)网站架构及业务流程分析
3)系统分析与总体设计
4)界面设计、交互设计及程序开发
5)系统测试和文档编写
6)客户培训、技术支持和售后服务
网站策划书撰写要点：
1)前期调研分析
2)网站目的及功能定位
3)网站技术解决方案
4)网站内容规划
5)网页设计
6)网站维护
7)网站测试
8)网站发布与推广
9)网站建设日程表
10)费用明细
网站测试工具：
1)Alexa网站
2)OpenSTA
3)SAINT
4)CSE HTML Validator
5)Xenu’s Link Sleuth
6)AB(Apache Bench)
7)Crash-me
网站测试目的：在可行的时间跨度内应尽可能去发现更多的错误
网站安置方法：
1)创建自己的Web服务器
2)使用托管服务器
3)使用虚拟主机
4)租用主页空间或者使用免费空间
软件平台搭建：
LAMP:linux,apache,mysql,php
WAMP:windows,apache,mysql,php
动态网页设计语言选型
PHP,ASP,JSP是当今最常用的三种动态网页设计语言
Metadata:元数据（描述数据的数据）
Metadata可以描述的信息：页面作者，完成的时间，关于页面被搜索的信息，页面所使用的字符集等等
Metadata的内容对用户是不可见的
Meta属性：
1)Name属性：用于不响应HTTP头的信息类型，信息值不被加入到HTTP头中，但仍
然保留在HTML文档中
2)Http-equiv属性：加入到http头中，http头是服务器以HTTP传HTML资料到浏览器
前所送出的字串，在表头和HTML文件直接尚需要空一行分隔
3)Content
Cookies:
1)小文本文件
2)服务器再HTTP响应头中发送给用户浏览器
3)维持客户端与服务器端的状态
4)保存在客户端的一个目录中
CSS层叠样式表指的是在一个单一的文件中使用多个样式定义
4中CSS使用方法：
1)链入外部样式表：把样式表保存为一个样式表文件，然后在页面中用<link>标记链接到
这个样式表文件，这个<link>标记必须放到页面的<head>区内
2)导入外部样式表: 在内部样式表的<style>里导入一个外部样式表文件，导入时用
@import
3)内部样式表:写在HTML的<head>……</head>里面的，只对所在的网页有效
4)使用内嵌样式：混合在HTML标记里使用的，用这种方法可以很简单地对某个参数的
内容定义样式，只对所在的Tag有效
JavaScript是一种基于对象和事件驱动并具有安全性能的脚本语言
JavaScript与java的区别：
通过<script>……</script>插入到HTML中
XML是一种元标记语言
它与HTML等标记语言的区别：
1)XML提供了创建标记语言的规则
2)作为元标记语言，XML不包含标记。
使用XML设计一种标记语言时，必须要定义一个
标记集合，标记集合中每个标记内容的意义要明确规定
3)把一种基于XML的标记语言成才一个标记集合，把使用XML的标记语言编写的文档
称为XML文档
DTD(Document Type Definition)文档类型定义：是一个一系列关于数据结构规则的集合，这些规则被称为声明。
声明规定了一个将出现在文档中的标记的集合以及这些标记如何和在哪里出现。
一个DTD可以为一个XML文档服务，也可以被一系列XML文档使用，因此它可以为团队开发良好的开发规范。
分为内嵌DTD与外部DTD两种。
XML架构：用于定义和验证XML 数据的内容和结构的文档，就像数据库架构定义和验证组成数据库的表、列和数据类型一样。
XML解析器的用途：
1)检查XML文档是否符合基本语法
2)将DTD与XML架构中指定的默认值传递到XML文档中
3)替换所有XML文档中对实体的引用
4)如果XML文档关联了DTD或XML架构，那么可能要检查XML文档结构的合法性
DOM(Document Object model,文档对象模型)是W3C制定的一套规范标准，也就是规定了解析文件的接口。
在使用基于DOM方式对XML文档进行解析的过程中，解析数据存储在内存中。
这些数据是以树的形式进行存储的，当文档解析完成后，整个文档的DOM表示就存放在内存中，并可以以各种树的遍历方式进行访问。
SAX（Simple API for XML）提供了解析XML文档的API
基于SAX的解析器将XML文档从头到尾扫描一遍，在扫描过程中，每当遇到一个语法结构，就会调用一个事件处理程序向事件处理器发送事件信息，事件处理器会处理所发现的数据。
这些事件处理器的接口描述都是在SAX的API中定义的。
DOM方式的优点在于：
如果文档的某个部分被多次重复，那么使用DOM方式仅需处理一次，而SAX方式则需处理多次；
如果解析器需要对文档做一些调整，那么使用DOM方式要方便得多；
DOM方式可以随机访问文档的某个部分，而SAX方式必须从文档的开头进行扫描；因为DOM方式的解析器在处理前可以看到整个文档，所以可以根据DTD或XML架构的规定来避免某些无效的操作。
SAX方式的优势在于，
因为DOM方式的整个扫描结果都存储在内存中，因此如果文档如果特别大的话，使用DOM 方式会占用大量的内存空间，如果文档足够大，在内存中存储它的树形处理结构甚至是不可能的。
而SAX方式则会轻松获取这些标记的文本数据，
SAX方式的另一个优势是它的处理速度比DOM方式要快。
Ajax(Asynchronous JavaScript xml):由HTML.JAVASCRIPT技术和DOM组成，它可以提供介于桌面应用程序和Web应用程序的中间选择，构建更为动态和响应更为灵敏的Web 应用程序
Ajax工作原理：Ajax提供与服务器异步通信的能力，从而使用户从请求/响应的循环中解脱出来。
借助于Ajax，可以在用户单击按钮时，使用JavaScript和DHTML立即更新UI(用户界面)，并向服务器发出异步请求，以执行更新或查询数据库。
当请求返回时，就可以使用JavaScript和CSS来相应地更新UI，而不是刷新整个页面。
最重要的是，用户甚至不知道浏览器正在与服务器通信：Web站点看起来是即时响应的。
网站发布包括两方面的发布：网页发布和数据库发布
网页发布：手工发布（U盘，移动硬盘，光盘，Email），Web发布(上传到服务器)，FTP 发布
数据库发布只有手工的方式进行发布
PHP（Personal Home Page）是服务器端脚本程序语言，用于实现数据库和网页之间的数据交互，需要内嵌到HTML文档中
PHP与Web页面的交互：
1)输出函数
2)图像输出
3)Web页面布局
4)表单元素的获取方法
5)通过URL传递数据
6)会话管理：Cookie,Session
Session的工作机制：为每个访问者创建一个唯一的ID（UID），并基于这个ID来存储变量。
UID存储在cookie中，抑或通过URL进行传导。