二十幾歲不可不知的2000條經驗：順德網站開發工具

　　二十幾歲不可不知的2000條經驗：順德網站開發工具

　　今天這篇文章將介紹網站開發經常使用的工具是二十幾歲不可不知的2000條經驗，了解了這些工具的使用方法后， 就已經可以開始做一些簡單的網站了。 但是要成為一名合格的網站 建設人員， 必須要學好前面所列的客戶端語言， 比如HTML就是每一個網站開發人員都必須掌握的標記語言。

　　1.Dreamweaver 設計工具

　　Dreamweaver是目前最流行的網站開發工具， 它具有所見即所得的網頁設計功能 ，同時又可以 編輯HTML代碼 。 對于代碼開發人員， 它提供了強大的代碼 編輯器， 支待PHP、 JSP、ASP、ASP.NET等服務器端語言的編輯;對千網頁設計人員， 它的可視化設計器簡單易用， 靈活而又強大。

　　需要注意的是 Dreamweaver最初是由Macromedia公司開發的， 后被Adobe收購， 它具有Mac和Windows系統的版本， 目前Adobe也正開發Linux版本的Dreamweaver。

　　目前 Dreamweaver 的最新版本是 Dreamweaver CS6, 如果讀者的計算機上沒有安裝Dream weaver軟件， 可以先從Adobe公司的網站下載該軟件的試用版本。

　　Adobe的軟件試用版需要安裝AdobeDownload Assistant軟件。

　　安裝 Dreamweaver需要Windows XP以上的操作系統， 內存512MB以上，1GB以上的可用磁盤空間， 目前大多數的電腦硬件配置都能夠滿足要求。

　　筆者的電腦上同時安裝了DreamweaverCSS和DreamweaverCS6, 雖然兩者在界面和 編輯功能上很相似，但是DreamweaverCS6的新建窗口中可供 選擇的項有了一些變化， 比如DreamweaverCS6的HTML模板中現在有了HTMLS的選項。

　　除此之外， CS6版本對千移動jQuery、CSS3轉換和更新的實時視圖都提供了增強， 本書第11章將會更詳細地討論這些內容。

　　下面來認識下 Dreamweaver 的界面組成。

　　Dreamweaver 提供了面板式的軟件操作體驗， 所有的工具都以面板的形式提供， 面板方式能提供即時查看的效果， 相信隨著了解的深入， 會越來越離不開這樣的面板管理界面。

　　首次進入 Dreamweaver 時， 將顯示歡迎頁面， 歡迎頁面包含了最近打開的項目列表、 可供新建的文件類型及 Dreamweaver 的學習鏈接。

　　2 .圖像處理工具 Photoshop

　　Photoshop (簡稱PS)是款業界領先的圖像處理軟件。Photoshop的功能非常強大， 具有圖像修復、圖像的處理、圖像制造、廣告創意、圖像輸入/輸出等功能，是目前圖像處Photoshop目前最新的版本是PhotoshopCS6, 可以從Adobe的官方網站來了解關千Photosbop的最新信息，如果讀者目前使用較老版本的Photoshop, 可以在 Adobe的官方網站下載Photoshop CS6進行試用， 與DreamweaverCS6的下載方式類似。

　　單擊頁面上的 “ 立即下載 ” 按鈕， 網站將會開啟AdobeDownload Assistant進行下載

　　(前提條件是必須根據提示下載和安裝AdobeDownload Assistant),。

　　國內的一些下載門戶網站也提供了 對試用版軟件的下載， 嫌麻煩的用戶可以直接用百度搜索相關信息， 使用便捷的方式進行下載試用。

　　Photoshop CS6的安裝程序有1.2GB左右的大小，最好是在WindowsXP以上的操作系統平臺上進行安裝。Photoshop對千CPU的浮點運算和內存的要求較高， 因此內存建議至少1GB, CPU建議為普通雙核以上的CPU, 這樣才能流暢運行。

　　不習慣的用戶可以通過主菜單的 “編輯I首選項l界面 ” 菜單項， 在彈出的窗口中設置界面為自己喜歡的顏色。實際上除了 界面的變更外，大部分的操作方式與老版本的相似?，F在來認識一下Photoshop工作區的各個元素的作用。

　　要游刃有余地操作Photoshop,還需要掌握些顏色相關的知識。

　　3.網頁圖形工具Fireworks

　　Fireworks最初是Macrome山a公司推出的一款網頁作圖軟件，后來被Adobe公司收購?？钆cDreamweaver結合緊密的工具。如果說一Fireworks用來加速Web的設計與開發，是Photoshop主要用來幫助設計人員處理圖像，那么F訂eworks則可以將圖像輕松地制作成GIF動畫， 實現大圖切割、 網頁動態按鈕、 翻轉圖片等。 它提高了在Web頁面上處理圖像的效率， 并且與Dreamweaver和Flash緊密集成， 因此深受網站建設人員的喜愛。

　　壓eworks目前的最新版本是F江eworks CS6, 可以通過如下的網址下載該軟件的試用版進行試用。

　　Fireworks的試用版本有450MB左右的大小， 下載完成后可以直接雙擊安裝程序進行安裝。 與Adobe系列的其他軟件安裝類似， 在出現安裝界面后， 提示用戶選擇試用還是已經有 了正式許可證號的正式用戶。 如果沒有可用的序列號， 選擇試用安裝即可， 如圖1.28所示。

　　在安裝過程中， 安裝程序會登錄到Adobe網站進行用戶ID進行驗證， 如果嫌麻煩， 可以直接將網絡關閉， 通過 “開始I控制面板I網絡連接” 菜單項， 打開網絡連接窗口，右擊本地連接， 選擇禁用即可。 安裝程序檢測不到網絡時，單擊 “稍后連接” 按鈕， 即可進行下一步的安裝。

　　reworks的界面風格與Dreamweaver非常相似，首次啟動時會包含一個歡迎窗口，在該窗口中可以打開歷史工作文件， 創建新的圖片文件， 以及查看一些Fireworks 的學習教程。

　　4.網頁動畫設計工具Flash

　　在網頁上添加多媒體內容是網頁吸引客戶的重要手段之一，而Flash軟件專注千網頁動畫設計，是目前互聯網上呈現多媒體內容最流行的方式之一。Flash最初是由Macromedia公司推出的Web動畫軟件，Adobe公司將其收購后，繼續開發和完善Flash軟件，可以從Adobe公司的網站下載試用版本。

　　與Adobe系列的其他軟件一樣，首次啟動Flash時，將會顯示一個歡迎頁面，該歡迎頁面包含了創建Flash文件的快捷鏈接及相關的學習資源，如圖1.32所示。

　　Flash根據操作人員的角色，提供了不同的工作區布局。操作人員的角色分為ActionScript開發人員和Flash動畫的設計人員。在網站建設的過程中基本上都是使用Flash設計人員這樣的界面布局，主界面如圖1.33所示。

　　Flash創建的動畫在輸出為網頁可用的格式后，將產生一個名為.swf結尾的文件，這個文件需要FlashPlayer來進行播放，目前大多數瀏覽器已經整合了FlashPlayer這個工具， 因此當將swf文件嵌入到網頁中時，一般都能夠正常播放。

　　Flash、Dreamweaver和F訂eworks并稱網頁設計三劍客，由Dreamweaver提供網頁的。

　　布局設計，Fireworks進行網絡圖像優化切割，而Flash則提供繪聲繪色的網頁動畫，讓整個網頁充滿生氣。

　　Flash 動畫既可以作為 HTML 網頁的一部分嵌入到網頁頁面上， 也可以創建一個完全由 Flash 實現的網頁。在過去，Flash 網站的經典示例網站 2Advanced, 將Flash 動畫技術的效果發揮到了極致， 這個網站純粹由 Flash 動畫組成。

　　通過2Advanced網站可以發現，實際上網站能做的工作，Flash也能實現，并且更具生 動和吸引人的效果。

　　通過上文整理總結的有關二十幾歲不可不知的2000條經驗中的順德網站開發工具相關內容，希望對大家有所幫助。