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

使用Dreamweaver程式碼提示功能

網頁設計 閱讀(9.74K)

我們為大家收集整理了關於Dreamweaver程式碼提示功能,以方便大家參考。有時候一些熟悉的程式碼不想打,打個前面字母就能直接顯示,這個在我們的Dreamweaver裡面就可以實現,也就是我們常說的程式碼提示,那麼我們如何設定呢!

使用Dreamweaver程式碼提示功能

1、首先我們先開啟我們的dreamwawer編輯器,我們這裡用的是dreamwawer8.0版本,不過大致設定都是一樣的,對於版本不要太在意!

2、我們在最上面一行選單欄中找到我們的“編輯”這個選項,點選我們的“首選引數”,具體位置見圖!或許更簡單的辦法,我們直接“ctrl+u”即可!

3、彈出以下對話方塊,說明我們開啟正確,在彈出的對話方塊中,左側是我們的選單欄,在其中找到“程式碼提示”這個選項卡,設定設定好,點選儲存,這裡我們要注意,必須設定好,改選的選上,不要丟失!

4、接下來我們新建一個“html”檔案,我們要看一下效果!

5、在我們寫入程式碼的時候,輸入<這個符號,後面會自動出來程式碼提示,這時候我們按鍵盤上的“↓”鍵即可選擇,選中自己想要的`程式碼之後按“enter”鍵便可直接到文字區!方便快捷!

首先要在本地安裝好 WordPress 測試網站,如果是 Windows 系統,可以檢視這篇教程:如何在 Windows 系統上安裝 WordPress 本地測試,並保證網站已經能在本地正常瀏覽。

點選 Dreamweaver CS5 選單中的”Site–>New Site”,如下圖建立新站點:

在同一對話方塊中切換到”Servers”介面,點選”+”號新增測試服務器。

上面我們說到 Dreamweaver CS5 中啟用 WordPress 程式碼提示功能需要一個測試伺服器,我們已經預先在電腦上安裝例如 XAMPP 之類的伺服器,並把一些資訊輸入上圖。

在同一對話方塊中切換到”Advanced”介面,”Server Model”選擇”PHP MySQL”,儲存。

返回到”Servers”設定介面,選中”Testing”,儲存,退出此對話方塊,完成站點設定了。

開啟 Dreamweaver CS5 中 WordPress 程式碼提示功能

點選 Dreamweaver 選單中的 ”Site–>Site-Specific Code Hints”,以便讓站點與 WordPress關聯,如上圖,一般 Dreamweaver 會自動選中 WordPress,如果沒有,請手工選擇一下,儲存退出些對話方塊。

好了,一切設定已完成,下面是見證奇蹟的時刻,開啟一個 WordPress主題中的檔案,例如 ,如下圖:

輸入WordPress 某個函式的前幾個字元,例如 ”the_”,按 Ctrl+H,就會彈出 WordPress 裡以”the_”開頭的所有函式供你選擇,是不是很方便呢?