計算機(jī)軟件及應(yīng)用dreaweaverCS5教學(xué)第一章課件

課堂講解上機(jī)實戰(zhàn)第1課初識Dreamweaver8課堂講解第1課初識Dreamweaver81課堂講解

什么是網(wǎng)頁和網(wǎng)站網(wǎng)頁的分類網(wǎng)頁中的常用術(shù)語網(wǎng)頁設(shè)計的相關(guān)知識認(rèn)識Dreamweavercs3Dreamweavercs3的基本操作Dreamweavercs3工作界面介紹課堂講解什么是網(wǎng)頁和網(wǎng)站2什么是網(wǎng)頁和網(wǎng)站

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

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

網(wǎng)站就是一個或多個網(wǎng)頁的集合。從廣義上講，網(wǎng)站就是當(dāng)網(wǎng)頁發(fā)布到Internet上以后，能通過瀏覽器在Internet上訪問的頁面。門戶網(wǎng)站智能網(wǎng)站專業(yè)網(wǎng)站個人網(wǎng)站什么是網(wǎng)站網(wǎng)站就是一個或多個網(wǎng)頁5網(wǎng)頁的分類按所處位置分類按表現(xiàn)形式分類

網(wǎng)頁的分類按所處位置分類6按所處位置分類

按網(wǎng)頁在網(wǎng)站中所處的位置可將網(wǎng)頁分為主頁和子頁兩類。按所處位置分類按網(wǎng)頁在網(wǎng)站中所處的7按表現(xiàn)形式分類

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

超級鏈接

超級文本標(biāo)記語言（HTML）網(wǎng)頁中的常用術(shù)語萬維網(wǎng)（www）9萬維網(wǎng)（www）

萬維網(wǎng)（www）是WorldWideWeb的中文簡稱，也稱為3W網(wǎng)，它的本質(zhì)是一種基于超級文本技術(shù)的交互式信息瀏覽檢索工具，是Internet提供的應(yīng)用最普及、功能最豐富、使用方法最簡便的信息服務(wù)，用戶可通過它在Internet上瀏覽、編輯、傳遞超文本格式的文件（即.html格式文件）。萬維網(wǎng)（www）萬維網(wǎng)（www）是WorldW10瀏覽器

瀏覽器是用于閱讀網(wǎng)頁中信息的一種軟件工具，就像使用電腦必須有操作系統(tǒng)一樣。InternetExplorer（IE）NetscapeNavigator（NE）騰訊TT瀏覽器瀏覽器瀏覽器是用于閱讀網(wǎng)頁中信息的一種軟件工具，11統(tǒng)一資源定位符（URL）URL（UniformResourceLocator）主要是用來指定協(xié)議（如HTTP或FTP）以及對象、文檔、萬維網(wǎng)網(wǎng)頁或其他目標(biāo)在Internet的位置和存取方式。這是一個世界通用的負(fù)責(zé)給萬維網(wǎng)上例如網(wǎng)頁這樣的資源定位的系統(tǒng)。

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

HTML（HyperTextMarkupLanguage）是一種用戶與電腦之間進(jìn)行交流的文本技術(shù)，各種網(wǎng)頁均是用HTML語言來描述的，用HTML語言編寫的網(wǎng)頁文件的擴(kuò)展名一般為“*.htm”或“*.html”。作用是定義超文本文檔的結(jié)構(gòu)和格式。超級文本標(biāo)記語言（HTML）HT17網(wǎng)頁設(shè)計的相關(guān)知識設(shè)計網(wǎng)頁的原則網(wǎng)頁設(shè)計的一般步驟網(wǎng)頁制作的常用工具網(wǎng)頁設(shè)計的相關(guān)知識設(shè)計網(wǎng)頁的原則18設(shè)計網(wǎng)頁的原則整體規(guī)劃鮮明的主題善用圖像醒目的導(dǎo)航及時更新易記的網(wǎng)站名稱通用網(wǎng)頁動畫適量設(shè)計網(wǎng)頁的原則整體規(guī)劃19網(wǎng)頁設(shè)計的一般步驟

規(guī)劃網(wǎng)站收集整理資源配置站點創(chuàng)建頁面測試站點發(fā)布站點維護(hù)、更新站點網(wǎng)頁設(shè)計的一般步驟規(guī)劃網(wǎng)站20網(wǎng)頁制作的常用工具網(wǎng)頁設(shè)計軟件Dreamweaver是目前使用最多的網(wǎng)頁設(shè)計軟件。圖像處理軟件制作網(wǎng)頁圖像的軟件種類繁多，大多數(shù)網(wǎng)頁設(shè)計人員選擇的是Fireworks或Photoshop。動畫制作軟件網(wǎng)頁動畫制作中最常用的軟件非Flash莫屬。網(wǎng)頁制作的常用工具網(wǎng)頁設(shè)計軟件21認(rèn)識Dreamweaver8使用Dreamweaver8制作網(wǎng)頁之前，需先將該軟件安裝到電腦中，其方法與安裝其他軟件相似，用戶可根據(jù)提示操作。認(rèn)識Dreamweaver8使用Drea22Dreamweaver8的基本操作

啟動Dreamweaver8新建空白HTML網(wǎng)頁保存網(wǎng)頁文檔預(yù)覽網(wǎng)頁效果退出Dreamweaver8Dreamweaver8的基本操作啟動Dreamweav23啟動Dreamweaver8

選擇[開始][所有程序][Macromedia][MacromediaDreamweaver8菜單命令啟動Dreamweaver8選擇[開始]24新建空白HTML網(wǎng)頁

選擇[文件]

[新建]菜單命令，打開“新建文檔”對話框，在“分類”欄中選擇“基本頁”選項，在“基本頁”欄中選擇“HTML”選項，單擊“創(chuàng)建”按鈕。新建空白HTML網(wǎng)頁選擇[文件]25保存網(wǎng)頁文檔

選擇[文件][保存]菜單命令，打開的“另存為”對話框，在“保存在”下拉列表框中選擇文件的保存路徑，在“文件名”文本框中輸入保存的文件名，單擊“保存”按鈕。保存網(wǎng)頁文檔選擇[文件][保存]菜單命26預(yù)覽網(wǎng)頁效果

選擇[文件][在瀏覽器中預(yù)覽][IExplore6.0]菜單命令在IE瀏覽器中預(yù)覽網(wǎng)頁文檔的效果。預(yù)覽網(wǎng)頁效果選擇[文27退出Dreamweaver8

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

工作界面介紹

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

在Dreamweaver8中新建一個只包含文本的簡單網(wǎng)頁，并使用IE瀏覽器預(yù)覽其效果。其中主要練習(xí)Dreamweaver8的啟動、新建文檔、保存網(wǎng)頁、預(yù)覽網(wǎng)頁和退出Dreamweaver8的操作。上機(jī)實戰(zhàn)在Dreamweaver830課堂講解上機(jī)實戰(zhàn)第1課初識Dreamweaver8課堂講解第1課初識Dreamweaver831課堂講解

什么是網(wǎng)頁和網(wǎng)站網(wǎng)頁的分類網(wǎng)頁中的常用術(shù)語網(wǎng)頁設(shè)計的相關(guān)知識認(rèn)識Dreamweavercs3Dreamweavercs3的基本操作Dreamweavercs3工作界面介紹課堂講解什么是網(wǎng)頁和網(wǎng)站32什么是網(wǎng)頁和網(wǎng)站

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

什么是網(wǎng)頁和網(wǎng)站什么是網(wǎng)頁33什么是網(wǎng)頁網(wǎng)頁是由HTML（超級文本標(biāo)識語言）或者其他語言編寫的，通過IE瀏覽器編譯后供用戶獲取信息的頁面，它又稱為Web頁，其中可包含文字、圖像、表格、動畫和超級鏈接等各種網(wǎng)頁元素。什么是網(wǎng)頁網(wǎng)頁是由HTML（超34什么是網(wǎng)站

網(wǎng)站就是一個或多個網(wǎng)頁的集合。從廣義上講，網(wǎng)站就是當(dāng)網(wǎng)頁發(fā)布到Internet上以后，能通過瀏覽器在Internet上訪問的頁面。門戶網(wǎng)站智能網(wǎng)站專業(yè)網(wǎng)站個人網(wǎng)站什么是網(wǎng)站網(wǎng)站就是一個或多個網(wǎng)頁35網(wǎng)頁的分類按所處位置分類按表現(xiàn)形式分類

網(wǎng)頁的分類按所處位置分類36按所處位置分類

按網(wǎng)頁在網(wǎng)站中所處的位置可將網(wǎng)頁分為主頁和子頁兩類。按所處位置分類按網(wǎng)頁在網(wǎng)站中所處的37按表現(xiàn)形式分類

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

超級鏈接

超級文本標(biāo)記語言（HTML）網(wǎng)頁中的常用術(shù)語萬維網(wǎng)（www）39萬維網(wǎng)（www）

萬維網(wǎng)（www）是WorldWideWeb的中文簡稱，也稱為3W網(wǎng)，它的本質(zhì)是一種基于超級文本技術(shù)的交互式信息瀏覽檢索工具，是Internet提供的應(yīng)用最普及、功能最豐富、使用方法最簡便的信息服務(wù)，用戶可通過它在Internet上瀏覽、編輯、傳遞超文本格式的文件（即.html格式文件）。萬維網(wǎng)（www）萬維網(wǎng)（www）是WorldW40瀏覽器

瀏覽器是用于閱讀網(wǎng)頁中信息的一種軟件工具，就像使用電腦必須有操作系統(tǒng)一樣。InternetExplorer（IE）NetscapeNavigator（NE）騰訊TT瀏覽器瀏覽器瀏覽器是用于閱讀網(wǎng)頁中信息的一種軟件工具，41統(tǒng)一資源定位符（URL）URL（UniformResourceLocator）主要是用來指定協(xié)議（如HTTP或FTP）以及對象、文檔、萬維網(wǎng)網(wǎng)頁或其他目標(biāo)在Internet的位置和存取方式。這是一個世界通用的負(fù)責(zé)給萬維網(wǎng)上例如網(wǎng)頁這樣的資源定位的系統(tǒng)。

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

HTML（HyperTextMarkupLanguage）是一種用戶與電腦之間進(jìn)行交流的文本技術(shù)，各種網(wǎng)頁均是用HTML語言來描述的，用HTML語言編寫的網(wǎng)頁文件的擴(kuò)展名一般為“*.htm”或“*.html”。作用是定義超文本文檔的結(jié)構(gòu)和格式。超級文本標(biāo)記語言（HTML）HT47網(wǎng)頁設(shè)計的相關(guān)知識設(shè)計網(wǎng)頁的原則網(wǎng)頁設(shè)計的一般步驟網(wǎng)頁制作的常用工具網(wǎng)頁設(shè)計的相關(guān)知識設(shè)計網(wǎng)頁的原則48設(shè)計網(wǎng)頁的原則整體規(guī)劃鮮明的主題善用圖像醒目的導(dǎo)航及時更新易記的網(wǎng)站名稱通用網(wǎng)頁動畫適量設(shè)計網(wǎng)頁的原則整體規(guī)劃49網(wǎng)頁設(shè)計的一般步驟

規(guī)劃網(wǎng)站收集整理資源配置站點創(chuàng)建頁面測試站點發(fā)布站點維護(hù)、更新站點網(wǎng)頁設(shè)計的一般步驟規(guī)劃網(wǎng)站50網(wǎng)頁制作的常用工具網(wǎng)頁設(shè)計軟件Dreamweaver是目前使用最多的網(wǎng)頁設(shè)計軟件。圖像處理軟件制作網(wǎng)頁圖像的軟件種類繁多，大多數(shù)網(wǎng)頁設(shè)計人員選擇的是Fireworks或Photoshop。動畫制作軟件網(wǎng)頁動畫制作中最常用的軟件非Flash莫屬。網(wǎng)頁制作的常用工具網(wǎng)頁設(shè)計軟件51認(rèn)識Dreamweaver8使用Dreamweaver8制作網(wǎng)頁之前，需先將該軟件安裝到電腦中，其方法與安裝其他軟件相似，用戶可根據(jù)提示操作。認(rèn)識Dreamweaver8使用Drea52Dreamweaver8的基本操作

啟動Dreamweaver8新建空白HTML網(wǎng)頁保存網(wǎng)頁文檔預(yù)覽網(wǎng)頁效果退出Dreamweaver8Dreamweaver8的基本操作啟動Dreamweav53啟動Dreamweaver8

選擇[開始][所有程序][Macromedia][MacromediaDreamweaver8菜單命令啟動Dreamweaver8選擇[開始]54新建空白HTML網(wǎng)頁

選擇[文件]

[新建]菜單命令，打開“新建文檔”對話框，在“分類”欄中選擇“基本頁”選