中文版中文版Dreamwear-8網(wǎng)頁(yè)設(shè)計(jì)-第1章課件

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

什么是網(wǎng)頁(yè)和網(wǎng)站網(wǎng)頁(yè)的分類(lèi)網(wǎng)頁(yè)中的常用術(shù)語(yǔ)網(wǎng)頁(yè)設(shè)計(jì)的相關(guān)知識(shí)認(rèn)識(shí)Dreamweaver8Dreamweaver8的基本操作Dreamweaver8工作界面介紹課堂講解什么是網(wǎng)頁(yè)和網(wǎng)站什么是網(wǎng)頁(yè)和網(wǎng)站

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

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

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

網(wǎng)頁(yè)的分類(lèi)按所處位置分類(lèi)按所處位置分類(lèi)

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

按網(wǎng)頁(yè)的表現(xiàn)形式可將網(wǎng)頁(yè)分為靜態(tài)網(wǎng)頁(yè)和動(dòng)態(tài)網(wǎng)頁(yè)。按表現(xiàn)形式分類(lèi)按網(wǎng)頁(yè)的表現(xiàn)形式可將網(wǎng)網(wǎng)頁(yè)中的常用術(shù)語(yǔ)網(wǎng)頁(yè)中的常用術(shù)語(yǔ)

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

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

統(tǒng)一資源定位符（URL）URL（U文件傳輸協(xié)議（FTP）FTP（FileTransferProtocol）是一種廣泛使用的文件傳輸協(xié)議，是快速、高效和可靠的信息傳輸方法。FTP是基于客戶(hù)/服務(wù)器模型的TCP/IP的應(yīng)用，所以只要在客戶(hù)端和服務(wù)器之間建立了TCP/IP連接，無(wú)論兩臺(tái)電腦的位置遠(yuǎn)近、連接方式的異同以及使用的操作系統(tǒng)的異同，都能通過(guò)FTP協(xié)議進(jìn)行文件的傳輸。文件傳輸協(xié)議（FTP）FTP（FiIP地址IP地址用來(lái)標(biāo)識(shí)連接到Internet上電腦的指定編號(hào)，每一個(gè)IP地址對(duì)應(yīng)一臺(tái)電腦，這與用電話(huà)號(hào)碼標(biāo)識(shí)電話(huà)網(wǎng)絡(luò)中的電話(huà)相同。電腦識(shí)別的IP地址由32位二進(jìn)制數(shù)值組成，電腦上以十進(jìn)制數(shù)值來(lái)顯示，一組數(shù)值分為4部分，每一部分均不能大于255，中間用“.”分隔，如9。IP地址IP地址用來(lái)標(biāo)識(shí)連接到In域名域名超級(jí)鏈接超級(jí)鏈接是網(wǎng)頁(yè)中最常用的元素之一，網(wǎng)頁(yè)就是通過(guò)無(wú)數(shù)的超級(jí)鏈接才能組成一個(gè)網(wǎng)站。超級(jí)鏈接可以鏈接到網(wǎng)站內(nèi)部頁(yè)面、對(duì)象，也可以鏈接到其他網(wǎng)站，大大方便了用戶(hù)在各個(gè)頁(yè)面對(duì)象之間實(shí)現(xiàn)跳轉(zhuǎn)。超級(jí)鏈接超級(jí)鏈接是網(wǎng)頁(yè)中最常用的元超級(jí)文本標(biāo)記語(yǔ)言（HTML）

HTML（HyperTextMarkupLanguage）是一種用戶(hù)與電腦之間進(jìn)行交流的文本技術(shù)，各種網(wǎng)頁(yè)均是用HTML語(yǔ)言來(lái)描述的，用HTML語(yǔ)言編寫(xiě)的網(wǎng)頁(yè)文件的擴(kuò)展名一般為“*.htm”或“*.html”。超級(jí)文本標(biāo)記語(yǔ)言（HTML）HT網(wǎng)頁(yè)設(shè)計(jì)的相關(guān)知識(shí)設(shè)計(jì)網(wǎng)頁(yè)的原則網(wǎng)頁(yè)設(shè)計(jì)的一般步驟網(wǎng)頁(yè)制作的常用工具

網(wǎng)頁(yè)設(shè)計(jì)的相關(guān)知識(shí)設(shè)計(jì)網(wǎng)頁(yè)的原則設(shè)計(jì)網(wǎng)頁(yè)的原則整體規(guī)劃鮮明的主題善用圖像醒目的導(dǎo)航及時(shí)更新易記的網(wǎng)站名稱(chēng)通用網(wǎng)頁(yè)動(dòng)畫(huà)適量設(shè)計(jì)網(wǎng)頁(yè)的原則整體規(guī)劃網(wǎng)頁(yè)設(shè)計(jì)的一般步驟

規(guī)劃網(wǎng)站收集整理資源配置站點(diǎn)創(chuàng)建頁(yè)面測(cè)試站點(diǎn)發(fā)布站點(diǎn)維護(hù)、更新站點(diǎn)網(wǎng)頁(yè)設(shè)計(jì)的一般步驟規(guī)劃網(wǎng)站網(wǎng)頁(yè)制作的常用工具網(wǎng)頁(yè)設(shè)計(jì)軟件Dreamweaver是目前使用最多的網(wǎng)頁(yè)設(shè)計(jì)軟件。圖像處理軟件制作網(wǎng)頁(yè)圖像的軟件種類(lèi)繁多，大多數(shù)網(wǎng)頁(yè)設(shè)計(jì)人員選擇的是Fireworks或Photoshop。動(dòng)畫(huà)制作軟件網(wǎng)頁(yè)動(dòng)畫(huà)制作中最常用的軟件非Flash莫屬。

網(wǎng)頁(yè)制作的常用工具網(wǎng)頁(yè)設(shè)計(jì)軟件認(rèn)識(shí)Dreamweaver8使用Dreamweaver8制作網(wǎng)頁(yè)之前，需先將該軟件安裝到電腦中，其方法與安裝其他軟件相似，用戶(hù)可根據(jù)提示操作。認(rèn)識(shí)Dreamweaver8使用DreaDreamweaver8的基本操作

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

選擇[開(kāi)始][所有程序][Macromedia][MacromediaDreamweaver8菜單命令啟動(dòng)Dreamweaver8選擇[開(kāi)始]新建空白HTML網(wǎng)頁(yè)

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

新建空白HTML網(wǎng)頁(yè)選擇[文件]保存網(wǎng)頁(yè)文檔

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

保存網(wǎng)頁(yè)文檔選擇[文件][保存]菜單命預(yù)覽網(wǎng)頁(yè)效果

選擇[文件]

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

預(yù)覽網(wǎng)頁(yè)效果選擇[文件]退出Dreamweaver8

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

工作界面介紹

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

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

上機(jī)實(shí)戰(zhàn)本課上機(jī)實(shí)戰(zhàn)將練課堂講解上機(jī)實(shí)戰(zhàn)第1課初識(shí)Dreamweaver8課堂講解第1課初識(shí)Dreamweaver8課堂講解

什么是網(wǎng)頁(yè)和網(wǎng)站網(wǎng)頁(yè)的分類(lèi)網(wǎng)頁(yè)中的常用術(shù)語(yǔ)網(wǎng)頁(yè)設(shè)計(jì)的相關(guān)知識(shí)認(rèn)識(shí)Dreamweaver8Dreamweaver8的基本操作Dreamweaver8工作界面介紹課堂講解什么是網(wǎng)頁(yè)和網(wǎng)站什么是網(wǎng)頁(yè)和網(wǎng)站

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

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

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

網(wǎng)頁(yè)的分類(lèi)按所處位置分類(lèi)按所處位置分類(lèi)

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

按網(wǎng)頁(yè)的表現(xiàn)形式可將網(wǎng)頁(yè)分為靜態(tài)網(wǎng)頁(yè)和動(dòng)態(tài)網(wǎng)頁(yè)。按表現(xiàn)形式分類(lèi)按網(wǎng)頁(yè)的表現(xiàn)形式可將網(wǎng)網(wǎng)頁(yè)中的常用術(shù)語(yǔ)網(wǎng)頁(yè)中的常用術(shù)語(yǔ)

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

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

統(tǒng)一資源定位符（URL）URL（U文件傳輸協(xié)議（FTP）FTP（FileTransferProtocol）是一種廣泛使用的文件傳輸協(xié)議，是快速、高效和可靠的信息傳輸方法。FTP是基于客戶(hù)/服務(wù)器模型的TCP/IP的應(yīng)用，所以只要在客戶(hù)端和服務(wù)器之間建立了TCP/IP連接，無(wú)論兩臺(tái)電腦的位置遠(yuǎn)近、連接方式的異同以及使用的操作系統(tǒng)的異同，都能通過(guò)FTP協(xié)議進(jìn)行文件的傳輸。文件傳輸協(xié)議（FTP）FTP（FiIP地址IP地址用來(lái)標(biāo)識(shí)連接到Internet上電腦的指定編號(hào)，每一個(gè)IP地址對(duì)應(yīng)一臺(tái)電腦，這與用電話(huà)號(hào)碼標(biāo)識(shí)電話(huà)網(wǎng)絡(luò)中的電話(huà)相同。電腦識(shí)別的IP地址由32位二進(jìn)制數(shù)值組成，電腦上以十進(jìn)制數(shù)值來(lái)顯示，一組數(shù)值分為4部分，每一部分均不能大于255，中間用“.”分隔，如9。IP地址IP地址用來(lái)標(biāo)識(shí)連接到In域名域名超級(jí)鏈接超級(jí)鏈接是網(wǎng)頁(yè)中最常用的元素之一，網(wǎng)頁(yè)就是通過(guò)無(wú)數(shù)的超級(jí)鏈接才能組成一個(gè)網(wǎng)站。超級(jí)鏈接可以鏈接到網(wǎng)站內(nèi)部頁(yè)面、對(duì)象，也可以鏈接到其他網(wǎng)站，大大方便了用戶(hù)在各個(gè)頁(yè)面對(duì)象之間實(shí)現(xiàn)跳轉(zhuǎn)。超級(jí)鏈接超級(jí)鏈接是網(wǎng)頁(yè)中最常用的元超級(jí)文本標(biāo)記語(yǔ)言（HTML）

HTML（HyperTextMarkupLanguage）是一種用戶(hù)與電腦之間進(jìn)行交流的文本技術(shù)，各種網(wǎng)頁(yè)均是用HTML語(yǔ)言來(lái)描述的，用HTML語(yǔ)言編寫(xiě)的網(wǎng)頁(yè)文件的擴(kuò)展名一般為“*.htm”或“*.html”。超級(jí)文本標(biāo)記語(yǔ)言（HTML）HT網(wǎng)頁(yè)設(shè)計(jì)的相關(guān)知識(shí)設(shè)計(jì)網(wǎng)頁(yè)的原則網(wǎng)頁(yè)設(shè)計(jì)的一般步驟網(wǎng)頁(yè)制作的常用工具

網(wǎng)頁(yè)設(shè)計(jì)的相關(guān)知識(shí)設(shè)計(jì)網(wǎng)頁(yè)的原則設(shè)計(jì)網(wǎng)頁(yè)的原則整體規(guī)劃鮮明的主題善用圖像醒目的導(dǎo)航及時(shí)更新易記的網(wǎng)站名稱(chēng)通用網(wǎng)頁(yè)動(dòng)畫(huà)適量設(shè)計(jì)網(wǎng)頁(yè)的原則整體規(guī)劃網(wǎng)頁(yè)設(shè)計(jì)的一般步驟

規(guī)劃網(wǎng)站收集整理資源配置站點(diǎn)創(chuàng)建頁(yè)面測(cè)試站點(diǎn)發(fā)布站點(diǎn)維護(hù)、更新站點(diǎn)網(wǎng)頁(yè)設(shè)計(jì)的一般步驟規(guī)劃網(wǎng)站網(wǎng)頁(yè)制作的常用工具網(wǎng)頁(yè)設(shè)計(jì)軟件Dreamweaver是目前使用最多的網(wǎng)頁(yè)設(shè)計(jì)軟件。圖像處理軟件制作網(wǎng)頁(yè)圖像的軟件種類(lèi)繁多，大多數(shù)網(wǎng)頁(yè)設(shè)計(jì)人員選擇的是Fireworks或Photoshop。動(dòng)畫(huà)制作軟件網(wǎng)頁(yè)動(dòng)畫(huà)制作中最常用的軟件非Flash莫屬。

網(wǎng)頁(yè)制作的常用工具網(wǎng)頁(yè)設(shè)計(jì)軟件認(rèn)識(shí)Dreamweaver8使用Dreamweaver8制作網(wǎng)頁(yè)之前，需先將該軟件安裝到電腦中，其方法與安裝其他軟件相似，用戶(hù)可根據(jù)提示操作。認(rèn)識(shí)Dreamweaver8使用DreaDreamweaver8的基本操作

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

選擇[開(kāi)始][所有程序][Macromedia][MacromediaDreamweaver8菜單命令啟動(dòng)Dreamweaver8選擇[開(kāi)始]新建空白HTML網(wǎng)頁(yè)

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

新建空白HTML網(wǎng)頁(yè)選擇[文件]保存網(wǎng)頁(yè)文檔