WEB开发技术知识点总结

WEB开发技术知识点总结

第一章：（填空判断）

1、什么是WWW

WWW是World Wide Web的缩写，中文译名“万维网”。

Web是Internet提供的一种服务，是基于Internet、采用Internet协议的一种体系结构。

2、Web三要素:

统一资源定位（URL）：解决网上资源在何处的问题。

资源访问方式（HTTP）：解决用什么方法访问资源的问题。

超链接：提供在资源之间自由访问的手段。

3、什么是URL （Universal Resource Locator）?

URL中文名为“统一资源定位器”。每一个站点及站点上的每个网页都有一个唯一的地址，向浏览器输入URL，可以访问URL指出的Web网页。

URL的基本结构为：

通信协议://服务器名称[:通信端口号]/文件夹…/文件名

http://www.163.com:2100/bbs/index.htm

4、HTTP

是在Internet上传送超文本的协议，它是运行在TCP/IP集之上的应用协议。简单地说，HTTP就是专门为WWW设计的协议。

5、C/S模式(Client/Server)

C/S计算模式将应用一分为二：前端是客户机，几乎所有的应用逻辑都在客户端进行和表达，客户机完成与用户的交互任务。后端是服务器，它负责后台数据的查询和管理、大规模的计算等服务。通常客户端的任务比较繁重，称作“肥”客户端，而服务器端的任务较轻，称作“瘦”服务器。 C/s模式

6、B/S模式

B/S模式是一种基于Web的协同计算模式，是一种三层架构的瘦客户机/肥服务器的计算模式。

第一层为客户端表示层，客户层只保留一个Web浏览器，不存放任何应用程序，其运行代码可以从位于第二层Web服务器下载到本地的浏览器中执行，几乎不需要任何管理工作。第二层是应用服务器层，由一台或多台服务器（Web服务器也位于这一层）组成，处理应用中的所有业务逻辑，包括对数据库的访问等工作，该层具有良好的可扩充性，可以随着应用的需要任意增加服务的数目。第三层是数据中心层，主要由数据库系统组成。B/s模式

7、Web服务器端开发技术

1. CGI技术

2. JSP(Java Server Pages)技术

3. ASP(Active Server Pages)与ASP.NET技术

4. PHP(Personal Homepage Tools)技术、ASP.NET、PHP技术

8、Web客户端开发技术

HTML、CSS、脚本、XML/XHTML/Ajax/ JSON

Javascript特性主要包括：

通过JavaScript的XMLHttpRequest对象实现异步请求与调用。

通过JavaScript对XML进行解析和处理。

通过JavaScript操作DOM来实现客户端的动态显示。

第二章：（简答题）

9、在选择网站主题的时候要注意以下3点：

主题小而内容精，创新的内容很重要；

题材最好是自己擅长的内容；

题材不要太滥，目标不要过高。

10、在选择网站名称的时候要注意以下3点：

名称要端正；

名称要易记；

名称要有特色。

11、设计网站的标志

站点标志作用类似于商标，它是网站特色和内涵的集中体现。

最常用和最简单的方式是用自己网站的名称作为标志，采用不同的字体、字母的变形或组合可以很容易制作好自己的标志。

12、在配色的时候要把握以下原则：

网站要有一个主色调；

要深浅搭配；

保持整个网站颜色的统一性。

13、在选择网站栏目的时候要注意以下4点：

紧扣网站主题；

设计一个最近更新或网站指南栏目；

设计一个可以互动交流的栏目；

设计一个下载或常见问题回答栏目。

14、设计网站的目录结构

不要将网站内容全部放在一个目录中，按菜单栏目内容建立子目录。

目录的层次不要太深，尽量用英文命名目录和文件名。

目录一般不超过3层。目录路径过深，跳转的URL地址就会变长，会增加页面链接的复杂性。

15、Web站点的链接结构有三种基本方式：

1）树状链接结构：首链接指向以及页面，一级页面链接指向二级页面。用户可以一级级进入，一级级退出。

2）星状链接结构：结构中的每个页面相互之间都直接建立了连接。

3）混合结构：首页和一级页面之间用星形链接结构，一级和二级、二级和三级页面之间均采用树形结构。

16、配色原则

对于网站的色彩处理原则应该是“总体协调，局部对比”。

三原色：红、绿、蓝

（2）色彩的特征

色调：表现色彩的种类；

亮度：表现色彩的明亮程度；

饱和度：表现色彩的鲜艳程度。

（3）色彩的分类

按照色彩对人们心理的影响可以进行以下分类。

暖色系：红、橙、橙黄、黄等色彩让人感觉温馨、热情；

中性系：黄绿、绿等色彩让人觉得舒适、和谐；

冷色系：青绿、蓝绿、蓝等色彩让人觉得宁静、高雅。

第三章：

17、 什么是IIS？

Internet 信息服务（Internet Informationn Server，IIS）是一组Windows操作系统组件，此组件可以使公司很方便的创建自己的Web服务器、FTP服务器以及简单的SMTP和NNTP服务器，很方便地将信息和业务应用程序发布到 Web中。

18、 什么是 Tomcat

Tomcat是当前使用最为广泛的Servlet/JSP服务器。它是由JavaSoft和Apache开发团队合作计划的产品，被Sun公司作为官方推荐的servlet和jsp容器。具有运行稳定，性能可靠，免费的特点，是学习Web开发的最佳选择。

19、 什么是Apache

Apache是使用最广的Web服务器之一，它可以运行在几乎所有广泛使用的计算机平台上，以高效、稳定、安全、免费而著称，60%的Web服务器采用Apache。用户可以从Apache网站下载Apache服务器软件。

第四章：

20、HTML5中：<meta charset=“gb2312”/

21、HTML5的声明：<!DOCTYPE HTML>

22、<head>标签：1）<title>...</title>：定义文档标题。编写每个网页时，都应该指定一个标题，显示在浏览器标题栏上。2）<script>...</script>：用于在页面中加入脚本程序。语法格式：<script language=”javascript”>...</script>。3）<base>：用于为页面上所有链接规定默认地址或默认目标。语法格式：<base href=”基准地址”target=”目标窗口名称”>...</base>。4）<link>：显示该文档和其他文档之间的链接关系。例如：<link rel=”styleheet” type=”text/css” href=”style.css”>。5）<style>：在<head>标签中可以含有任意数量的<style>标签。该标签用于在文档中嵌入样式表单，常称为内部样式。6）meta标签--head区的一个辅助性标签。提供的信息是用户不可见的，用于包含于文档相关的信息。Meta标签常见的两种属性：http-equiv属性和name属性。

23、标题文字标记：用来标示页面中的标题文字，被标示的文字将以粗体形式显示。<Hn>作为标题的文字</Hn>(其中n=1,2.……6）

24、段落标记：① 段落<p>可以以段落为单位设置文字的对齐方式，形式如下：<p align=left|center|right class=“…”>段落文字 </p>② 换行标记<br/> 是个空标签，用于另起一行，中间不插入空行。③ 预格式化标记HTML文档会忽略文本中的空格、换行符等，而使用<pre>标签可以保留它们，按照原样显示文本，实现“所见即所得”的效果。形式如下：<pre>这里是多行文本</pre>

25、插入水平线：有时为了较明显地划分上下各部分的内容，在文档中间加入一些水平线，使用形式如下：<hr width="宽度" align="对齐方式" size="高度" noshade=“noshade”/>

26、加入图像：要在网页的某个位置放置一个图像，使用<img>标签。<img src=“文件名” width=宽度 height=高度 alt="提示文字">

27、表格标记：要在网页中插入一个表格，需要用到一组标签，分别表示整个表格的属性、表格中一行的属性和表格中一列的属性。定义表格的有关标签如下：<table>…</table>：定义表格 <tr>…</tr>：定义表行 <th>…</th>：定义列标题，多数浏览器显示为粗体居中文字 <td>…</td>：定义表格数据单元

28、表格结构：<table border=1 width=80% height=100%> <caption>表格标题</caption>

29、表格的另一种定义方法： <thead>…</thead>定义表格的表头 <tbody>…</tbody>对HTML中表格中的主体内容进行分组 <tfoot>…</tfoot>定义表格的页脚（脚注或表注）

30、无序列表标记<ul>…</ul> 格式：<ul type=disk|circle|square> <li>列表内容</li><li>列表内容</li> …</ul> Disk:加重符号是实心圆点（默认） Circle:加重符号是空心圆点 Square:加重符号是实心方块

31、有序列表<ol>…</ol><ol type=1|A|a|I|i start=n> <li>列表内容</li><li>列表内容</li>… </ol> 这里的li，可以有value属性，即把这一项的列表编号制定为特定值。

32、 定义列表标记<dl>…</dl><dl > <dt>术语</dt><dd>术语的定义1</dd>… <dt>术语</dt> <dd>术语的定义2</dd> </dl> dl有可选属性compact，使用该属性使术语和定义在同一行显示

33、超链接标记：<a> <a href=“要连接到的URL” >超链接显示内容</a> 作用：单击“超链接显示内容”将跳转到“要连接到的URL” 处。1）链接到其他站点<html> <head></head> <body> <a href=“www.sina.com”>新浪网</a> </body> </html> 2）链接到本站内的某一页面<html><head></head> <body><a href=“/files/b.htm”>公司简介 </a> </body></html> 3）图像链接<html> <head></head> <body> <a href=“www.sina.com”><img src=“sina.jpg”></a> </body></html> 4）链接到电子信箱 <a href=“电子信箱地址”>电子信箱地址</a> 5）在新窗口打开链接<html> <head></head><body> <a href=“http://www.sina.com” target=“_blank”>新浪网</a> </body></html> 6）链接到本页的其他地方<a name=“书签名字”>书签位置文字</a><a href=“#超链接目标名称”>超链接显示内容</a> 7）热点链接：热点链接也叫图像映射，属于另一种形式的超链接。它是一个能对链接指示做出反应的图形或文本框，单击该图形或文本框的已定义区域，可跳转到与该区域相连接的目标。存在两种创建图像映射的方法：在<img>标签中使用<map>标签和<area>标签① <map>标签负责为图像创建映射，紧跟在<img>标签后；② <area>标签负责定义可单击的热点的边界形状和坐标，area 元素始终嵌套在 <map> 标签内部。在<object>标签中使用<map>标签

34、表单使用的一般形式为：<form action=“URL" method=“get/post” autocomplete=on|off>表单域的定义</form> 1)输入标记<input>…</input> ① 文本框text和密码框password

<input type="text" name="T1" size="20"> <input type="password" name="T2" size="20"> ② 单选框和复选框单选框<input type=“radio” name=“R1” value=“教师”>教师<input type=“radio” name=“R1” checked value=“学生”>学生<input type=“radio” name=“R1” value=“医生”>医生复选框<input type=“checkbox” name=“C1” checked>游泳<input type=“checkbox” name=“C1” >唱歌<input type=“checkbox” name=“C1” >上网 2) 列表框标记<select>…</select> 3) 文本输入区标记<textarea> <textarea cols=列数 rows=行数 wrap=soft|hard>初始文本 </textarea> 4)<label>标签 <label for=“username”>姓名</label>

36、div>标签和<span>标签 <div>…</div>：块元素，用来设置字、图、表格等的摆放位置。 <span>…</span>：对行内元素进行分组，以便通过样式对它们进行格式化。

第六章

37、浮动窗口<iframe>…</iframe> 可以将一个HTML文档嵌入到另一个HTML中显示。 <iframe src=“URL” ></iframe>

38、CSS的定义：1. CSS的定义是由三个部分构成： ①选择符（selector）:样式要套用的对象 ②属性（properties） ③属性的取值（value） 2. 基本格式如下： selector{property:value}（选择符{属性:值}）例如：h1{color:blue} 3. 如果属性的值是多个单词，必须在值上加引号，比如字体的名称经常是几个单词的组合：p{font-family: "sans serif"}

39、CSS中的选择符： CSS中有六种选择符：HTML标记、具有上下文关系的HTML标记、用户自定义类选择符、用户定义的ID选择符、虚类、虚元素。 1. HTML标记类选择符格式：HTML标记 {属性:值} 如：select, textarea {font-size:13px} 2. 具有上下文关系的HTML标记类选择符如：div p{color:blue} 3. 用户定义的类选择符 ① 格式：HTML标记.类名{属性:值} 使用类选择符能够把相同的元素分类定义不同的样式，如： p.right {text-align: right} p.center {text-align: center}

40、ID选择符 定义ID选择符要在ID名称前加上一个“#”号。 ① HTML标记#IDname{} 例：p#intro{ font-size:110%; font-weight:bold; color:#0000ff; background-color:transparent } ② #IDname{} 例： #intro { font-size:110%; font-weight:bold; color:#0000ff; background-color:transparent }

41、优先级： ID选择符 > 类选择符 > HTML标记选择符如果想超越这三者之间的关系，可以用!important提升样式表的优先权。

42、样式表应用 有四种方法将样式表的功能应用到Web页面中： 1. 直接定义HTML标记中的style属性 2. 定义内部样式表 3. 嵌入外部样式表 4. 链接外部样式表

43、直接定义HTML标记中的style属性 <HTML标记名称 style=“属性1：值1；属性2：值2；…”> 例如： <p style="color: blue; margin-left: 20px">这是一个段落</p>

（这个段落颜色为蓝色，左边距为20象素）

44、定义内部样式表 <head> <style type="text/css"> <!— hr {color: sienna} p {margin-left: 20px} body {background-image: url("images/back40.gif")} --> </style>
</head>

45、 嵌入外部样式表 <head> <style type=”text/css”>  </style> </head>

46、 链接外部样式表 <head> <link rel=“stylesheet” type=“text/css” href=“mystyle.css” media=screen> </head> rel=“stylesheet”是指在页面中使用这个外部的样式表。 type=“text/css”是指文件的类型是样式表文本。 href=“mystyle.css”是文件所在的位置。 media表示使用样式表的网页将用什么媒体输出。

47、

48、

49、

50、文本属性① 文本修饰（text-decoration）：在文本中添加underline（下划线）、overl（上划线）、line-through（中划线）、blink（闪烁效果）、none（不显示上述任何效果）。基本格式：text-decoration：参数 ② 行高（line-height）: 设置文本所在行的行高。默认为normal,行间距离取值：①不带单位的数字，以1为基数，相当于比例关系的100%；②带长度单位的数字；③比例关系。基本格式：line-height：行间距离 ③ 文本横向排列（text-align）: 可以控制文本的水平对齐。left（左对齐）、right（右对齐）、center（居中）、justify（相当于左右对齐）。基本格式：text-align：参数 4 文本缩进（text-indent）: 设置文本块中首行的缩进。基本格式：text-indent：length 其中，length属性值可以是百分比数字，也可以是由浮点数和单位标识符组成的长度值，允许负值。

第七章

51、数组数组就是由一组数值按照顺序排列在一起，放在同一个变量中，而每个数值都可以利用索引（Index）来得到数组中所存储的信息。注：JavaScript中，数组的长度都是变长的。

52、JavaScript有6种数据类型：主要的类型有Number、String、Object以及Boolean。其他两种类型为Null和Undefined。

53、String数据类型① 字符串是用单引号或双引号来说明的。 var s1="The cow jumped over the moon." var sColor=“blue”； var sColor=‘blue’;

② String类型是唯一没有固定大小的原始类型。可以用字符串存储零个或多个统一编码的字符。③ 转义字符。如：\n，\t，\b，\\等。

54、数值数据类型1. 整数可以以十进制、八进制和十六进制来表示。 ① 八进制整数用前导“0”指明。 ② 十六进制整数用前导“0x”指明，其中“x”大小写均可。定义浮点值，必须包括小数点和小数点后的一位数字。对于非常大或非常小的数，可用科学计数法表示。

55、Boolean类型 有true和false两个值。分别表示逻辑真和逻辑假。

56、字符串运算符字符串运算符主要是运算符“+”和它的变形形式“+=”。例如：var result=5+“5”--“55” var result=true +“56”--“true56”

57、JavaScript 函数 函数定义 function函数名（参数表）{ 语句块；} function 函数名（参数表）{ 语句块； return [表达式]；} return语句的功能是当调用函数时返回值。

58、JavaScript的常用函数 1. eval()函数 eval()函数可以对以字符串形式表示的任意有效的JavaScript代码求值。 2、 parseInt()函数和parseFloat()函数 parseInt()函数功能是从一个字符串中提出一个整数，如果遇到字符串中除了数字以外的字符，parseInt()就停止转换，返回已有的结果。如果第一个字符不是数字，parseInt()就返回“NaN”值。语法：parseInt(string, [radix])

59、JavaScript的事件 超级链接事件主要包括： Click, 浏览器事件主要包括：各种元素 Load, Unload 等

60、单击事件 鼠标单击事件是最常见的事件，语法非常简单： onclick=函数或是处理语句

61、onchange事件 onchange事件是当某个HTML元素的内容改变的时候发生的事件。 onchange= 处理函数或是处理语句（onselect事件是当某个HTML元素的内容被选中的时候发生的事件。 onfocus事件是当光标落在某个HTML元素，使它得到焦点时候发生的事件。 onblur事件是某个HTML元素失去焦点的时候发生的事件。）

62、JavaScript的对象 JavaScript中的对象是由属性和方法两个基本的元素构成的。在JavaScript中使用一个对象可采用以下三种方式： ① 引用JavaScript内置对象； ② 用户自定义对象； ③ 引用浏览器对象。

63、必考 JavaScript内置对象 时间对象（Date对象）时间对象使用前必须先声明，如：var cur=new Date() 注意Date()的首字母必须大写。

64、Math对象 Math对象可以用来处理各种数学运算。Math对象的内置方法定义了各种数学运算和可以直接调用的Math对象的方法。特点：静态对象，不需实例化。

65、 String对象 一般利用String对象提供的函数来处理字符串。 [var] String对象实例名=字符串值 String对字符串的处理主要提供了下列方法： ① charAt(idx): 返回指定位置处的字符 ② indexOf(str): 返回指定子字符串的位置，从左到右 ④ toLowerCase( ): 将字符串中的字符全部转化成小写 ⑤ toUpperCase( ): 将字符串中的字符全部转化成大写

66、Array对象 特点：可变长。

67、 定时器必考 window对象 ⑤ alert(message)：用于弹出一个消息对话框。⑥ confirm(message)：用于弹出一个可以确认的对话框，提供了OK和Cancle两种选择。结果返回布尔值。 ⑦ prompt(message, defaultInput)：用于弹出一个可以输入文字的对话框。 ⑧ setTimeout(expression,time)：设置暂停，等待多少毫秒执行某代码。 clearTimeout(timer)：取消原来的时间控制器内的时间设置。 ⑨ setInterval(expression,time)：以指定的时间间隔重复执行某一功能。 clearInterval(timer)

68、document对象 常用属性: 1）title, lastModified, location 2）forms:数组，保存网页中所有的表单常用方法： 1）write(string):向网页中输出文字 2）writeln(string):向网页中输出一行文字

69、知道怎样访问表单中的一个标题 form对象主要属性： elements 元素数组，存储表单中的所有控件对象。对表单中的属性域，可以通过“表单名.elements[下标]”来访问，也可以通过“表单名.控件名”来访问，例如myform.elements[0]、myform.account

70、代码例子 例7-28：在网页中插入一张图片，使图片具有闪烁效果。if(angel.style.visibility=="visible")angel.style.visibility="hidden";else angel.style.visibility="visible"; 例7-29：在网页中插入一张图片，使图片产生水中倒影效果。例7-30：在网页中屏蔽鼠标右键，使网页内容不能被选择、拖拽、复制等。例7-31：在网页中显示距离新年的倒计时。例7-32 走马灯效果。例7-33：在标题栏动态显示时间。例7-34：产生随即验证码。

第八章：

71、Ajax的定义

Ajax (Asynchronous JavaScript and XML)不是一个新的技术，事实上，它是一些旧有的成熟的技术以一种全新的更加强大的方式整合在一起

WEB开发技术 知识点总结

猜你喜欢

WEB开发技术知识点总结