網頁製作

<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)



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章