ecshop 使用教學 (125)
ecshop & PHP (14)
HTML5、CSS3、其他 (42)
ECSHOP響應式模版 (66)
建站之星(SiteStar) (16)
Brackets使用教學 (9)
推薦下載專區 (4)
虛擬主機 (1)
文章列表
|
Brackets 1.4以後的版本將不再支援 windows xp ，如果你和我一樣還在使用 windows xp 的話，只好繼續使用 Brackets 1.4，為了避免日後找不到軟體，所以先傳一份到伺服器放著，為了確認來源下讚後需要解壓縮，密碼為 we-shop.net
安裝：
雙擊 Brackets 安裝檔
安裝路徑與選項保持預設即可，點擊「Next」繼續：
... 閱讀全文...
|
||
|
用 Brackets 來編輯 body 的 HTML 代碼，加上有 Emmet 的協助，以目前來說算是最方便的編輯器了， Brackets 本身也都有自動提示和自動完成，所以不需要去特別記他，而 Emmet 對於HTML代碼讓你減少大量重複鍵入的工作，堪稱絕配，如果也能編輯 dwt 那就太好了。
上一篇說明了如何建立網頁基本結構，現在說說網頁煮的體部分，也就真正讓訪客看到的部分，同樣點擊側邊欄的... 閱讀全文...
|
||
|
先列出一些可能在編輯網頁時會用到的 Emmet 語法， Brackets 本身也都有自動提示和自動完成，所以不需要去特別記他...
link
<link rel="stylesheet" href="" />
link:css
<link rel="stylesheet" href="sty... 閱讀全文...
|
||
|
.xmp {border:1px solid #fff;padding:10px;width:auto;height:auto;overflow:hidden;color:yellow;margin-bottom:10px;}
Brackets Emmet 擴充功能可以讓你在輸入HTML只需輸入少許代碼縮寫，便能自動生成所需的代碼片段，省略很多需要重複鍵入的按鍵，有效節省大量時間...
例... 閱讀全文...
|
||
|
Brackets 的預設字體有點小，對於視力不好的人可能有些吃力，你可以從「檢視」功能表開啟「布景主題」面板加以修改：
A、如果你在擴充功能中安裝了其他主題，便會顯示於此清單中供選擇
B、編輯視窗預設字體大小只有12px，於是我改為20px，Ctrl+S儲存之後便能立即看到變化...
從 Brackets 「編輯」功能表勾選「自動加入右刮號」，當輸入程式碼時會自動輸入令一半... 閱讀全文...
|
||
|
Brackets 的開啟檔案和資料夾方式除了在任何資料夾或文字檔上面按滑鼠右鍵，選擇「Open with Brackets」，使用 Brackets 開啟外，還可以在「檔案」功能表中選擇「開啟」或「開啟資料夾」：
Brackets 也可以使用拖曳的方式開啟任何資料夾或文字檔，開啟的檔案或資料夾會顯示在側邊欄的樹狀結構中：
如果你想更換 Brackets 工作資料夾... 閱讀全文...
|
||
|
Brackets 擴充功能的安裝也非常簡單，而且由第三方所開發的擴充功能外掛也很豐富，在安裝好 Brackets 後，可以從右側的圖示（紅框處）或是功能表的「檔案」「擴充功能管理員」來開啟擴充功能面板，如果提示「讀取喜好設定時發生錯誤」，這是因為 Brackets 還沒完全載入，只需再開啟一「擴充功能面板」次即可
擴充功能超多而且都是ABC，看起來還真不是普通吃力，但是有一個叫 E... 閱讀全文...
|
||
|
一、下載：
進入 Brackets 首頁之後，如果你的作業系統是 windows7 以上的話，可以直接點擊藍色按鈕下載
如果你的作業系統是 windows xp 的話，會告訴你已經不再支援（A），但你還是可以點擊下方連結（B）下載並安裝
二、安裝：
雙擊 Brackets 安裝檔
安裝路徑與選項保持預設即可，點擊「Next」繼續：
... 閱讀全文...
|
||
|
以前一個網頁新手都希望有一個方便的所見及所得的網頁編輯器，因此很多人都會使用類似 Dreamweaver 的編輯軟體，但是這類軟體通常體積都非常龐大，載入速度慢且容易在編輯過程中遺留垃圾程式碼，造成網頁異常臃腫，曾幾何時，隨著網路技術不斷的提升，動態網站早已充斥網路，使用模版引擎解析網頁內容，資料快取使得載入網頁更快速，靜態與動態分離讓美工人員製作模版更容易，也不會破壞後端程式...
這樣的... 閱讀全文...
|