利用Dreamweaver解決網(wǎng)頁(yè)中的空格_Dreamweaver教程
教程Tag:暫無(wú)Tag,歡迎添加,賺取U幣!
以下是對(duì)Dreamweaver的空格問(wèn)題的探討。
Dreamweaver是一個(gè)非常簡(jiǎn)單易用但又功能強(qiáng)大的網(wǎng)頁(yè)制作軟件。但是,它卻又一個(gè)令很多初學(xué)者很困惑的問(wèn)題。那就是空格。
在Dreamweaver中使用空格遠(yuǎn)遠(yuǎn)沒(méi)有象word中一樣方便。比如首行無(wú)法空格,句子中間空一格以上都是不行的。
原因是什么呢?這是因?yàn)樵贖TML語(yǔ)言中多于一個(gè)的空格都被忽略不計(jì)。這樣就造成了空格困難的原因。
如何很好地解決Dreamweaver的空格問(wèn)題呢?
以下是常用的解決方案:
1、 使用軟空格。即在要插入空格的地方按Ctrl shift 空格。這樣的空格所有瀏覽器都能認(rèn)識(shí)。但是缺點(diǎn)是在頁(yè)面編輯的時(shí)候無(wú)法看見(jiàn)插入了多少空格,只能在瀏覽器預(yù)覽的時(shí)候才能看清楚。不夠直觀。軟空格其實(shí)使用的是代碼。是不間斷空距標(biāo)記。他可以生成軟空格。每按一下Ctrl shift 空格就是增加一個(gè)代碼。
代碼雖然簡(jiǎn)單,但是它的作用也很大。在做網(wǎng)頁(yè)時(shí)候我們空出一行或者幾行就要靠這個(gè)代碼來(lái)幫忙。學(xué)過(guò)HTML語(yǔ)言的朋友都知<p></p>標(biāo)簽是用來(lái)標(biāo)記一個(gè)段落的。如果光寫<p></p>這段代碼是不是就可以生成空行呢?這是無(wú)效的。必須在<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)所有的單元格全部擠在一起。根本無(wú)法往里面填寫內(nèi)容非要拖拽邊框不可。
2、 使用全角空格。為什么這種方案可行呢?因?yàn)槿强崭駥?shí)現(xiàn)起來(lái)比較簡(jiǎn)單。雖然也是空格但是對(duì)應(yīng)的HTML代碼卻不是空格代碼。而是另外的代碼,因此Dreamweaver把他當(dāng)字符處理而不是空格。所以可以相安無(wú)事。但是在不支持中文字符集的瀏覽器看來(lái)就是亂碼了。
3、 制作一張很小的透明圖片。嵌入到文本當(dāng)中或者行首。這種方法實(shí)現(xiàn)起來(lái)比較麻煩。
Dreamweaver是一個(gè)非常簡(jiǎn)單易用但又功能強(qiáng)大的網(wǎng)頁(yè)制作軟件。但是,它卻又一個(gè)令很多初學(xué)者很困惑的問(wèn)題。那就是空格。
在Dreamweaver中使用空格遠(yuǎn)遠(yuǎn)沒(méi)有象word中一樣方便。比如首行無(wú)法空格,句子中間空一格以上都是不行的。
原因是什么呢?這是因?yàn)樵贖TML語(yǔ)言中多于一個(gè)的空格都被忽略不計(jì)。這樣就造成了空格困難的原因。
如何很好地解決Dreamweaver的空格問(wèn)題呢?
以下是常用的解決方案:
1、 使用軟空格。即在要插入空格的地方按Ctrl shift 空格。這樣的空格所有瀏覽器都能認(rèn)識(shí)。但是缺點(diǎn)是在頁(yè)面編輯的時(shí)候無(wú)法看見(jiàn)插入了多少空格,只能在瀏覽器預(yù)覽的時(shí)候才能看清楚。不夠直觀。軟空格其實(shí)使用的是代碼。是不間斷空距標(biāo)記。他可以生成軟空格。每按一下Ctrl shift 空格就是增加一個(gè)代碼。
代碼雖然簡(jiǎn)單,但是它的作用也很大。在做網(wǎng)頁(yè)時(shí)候我們空出一行或者幾行就要靠這個(gè)代碼來(lái)幫忙。學(xué)過(guò)HTML語(yǔ)言的朋友都知<p></p>標(biāo)簽是用來(lái)標(biāo)記一個(gè)段落的。如果光寫<p></p>這段代碼是不是就可以生成空行呢?這是無(wú)效的。必須在<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)所有的單元格全部擠在一起。根本無(wú)法往里面填寫內(nèi)容非要拖拽邊框不可。
2、 使用全角空格。為什么這種方案可行呢?因?yàn)槿强崭駥?shí)現(xiàn)起來(lái)比較簡(jiǎn)單。雖然也是空格但是對(duì)應(yīng)的HTML代碼卻不是空格代碼。而是另外的代碼,因此Dreamweaver把他當(dāng)字符處理而不是空格。所以可以相安無(wú)事。但是在不支持中文字符集的瀏覽器看來(lái)就是亂碼了。
3、 制作一張很小的透明圖片。嵌入到文本當(dāng)中或者行首。這種方法實(shí)現(xiàn)起來(lái)比較麻煩。
相關(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開(kāi)發(fā)效率
- 在DreamWeaver中編寫CSS的一些技巧
- 使用Dreamweaver模板批量制作網(wǎng)頁(yè)
Dreamweaver教程Rss訂閱網(wǎng)站制作教程搜索
Dreamweaver教程推薦
猜你也喜歡看這些
- Dreamweaver CS4 中文版完全自學(xué)教程
- Dreamveaver中CSS視頻教程
- Dreamweaver+ASP動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)視頻教程
- Dreamweaver 8 完美網(wǎng)站建設(shè)從入門到精通
- Dreamweaver MX構(gòu)建PHP+MySQL站點(diǎn)
- 巧學(xué)巧用Dreamweaver制作網(wǎng)頁(yè)習(xí)題精解
- Dreamweaver 8 ASP動(dòng)態(tài)網(wǎng)頁(yè)編程完全自學(xué)手冊(cè)
- 零基礎(chǔ)學(xué)Dreamweaver CS3+ASP 教案PPT/隨書光盤
- 新編Dreamweaver MX2004 中文版輕松入門視頻教程 2CD
- Dreamweaver 8 完美網(wǎng)頁(yè)設(shè)計(jì)—CSS網(wǎng)頁(yè)設(shè)計(jì)篇
- 相關(guān)鏈接:
- 教程說(shuō)明:
Dreamweaver教程-利用Dreamweaver解決網(wǎng)頁(yè)中的空格
。