Web程序设计复习题纲

Web程序设计

一、W3C、WEB标准：

WEB标准：

不是某一个标准，而是一系列标准的集合。网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。

对应的标准也分三方面：

结构化标准语言主要包括XHTML和XML，表现标准语言主要包括CSS，行为标准主要包括对象模型（如W3C DOM）、ECMAScript等。

这些标准大部分由万维网联盟 （外语缩写： W3C ）起草和发布，也有一些是其他标准组织制订的标准，比如ECMA（European Computer Manufacturers Association）的ECMAScript标准。

对于html要求：（标签规范可以提高搜索引擎对页面的抓取效率）

• 标签字母要小写

• 标签要闭合

• 标签不允许随意嵌套

对于css和js：

尽量使用外链css样式表和js脚本。是结构、表现和行为分为三块，符合规范。同时提高页面渲染速度，提高用户的体验。样式尽量少用行间样式表，使结构与表现分离，标签的id和class等属性命名要做到见文知义，标签越少，加载越快，用户体验提高，代码维护简单，便于改版不需要变动页面内容，便可提供打印版本而不需要复制内容，提高网站易用性。

二、主流的WEB服务端技术：

1、J2EE：

开发架构是 UNIX/windows+Tomcat+Orecle+JSP的组合，主要是用JAVA编写程序。比如Android平台级应用的网页后台用户管理端。

2、ASP.NET：

开发框架是 Windows server +IIS+SQL Server+ASP的组合，主要开发语言有C#.NET和VB.NET。

3、PHP（PHP: Hypertext Preprocessor）

即“超文本预处理器”，是在服务器端执行的脚本语言，尤其适用于Web开发并可嵌入HTML中。PHP语法利用了C、Java和Perl，主要目标是允许web开发人员快速编写动态网页。

4、RoR：（RoR：Ruby on Rails）

Ruby on Rails是一个用于编写网络应用程序的框架，它基于计算机软件语言Ruby，给程序开发人员提供强大的框架支持。Ruby on Rails包括两部分内容：Ruby语言和Rails框架。

三、XML语言：

1、什么是XML：

XML 指可扩展标记语言。XML 被设计用来传输和存储数据。

2、XML文档的构成：

（1）XML声明的写法：

https://www.w3school.com.cn/xml/xml_syntax.asp

重点：关闭标签、大小写敏感、正确嵌套、属性值x=“123”

难点：实体引用、空格不会缩减为1个（HTML会）

（2）元素、标记：

https://www.w3school.com.cn/xml/xml_elements.asp

重点：命名规则（非法符号）

命名规则：

名称可以含字母、数字以及其他的字符

名称不能以数字或者标点符号开始

名称不能以字符 “xml”（或者 XML、Xml）开始

名称不能包含空格

（3）属性：

https://www.w3school.com.cn/xml/xml_attributes.asp

重点：属性值必须加引号(单双引号均可)

难点：属性和元素的区别

<person sex="female">
  <firstname>Anna</firstname>
  <lastname>Smith</lastname>
</person> 

<person>
  <sex>female</sex>
  <firstname>Anna</firstname>
  <lastname>Smith</lastname>
</person> 

在第一个例子中，sex 是一个属性。在第二个例子中，sex 则是一个子元素。两个例子均可提供相同的信息。

（4）实体：

https://www.w3school.com.cn/xml/xml_cdata.asp

非法的 XML 字符必须被替换为实体引用（entity reference）。

假如您在 XML 文档中放置了一个类似 “<” 字符，那么这个文档会产生一个错误，这是因为解析器会把它解释为新元素的开始。因此你不能这样写：

<message>if salary < 1000 then</message>

为了避免此类错误，需要把字符 “<” 替换为实体引用，就像这样：

<message>if salary &lt; 1000 then</message>

在 XML 中有 5 个预定义的实体引用：

**注释：**严格地讲，在 XML 中仅有字符 “<“和”&” 是非法的。省略号、引号和大于号是合法的，但是把它们替换为实体引用是个好的习惯。

（5）CDATA：

https://www.w3school.com.cn/xml/xml_cdata.asp

CDATA 部分由 “<![CDATA[*" 开始，由 "*]]>” 结束。这里面的内容会被解析器忽略。

重点：

CDATA 部分不能包含字符串 “]]>”。也不允许嵌套的 CDATA 部分。

标记 CDATA 部分结尾的 “]]>” 不能包含空格或折行。

（6）注释：

在 XML 中编写注释的语法与 HTML 的语法很相似：

<!-- This is a comment --> 

3、文档类型描述DTD：

https://www.w3school.com.cn/dtd/index.asp

定义：可定义合法的XML文档构建模块。它使用一系列合法的元素来定义文档的结构。

重点：内部声明、外部声明的格式

4、什么是形势良好的（Well Formed）XML文件

遵守如下规则的XML文档，称为格式良好的XML文档。

1）必须有xml的声明，例如<?xml version="1.0”?>

2）必须有且只有一个根元素

3）标记大小写敏感

4）属性值用引号，单引号双引号都可以，但必须一致

4）标记成对出现

5）空标记必须关闭，可以自关闭。例如：

6）元素正确嵌套，不可以交叉重叠

7）名称中可以包含字母数字或其他字符

8）名称不能以数字开头

9）名称中不能含有空格

10）名称中不能包含冒号“：”（冒号被保留，用作命名空间使用）

两种说法略有不同，下面的摘自《从HTML到XML》 蔡翠平 北方交通大学出版社&清华大学出版社。意思对即可。

5、什么是有效的（Valid）XML文件

在满足Well Formed的前提下，满足DTD的需求，就是Valid的XML文件。

6、XML命名空间：

https://www.w3school.com.cn/xml/xml_namespaces.asp

主要功能：避免命名冲突

重点：使用前缀、使用命名空间的基本语法

四、XHTML&HTML5:

1、XHTML和HTML5的基本结构：

DOCTYPE声明

https://www.w3school.com.cn/tags/tag_doctype.asp

DOCTYPE 声明没有结束标签、大小写不敏感

2、XHTML文档的基本构件

标记，太多了自己去看W3School：

https://www.w3school.com.cn/tags/index.asp

空标记，主要就是指

属性：https://www.w3school.com.cn/html/html_xhtml_attributes.asp

元素：https://www.w3school.com.cn/html/html_elements.asp

3、XHTML的三种文档类型：

共有三种类型的文档类型定义：

第一：严格型（Strict）。要求严格的DTD，不能使用任何表现层的标识和属性，代码必须严格按照规范编写。如下：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-F8hiON6H-1624927872831)(/Users/georgegao/Library/Application Support/typora-user-images/image-20210617114852008.png)]

第二：框架型（Frameset）。如果要在页面中使用框架，就得引用这种DTD。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-WFO2vHBy-1624927872833)(/Users/georgegao/Library/Application Support/typora-user-images/image-20210617114900815.png)]

第三：过渡型（Transitional）。既符合规范，又对之前的版本有一定兼容性，目前使用最广泛的DTD类型。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-JAu3PhPT-1624927872834)(/Users/georgegao/Library/Application Support/typora-user-images/image-20210617114909845.png)]

4、XHTML表格：

表格标签：

https://www.w3school.com.cn/html/html_tables.asp

重点：行跨越、列跨越的写法

参考：https://blog.csdn.net/u012724595/article/details/79401401/

5、XHTML表单：

JS、PHP编程中用到。需掌握各种控件的写法。

https://www.w3school.com.cn/html/html_forms.asp

6、XHTML常用属性和文本格式化标记：

常用属性：

https://www.w3school.com.cn/html/html_attributes.asp

文本格式化：

https://www.w3school.com.cn/html/html_formatting.asp

！不支持使用！

7、块元素和内联元素的区别：

div和span：div是块元素，span是内联元素

blockquote和cite、q：blockqupte是块元素，cite、q都是内联元素

pre和code：pre是块元素，code是内联元素

8、如何转换HTML4.0成XHTML文档：

1.把DOCTYPE更改为严格的XHTML，如果你还在使用过渡的HTML(HTML4.01)，那你可以把它转化为过渡的XHTML

2.添加xmlns属性、lang属性、和xml:lang属性到开始标记

3.标记必须是DOCTYPE之后的第一个标记,而必须是文档的最后一个标记

4.所有元素名称必须用小写字母表示

5.所有开始标记都须对应有结束标记。如果一个元素是空的，那么他的标记必须是以空格结尾，后跟/>

6.所有的属性值必须是空，并且带双引号

7.在HTML理不能使用&，&表示实体的开始，因此，应当用&；此外，吧特殊字符转化转化为实体

8、将COCTYPE改为严格的XHTML 1.0

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-EoBKaT6H-1624927872836)(/Users/georgegao/Library/Application Support/typora-user-images/image-20210617115939888.png)]

9.添加xmlns 属性、lang属性和xml:lang属性到元素

如：

10.所有的空标记都应为 "/>"结尾，而不是 “>”

9、框架，条件注释不考：

框架：

https://www.w3school.com.cn/html/html_frames.asp

五、CSS：

1、实现页面结构和表现分离的优点

（1）丰富的样式定义：CSS提供了丰富的文档样式外观，可以改变元素的背景颜色，设置元素之间的距离，以及改变字体的颜色，大小的等各种各样修饰页面效果的方法

（2）易于修改：对于CSS文件中的某一处的元素的样式进行修改，那么所有应用到这个CSS的文件的样式都会发生变化

（3）结构清晰，易被搜索引擎搜索到

（4）易于编写：CSS代码易编写，可以像写html代码一样轻松地编写CSS

（5）表现和内容相分离：将设计部分剥离出来放在一个独立样式文件中，可以降低未来修改代码的复杂度

（6）多页面使用：将CSS样式放置到一个文件中，可以多次重复应用到多种HTML页面中

（7）简化了页面的格式代码，外部的样式表还会被浏览器保存在缓存中，加快了加载速度，也减少了需要上传的代码数量。

（8）只要修改保存着网站格式的CSS样式表文件，就可以更改整个网站的风格和特色，避免了逐个页面的修改，缩短了修改页面的时间。

2、CSS的语法(掌握在HTML中应用CSS的四种方法，CSS规则、选择器、属性和值写法)

（1）在HTML中应用CSS的四种方法：

1.第一种方法是行内样式,就是直接把CSS代码添加到html的标签中,作为标签的一种属性存在。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-1imw9stw-1624927872837)(/Users/georgegao/Library/Application Support/typora-user-images/image-20210617160742039.png)]

2.第二种方式是内嵌样式,就是将CSS代码添加到之间,并用标记进行声明。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ZRNnSLA8-1624927872839)(/Users/georgegao/Library/Application Support/typora-user-images/image-20210617161043975.png)]

3.第三种方法是链接样式，通过在外部定义CSS样式表并形成以.CSS为扩展名文件，然后在页面中通过链接标记链接到页面中，而且该链接语句必须放在页面的标记区。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-zeZzDgjm-1624927872839)(/Users/georgegao/Library/Application Support/typora-user-images/image-20210617161238020.png)]

4.第四种方法是导入样式。导入式是通过@import在style标签中进行声明的，如下例：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Pz15A9D7-1624927872840)(/Users/georgegao/Library/Application Support/typora-user-images/image-20210617161402692.png)]

（2）CSS规则：

基本语法规则&常用属性&规则：

https://www.w3school.com.cn/css/index.asp

选择器：（核心，关注优先级）

https://www.w3school.com.cn/cssref/css_selectors.asp

3、盒子模型：

4、CSS布局、定位、显示属性：

position：（定位）

https://www.runoob.com/cssref/pr-class-position.html

float：

https://www.runoob.com/cssref/pr-class-float.html

clear：

https://www.runoob.com/cssref/pr-class-clear.html

display：

https://www.runoob.com/cssref/pr-class-display.html

这一部分主要以练习来记忆。一般步骤是：

先用html创建元素，编写id，再通过css使用id选择器进行属性值的编辑。包括各种位置信息、大小、颜色等等内容。

六、JavaScript

1、如何在HTML中放置JS：

嵌入HTML：使用标签

https://www.w3school.com.cn/js/js_shiyong.asp

2、数据类型&表达式：

数据类型：

https://www.w3school.com.cn/js/js_datatypes.asp

正则表达式：

https://www.w3school.com.cn/js/js_regexp.asp

3、控制语句：

if…else：https://www.w3school.com.cn/js/js_if_else.asp

switch：https://www.w3school.com.cn/js/js_switch.asp

for循环：https://www.w3school.com.cn/js/js_loop_for.asp

While循环：https://www.w3school.com.cn/js/js_loop_while.asp

Break&Continue：https://www.w3school.com.cn/js/js_break.asp

4、函数定义（变量的作用域）：

function：https://www.w3school.com.cn/js/js_functions.asp

作用域：https://www.w3school.com.cn/js/js_scope.asp

5、JS标准对象：

字符串：https://www.w3school.com.cn/js/js_strings.asp

数组：https://www.w3school.com.cn/js/js_arrays.asp

6、了解DOM：

DOM：https://www.w3school.com.cn/js/js_htmldom.asp

七、HTTP：

1、常见文件类型的MIME：

https://www.w3school.com.cn/media/media_mimeref.asp

2、HTTP请求报文：

get-post：https://www.runoob.com/http/http-methods.html

3、HTTP响应报文常见的状态码：

常见状态码：https://www.runoob.com/http/http-status-codes.html

4、Cookie的工作原理：

https://www.runoob.com/js/js-cookies.html

5、表单数据的传递方式：

get和post方式的区别：

https://www.cnblogs.com/hnrainll/archive/2011/06/07/2074593.html

八、PHP语法：

1、PHP基础语法：

https://www.w3school.com.cn/php/index.asp

重点：

注释风格 ，数据类型，字符串，变量，常量，预定义变量，预定义常量，可变变量，表单变量，PHP超全局变量，PHP中的变量作用域，global 关键字，静态变量 static，运算符，表达式，强制类型转换，输出，流程控制

2、数组使用：

https://www.w3school.com.cn/php/php_arrays.asp

3、函数定义：

https://www.w3school.com.cn/php/php_functions.asp

4、代码重用：

require和include：

https://www.w3school.com.cn/php/php_includes.asp

5、会话跟踪：

Cookie和Session的工作原理&编程：

https://www.w3school.com.cn/php/php_cookies.asp

https://www.w3school.com.cn/php/php_sessions.asp

6、表单处理：

https://www.w3school.com.cn/php/php_forms.asp

7、字符串处理函数：

trim、htmlspecialchars函数：

https://www.w3school.com.cn/php/php_string.asp

九、MySQL：

1、简单的sql语句、语法：

https://www.runoob.com/mysql/mysql-tutorial.html

2、命令行操作Mysql：

https://blog.csdn.net/qq_34777600/article/details/81178891

3、PHP访问MySQL数据库：

https://www.w3school.com.cn/php/php_mysql_connect.asp

十、Web进阶技术：

1、AJAX技术：

https://www.w3school.com.cn/ajax/index.asp

2、PHP面向对象编程：

https://www.runoob.com/php/php-oop.html

3、Web Service技术的基本概念和原理：

https://www.cnblogs.com/jing99/p/6221122.html

4、了解常用的PHP开发框架和MVC模式：

常用框架：

https://blog.csdn.net/phpergod/article/details/92841998

MVC模式：

https://www.runoob.com/design-pattern/mvc-pattern.html