Web技术导论复习大纲
1. 什么是URL，其一般形式是什么？
资源类型://网址[:端口号][/[文件路径/文件名]][?参数名=参数值&参数名=参数值...]
2. 什么是B/S模式，与C/S模式相比有哪些优越性？
B/S(Browser/Server); C/S(Clinet/Server);
B/S的优越性：
- 有良好的开放性,单一访问点,用户可以在任何地点使用系统
- 跨平台,只要使用相同浏览器界面访问系统就行
- 没有了客户端的维护工作,减小了系统运行和维护成本
3. 什么是HTML文档？一个HTML文档结构是怎样的？
(HyperText Mark-up Language)即超文本标记语言
文档结构:
<html><head>头部信息</head><body>文档主体</body></html>
4. 了解文档头标记<title><meta><link><bgsound>的用法，比如：如何设置页面标题，如何设置页面每隔10秒自刷新一次，如何链接外部样式单，如何设置背景音乐等。
<title> 设置页面标题:
<title>welcome to vell001<title><meta>设置页面每隔10秒自刷新一次:
<meta http-equiv="refresh" content="10"></meta><link> 链接外部样式单:
<link type="text/css" rel="stylesheet" href="mycss.css"/><bgsound>设置背景音乐:
<bgsound src="music.wav" autostart="true" loop="infinite">
5. 了解常用事件属性。
onLoad(加载完成),onUnload(退出),onFocus(获取焦点),onBlur(失去焦点),onChange(输入组件内容改变时),onSubmit(表单提交时),onMouseOver(鼠标移入),onMouserout(鼠标移出),onClick(被单击),onDblClick(被双击)
6. 需要掌握的文档内容标记：标题、段落标记，文本格式标记，图像标记，超链接标记，影像地图标记，走马灯标记，表格标记等。如要求设计一个3*3表格，写出完整的HTML代码，表格内容要居中显示，表格的内容均为“示例”。
标题：<h>
段落标记: <p>,<br/>换行
文本格式标记: <font>字体,<b>粗体,<u>下划线,<i>斜体
图像标记：<img src=""/>
超链接标记: <a href=""/>
影像地图标记: <map>
走马灯标记: <marquee>
表格标记: <table>,<tr>行,<td>列,<tbody>表格主体,<thead>表头,<tfoot>表脚
3*3表格：
<table ><tr><td align="center">示例</td><td align="center">示例</td><td align="center">示例</td></tr><tr><td align="center">示例</td><td align="center">示例</td><td align="center">示例</td></tr><tr><td align="center">示例</td><td align="center">示例</td><td align="center">示例</td></tr></table>
7. 什么是表单，其中method属性及action属性分别表示什么？
在网页中用来给访问者填写信息的组件，使网页具有交互能力
method: 定义服务器处理程序从表单中获取信息的方式，一般有GET/POST
action: 设置服务器处理程序的URL
8. 表单组件都有哪些输入类型，每种输入类型如何表示？能够用表格对表单进行布局，编写简单的用户注册、问卷调查等表单程序。
一般有：
单行文本输入框: <input type="text"/>
密码输入框: <input type="password"/>
单行文本输入框: <textarea></textarea>
button按钮：<input type="button"/>
radio单选按钮:<input type="radio"/>
复选框:<input type="checkbox"/>
复选列表:
<select>
<option value=""></option>
</select>
隐藏信息：<input type="hidden" value=""/>
文件长传:<input type="file"/>
表单提交：<input type="submit"/>
重置按钮：<input type="reset"/>表单有序结构一般使用:form+table组合
9. 什么是层叠样式单CSS？有几种类型的样式单（内联、嵌入和外部）？常用的样式单的选择符有几种？如何应用不同选择符定义的样式？样式单的优先级是怎样的？试完成下题：编写一段CSS代码使段落分成三种不同的类别，每一类应用不同的样式表规则。第一类文字字号16pt，颜色红色，加粗，斜体；第二类字号20pt，颜色绿色，带下划线；第三类字号18pt，颜色蓝色，带上划线，并分别将三类段落样式应用于同样的三段文字“CSS分类使用”。
1. 所谓层叠，指对于容器元素指定的所有选项，将被自动地应用到其包含的所有元素中；
2. 标签名（a{}）、class（.vell{}）、id（#vell{}）、组合（p .vell#bibi{}）、重用（.vell,#vell{}）、伪类（a:hover{}、a:visited{}）等
3. 使用空格，如: <a class="vell bibi">
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>Insert title here</title><style type="text/css">.v1{font-size: 16pt;color: red;font-weight: bold;font-style: italic;}.v2{font-size: 20pt;color: green;text-decoration: underline;}.v3{font-size: 18pt;color: blue;text-decoration: overline;}</style></head><body><p class="v1">CSS分类使用</p><p class="v2">CSS分类使用</p><p class="v3">CSS分类使用</p></body></html>
效果:
10. JavaScript脚本的特点及优点有哪些，掌握JavaScript基于对象与事件驱动的特点，能够编写JavaScript程序，例如编写一段JavaScript代码实现在网页状态栏上显示时间，时间格式为“9时21分22秒AM”，并且实现每秒更新与系统时钟同步。
<span id="timer"></span><script type="text/javascript">var timer = document.getElementById("timer");function updateTime(timer){var myDate = new Date();var h = myDate.getHours();var m = myDate.getMinutes();var s = myDate.getSeconds();var ap = "AM";if(myDate.getHours() > 12){ap="PM";h = h - 12;}timer.innerHTML=h+"时"+m+"分"+s+"秒"+ap;setTimeout("updateTime(timer)",1000);}updateTime(timer);</script>
11. 掌握JavaScript常用的内部对象及函数的用法，如String、Math、Date、Array对象及其常用属性和方法。
String.length 字符串长度
String.substring(start,end)截取字符串
String.indexOf(searchvalue,fromindex) 从fromindex到尾检索字符串，返回 searchvalue 的第一次出现的位置。没找到返回-1
String.lastIndexOf (searchvalue,fromindex)从fromindex到头地检索字符串，返回 searchvalue 的第一次出现的位置。没找到返回-1
更多详见：http://www.w3school.com.cn/js/jsref_obj_string.asp
Math.PI 返回圆周率
Math.max(value1,value2) 比较最大，返回最大值
Math.pow(value1,10)数的10次方
Math.round(value1)把一个值四舍五入为最相近的整数值
Math.random()随机数，返回0~1之间的随机数
Math.floor(value1)返回任意浮点数的整数部分Array
更多详见：http://www.w3school.com.cn/js/jsref_obj_math.asp
12. 掌握JavaScript浏览器对象模型BOM的层次结构，以及window对象、history对象、location对象的常用属性和方法。
window.open() - 打开新窗口
window.close() - 关闭当前窗口
window.moveTo() - 移动当前窗口
window.resizeTo() - 调整当前窗口的尺寸
更多详见：http://www.w3school.com.cn/js/js_window.asp
history.back() - 与在浏览器点击后退按钮相同
history.forward() - 与在浏览器中点击按钮向前相同
更多详见：http://www.w3school.com.cn/js/js_window_history.asp
location.hostname 返回 web 主机的域名
location.pathname 返回当前页面的路径和文件名
location.port 返回 web 主机的端口 （80 或 443）
location.protocol 返回所使用的 web 协议（http:// 或 https://）
13. 掌握JavaScript文档对象模型DOM的层次结构，以及document对象的常用属性及方法，能够正确引用文档对象进行编程。
14. 区分body及其它文档所包含对象的innerHTML和innerText的属性。
innerHTML: 从对象的起始位置到终止位置的全部内容,包括Html标签
innerText: 从起始位置到终止位置的内容, 但它去除Html标签
15. 能够使用JavaScript进行表单数据的有效性验证、禁止用户复制页面内容等综合处理。
禁止用户复制页面内容<body oncopy="return false">