初識(shí)Dreamweaver市公開課一等獎(jiǎng)省賽課獲獎(jiǎng)?wù)n件

課堂講解上機(jī)實(shí)戰(zhàn)第1課初識(shí)Dreamweaver8初識(shí)Dreamweaver第1頁(yè)課堂講解

什么是網(wǎng)頁(yè)和網(wǎng)站網(wǎng)頁(yè)分類網(wǎng)頁(yè)中慣用術(shù)語網(wǎng)頁(yè)設(shè)計(jì)相關(guān)知識(shí)認(rèn)識(shí)Dreamweaver8Dreamweaver8基本操作Dreamweaver8工作界面介紹初識(shí)Dreamweaver第2頁(yè)什么是網(wǎng)頁(yè)和網(wǎng)站

什么是網(wǎng)頁(yè)什么是網(wǎng)站

初識(shí)Dreamweaver第3頁(yè)什么是網(wǎng)頁(yè)網(wǎng)頁(yè)是由HTML（超級(jí)文本標(biāo)識(shí)語言）或者其它語言編寫，經(jīng)過IE瀏覽器編譯后供用戶獲取信息頁(yè)面，它又稱為Web頁(yè)，其中可包含文字、圖像、表格、動(dòng)畫和超級(jí)鏈接等各種網(wǎng)頁(yè)元素。初識(shí)Dreamweaver第4頁(yè)什么是網(wǎng)站

網(wǎng)站就是一個(gè)或多個(gè)網(wǎng)頁(yè)集合。從廣義上講，網(wǎng)站就是當(dāng)網(wǎng)頁(yè)公布到Internet上以后，能經(jīng)過瀏覽器在Internet上訪問頁(yè)面。門戶網(wǎng)站職能網(wǎng)站專業(yè)網(wǎng)站個(gè)人網(wǎng)站初識(shí)Dreamweaver第5頁(yè)網(wǎng)頁(yè)分類按所處位置分類按表現(xiàn)形式分類

初識(shí)Dreamweaver第6頁(yè)按所處位置分類

按網(wǎng)頁(yè)在網(wǎng)站中所處位置可將網(wǎng)頁(yè)分為主頁(yè)和子頁(yè)兩類。初識(shí)Dreamweaver第7頁(yè)按表現(xiàn)形式分類

按網(wǎng)頁(yè)表現(xiàn)形式可將網(wǎng)頁(yè)分為靜態(tài)網(wǎng)頁(yè)和動(dòng)態(tài)網(wǎng)頁(yè)。初識(shí)Dreamweaver第8頁(yè)網(wǎng)頁(yè)中慣用術(shù)語萬維網(wǎng)（www）瀏覽器統(tǒng)一資源定位符（URL）文件傳輸協(xié)議（FTP）IP地址域名

超級(jí)鏈接

超級(jí)文本標(biāo)識(shí)語言（HTML）

初識(shí)Dreamweaver第9頁(yè)萬維網(wǎng)（www）

萬維網(wǎng)（www）是WorldWideWeb漢字簡(jiǎn)稱，也稱為3W網(wǎng)，它本質(zhì)是一個(gè)基于超級(jí)文本技術(shù)交互式信息瀏覽檢索工具，是Internet提供應(yīng)用最普及、功效最豐富、使用方法最簡(jiǎn)便信息服務(wù)，用戶可經(jīng)過它在Internet上瀏覽、編輯、傳遞超文本格式文件（即.html格式文件）。初識(shí)Dreamweaver第10頁(yè)瀏覽器

瀏覽器是用于閱讀網(wǎng)頁(yè)中信息一個(gè)軟件工具，就像使用電腦必須有操作系統(tǒng)一樣。InternetExplorer（IE）NetscapeNavigator（NE）騰訊TT瀏覽器初識(shí)Dreamweaver第11頁(yè)統(tǒng)一資源定位符（URL）URL（UniformResourceLocator）主要是用來指定協(xié)議（如HTTP或FTP）以及對(duì)象、文檔、萬維網(wǎng)網(wǎng)頁(yè)或其它目標(biāo)在Internet位置和存取方式。通信協(xié)議主機(jī)名所要訪問網(wǎng)頁(yè)路徑及名稱

初識(shí)Dreamweaver第12頁(yè)文件傳輸協(xié)議（FTP）FTP（FileTransferProtocol）是一個(gè)廣泛使用文件傳輸協(xié)議，是快速、高效和可靠信息傳輸方法。FTP是基于客戶/服務(wù)器模型TCP/IP應(yīng)用，所以只要在客戶端和服務(wù)器之間建立了TCP/IP連接，不論兩臺(tái)電腦位置遠(yuǎn)近、連接方式異同以及使用操作系統(tǒng)異同，都能經(jīng)過FTP協(xié)議進(jìn)行文件傳輸。初識(shí)Dreamweaver第13頁(yè)IP地址IP地址用來標(biāo)識(shí)連接到Internet上電腦指定編號(hào)，每一個(gè)IP地址對(duì)應(yīng)一臺(tái)電腦，這與用電話號(hào)碼標(biāo)識(shí)電話網(wǎng)絡(luò)中電話相同。電腦識(shí)別IP地址由32位二進(jìn)制數(shù)值組成，電腦上以十進(jìn)制數(shù)值來顯示，一組數(shù)值分為4部分，每一部分均不能大于255，中間用“.”分隔，如9。初識(shí)Dreamweaver第14頁(yè)域名域名就是常說網(wǎng)址，它也含有惟一性，如baidu網(wǎng)址、網(wǎng)易網(wǎng)址等就是一個(gè)域名，域名由漢語拼音或英文字符加上數(shù)字表示，在訪問網(wǎng)絡(luò)時(shí)，域名將經(jīng)過域名服務(wù)器轉(zhuǎn)換成IP地址，這種轉(zhuǎn)換是在后臺(tái)完成。初識(shí)Dreamweaver第15頁(yè)超級(jí)鏈接超級(jí)鏈接是網(wǎng)頁(yè)中最慣用元素之一，網(wǎng)頁(yè)就是經(jīng)過無數(shù)超級(jí)鏈接才能組成一個(gè)網(wǎng)站。超級(jí)鏈接能夠鏈接到網(wǎng)站內(nèi)部頁(yè)面、對(duì)象，也能夠鏈接到其它網(wǎng)站，大大方便了用戶在各個(gè)頁(yè)面對(duì)象之間實(shí)現(xiàn)跳轉(zhuǎn)。初識(shí)Dreamweaver第16頁(yè)超級(jí)文本標(biāo)識(shí)語言（HTML）

HTML（HyperTextMarkupLanguage）是一個(gè)用戶與電腦之間進(jìn)行交流文本技術(shù)，各種網(wǎng)頁(yè)均是用HTML語言來描述，用HTML語言編寫網(wǎng)頁(yè)文件擴(kuò)展名普通為“*.htm”或“*.html”。初識(shí)Dreamweaver第17頁(yè)網(wǎng)頁(yè)設(shè)計(jì)相關(guān)知識(shí)設(shè)計(jì)網(wǎng)頁(yè)標(biāo)準(zhǔn)網(wǎng)頁(yè)設(shè)計(jì)普通步驟網(wǎng)頁(yè)制作慣用工具

初識(shí)Dreamweaver第18頁(yè)設(shè)計(jì)網(wǎng)頁(yè)標(biāo)準(zhǔn)整體規(guī)劃鮮明主題善用圖像醒目標(biāo)導(dǎo)航及時(shí)更新易記網(wǎng)站名稱通用網(wǎng)頁(yè)動(dòng)畫適量初識(shí)Dreamweaver第19頁(yè)網(wǎng)頁(yè)設(shè)計(jì)普通步驟

規(guī)劃網(wǎng)站搜集整理資源配置站點(diǎn)創(chuàng)建頁(yè)面測(cè)試站點(diǎn)公布站點(diǎn)維護(hù)、更新站點(diǎn)初識(shí)Dreamweaver第20頁(yè)網(wǎng)頁(yè)制作慣用工具網(wǎng)頁(yè)設(shè)計(jì)軟件Dreamweaver是當(dāng)前使用最多網(wǎng)頁(yè)設(shè)計(jì)軟件。圖像處理軟件制作網(wǎng)頁(yè)圖像軟件種類繁多，大多數(shù)網(wǎng)頁(yè)設(shè)計(jì)人員選擇是Fireworks或Photoshop。動(dòng)畫制作軟件網(wǎng)頁(yè)動(dòng)畫制作中最慣用軟件非Flash莫屬。

初識(shí)Dreamweaver第21頁(yè)認(rèn)識(shí)Dreamweaver8使用Dreamweaver8制作網(wǎng)頁(yè)之前，需先將該軟件安裝到電腦中，其方法與安裝其它軟件相同，用戶可依據(jù)提醒操作。初識(shí)Dreamweaver第22頁(yè)Dreamweaver8基本操作

開啟Dreamweaver8新建空白HTML網(wǎng)頁(yè)保留網(wǎng)頁(yè)文檔預(yù)覽網(wǎng)頁(yè)效果退出Dreamweaver8初識(shí)Dreamweaver第23頁(yè)開啟Dreamweaver8

選擇[開始][全部程序][Macromedia][MacromediaDreamweaver8菜單命令初識(shí)Dreamweaver第24頁(yè)新建空白HTML網(wǎng)頁(yè)

選擇[文件][新建]菜單命令，打開“新建文檔”對(duì)話框，在“分類”欄中選擇“基本頁(yè)”選項(xiàng)，在“基本頁(yè)”欄中選擇“HTML”選項(xiàng)，單擊“創(chuàng)建”按鈕。

初識(shí)Dreamweaver第25頁(yè)保留網(wǎng)頁(yè)文檔

選擇[文件][保留]菜單命令，打開“另存為”對(duì)話框，在“保留在”下拉列表框中選擇文件保留路徑，在“文件名”文本框中輸入保留文件名，單擊“保留”按鈕。

初識(shí)Dreamweaver第26頁(yè)預(yù)覽網(wǎng)頁(yè)效果

選擇[文件]

[在瀏覽器中預(yù)覽][IExplore6.0]菜單命令在IE瀏覽器中預(yù)覽網(wǎng)頁(yè)文檔效果。

初識(shí)Dreamweaver第27頁(yè)退出Dreamweaver8

單擊Dreamweaver8窗口右上角“關(guān)閉”按鈕。單擊Dreamweaver8窗口左上角圖標(biāo)，在彈出下拉菜單中選擇“關(guān)閉”命令。在Dreamweaver8窗口中選擇[文件][退出]菜單命令。在當(dāng)前窗口為Dreamweaver8工作界面時(shí)，按【Alt+F4】鍵退出Dreamweaver8。初識(shí)Dreamweaver第28頁(yè)Dreamweaver8

工作界面介紹

插入欄文檔工具欄文檔編輯區(qū)網(wǎng)頁(yè)標(biāo)簽擴(kuò)展按鈕浮動(dòng)面板組屬性面板標(biāo)簽選擇器水平標(biāo)尺和垂直標(biāo)尺初識(shí)Dreamweaver第29頁(yè)上機(jī)實(shí)戰(zhàn)