2023學年完整公開課版DreamweaverCS基礎_第1頁
2023學年完整公開課版DreamweaverCS基礎_第2頁
2023學年完整公開課版DreamweaverCS基礎_第3頁
2023學年完整公開課版DreamweaverCS基礎_第4頁
2023學年完整公開課版DreamweaverCS基礎_第5頁
已閱讀5頁，還剩23頁未讀， 繼續(xù)免費閱讀

下載本文檔

版權說明：本文檔由用戶提供并上傳，收益歸屬內容提供方，若內容存在侵權，請進行舉報或認領

文檔簡介

第2章DreamweaverCS6基礎網(wǎng)頁設計與制作DreamweaverCS6標準教程1.DreamweaverCS6工作界面2.創(chuàng)建網(wǎng)站站點3.管理站點4.網(wǎng)頁文檔頭部信息設置本章學習的主要內容：AdobeDreamweaverCS6是一款集網(wǎng)頁設計、制作和管理網(wǎng)站于一身的可視化網(wǎng)頁編輯軟件，它保留了Dreamweaver早期版本的各種優(yōu)點，不僅可以輕松設計網(wǎng)站的前臺頁面，也可以方便地實現(xiàn)網(wǎng)站后臺各種復雜功能。2.1DreamweaverCS6工作界面2.1.1開始頁面2.1.2工作環(huán)境2.1.3工作區(qū)布局2.1.4多文檔的編輯界面2.1DreamweaverCS6工作界面DreamweaverCS6啟動后，默認情況下會顯示開始頁面，用戶可以在開始頁面中打開已有文檔或新建文檔。勾選開始頁面底部【不再顯示】，下次啟動DreamweaverCS6時將不會顯示開始頁面。選擇菜單【編輯】|【首選參數(shù)】，在【首選參數(shù)】對話框中勾選【顯示歡迎屏幕】，單擊【確定】按鈕，在下次啟動時重新顯示開始頁面。2.1.1開始頁面DreamweaverCS6的工作環(huán)境由菜單欄、文檔工具欄、文檔窗口、狀態(tài)欄、屬性面板（或屬性檢查器）和浮動面板組等部分組成。2.1.2工作環(huán)境DreamweaverCS6為用戶提供了多種工作區(qū)布局，用戶可以根據(jù)需要設定工作區(qū)環(huán)境，也可以新建工作區(qū)布局，并對它進行管理和刪除操作。選擇菜單【窗口】|【工作區(qū)布局】，在子菜單中選擇一種工作區(qū)布局。2.1.3工作區(qū)布局DreamweaverCS6提供了多文檔的編輯界面，將多個文檔集中到一個窗口中，用戶可以單擊文檔編輯窗口上方選項卡的文件名切換到相應的文檔，還可以按住鼠標左鍵拖動選項卡改變文檔的順序。2.1.4多文檔的編輯界面站點是存放一個網(wǎng)站所有文件的場所，由若干文件和文件夾組成。用戶在開發(fā)網(wǎng)站前必須先建立站點，便于組織和管理網(wǎng)站文件。2.2創(chuàng)建網(wǎng)站站點2.2.1創(chuàng)建新站點2.2.2新建和保存網(wǎng)頁2.2.3管理站點文件和文件夾2.2.4課堂案例—慈善救助中心2.2CSS樣式控制面板站點按站點文件夾所在位置分為兩類：本地站點和遠程站點。本地站點是指本地計算機上的一組文件，遠程站點是遠程WEB服務器上的一組文件。創(chuàng)建本地站點首先要在本地硬盤上新建一個文件夾或者選擇一個已經(jīng)存在的文件夾作為站點文件夾，那么這個文件夾就是本地站點的根文件夾。2.2.1創(chuàng)建新站點創(chuàng)建本地站點的操作步驟如下。選擇菜單【站點】|【新建站點】，或選擇【管理站點】并在【管理站點】對話框中單擊【新建】按鈕，打開【站點設置對象】對話框，在左邊選擇【站點】，在右側輸入站點名稱和本地站點文件夾路徑。單擊左側【高級設置】，展開其他選項，選擇【本地信息】，在右側設置相應的屬性。

其他項可以根據(jù)需要設置，設置完畢后單擊【保存】按鈕。在【文件】面板中可以看到新建的本地站點。2.2.1創(chuàng)建新站點1．新建網(wǎng)頁文檔選擇菜單【文件】|【新建】，打開【新建文檔】對話框，在左側選擇【空白頁】，在【頁面類型】中選擇【HTML】，在【布局】中選擇【無】。單擊【創(chuàng)建】按鈕就可以創(chuàng)建網(wǎng)頁文檔。2．保存網(wǎng)頁文檔保存網(wǎng)頁文檔有如下兩種方法。（1）選擇菜單【文件】|【保存】或【全部保存】。在【另存為】對話框的【文件名】文本框中輸入網(wǎng)頁的名稱，單擊【保存】按鈕完成保存。（2）按<Ctrl+S>快捷鍵保存網(wǎng)頁文檔。2.2.2新建和保存網(wǎng)頁1． 創(chuàng)建文件和文件夾2．重命名文件和文件夾3．移動文件和文件夾4．刪除文件或文件夾2.2.3管理站點文件和文件夾案例學習目標：學習創(chuàng)建站點、管理站點文件和文件夾的方法。案例知識要點：使用【站點】|【新建站點】創(chuàng)建站點，在【文件】面板中移動文件、重命名文件。素材所在位置：光盤/案例素材/ch02/課堂案例-慈善救助中心。案例效果如圖2-17所示。2.2.4課堂案例—慈善救助中心建立站點以后，可以對站點進行打開、編輯、復制和刪除等各種操作。2.3管理站點2.3.1打開站點2.3.2編輯站點2.3.3復制站點2.3.4刪除站點2.3管理站點Dreamweaver允許建立多個站點，并可以通過切換打開需要編輯的站點。打開站點的操作步驟如下。選擇菜單【窗口】|【文件】或按<F8>鍵打開【文件】面板，單擊左邊的下拉框，在下拉列表中選擇要打開的站點。打開站點后，在【本地文件】下顯示該站點內的所有文件和文件夾。2.3.1打開站點編輯站點可以重新設置站點的一些屬性，操作步驟如下。選擇菜單【站點】|【管理站點】，打開【管理站點】對話框，選擇要編輯的站點名稱，如webtest，單擊編輯按鈕圖標。打開【站點設置對象webtest】對話框。經(jīng)過對各種設置修改后，單擊【保存】按鈕，返回【管理站點】對話框。2.3.2編輯站點復制站點可以建立多個結構相同的站點，讓這些站點保持一定的相似性，可以提高工作效率。復制站點的操作步驟如下。選擇菜單【站點】|【管理站點】，打開【管理站點】對話框，選擇要復制的站點名稱，如webtest，單擊【復制】按鈕。這時在左邊的站點列表中會出現(xiàn)一個新的復制站點，名稱為“webtest復制”。復制的站點和原站點默認使用同一個文件夾，選擇復制的站點，對其各種設置進行編輯操作。2.3.3復制站點在Dreamweaver中刪除站點，只是刪除了Dreamweaver同本地站點之間的關系。本地站點中的文件夾和文件，仍然保存在硬盤原來的位置上，沒有被刪除，也沒有任何改變。刪除站點的操作步驟如下。選擇菜單【站點】|【管理站點】，打開【管理站點】對話框，選擇要刪除的站點名稱，單擊【刪除】按鈕。在打開的【Dreamweaver】對話框中單擊【是】按鈕，選中的站點就被刪除，2.3.4刪除站點2.4.1插入搜索關鍵字2.4.2設置描述信息2.4.3插入版權信息2.4.4設置刷新時間2.4網(wǎng)頁文檔頭部信息設置插入搜索關鍵字可以通過以下兩種方法完成。1．在代碼視圖中插入關鍵字在【文檔】窗口中切換到代碼視圖，將光標置于<head>…</head>標簽中。選擇菜單【插入】|【HTML】|【文件頭標簽】|【關鍵字】，打開【關鍵字】對話框，輸入關鍵字，如“禮品，節(jié)日禮品”，多個關鍵字用英文逗號分隔。單擊【確定】按鈕完成設置，在代碼視圖下可以看到<head>標簽內新增了如下代碼：<metaname="keywords"content="禮品,節(jié)日禮品"/>2.4.1插入搜索關鍵字2．使用META對話框插入關鍵字選擇菜單【插入】|【HTML】|【文件頭標簽】|【META】，打開【META】對話框，在【值】文本框中輸入keywords，在【內容】文本框中輸入關鍵字，多個關鍵字用英文逗號隔開。

單擊【確定】按鈕完成設置，在代碼視圖中可看到相應的HTML標簽。2.4.1插入搜索關鍵字設置網(wǎng)頁描述信息的操作如下。在【文檔】窗口中切換到代碼視圖，將光標置于<head>…</head>標簽中。選擇菜單【插入】|【HTML】|【文件頭標簽】|【說明】，在【說明】對話框中輸入說明文字。單擊【確定】按鈕完成描述信息設置，在代碼視圖下可以看到<head>標簽內新增了如下代碼：<metaname="description"content="節(jié)日禮品,商務禮品"/>2.4.2設置描述信息在網(wǎng)頁文檔中插入版權信息的操作如下。選擇菜單【插入】|【HTML】|【文件頭標簽】|【META】，打開【META】對話框，在【值】文本框輸入copyright，在【內容】文本框中輸入版權信息，如“本頁版權歸設計者所有”，單擊【確定】按鈕。在代碼視圖下可以看到<head>標簽內新增了如下代碼：<metaname="copyright"content="本頁版權歸設計者所有"/>2.4.3插入版權信息設置刷新時間具體操作步驟如下。在【

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內容里面會有圖紙預覽，若沒有圖紙預覽就沒有圖紙。
  • 4. 未經(jīng)權益所有人同意不得將文件中的內容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內容的表現(xiàn)方式做保護處理，對用戶上傳分享的文檔內容本身不做任何修改或編輯，并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論