网页制作

<Dreamweaver基础教程>李振华等，清华大学出版社

《网页制作实训教程》侯东梅等，清华大学出版社

网站制作基本过程

网站制作常用工具

网页中常见的素材

 

1、In Action

（1）看到一张图，首先考虑布局。

（2）使用reset.css，然后父元素布局，但不设置宽、高；不设置宽、高，父元素的宽、高由子元素的内容的宽、高决定；

（3）在一个div中，若使用了float浮动，必须要有清理元素。即<div style=“clear:both;”></div>

（4）在ff中开发、调试，待完全好了之后，再去不同IE中验证；

（5）由于<a>是行内元素，因此可以将<a>标签利用。如：<a href="#">aaa</a>或<a href="#" title=""><img src="" width="" height="" alt=""></a>

（6）对于标题，一般用：

<ul>

      <li>

                  <a href="#"></a>

      </li>

       <li>

                 <a href="#"></a>

      </li>

</ul>，其中ul、li都是块元素；

（7）文字控制间距：letter-spacing

（8）去除超链接样式：text-decoration:none

（9）嵌套的标签，最好用margin控制间距，少用padding

（10）背景图片最好使用background，可以避免加载失败后叉叉。

（11）去除ie6 margin值加倍：display:inline

（12）控制层次：z-index

（13）文本长度超过限制自动显示“文本...”：

white-space:nowrap;

overflow:hidden;

text-overflow:ellipsis;

（14）图片或div垂直居中：

position:absolute;

width:

height:

top:50%;

lef:50%;

margin-left:-width/2;

margin-top:-height/2;

（15）在定位时，用top和left两个属性就足够了。

（16）可以指定显示类型为block的元素的宽和高，但是 inline类型的无法指定。padding（内边距）和margin（外边距）可以被应用到inline显示的元素，但是不会影响包含的元素。

（17）

 

2、TIPS

（1）

3、PS

（1）