本文格式為Word版，下載可任意編輯——DW介紹及站點管理2022519西南財經大學天府學院1Dreamweaver第一講根基學識2022519西南財經大學天府學院21是否曾想過這么多美麗而且實用的網站是怎么做出來的2是否曾想過自己做一個主頁掛到網上表示自己的天性魅力呢3你有blog嗎想讓自己的Blog更天性嗎當你上網翱游的時候2022519西南財經大學天府學院3關于網站制作你了解多少工具有沒有輔佐工具呢2022519西南財經大學天府學院4網絡技術的進展使得人們對網頁所能包含的信息量的要求越來越高作為網頁三劍客之一的Dreamweaver就是一個功能強大為從多網頁設計師所青睞的網頁制作利器2022519西南財經大學天府學院5網頁三劍客簡介Dreamweaver8acromedia公司推出的網站開發工具主要功能站點管理網頁排版與編輯等Fireworks8acromedia公司推出的網站開發工具主要功能網頁圖形圖象的制作及修改熱點及切片的應用Flash8acromedia公司推出的矢量動畫設計軟件以上是網頁三劍客所學的三門軟件由于都與網頁制作有關且功能強大彼此結合性極好故稱之為網頁三劍客2022519西南財經大學天府學院6網頁與網站網頁我們在欣賞器中看到的頁面它是一個單個的文件網頁里可以有文字表格圖像聲音視頻等等后綴是htm或html的文件首頁網站中的第一個頁面成為首頁或主頁網站二個或更多的網頁鏈接在一起就構成了網站也叫站點計算機上的網站其實就是一個文件夾2022519西南財經大學天府學院7網站站點務必放在服務器上服務器是一種大容量的計算機與Internet日夜相連網站與服務器注Internet上有各種服務器而我們在網上欣賞到網頁在服務器上一臺服務器上可以設多個網站它們對應著不同的域名和IP地址有些大型網站可能有多臺服務器2022519西南財經大學天府學院8Dreamweaver8簡介MacromediaDreamweaver是個由Macromedia公司開發的出名網站開發工具它使用所見即所得WhatYouSeeWhatYouGet的介面亦有HTML編輯的功能它現在有Mac和Windows系統的版本Macromedia已經籌劃開發Linux版本的Dreamweaver了后來Macromedia公司被Adobe公司收購Dreamweaver開頭推出CS版本Dreamweaver是建立Web站點和應用程序的專業工具它將可視布局工具應用程序開發功能和代碼編輯支持組合為一個功能強大的工具使每個級別的開發人員和設計人員都可利用它快速創造界面開發人員可以將其選擇的服務器技術與DreamweaverMX合作使用建立將用戶連接到數據庫和Web服務的強大Internet應用程序2022519西南財經大學天府學院9Dreamweaver8的啟動方法二選中某個Html文件右擊鼠標器選擇用DreamweaverMX舉行編輯方法一開頭程序MacromediaMacromediaDreamweaver8創造新工程HTML進入Dreamweaver8的設計頁面2022519西南財經大學天府學院10標題欄菜單欄插入欄文檔工具欄文檔窗口屬性面板面板組文件面板視圖在文檔工具欄上可以切換視圖代碼視圖設計視圖代碼設計在舉行網頁編輯時由于操縱面板的影響無法看到網頁的全貌可以使用快捷鍵F4快速關閉全體操縱面板再按F4可以恢復原來的狀態Dreamweaver8的窗口2022519西南財經大學天府學院11標題欄文件標題網頁存儲位置與文件名稱內容經過修改尚未保存如何修改標題12修改文件標題它將顯示在欣賞器的標題欄中2022519西南財經大學天府學院12狀態欄標簽選擇器單擊可選中該標簽及標簽中內容標簽依次從左到右依次向內選擇對象的好手段窗口大小窗口大小在最大化處境下無法修改文檔大小和估計下載時間可在編輯首選參數中修改2022519西南財經大學天府學院13練習一Dreamweaver入門啟動Dreamweaver開頭程序MacromediaMacromediaDreamweaver8開啟關閉站點管理器對象面板屬性面板熟諳工作環境設置窗口2022519西南財經大學天府學院14網頁的根本分類以網頁的角度來看一個網站中的眾多網頁主要可以分成以下兩層2022519西南財經大學天府學院15做網頁的幾個關鍵步驟創造本地站點編輯網頁超級鏈接網頁排版發布站點2022519西南財經大學天府學院16兩個為什么為什么要建站點計算機上的站點是什么樣2022519西南財經大學天府學院17遠程站點和本地站點網頁的開發和制作一般在客戶端舉行之后向服務器上傳本地站點開發階段在本地硬盤上用來存放整個網站的全體文檔的目次遠程站點開發終止后存放在網絡服務器端供用戶欣賞2022519西南財經大學天府學院18計算機上的站點網頁主頁圖像子文件夾網站位置文件夾名稱2022519西南財經大學天府學院19創造站點規劃站點2022519西南財經大學天府學院20步驟1在硬盤根目次下新建一個文件夾給文件夾命名如abc開啟dw的站點管理器選擇site站點newsite新建站點命令創造站點建立站點2022519西南財經大學天府學院211站點新建站點高級2舉行如下設置站點名稱為本地站點命名本地根文件夾設置此文件夾的路徑默認圖象文件夾設置此站點圖象文件的默認存儲路徑可不設置HTTP地址輸入網站的網址可不設置步驟2留神當本地站點建立好后自動顯示站點面板2022519西南財經大學天府學院22站點名稱僅僅給設計者起到標識說明作用選擇是否每次拷貝文件到本地站點時都自動刷新本地文件夾列表否那么需要手動刷新輸入上傳站點的URL也可不輸入內容2022519西南財經大學天府學院23實例設計練習在硬盤根目次下新建一個文件夾給文件夾命名如happy我的電腦選擇硬盤文件新建文件夾在Dw中選擇站點新建站點命令輸入站點名稱開心站站點名稱可以是中文找到本地根文件夾Dhappy西文根據規劃處境建立幾個空白網頁Tryyourself2022519西南財經大學天府學院24頁面屬性的設置開啟屬性面板頁面屬性修改頁面屬性留神鏈接顏色跟蹤圖象相當于特殊的輔佐線是網頁排版的一種輔佐手段只在網頁編輯時可見對最終結果沒有影響留神與背景圖象的識別2022519西南財經大學天府學院25首選參數設置首選參數定義了啟動Dreamweaver8時對工作環境的一些默認設置1選擇主菜單編輯首選參數命令2按CtrlU組合鍵圖22首選參數對話框2022519西南財經大學天府學院26預覽的概念作用1上傳前在本地欣賞器中欣賞網頁F122不必保存即可預覽但為了加快運行速度最好保存后預覽2022519西南財經大學天府學院27建立站點原那么