dreamweaver怎樣建立一個電子郵件連結

來源:酷知科普網 1.17W

網頁中建立一個電子郵件連結,單擊電子郵件連結時,該連結將開啟一個新的空白資訊視窗,使用的是與使用者瀏覽器相關聯的郵件程式。在電子郵件訊息視窗中, “ 收件人” 框自動更新為顯示電子郵件連結中指定的地。下面就看一下在dreamweaver怎樣建立電子郵件連結。

步驟/方法

(01)雙擊dreamweaver CS5圖示

dreamweaver怎樣建立一個電子郵件連結

(02)在選單中單擊“檔案”選擇“新建”

dreamweaver怎樣建立一個電子郵件連結 第2張

(03)在新建文件視窗,選擇“空白頁”—“HTML”,文件型別選擇“XHTML1.0 transitional”,單擊“建立”按鈕。

dreamweaver怎樣建立一個電子郵件連結 第3張

(04)在頁面裡輸入文字“聯絡方式:”,並把滑鼠移到文字的後面。

dreamweaver怎樣建立一個電子郵件連結 第4張

(05)在選單欄中單擊“插入”,選擇“電子郵件連結”。

dreamweaver怎樣建立一個電子郵件連結 第5張

(06)在彈出的“電子郵件連結”窗口裡,在“ 文字” 框中,鍵入或編輯電子郵件的正文,在“電子郵件” 框中,鍵入電子郵件地址,單擊“確定”按鈕。

dreamweaver怎樣建立一個電子郵件連結 第6張

(07)電子郵件的連結完成了,在頁面中單擊“在瀏覽器中預覽/除錯”按鈕。

dreamweaver怎樣建立一個電子郵件連結 第7張

(08)在瀏覽器中單擊“郵箱”連結,在面頁出現了一個“新郵件”視窗,這樣當別人點這個郵件連結時,就直接可以往這個設好的郵箱裡發郵件了。

dreamweaver怎樣建立一個電子郵件連結 第8張

特別提示

在屬性面板裡也可以建立一個電子郵件連結,直接在“ 連結” 框中,鍵入 mailto:,後跟電子郵件地址就可以了。

熱門標籤