超過100種不同的Dreamweaver技巧和技巧
Adobe Dreamweaver對網頁設計師來說是一個非常強大的工具,因為它有很多你可以用它做的事情。 當然,你所能做的所有事情都會讓學習變得困難。 找出Dreamweaver可以做的許多事情,包括最新版本CS5的變化。 不要忘記檢查Dreamweaver CS5中缺少的東西。
定義一個網站
- 開始一個新的網站
- 創建一個網站
- 只需在需要時設置所需站點的各個部分* CS5中的新增內容
- 設置遠程,QA和測試服務器以獲得更完整的工作流程* CS5中的新功能
- 創建並發布新目錄
- 更改文檔類型
- 在你的頁面中包含元數據
把你的網站生活
- 定義一個遠程站點
- FTP文件到Web服務器
- 使用版本控制系統檢查輸入和輸出文件
- 與Subversion聯繫以獲得更高級的版本控制* CS5中的新功能
- 給你的隊友留下筆記
創建網頁
- 以所見即所得的模式寫一頁
- 用HTML編寫頁面
- 從模板創建一個新頁面
- 從頭開始創建一個新頁面
- 創建一個模板
- 將文件保存到您的網站目錄
- 定義頁面屬性
CSS
- 使用CSS樣式表
- 添加內聯樣式
- 創建一個外部樣式表
- 附上一個外部樣式表
- 創建類,標識,標籤和復合CSS選擇器
- 編輯現有的CSS規則
- 為可打印頁面創建CSS
- 啟用和禁用樣式屬性* CS5中的新增功能
- 可視化檢查CSS盒模型* CS5中的新功能
文本
- 修改文字
- 使用不同的字體
- 插入換行符
- 使用特殊字符
- 包括今天的日期
- 寫評論
- 將HTML標籤應用於文本
- 將HTML屬性添加到標籤
鏈接
- 鏈接文字和圖像
- 檢查網站鏈接
- 更改默認的鏈接顏色(鏈接,訪問,懸停,活動)
- 在鏈接上創建工具提示
- 創建mailto鏈接
- 創建網頁錨點
圖片
- 將圖形添加到頁面
- 編輯圖像
- 調整圖像大小
- 將alt文字添加到圖像
- 為圖像添加其他輔助功能選項
- 對齊圖像和文字
- 創建一個翻轉圖像
- 使用圖像映射
- 使用追踪圖像
- 使用圖像佔位符
- 插入Fireworks HTML
- 插入Photoshop文件
佈局
- 使用隨附的免費試用版* CS5中的新CSS起始器佈局
- 插入div以進行佈局
- 在CSS樣式面板中編輯div
- 插入絕對定位的元素
- 在屬性檢查器中格式化絕對定位的元素
- 使用標尺,網格和指南
清單
- 添加項目符號和編號列表
- 自定義列表項目符號和數字
表
- 創建一個表
- 添加標題行和列
- 使用透明圖像來保持表格單元格打開
- 創建固定寬度和靈活寬度的列
- 更改表格的邊框樣式
- 在表格中嵌入一張表格
- 導入表格數據
形式
- 使用mailto表單
- 定義表單操作
- 添加文本,電台,複選框,文件,圖像,選擇框和隱藏表單域
- 使用fieldset和label字段可以訪問您的表單
- 創建自定義提交按鈕
- 用JavaScript驗證表單(Spry)
數據庫和PHP腳本
- 將您的網站附加到數據庫
- 建立一個PHP / mySQL網站
- 使用Spry元素連接到數據庫
- 將數據對象插入到您的頁面中
- 測試並更新Spry數據源或顯示
- 在設計視圖中編輯複雜的動態網站
- 發現所有動態相關的文件來組裝PHP CMS站點(WordPress,Joomla和Drupal)* CS5中的新功能
- PHP代碼的自定義類提示,包括像Zend框架這樣的第三方框架* CS5中的新功能
框架
- 建立一個框架網站
- 編輯noframes內容
- 格式化和設置你的框架
- 設置幀之間的默認鏈接目標
添加交互性
- 建立一個相冊 (不再在CS5中)
- 向網頁添加聲音
- 創建一個下拉菜單
- 使用Dreamweaver行為打開彈出窗口,創建跳轉菜單,播放聲音,交換圖像等
- 將RSS源添加到網站
- 插入Flash文本作為滾動
- 插入CSS文本作為滾動
- 插入其他插件
- 添加Spry菜單欄,選項卡式面板,手風琴,工具提示和可折疊面板
- 使用小部件瀏覽器為您的網站找到新的小部件,而無需了解JavaScript
測試你的頁面
- 在Live View中測試您的頁面以查看JavaScript和交互引起的更改* CS5中的新功能
- 驗證您的HTML
- 在多個瀏覽器中預覽您的網頁
- 使用BrowserLab預覽其他操作系統中的頁面* CS5中的新功能
- 使用Device Central檢查頁面在移動設備上的外觀
- 檢查瀏覽器兼容性
- 更改設置以匹配您的網站需要處理的內容
- 檢查內部網站鏈接
- 測試您網站的可訪問性(不再在CS5中)
- 將Word文檔轉換為HTML
自定義Dreamweaver
- 添加擴展
- 禁用擴展
- 使用快捷方式自定義Dreamweaver
提高你的效率
- 使用內置的鍵盤快捷鍵
- 使用代碼片段
- 創建和使用模板
- 從自定義模板生成新頁面
- 更新模板
- 使用Dreamweaver庫將另一個文件包含在另一個文件中
- 更新庫項目
- 使用SSI在另一個文件中包含一個文件
- 使用搜索和替換