关闭

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

679人阅读 评论(0) 收藏 举报
分类:

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.单标记,<br/>,换行,<hr/>,<img/>,<input/>,<meta/>,<link/>。

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

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

11.块级元素内部可包含行内元素或块级元素,行内元素内部可包含行内元素,但不得包含块级元素,块级元素<p>元素内部不能包含其他块级元素。

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.水平线标记,<hr/>,其中size属性用来设置水平线的粗细,noshade设置水平线是否有阴影效果,默认是有阴影效果的。

19.&lt,代表符号<,&gt,代表符号>,&copy,代表版权符号,&divide,代表符号÷,&plusmn,代表符号±。

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

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

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

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

24.上标(sup)和下标(sub)标记,这两个标记主要用来书写数学公式或分子式。如:H<sub>2</sub>O,为水分子化学式,X<sup>2</sup>,为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.空链接和脚本链接,<a href="#">...</a>,相当于没有定义锚点的锚链接,网页会返回页面顶端;<a href="JavaScript:self.close();">关闭窗口</a>。

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

35.

2
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:8249次
    • 积分:294
    • 等级:
    • 排名:千里之外
    • 原创:13篇
    • 转载:1篇
    • 译文:0篇
    • 评论:1条
    最新评论
  • matlab移位运算

    qq_35608277: 这哪里是移位,只是坐标轴平移显示,这么长的代码其实全是在设置坐标轴属性。。。