資源描述:
《第2課Dreamweaver操作界面簡(jiǎn)介ppt課件.ppt》由會(huì)員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在教育資源-天天文庫(kù)。
1、Dreamweaver-----基礎(chǔ)教案第二章Dreamweaver操作界面簡(jiǎn)介回顧:了解網(wǎng)頁的基本知識(shí)熟悉網(wǎng)頁的基本構(gòu)成元素?熟悉網(wǎng)頁配色基礎(chǔ)?了解網(wǎng)頁中布局設(shè)計(jì)常識(shí)教學(xué)目標(biāo):了解Dreamweaver8的操作界面掌握創(chuàng)建站點(diǎn)掌握文本的使用掌握項(xiàng)目列表和編號(hào)列表的使用掌握頭信息的設(shè)置掌握基本文本網(wǎng)頁的設(shè)計(jì)技巧學(xué)習(xí)重點(diǎn):了解Dreamweaver8的操作界面掌握文本的使用掌握項(xiàng)目列表和編號(hào)列表的使用掌握頭信息的設(shè)置Dreamweaver與Flash、Fireworks這3者被用戶稱為“網(wǎng)頁設(shè)計(jì)三劍客”。Dreamweaver的優(yōu)勢(shì)在于它不僅是優(yōu)秀的所見即所得的編輯軟件
2、,同時(shí)也兼顧了HTML源代碼,可以讓用戶很方便地在兩種模式之間切換。Dreamweaver8提供眾多的可視化設(shè)計(jì)工具、應(yīng)用開發(fā)環(huán)境以及代碼編輯支持。如利用鼠標(biāo)拖曳來添加表格、圖像等元素,在文檔中直接輸入文本,直接插入一些常用的特殊符號(hào)對(duì)象等。用戶在沒有輸入代碼的情況下完成了上述工作,Dreamweaver自動(dòng)將結(jié)果轉(zhuǎn)換為HTML源代碼。用戶也可以隨時(shí)查看文檔的HTML源代碼,在代碼視圖中進(jìn)行修改。一、Dreamweaver8簡(jiǎn)介Dreamweaver8的操作界面主要由標(biāo)題欄、菜單欄、文檔窗口、屬性面板、插入欄以及浮動(dòng)面板組組成。二、Dreamweaver8的操作界面2
3、-1操作界面1、新建文件三、文件基本操作2-2為新建文件對(duì)話框2、保存文件三、文件基本操作2-3為保存文件3、文件另存為三、文件基本操作2-3為另存為文件四、創(chuàng)建站點(diǎn)Dreamweaver8提供了兩種不同的創(chuàng)建站點(diǎn)的方式,初學(xué)者可以采用非常容易方便的【基本】方式,使用向?qū)У姆绞揭徊揭徊降剡M(jìn)行設(shè)置。如果是一個(gè)網(wǎng)絡(luò)高手,可以通過【高級(jí)】方式,對(duì)創(chuàng)建的站點(diǎn)信息進(jìn)行設(shè)置。1、使用向?qū)Ы⒄军c(diǎn)四、創(chuàng)建站點(diǎn)使用向?qū)Ы⒄军c(diǎn)的具體操作步驟如下。選擇菜單中【站點(diǎn)】
4、【管理站點(diǎn)】命令,打開【管理站點(diǎn)】對(duì)話框,在對(duì)話框中單擊【新建】按鈕,在彈出的菜單中選擇【站點(diǎn)】選項(xiàng),如圖2-11:四、
5、創(chuàng)建站點(diǎn)打開【站點(diǎn)定義為】對(duì)話框,在對(duì)話框中如果顯示的是【高級(jí)】選項(xiàng)卡,則切換到【基本】選項(xiàng)卡,在【您打算為站點(diǎn)起什么名字】文本框中輸入“myweb”,如圖2-12四、創(chuàng)建站點(diǎn)單擊【下一步】按鈕,詢問是否使用服務(wù)器技術(shù),選擇【否】,因?yàn)楸菊军c(diǎn)是一個(gè)靜態(tài)站點(diǎn),如圖2-13:四、創(chuàng)建站點(diǎn)單擊【下一步】按鈕,單擊【您將把文件儲(chǔ)存在計(jì)算機(jī)的什么位置?】文本框右邊的按鈕,選擇文件夾目錄,如圖2-14:四、創(chuàng)建站點(diǎn)單擊【下一步】按鈕,詢問【您如何連接到遠(yuǎn)程服務(wù)器】,在其下拉列表中選擇【無】選項(xiàng);單擊【下一步】按鈕,列出創(chuàng)建站點(diǎn)的一些詳細(xì)信息單擊【完成】按鈕,返回到【管理站點(diǎn)】對(duì)話
6、框,在對(duì)話框中顯示創(chuàng)建的站點(diǎn)。2、使用高級(jí)設(shè)置建立站點(diǎn)四、創(chuàng)建站點(diǎn)對(duì)于【高級(jí)】設(shè)置,主要是設(shè)置【本地信息】、【遠(yuǎn)程信息】和【測(cè)試服務(wù)器】中的參數(shù)。使用高級(jí)設(shè)置建立站點(diǎn)的具體操作步驟如下。1.選擇菜單中【站點(diǎn)】
7、【管理站點(diǎn)】命令,打開【管理站點(diǎn)】對(duì)話框,在對(duì)話框中單擊【編輯】按鈕,如圖2-17:四、創(chuàng)建站點(diǎn)打開【……站點(diǎn)定義為】對(duì)話框,在對(duì)話框中切換到【高級(jí)】選項(xiàng)卡,在【分類】列表框中選擇【本地信息】選項(xiàng),在【站點(diǎn)名稱】文本框中輸入站點(diǎn)的名稱,單擊【本地根文件夾】右邊的按鈕,選擇文件夾目錄,如圖2-18:四、創(chuàng)建站點(diǎn)在【分類】列表框中選擇【遠(yuǎn)程信息】選項(xiàng),右側(cè)出現(xiàn)相應(yīng)的
8、參數(shù),如圖2-20:四、創(chuàng)建站點(diǎn)設(shè)置完畢后,單擊【確定】按鈕,即可創(chuàng)建站點(diǎn)。本章小結(jié):了解Dreamweaver8的操作界面掌握創(chuàng)建站點(diǎn)掌握文本的使用掌握項(xiàng)目列表和編號(hào)列表的使用掌握頭信息的設(shè)置掌握基本文本網(wǎng)頁的設(shè)計(jì)技巧作業(yè)要求:1、新建一個(gè)名為xinwen1的頁面,將它保存在桌面上。2、在xinwen1頁面上輸入簡(jiǎn)單文字,將其另命名為xinwen2,保存在桌面上。3、新建一個(gè)名為zuoye的站點(diǎn),存在“我的電腦”E盤中。