Dreamweaver解決網(wǎng)頁(yè)制作中的空格問題_Dreamweaver教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
Dreamweaver是一個(gè)非常簡(jiǎn)單易用但又功能強(qiáng)大的網(wǎng)頁(yè)制作軟件。但是,它卻又一個(gè)令很多初學(xué)者很困惑的問題。那就是空格。在Dreamweaver中使用空格遠(yuǎn)遠(yuǎn)沒有象word中一樣方便。比如首行無法空格,句子中間空一格以上都是不行的。原因是什么呢?這是因?yàn)樵贖TML語言中多于一個(gè)的空格都被忽略不計(jì)。這樣就造成了空格困難的原因。
如何很好地解決Dreamweaver的空格問題呢?解決的方案有很多:
1、 制作一張很小的透明圖片。嵌入到文本當(dāng)中或者行首。這種方法實(shí)現(xiàn)起來比較麻煩。
2、 使用全角空格。為什么這種方案可行呢?因?yàn)槿强崭駥?shí)現(xiàn)起來比較簡(jiǎn)單。雖然也是空格但是對(duì)應(yīng)的HTML代碼卻不是空格代碼。而是另外的代碼,因此Dreamweaver把他當(dāng)字符處理而不是空格。所以可以相安無事。但是在不支持中文字符集的瀏覽器看來就是亂碼了。
3、 使用軟空格。即在要插入空格的地方按Ctrl shift 空格。這樣的空格所有瀏覽器都能熟悉。但是缺點(diǎn)是在頁(yè)面編輯的時(shí)候無法看見插入了多少空格,只能在瀏覽器預(yù)覽的時(shí)候才能看清楚。不夠直觀。軟空格其實(shí)使用的是代碼。是不間斷空距標(biāo)記。他可以生成軟空格。每按一下Ctrl shift 空格就是增加一個(gè)代碼。
代碼雖然簡(jiǎn)單,但是它的作用也很大。在做網(wǎng)頁(yè)時(shí)候我們空出一行或者幾行就要靠這個(gè)代碼來幫忙。學(xué)過HTML語言的朋友都知<p></p>標(biāo)簽是用來標(biāo)記一個(gè)段落的。假如光寫<p></p>這段代碼是不是就可以生成空行呢?這是無效的。必須在<p>標(biāo)簽中增加“;”代碼才行。<p> </p>這樣的代碼才會(huì)有空行效果。這里該標(biāo)記也是起了占據(jù)位置的作用。另外假如用Dreamweaver生成一張表格,察看源代碼的時(shí)候會(huì)發(fā)現(xiàn)。單元格<td>標(biāo)簽中頁(yè)有這個(gè)標(biāo)記<td> </td>。假如你把這些標(biāo)記刪除,會(huì)發(fā)現(xiàn)所有的單元格全部擠在一起。根本無法往里面填寫內(nèi)容非要拖拽邊框不可。
以上是對(duì)Dreamweaver的空格問題的探討。
如何很好地解決Dreamweaver的空格問題呢?解決的方案有很多:
1、 制作一張很小的透明圖片。嵌入到文本當(dāng)中或者行首。這種方法實(shí)現(xiàn)起來比較麻煩。
2、 使用全角空格。為什么這種方案可行呢?因?yàn)槿强崭駥?shí)現(xiàn)起來比較簡(jiǎn)單。雖然也是空格但是對(duì)應(yīng)的HTML代碼卻不是空格代碼。而是另外的代碼,因此Dreamweaver把他當(dāng)字符處理而不是空格。所以可以相安無事。但是在不支持中文字符集的瀏覽器看來就是亂碼了。
3、 使用軟空格。即在要插入空格的地方按Ctrl shift 空格。這樣的空格所有瀏覽器都能熟悉。但是缺點(diǎn)是在頁(yè)面編輯的時(shí)候無法看見插入了多少空格,只能在瀏覽器預(yù)覽的時(shí)候才能看清楚。不夠直觀。軟空格其實(shí)使用的是代碼。是不間斷空距標(biāo)記。他可以生成軟空格。每按一下Ctrl shift 空格就是增加一個(gè)代碼。
代碼雖然簡(jiǎn)單,但是它的作用也很大。在做網(wǎng)頁(yè)時(shí)候我們空出一行或者幾行就要靠這個(gè)代碼來幫忙。學(xué)過HTML語言的朋友都知<p></p>標(biāo)簽是用來標(biāo)記一個(gè)段落的。假如光寫<p></p>這段代碼是不是就可以生成空行呢?這是無效的。必須在<p>標(biāo)簽中增加“;”代碼才行。<p> </p>這樣的代碼才會(huì)有空行效果。這里該標(biāo)記也是起了占據(jù)位置的作用。另外假如用Dreamweaver生成一張表格,察看源代碼的時(shí)候會(huì)發(fā)現(xiàn)。單元格<td>標(biāo)簽中頁(yè)有這個(gè)標(biāo)記<td> </td>。假如你把這些標(biāo)記刪除,會(huì)發(fā)現(xiàn)所有的單元格全部擠在一起。根本無法往里面填寫內(nèi)容非要拖拽邊框不可。
以上是對(duì)Dreamweaver的空格問題的探討。
相關(guān)Dreamweaver教程:
- 用Dreamweaver在網(wǎng)頁(yè)中插入Flash按鈕
- 在Dreamweaver中編寫CSS需要掌握的技巧
- Dreamweaver CS3代碼片斷功能面板的利用
- Dreamweaver CS3 的最新功能
- 用Dreamweaver建站如何設(shè)計(jì)CSS?
- Dreamweaver文字自動(dòng)換行
- 探討Dreamweaver制作網(wǎng)頁(yè)時(shí)的空格
- 使用Dreamweaver制作網(wǎng)頁(yè)的20個(gè)技巧
- Dreamweaver MX 2004的PPT格式課件
- Dreamweaver技巧:運(yùn)用代碼片斷工具提高css開發(fā)效率
- 在DreamWeaver中編寫CSS的一些技巧
- 使用Dreamweaver模板批量制作網(wǎng)頁(yè)
Dreamweaver教程Rss訂閱網(wǎng)站制作教程搜索
Dreamweaver教程推薦
- Dreamweaver MX2004視頻寶典教程 菜單概述
- 小技巧:Dreamweaver的應(yīng)用源格式
- 用戶注冊(cè)的實(shí)現(xiàn)-Dreamweaver構(gòu)建Blog
- Dreamweaver制作漂亮的網(wǎng)頁(yè)Flash電子相冊(cè)
- 用Dreamweaver實(shí)現(xiàn)ASP動(dòng)態(tài)網(wǎng)站建設(shè)
- Dreamweaver技巧:運(yùn)用代碼片斷工具提高css開發(fā)效率
- DW MX實(shí)例:利用表格美化頁(yè)面
- 在Dreamweaver中編寫CSS需要掌握的技巧
- Dreamweaver網(wǎng)頁(yè)中實(shí)用的制作技巧
- 在Dreamweaver中靈活使用網(wǎng)頁(yè)表格
猜你也喜歡看這些
- Dreamweaver MX 2004 官方簡(jiǎn)體中文版教程
- Dreamweaver 2004視頻教程下載
- CSS視頻教程
- FIF小組Dreamweaver制作網(wǎng)頁(yè)視頻教程
- Dreamweaver8中文版職業(yè)應(yīng)用視頻教程(打包下載)
- 視友工作室網(wǎng)站頁(yè)設(shè)計(jì)制作全面通
- DreamweaverMX2004互動(dòng)網(wǎng)站百寶箱for PHP
- Dreamweaver 8 大師系列教程- 高級(jí)篇
- Dreamweaver 8.0網(wǎng)頁(yè)設(shè)計(jì)
- Xhtml全套課程(含項(xiàng)目案例,李炎恢主講)
- 相關(guān)鏈接:
- 教程說明:
Dreamweaver教程-Dreamweaver解決網(wǎng)頁(yè)制作中的空格問題。