基于Web标准的网页设计与制作知识整理

1.浏览器是供用户浏览网页的软件，Firefox是公认的标准浏览器。浏览器负责解释HTML等网页代码生成我们看到的网页。

2.Web服务器对静态网页起的只是一个查找和传输的作用，而动态网页要经过Web服务器解释执行后生成的HTML文档才能被浏览器解释。

3.静态网页就是纯粹的HTML页面，网页的内容是固定的，不变的。动态网页中的内容会根据具体情况发生变化的网页，同一个网页根据每次请求的不同，可显示不同的内容。

动态网页要显示不同的内容，往往需要数据库作支持，这也是动态网页的一个特点。

4.静态网页的URL后缀是htm、html、shtml、xml等；动态网页的URL后缀是asp、aspx、jsp、php、perl、cgi等。

5.URL，统一资源定位地址，URL的一般格式为“协议名://主机名[:端口号][/'文件夹名/文件名][#锚点名]”。

6.常见的协议名。(1)HTTP：超文本传送协议，用于传送网页。(2)FTP：文件传送协议，用于传送文件。(3)FILE：访问本机或其他主机上共享文件的协议。

7.新的XHTML标准规定，标记名必须是小写字母。

8.单标记，
，换行，

---

,,,,。

9.h2，p，div这些元素中的内容会占满一整行，而a，img，span这些元素在一行内从左到右排列。

10.行内(inline)元素是指元素与元素之间从左至右并排排列，只有当浏览器窗口容纳不下才会转到下一行。块级(block)元素是指每个元素占据浏览器一整行位置，块级元素与块级元素之间自动换行，从上到下排列。

11.块级元素内部可包含行内元素或块级元素，行内元素内部可包含行内元素，但不得包含块级元素，块级元素

元素内部不能包含其他块级元素。

12.XHTML确定网页的内容，而通过CSS来决定页面的表现形式。

13.在Web标准中，结构标准语言是指XML和XHTML，表现标准语言是指CSS，行为标准语言主要指JavaScript。

14.标题标记可以用来定义第n号标题，其中n=1~6，n的值越大，字越小。

15.pre标记的内容将按原来代码中的格式显示，保留所有空格，换行和定位符。

16.跑马灯标记,marque,它能使其中的文本或图像在浏览器屏幕上不断滚动，其中，behavior=‘’alternate"设置滚动方式为来回滚动，设置为scroll表示循环滚动，设置为slide表示滚动到目的地就停止。direction属性用于控制滚动的方向，可以上下滚动或左右滚动。loop设置滚动的次数，loop为0表示不断滚动。scrollamount属性设置滚动的速度，scrolldelay属性设置滚动的延时。

17.强制不换行标记，nobr。

18.水平线标记,

---

，其中size属性用来设置水平线的粗细，noshade设置水平线是否有阴影效果，默认是有阴影效果的。

19.<，代表符号<，>，代表符号>，©，代表版权符号，÷，代表符号÷，±，代表符号±。

20.文字与文字之间的空格，如果超过一个空格，那么从第2个空格开始，都会被忽略掉，空格符是 ，如果要输入多个空格，可交替输入” “和 。

21.在DW设计视图中的一些常用快捷键，(1)shift+enter键插入
,(2)ctrl+shift+space键插入空格符 。

22.font标记，改变文字的字体，字号或颜色，这些改变是通过它的三个属性face，size和color的设置实现的。face属性定义文字的字体，size属性定义文字的大小，n越大则字越大，color定义文字的颜色。

23.b为加粗标记，i为倾斜标记，u为下划线标记，em和strong的作用虽然也是使文本倾斜或加粗，但它们是具有语义的标记，对搜索引擎更友好，所以现在更推荐使用它们替代i和b。

24.上标（sup）和下标（sub）标记，这两个标记主要用来书写数学公式或分子式。如：H₂O，为水分子化学式，X²，为X的平方。

25.列表标记，无序列表ul，在列表文本前显示加重符号；有序列表ol，在列表文本前显示数字序号；定义列表dl，包含一个列表标题和一系列列表内容。

26.DW的常用快捷键ctrl+z键进行撤销操作，ctrl+s键保存网页，F12预览网页。

27.标记img常见属性，src，alt，title，align，width，height，src是图片文件的URL地址，alt当图片无法显示时显示的替换文字，title是鼠标停留在图片上时显示的说明文字，align是图片的对齐方式，默认为基线对齐，即图片的下边缘和文字的下边缘对齐，width和height是图片在网页中的宽和高。

28.网页中可以插入的图像文件的类型有JPG，GIF和PNG格式，网页中不能插入BMP即位图格式的图片文件。

29.绝对URL是采用完整的URL来规定文件在Internet上的精确地点，包括完整的协议类型，计算机域名，或IP地址，包含路径信息的文档名；相对路径是相对于包含超链接页的地点来规定文件的地点，应尽量使用相对路径创建链接，使用相对路径创建的链接可根据目标文件与当前文件的目录关系，分为四种情况：(1)链接到同一目录内的其他网页文件，直接写目标文件名，(2)链接到下一级目录中的网页文件，写子目录名/目标文件名，(3)链接到上一级目录中的网页文件，写../目标文件名，(4)链接到上一级目录中其他子目录中的网页文件，写../子目录名/目标文件名。

30.热区链接是指在一张图片上实现不同区域指向不同的网页链接，比如地图，单击不同的地区就会跳到不同的网页。

31.电子邮件链接，如果在链接的URL地址的前面有mailto，就表示是电子邮件链接，单击电子邮件链接后，浏览器会自动打开默认的电子邮件客户端程序。

32.锚链接，链接到页面中某一指定的位置，当网页内容很长，需要进行页内跳转链接时，就需要定义锚点和锚点链接，锚点可使用name属性或id属性定义，锚链接需要和锚点配合使用单击锚链接会跳转到指定的锚点处。也可用锚链接链接到其他网页某个锚点处。

33.空链接和脚本链接，...,相当于没有定义锚点的锚链接，网页会返回页面顶端；关闭窗口。

34.超链接目标的打开方式，self是在原来的窗口或框架打开链接的网页，这是target属性的默认值，blank是在一个新窗口打开所链接的网页，parent是将链接的文件载入到父框架打开，如果包含的链接不是嵌套框架，则所链接的文档将载入到整个浏览器窗口，top是在整个浏览器窗口载入所链接的文档，因而会删除所有框架。在这四种取值中，parent，top仅仅在网页被嵌入到其他网页中有效，如框架中的网页，所以它们使用得很少。

35.