當前位置:才華齋>設計>網頁設計>

Dreamweaver空格使用方法

網頁設計 閱讀(2.35W)

網頁設計作為一種視覺語言,特別講究編排和佈局,雖然主頁的設計不等同於平面設計,但它們有許多相近之處。以下是小編為大家搜尋整理的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做了吧?