




版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡介
1、第2章 Dreamweaver CS4基礎(chǔ)Dreamweaver CS4Dreamweaver CS4中工作界面的幾個(gè)基本設(shè)置Dreamweaver CS4建立站點(diǎn)任務(wù)一:認(rèn)識(shí)任務(wù)一:認(rèn)識(shí) Dreamweaver CS4新特性新特性1. 全新用戶界面:美觀、實(shí)用、可快速切換工作環(huán)境;2. 相關(guān)文件和代碼導(dǎo)航器;3. 實(shí)時(shí)視圖4. Adobe AIR 創(chuàng)作支持新增功能:可直接創(chuàng)建HTML、JavaScript、ASP、PHP、VBScript等類型的AIR程序5. 針對(duì) Ajax 和 JavaScript 框架的代碼提示 6. Adobe Photoshop智能對(duì)象:不需要打開PS即可在Drea
2、mweaver CS4中更改源圖像和更新源圖像7. CSS 最佳做法:提高設(shè)計(jì)CSS的最簡單、最實(shí)用的方法。項(xiàng)目一:項(xiàng)目一:Dreamweaver CS4任務(wù)二:任務(wù)二: Dreamweaver CS4Dreamweaver CS4的工作環(huán)境的工作環(huán)境1 1、插入欄:包含用于將各種類型的對(duì)象插入到文檔中的工具按鈕。例、插入欄:包含用于將各種類型的對(duì)象插入到文檔中的工具按鈕。例如,圖像、表格、層、框架等。如,圖像、表格、層、框架等。 2 2、菜單欄:菜單欄中的每一項(xiàng)均有一個(gè)下拉菜、菜單欄:菜單欄中的每一項(xiàng)均有一個(gè)下拉菜Dreamweaver MX 2004中大部分操作均可通過下拉菜單實(shí)現(xiàn)。中大部
3、分操作均可通過下拉菜單實(shí)現(xiàn)。 3 3、文件面板:創(chuàng)建站點(diǎn)、管理組成站點(diǎn)的文件和文件夾、文件面板:創(chuàng)建站點(diǎn)、管理組成站點(diǎn)的文件和文件夾 。4 4、面板組:包含一些打開和關(guān)閉常用面板和檢查器的按鈕。、面板組:包含一些打開和關(guān)閉常用面板和檢查器的按鈕。5 5、屬性檢查器:用于查看和更改所選對(duì)象或文本的各種屬性。、屬性檢查器:用于查看和更改所選對(duì)象或文本的各種屬性。每種對(duì)每種對(duì)象都具有不同的屬性。象都具有不同的屬性。 6、標(biāo)題欄:顯示當(dāng)前正在編輯的網(wǎng)頁名稱與文件名標(biāo)題欄:顯示當(dāng)前正在編輯的網(wǎng)頁名稱與文件名 。7、工具欄工具欄 文檔工具欄包含可在代碼視圖、設(shè)計(jì)視圖之間快速切換的按鈕,并文檔工具欄包含可在
4、代碼視圖、設(shè)計(jì)視圖之間快速切換的按鈕,并包含一些與選定視圖有關(guān)的常用命令。包含一些與選定視圖有關(guān)的常用命令?!按a代碼”按鈕:在文檔中顯示代碼視圖??梢灾苯硬榭春途庉嫲粹o:在文檔中顯示代碼視圖??梢灾苯硬榭春途庉婬TML源代碼。源代碼?!安鸱植鸱帧卑粹o:同時(shí)顯示代碼視圖與設(shè)計(jì)視圖。代碼視圖顯示在上方,按鈕:同時(shí)顯示代碼視圖與設(shè)計(jì)視圖。代碼視圖顯示在上方,設(shè)計(jì)視圖顯示在下方。設(shè)計(jì)視圖顯示在下方?!霸O(shè)計(jì)設(shè)計(jì)”按鈕:在文檔中顯示設(shè)計(jì)視圖。設(shè)計(jì)視圖是默認(rèn)方式,可以按鈕:在文檔中顯示設(shè)計(jì)視圖。設(shè)計(jì)視圖是默認(rèn)方式,可以達(dá)到所見即所得的效果。達(dá)到所見即所得的效果?!皹?biāo)題標(biāo)題”文本框:顯示或編輯當(dāng)前網(wǎng)頁的標(biāo)題
5、。文本框:顯示或編輯當(dāng)前網(wǎng)頁的標(biāo)題?!霸跒g覽器中預(yù)覽在瀏覽器中預(yù)覽/調(diào)試調(diào)試”按鈕:在瀏覽器中預(yù)覽網(wǎng)頁效果或按鈕:在瀏覽器中預(yù)覽網(wǎng)頁效果或檢查錯(cuò)誤。檢查錯(cuò)誤?!拔募芾砦募芾怼卑粹o:查看文件的上傳、下載等狀態(tài)。按鈕:查看文件的上傳、下載等狀態(tài)。“刷新設(shè)計(jì)視圖刷新設(shè)計(jì)視圖”按鈕:刷新設(shè)計(jì)視圖。按鈕:刷新設(shè)計(jì)視圖?!耙晥D選項(xiàng)視圖選項(xiàng)”按鈕:為不同的視圖設(shè)置選項(xiàng)。按鈕:為不同的視圖設(shè)置選項(xiàng)。8 8、 頁面編輯區(qū)頁面編輯區(qū) 用于設(shè)置和編輯頁面內(nèi)的文本、圖形和表格等。用于設(shè)置和編輯頁面內(nèi)的文本、圖形和表格等。9 9、 狀態(tài)欄狀態(tài)欄 用于選擇標(biāo)記、設(shè)置窗口大小以及調(diào)整文件的下載速度。用于選擇標(biāo)記、設(shè)置窗
6、口大小以及調(diào)整文件的下載速度。顯示當(dāng)前插入點(diǎn)的顯示當(dāng)前插入點(diǎn)的HTMLHTML源代碼標(biāo)簽,在標(biāo)簽上單擊鼠標(biāo)右鍵源代碼標(biāo)簽,在標(biāo)簽上單擊鼠標(biāo)右鍵可控制可控制HTMLHTML代碼,單擊代碼,單擊bodybody可選擇整個(gè)文檔的正文部分??蛇x擇整個(gè)文檔的正文部分。顯示當(dāng)前網(wǎng)頁的文件大小以及下載速度。顯示當(dāng)前網(wǎng)頁的文件大小以及下載速度。在窗口大小區(qū)域單擊鼠標(biāo),可設(shè)置當(dāng)前編輯窗口的大小。在窗口大小區(qū)域單擊鼠標(biāo),可設(shè)置當(dāng)前編輯窗口的大小。任務(wù)三:工作界面的設(shè)置任務(wù)三:工作界面的設(shè)置1、顯示和隱藏面板 使用“窗口”菜單,可以顯示和隱藏各個(gè)面板。當(dāng)面板選項(xiàng)前具有“”標(biāo)志時(shí),表示該面板已經(jīng)顯示,單擊該選項(xiàng)則關(guān)閉
7、顯示。2、調(diào)整面板形狀與面板組合 (1) 調(diào)整大小 使用鼠標(biāo)拖動(dòng)面板的上、下、左、右邊框或四個(gè)角,可以調(diào)整面板的大小。 (2)合并面板 在Dreamweaver 中,大多數(shù)面板可以合并成一個(gè)綜合面板。3、首選參數(shù) “編輯-首選參數(shù)”4、標(biāo)尺設(shè)置“查看-標(biāo)尺-顯示”5、網(wǎng)格設(shè)置“查看-網(wǎng)格-顯示網(wǎng)格”或“查看-網(wǎng)格設(shè)置”項(xiàng)目二:初步制作項(xiàng)目二:初步制作Dreamweaver網(wǎng)頁網(wǎng)頁任務(wù)一:網(wǎng)頁文檔的創(chuàng)建和存儲(chǔ)任務(wù)一:網(wǎng)頁文檔的創(chuàng)建和存儲(chǔ)1. 新建網(wǎng)頁文檔(1)啟動(dòng)Dreamweaver CS4后會(huì)出現(xiàn)如圖2-9所示的起始頁,在新建選項(xiàng)下單擊所需創(chuàng)建的文檔類型就可以創(chuàng)建一個(gè)文檔,在這里單擊“HTM
8、L”就可以直接創(chuàng)建一個(gè)HTML網(wǎng)頁文檔。(2)在Dreamweaver CS4主窗口中,單擊“文件”“新建”菜單命令就可以打開如圖2-21所示的“新建文檔”對(duì)話框,選擇“空白頁”選項(xiàng)卡,然后在網(wǎng)頁類型中選擇網(wǎng)頁類型,單擊“創(chuàng)建”按鈕就可以創(chuàng)建相應(yīng)類型的網(wǎng)頁文檔。2. 保存文檔保存文檔保存網(wǎng)頁文檔有如下三種方法。保存網(wǎng)頁文檔有如下三種方法。(1)在)在Dreamweaver CS4主窗口中,單擊菜單主窗口中,單擊菜單“文文件件”“保存保存”或或“全部保存全部保存”菜單命令。菜單命令。(2)單擊標(biāo)準(zhǔn)工具欄中的)單擊標(biāo)準(zhǔn)工具欄中的“保存保存”按鈕或按鈕或“全部保存全部保存”按鈕。按鈕。(3)按)按“
9、Ctrl+S”組合鍵。組合鍵。3. 打開網(wǎng)頁文檔打開網(wǎng)頁文檔打開網(wǎng)頁文檔有如下兩種方法。打開網(wǎng)頁文檔有如下兩種方法。(1)在)在Dreamweaver CS4主窗口中,單擊菜單主窗口中,單擊菜單“文文件件”“打開打開”菜單命令,彈出菜單命令,彈出“打開打開”對(duì)話框,選擇所需對(duì)話框,選擇所需打開的文檔,然后單擊打開的文檔,然后單擊“打開打開”按鈕就可打開相應(yīng)文檔。按鈕就可打開相應(yīng)文檔。(2)在)在“文件文件”面板中雙擊需要打開的文件。面板中雙擊需要打開的文件。4. 關(guān)閉網(wǎng)頁文檔關(guān)閉網(wǎng)頁文檔 在在Dreamweaver CS4主窗口中,單擊菜單主窗口中,單擊菜單“文文件件”“關(guān)閉關(guān)閉”或或“全部關(guān)
10、閉全部關(guān)閉”菜單命令就可以關(guān)閉網(wǎng)頁文菜單命令就可以關(guān)閉網(wǎng)頁文檔。如果網(wǎng)頁沒有保存,則會(huì)彈出一個(gè)對(duì)話框,確認(rèn)是否檔。如果網(wǎng)頁沒有保存,則會(huì)彈出一個(gè)對(duì)話框,確認(rèn)是否保存。保存。5. 頁面屬性設(shè)置 在Dreamweaver CS4主窗口中,單擊菜單“修改”“頁面屬性”菜單命令就可以打開如圖2-22所示的“頁面屬性”對(duì)話框。在“頁面屬性”對(duì)話框的左邊的“分類”列表中列出了5中不同的類別,選擇某一種類別后,該類別中所有可用的選項(xiàng)將會(huì)顯示在對(duì)話框右邊的屬性設(shè)置區(qū)域,根據(jù)需要修改相應(yīng)參數(shù)并單擊“確定”或“應(yīng)用”按鈕,即可完成頁面屬性設(shè)置。任務(wù)二:站點(diǎn)的規(guī)劃與創(chuàng)建任務(wù)二:站點(diǎn)的規(guī)劃與創(chuàng)建1、就像人們?cè)谛藿ù髽?/p>
11、之前都會(huì)先設(shè)計(jì)詳細(xì)的圖紙一樣,建立網(wǎng)站之前,應(yīng)該對(duì)網(wǎng)站的有一個(gè)清晰的、全局的思路,對(duì)網(wǎng)站的需求、主題、規(guī)模、欄目設(shè)置、整體風(fēng)格等作詳細(xì)的規(guī)劃。(1) 確定網(wǎng)站的主題和名稱 網(wǎng)站的主題也就是網(wǎng)站的題材,一個(gè)網(wǎng)站必須要有一個(gè)明確的主題,所有的頁面都應(yīng)該圍繞主題展開。同樣網(wǎng)站也必須有一個(gè)簡單、易記、有特色并能表明主題的名稱。例如:淘寶、視聽天空、易車網(wǎng)等。在體現(xiàn)出網(wǎng)站主題的同時(shí),能點(diǎn)出特色之處。(2) 確定網(wǎng)站的欄目 網(wǎng)站欄目的規(guī)劃,其實(shí)也是對(duì)網(wǎng)站內(nèi)容的高度提煉,確定網(wǎng)站的綱要和結(jié)構(gòu)。 (3) 確定網(wǎng)站的整體風(fēng)格 風(fēng)格(style)是抽象的,是指網(wǎng)站的整體形象給瀏覽者的綜合感受,包括站點(diǎn)的CI(標(biāo)志、色彩、字體、標(biāo)語),版面布局、瀏覽方式、交互性、文字、語氣、內(nèi)容價(jià)值、存在意義、站點(diǎn)榮譽(yù)等諸多因素。(4) 確定網(wǎng)站的目錄結(jié)構(gòu) 網(wǎng)站的目錄是指在建立網(wǎng)站時(shí)創(chuàng)建的目錄,主要是為了對(duì)網(wǎng)站包含大量的圖片、文檔、媒體等
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。
最新文檔
- 酒店與新郎新娘合同范本
- 解除藝人經(jīng)紀(jì)合同協(xié)議書
- 2024年四川南充衛(wèi)生職業(yè)學(xué)院引進(jìn)招聘筆試真題
- 2024年嘉峪關(guān)市商務(wù)局招聘公益性崗位人員筆試真題
- 2024年廣東省農(nóng)村信用社聯(lián)合社各部室招聘筆試真題
- 中學(xué)生結(jié)核病防治課件
- 鋼結(jié)構(gòu)幕墻維修合同范本
- 買房沒合同只認(rèn)購協(xié)議
- 買房合同增加補(bǔ)充協(xié)議
- 業(yè)務(wù)合同范本模板模板
- 2025屆黑龍江省哈爾濱市哈爾濱風(fēng)華中學(xué)英語八下期末監(jiān)測試題含答案
- 本草食養(yǎng):養(yǎng)生藥膳餐廳商業(yè)計(jì)劃書
- 2025年螢石行業(yè)市場需求分析報(bào)告及未來五至十年行業(yè)預(yù)測報(bào)告
- 食品安全事故流行病學(xué)調(diào)查技術(shù)指南
- 湖南省邵陽市海誼中學(xué)2024-2025學(xué)年高一上學(xué)期期末考試歷史試題(原卷版及答案)
- 內(nèi)蒙古呼和浩特實(shí)驗(yàn)教育集團(tuán)2025屆七年級(jí)英語第二學(xué)期期末考試模擬試題含答案
- 2025年河南省中考數(shù)學(xué)真題試卷及答案解析
- 2025年廣東省高考生物試題(含答案詳解)
- 2025春季學(xué)期國開電大??啤督ㄖ┕ぜ夹g(shù)》一平臺(tái)在線形考(形考任務(wù)1至4)試題及答案
- 2025至2030中國匹克球市場前景預(yù)判與未來發(fā)展形勢(shì)分析報(bào)告
- 2025年電動(dòng)叉車項(xiàng)目立項(xiàng)申請(qǐng)報(bào)告范文
評(píng)論
0/150
提交評(píng)論