当前位置：首页 -> 网页设计 -> HTML/CSS -> 网页制作超级技巧（一）

网页制作超级技巧（一）

时间： 2021-07-31 作者：daque

　　本领第一局部

　　编者按：网页创造既大略也搀杂。正文大略引见了几种网页创造的本领。

　　a.笔墨和图片功效

　　一、让笔墨变换脸色

　　在有些网页咱们不妨看到少许笔墨，当鼠标移上去是一种脸色，移开即是其余一种脸色，这是如何样实行的呢？

　　从来咱们只须要在head内预先设置两个类，辨别设置了两种脸色，这在反面的html源文献中会用到这个脸色的设置：

　　<style>　　　.normal {color:red;}　　　.start {color:blue;} 　　</style>　　而后咱们在要变换的字前后加左右面包车型的士代码:　　<span onmouseover = "this.classname = 'normal'"　onmouseout = "this.classname='start'" class=start> here </span>　　这边的“class=start”是将这行字的默许值设为 start {color:blue;}，假如不加上这句的话，你这行字的脸色就会形成html预先设定的数值。

　　当咱们把鼠标挪动到“here”上的功夫，脸色为“normal”设置的脸色，而当鼠标移开的功夫“here”的脸色为“start”设置的脸色（这种功效惟有在ie欣赏器中才不妨看到）。

　　二、给置网页加上后台图像

　　网页的背局面和后台图采用得好，会给页面出色不少。即使采用简单的背局面，不免显得缺乏，即使采用所有图片做后台，因为图片自己的文献大，形成网页的加载功夫长，普遍用户很难有耐心等候下来。那么带后台的网页是怎样创造出来的？

　　很大略，普遍是沿用一幅很小的图片，而后铺打开，产生很美丽的后台。对后台图的诉求固然是越美丽越好，文献越小越好。当你有了一幅不妨天然拼接的图像后，在dreamweaver中，咱们不妨树立background图片。

　　翻开源文献咱们不妨看到〈body〉标签中多了一串代码。代码的表白式如次：

　　这边的images/background.gif即是background的值，其图像文献名为一个url。

　　固然咱们不妨在源代码市直接介入上头的代码。

　　b.链接和段落

　　三、去掉超链接的下划线

　　在考察少许页面包车型的士功夫，咱们会创造，当鼠标挪动到具备超等贯穿的笔墨上的功夫，有的会爆发相映的下划线。但是有些网页却没有。网页超链接的下划线是怎样去掉的呢？　　咱们在<head>...</head>之间插入底下的代码。

　　更大略的本领是：

　　本领第二局部

　　四、段落缩进的本领

　　在运用dreamweaver创造相关文书档案材料实质的网页时，即使是英文抄写方法，段落普遍不缩进（不扶助半角空格）；即使须要缩进常常须要报酬的介入两个华文全角空格，才不妨表露出场所缩进功效。除去上头所说的外，再有底下几种本领，不妨犯得着一试，现引见如次。

　　 1.预方法(pre)

　　用预方法编写的源文献，在表露时照源文献中的排版字样表露，空行和空格都能很领会地辨别飞来。如源文献为：　　　　<pre>　　－－预方法表露……　　</pre>

　　网页就会依照你预先树立好的表露办法表露，即在“预方法表露”的前方就会空两个中国字的场所。

　　2.插入点图或图形

　　点图是指图片中惟有一个或几个像素点，用肉眼看不出来。当咱们在段落发端插入如许一个点图，并用hspace和vspace属性来安排点图的安排和左右的空格，以到达段落缩进。

　　同样不妨插入图形，只然而该图形的脸色须要用网页背局面，这种办法用img的width和height属性安排图形巨细，以到达缩进。

　　插入图形的本领，须要咱们控制好hspace和vspace巨细的标准，使之恰巧留出两个中国字的场所，如许才比拟场面。

　　3.插入没有边框和实质的表格

　　这种办法与上述的插入图形办法一致，该表格没有边框和实质，是空表格。用table的width和height属性安排表格巨细符合缩进的须要。

　　运用表格来定位普遍来说比拟真实，我往往就沿用这种办法来对比拟搀杂的页面举行定位。然而这种本领有一个题目，即是大概是页面包车型的士源文献变大。所以也不见得是方法遏制的首要选择。

　　4.插入特出的空格字符“ ”

　　“ ”代办非表露空格字符。插入几何个“ ”字符，中央用分号(；)大概空格隔绝，也不妨实行华文段落缩进。然而在netscape中只能写小写假名，而在ie中巨细写都不妨。

　　c.总结

　　这几种本领主假如对准运用html的谈话编写网页而言。在少许网页创造东西，如网景欣赏器中有特意介入空格的东西条，也不妨实行段落缩进。

网页制作超级技巧（一）

相关推荐

推荐下载

热门阅览

最新排行