DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Dreamweaver教程 >> Dreamweaver入門 >> Dreamweaver網頁設計中空格
Dreamweaver網頁設計中空格
編輯:Dreamweaver入門     
  Dreamweaver是一個非常簡單易用但又功能強大的網頁制作軟件。但是,它卻又一個令很多初學者很困惑的問題。那就是空格。在Dreamweaver中使用空格遠遠沒有象word中一樣方便。比如首行無法空格,句子中間空一格以上都是不行的。原因是什麼呢?這是因為在HTML語言中多於一個的空格都被忽略不計。這樣就造成了空格困難的原因。
 
  如何很好地解決Dreamweaver的空格問題呢?解決的方案有很多:
 
  1、制作一張很小的透明圖片。嵌入到文本當中或者行首。這種方法實現起來比較麻煩。
 
  2、使用全角空格。為什麼這種方案可行呢?因為全角空格實現起來比較簡單。雖然也是空格但是對應的HTML代碼卻不是空格代碼。而是另外的代碼,因此Dreamweaver把他當字符處理而不是空格。所以可以相安無事。但是在不支持中文字符集的浏覽器看來就是亂碼了。 (3lian素材網)
 
  3、使用軟空格。即在要插入空格的地方按Ctrl+shift+空格。這樣的空格所有浏覽器都能認識。但是缺點是在頁面編輯的時候無法看見插入了多少空格,只能在浏覽器預覽的時候才能看清楚。不夠直觀。軟空格其實使用的是 代碼。是不間斷空距標記。他可以生成軟空格。每按一下Ctrl+shift+空格就是增加一個代碼。
 
  代碼雖然簡單,但是它的作用也很大。在做網頁時候我們空出一行或者幾行就要靠這個代碼來幫忙。學過HTML語言的朋友都知道<p></p>標簽是用來標記一個段落的。如果光寫<p></p>這段代碼是不是就可以生成空行呢?這是無效的。必須在<p>標簽中增加 ;代碼才行。<p> </p>這樣的代碼才會有空行效果。這裡該標記也是起了占據位置的作用。另外如果用Dreamweaver生成一張表格,察看源代碼的時候會發現。單元格<td>標簽中頁有這個標記<td> </td>.如果你把這些標記刪除,會發現所有的單元格全部擠在一起。根本無法往裡面填寫內容非要拖拽邊框不可。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved