来一发复杂先容Web Developer插件制造网页

更好的控制页面布局。不用多说。
Firefox扫瞄器是一个优秀撑持W3C尺度的开放源代码的扫瞄器，具有Linux/Windows/Mac版本。由于Firefox扫瞄器优秀撑持W3C尺度，以是利用Firefox来调试网页长短常好的。Firefox默许安装包只要8M(Linux版)和5M(Win版)，安装后功效较少。为了能制造网页，我们必要安装WebDeveloper插件。上面我就先容一下我利用利用Firefox+WebDeveloper插件制造网页的复杂历程。
1.计划好你的页面的大略内容，布局化它们

你多是在内心计划，也多是在纸上计划，也大概在电脑里用Photoshop计划。我夸大，先有内容，再有体现。可是不是先有一切的内容然后再来计划体现，我以为内容由于占主导位置。将内容分类，也就是布局化。
2.把内容的文本输出HTML文件中，计划和搜集将要利用的图象

利用带有语法着色功效的文本编纂器输出文本，使用段落来布局化你的文本。
3.用HTML/XHTML标签括住内容的文本

由于你已将文本布局化好了，那末容易就能够用标签将它们括住---次要利用div标签，列表内容利用列表标签。为主要的标签(究竟哪一些标签是主要的，你在布局化的时分已想好)分派id属性和class属性。创立一个空缺的CSS文件，并在网页中援用它。
4.用Firefox扫瞄器翻开HTML文件扫瞄器

如今，你已写好了一个纯HTML的网页。即便如许，它在扫瞄器下也应当具有优秀的显现。不然申明你的布局化历程不敷乐成，检察代码，找出是不是有必要改善的中央。
5.使用WebDeveloper插件来计划完全的CSS款式表，利用网页的显现加倍无缺

用鼠标右键单击网页，选择菜单WebDeveloper-->CSS-->EditCss，翻开可编纂CSS的侧栏。在内里输出CSS代码，你的代码将当即感化于网页。以是，这也是另外一种意义上的可视化网页制造体例。在调试定位的时分，你能够为工具加上分歧色彩的边框，如许可使用工具间的地位干系加倍明显。
为了避免代码丧失，常常把你的CSS代码保留在你所创立的CSS文件中。
6.扫尾

当你对页面的显现已绝对中意的时分，在IE，Opera和别的你所能弄到的扫瞄器里检察你的网页的显现效果。假如有差别，以Firefox为准，并使用hack打消在IE中的差别。
7.结语

这里只不外给出了步骤性的教程，一个网页是不是显现优秀，更次要的是你的艺术感到和你的履历。

• Firefox扫瞄器插件的中文网址是http://addons.mozine.org/
  
• WebDeveloper插件的下载地点是http://addons.mozine.org/addon.php?id=32
  

更方便搜索引擎的搜索。用只包含结构化内容的HTML代替嵌套的标签，搜索引擎将更有效地搜索到你的内容，并可能给你一个较高的评价(ranking)。