任務(wù)一創(chuàng)建站點

網(wǎng)站建設(shè)與維護項目一創(chuàng)建網(wǎng)站站點CONTENTS目錄Part1認(rèn)識DreamweaverCS6Part2創(chuàng)建站點01

任務(wù)一

認(rèn)識DreamweaverCS6

DreamweaverCS6的概念什么是DreamweaverCS6？Dreamweavercs6是世界頂級軟件廠商adobe推出的一套擁有可視化編輯界面，用于制作并編輯網(wǎng)站和移動應(yīng)用程序的網(wǎng)頁設(shè)計軟件。由于它支持代碼、拆分、設(shè)計、實時視圖等多種方式來創(chuàng)作、編寫和修改網(wǎng)頁（通常是標(biāo)準(zhǔn)通用標(biāo)記語言下的一個應(yīng)用HTML），對于初級人員，你可以無需編寫任何代碼就能快速創(chuàng)建web頁面。

DreamweaverCS6安裝步驟【解壓到指定程序】【步驟1】：首先我們需要下載Dreamweavercs6官方中文原版安裝程序，下載完畢后直接點擊壓縮包程序解壓到指定文件夾。解壓完畢后會自動啟動安裝程序，在這個過程可能會出現(xiàn)下圖所示彈框，點擊忽略即可?！竞雎詮棿皟?nèi)容】DreamweaverCS6安裝步驟【選擇試用】【步驟2】：進行安裝了，這里我們先選擇試用，接受許可協(xié)議?！窘邮茉S可協(xié)議】DreamweaverCS6安裝步驟【登錄/注冊賬號】【步驟4】：接受許可協(xié)議后，AdobeDreamweavercs6將會要求登錄你的Adobe賬號來將試用注冊到你的賬號中，如果你已經(jīng)登錄Adobe賬號直接點擊下一步即可，登錄操作完成后就進入安裝內(nèi)容界面了，由于小編的系統(tǒng)為32位，下面的圖則只有一個安裝選項，若是64位系統(tǒng)的朋友則會有32位與64位兩個安裝內(nèi)容，可選擇都安裝也可只安裝一個?！景惭b內(nèi)容界面】DreamweaverCS6安裝步驟【安裝中】【步驟5】：等待安裝完成，這個過程大約5~10分鐘左右，序安裝完畢，點擊立即啟動先看看程序是否安裝完整，然后關(guān)閉程序?！娟P(guān)閉程序】DreamweaverCS6安裝步驟【安裝中】【步驟6】：下載Dreamweavercs6破解補丁，下載完畢后壓縮包中有32與64兩個文件夾分別代表32位程序與64位程序的補丁，選擇適合自己系統(tǒng)的補丁。打開Dreamweavercs6安裝文件夾，將適合自己系統(tǒng)的破解補丁文件夾中的文件拖入程序安裝文件夾中覆蓋同名文件。再打開程序發(fā)現(xiàn)程序不再提示需要注冊激活，到此Dreamweavercs6安裝破解完畢!【破解完畢】DreamweaverCS6界面功能介紹界面布局在Windows系統(tǒng)中的集成DreamweaverCS6工作區(qū)預(yù)設(shè)布局與DreamweaverCS5的布局種類相比，除了經(jīng)典、編碼器、編碼人員(高級)、設(shè)計器、設(shè)計人員（緊湊）和雙重屏幕幾種布局模式外，還新增了BusinessCatalyst、流體布局、移動應(yīng)用程序這三種布局模式。DreamweaverCS6界面功能介紹DreamweaverCS6的工作界面主要由菜單欄、文件工具欄、文件窗口、狀態(tài)區(qū)、“屬性”面板和面板組等組成。菜單欄在菜單欄中主要包括“文件”、“編輯”、“查看”、“插入”、“修改”、“格式”、“命令”、“站點”、“窗口”和“幫助”10個菜單。單擊任意一個菜單，都會彈出下拉菜單，使用下拉菜單中的命令基本上能夠?qū)崿F(xiàn)DreamweaverCS6的所有功能，菜單欄中還包括一個工作界面切換器和一些控制按鈕。DreamweaverCS6界面功能介紹①文件：在該下拉菜單中包括了“新建”、“打開”、“關(guān)閉”、“保存”和“導(dǎo)入”等常用命令，用于查看當(dāng)前文件或?qū)Ξ?dāng)前文件進行操作。②編輯：在該下拉菜單中包括了“拷貝”、“粘貼”、“全選”、“查找和替換”等用于基本編輯操作的標(biāo)準(zhǔn)菜單命令。③查看：在該下拉菜單中包括了設(shè)置文件的各種視圖命令，如“代碼”視圖和“設(shè)計”視圖等，還可以顯示或隱藏不同類型的頁面元素和工具欄。④插入：用于將各種網(wǎng)頁元素插入到當(dāng)前文件中，包括“圖像”、“媒體”和“表格”等。【“文件”下拉菜單】【“編輯”下拉菜單】【“查看”下拉菜單】【“插入”下拉菜單】DreamweaverCS6界面功能介紹⑤修改：用于更改選定頁面元素或項的屬性，包括“頁面屬性”、“合并單元格”和“將表格轉(zhuǎn)換為APDiv”等。⑥格式：用于設(shè)置文本的格式，包括“縮進”、“對齊”和“樣式”等。⑦命令：提供對各種命令的訪問，包括“開始錄制”、“擴展管理”和“應(yīng)用源格式”等。⑧站點：用于創(chuàng)建和管理站點。。【“修改”下拉菜單】【“格式”下拉菜單】【“命令”下拉菜單】【“站點”下拉菜單】DreamweaverCS6界面功能介紹⑨窗口：提供對DreamweaverCS6中所有面板、檢查器和窗口的訪問。⑩幫助：提示對DreamweaverCS6文件的訪問?！尽按翱凇毕吕藛巍俊尽皫椭毕吕藛巍緿reamweaverCS6界面功能介紹文件工具欄使用文件工具欄可以在文件的不同視圖之間進行切換，如“代碼”視圖和“設(shè)計”視圖等，在工具欄中還包含各種查看選項和一些常用的操作。①“代碼”按鈕：單擊該按鈕，僅在文件窗口中顯示和修改HTML源代碼。文件工具欄中的常用按鈕的功能如下：②“拆分”按鈕：單擊該按鈕，可在文件窗口中同時顯示HTML源代碼和頁面的設(shè)計效果。③“設(shè)計”按鈕：單擊該按鈕，僅在文件窗口中顯示網(wǎng)頁的設(shè)計效果。。DreamweaverCS6界面功能介紹④“在瀏覽器中預(yù)覽/調(diào)試”按鈕：用于將各種網(wǎng)頁元素插入到當(dāng)前文件中，包括“圖像”、“媒體”和“表格”等。⑤“文件管理”按鈕“：單擊該按鈕，在彈出的下拉菜單中包括“消除只讀屬性”、“獲取”、“上傳”和“設(shè)計備注等命令?！尽啊霸跒g覽器中預(yù)覽/調(diào)試”下拉菜單】【“首選參數(shù)”對話框】⑥“檢查瀏覽器兼容性”按鈕：：單擊該按鈕，在彈出的下拉菜單中包括“檢查瀏覽器兼容性”、“顯示所有問題”和“設(shè)置”等命令。DreamweaverCS6界面功能介紹⑦“標(biāo)題”文本框：用于設(shè)置或修改文件的標(biāo)題?！尽拔募芾怼毕吕藛巍俊尽皺z查瀏覽器兼容性”下拉菜單】DreamweaverCS6界面功能介紹文件窗口文件窗口用于顯示當(dāng)前創(chuàng)建和編輯的文件，在該窗口中，可以輸入文字、插入圖片和表格等，也可以對整個頁面進行設(shè)置，通過單擊文件工具欄中的“代碼”按鈕、“拆分”按鈕、“設(shè)計”按鈕或“實時視圖”等按鈕，可以分別在窗口中查看代碼視圖、拆分視圖、設(shè)計視圖或?qū)崟r顯示視圖。【文件窗口】DreamweaverCS6界面功能介紹狀態(tài)區(qū)狀態(tài)區(qū)位于文件窗口的底部，提供與用戶正在創(chuàng)建的文件有關(guān)的其他信息。在狀態(tài)區(qū)中包括卷標(biāo)選擇器、窗口大小彈出菜單和下載指示器等功能?！緺顟B(tài)區(qū)】“屬性”面板“屬性”面板是網(wǎng)頁中非常重要的面板，用于顯示在文件窗口中所選元素的屬性，并且可以對選擇的元素的屬性進行修改，該面板中的內(nèi)容因選定的元素不同會有所不同?！尽皩傩浴泵姘濉緿reamweaverCS6界面功能介紹【折疊“屬性”面板】DreamweaverCS6界面功能介紹面板組面板組位于工作窗口的右側(cè)，用于幫助用戶監(jiān)控和修改工作，其中包括“插入”面板、“CSS樣式”面板和“組件”面板等。1．打開面板如果需要使用的面板沒有在面板組中顯示出來，則可以使用“窗口”菜單將其打開，具體的操作步驟如下：【步驟1】在菜單欄中單擊“窗口”菜單，在彈出的下拉菜單中選擇