web技术考试重点整理

考试题型:

1.选择题(每小题1分,共20分)

2.填空题(每空1分,共20分)

3.写出显示结果(20分)

4.简答题(20)

5.JavaScript程序设计题(20分)

复习大纲:

第一章Web技术基础

1.什么是Internet? Internet的产生和发展。

2.什么是Web,Web服务器?

3.Web的工作原理—C/S结构。

4.什么是Web浏览器,Web浏览器的功能。

5.什么是超文本。

6.什么是超级链接,超链接的功能。

7. 什么是统一资源定位器URL,URL的一般形式。

8.什么是端口?端口的分类。

9.什么是浏览器/服务器(B/S)计算模式,(B/S)计算模式的三层结构。

10.什么是Internet信息服务IIS,熟悉IIS中的网站“属性”对话框。

11.什么是虚拟目录?简述如何建立虚拟目录。

第二章 标记语言与网页制作

1.什么是HTML文档。

2.HTML标记语法和文档结构。

3.文件头标记及子标记。

4.文件体标记及其属性,一般属性和事件属性。

5.文档内容常用标记,常用标记的常用属性。

如:字体标记<font>…</font>

?常用的属性有face、size和color,分别设置字体、文字大小和颜色。

6.表格(table)及相关标记。

7.表单(form)及表单元素。

8.层次块标记。

9.对象和脚本程序标记。

HTML网页中,可以插入脚本程序、Java程序、内嵌对象、ActiveX组件等。从而制作出更加新颖和交互能力更强的Web页面。这些新的文档内容需要通过<object>、<script>等标记来标记。

10.层叠样式表CSS技术。

⑴标记的style属性与内联样式

HTML中,除base、font、param和script标记外,几乎所有的文件体内的标记都有style属性,包括<body>标记本身。style属性将修改标记的默认样式,从而实现标记按照特定的形式显示,这就是内联样式。

⑵修改标记默认样式

当用户自定义的样式要应用到文档中所有标记时,应该在文件头部使用<style>标记对,重新定义标记的样式。

⑶标记的id属性与class属性

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 WebLogic workshop等

最好的网站设计方法:手工编码加上所见即所得的工具。

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. 链入外部样式表:把样式表保存为一个样式表文件,然后在页面中用标记链接到这个样式表文件,这个标记必须放到页面的区内
  2. 导入外部样式表 : 在内部样式表的