糯米文學吧

位置:首頁 > 設計 > 網頁設計

Dreamweaver空格使用方法

網頁設計作為一種視覺語言,特別講究編排和佈局,雖然主頁的設計不等同於平面設計,但它們有許多相近之處。以下是小編為大家搜索整理的Dreamweaver空格使用方法,希望能給大家帶來幫助!更多精彩內容請及時關注我們應屆畢業生考試網!

Dreamweaver空格使用方法

1、製作一張很小的透明圖片。嵌入到文本當中或者行首。這種方法實現起來比較麻煩。

2、使用全角空格。為什麼這種方案可行呢?因為全角空格實現起來比較簡單。雖然也是空格但是對應的HTML代碼卻不是空格代碼。而是另外的代碼,因此Dreamweaver把他當字符處理而不是空格。所以可以相安無事。但是在不支持中文字符集的瀏覽器看來就是亂碼了。

3、使用軟空格。即在要插入空格的地方按Ctrl+shift+空格。這樣的空格所有瀏覽器都能認識。但是缺點是在頁面編輯的時候無法看見插入

了多少空格,只能在瀏覽器預覽的時候才能看清楚。不夠直觀。軟空格其實使用的是 代碼。是不間斷空距標記。它可以生成軟空格。每按一下Ctrl+shift+空格就是增加一個代碼。

代碼雖然簡單,但是它的作用也很大。

在做網頁時候我們空出一行或者幾行就要靠這個代碼來幫忙。學過HTML語言的朋友都知道

標籤是用來標記一個段落的。如果光寫

這段代碼是不是就可以生成空行呢?這是無效的。

必須在

標籤中增加 ;代碼才行。

這樣的代碼才會有空行效果。這裏該標記也是起了佔據位置的作用。另外如果用Dreamweaver生成一張表格,察看源代碼的時候會發現。

單元格標籤中頁有這個標記 。如果你把這些標記刪除,會發現所有的單元格全部擠在一起。根本無法往裏面填寫內容非要拖拽邊框不可。

  【相關閲讀

  firework通道摳圖的方法

Fireworks中使用通道摳圖的步驟:

將需要處理的圖片複製一份,並畫兩個與圖片大小相同的黑色矩形,將4張圖對齊,並在層面板裏按下圖關係排列:

將第1層的混合模式改成“飽和度”,第2層的混合模式改成“紅”、“綠”、“藍”中任意一種,此時所顯示的效果即和Photoshop中的RGB對應通道完全相同,和Photoshop一樣,要選擇一個比較理想的'通道。我選了綠(G)通道

同時選擇1、2、3層,按Ctrl+Shift+Alt+Z(修改->平面化所選),三個圖層變成了一個位圖,下面調節色階、曲線等(濾鏡->調整顏色),目的是使圖片黑白分明,不明白的去找Photoshop通道摳圖和蒙版摳圖的教程。

對於這張圖,我先做了一個“反轉”,又用“自動色階”和“亮度、對比度”調整,所以Ctrl+Shift+Alt+Z再次將這張圖平面化,這步非常重要。再用畫筆修飾一下圖片,把不需要透明的地方塗白,例如眼睛和翅膀的灰色部分。

現在只剩下兩個圖層了,將黑白的圖層粘貼成彩色圖層的蒙版。方法是選中黑白圖層,然後Ctrl+X剪切,選擇彩色圖層,點圖層面版下面的“添加蒙版”按鈕,Ctrl+V粘貼進去。

大功告成了,把背景設置成透明看看效果,以後看見用Photoshop摳頭髮的教程,你也會用Fireworks做了吧?

標籤:Dreamweaver 空格