網(wǎng)頁設(shè)計與制作任務(wù)驅(qū)動式教程單元1創(chuàng)建站點(diǎn)與瀏覽網(wǎng)課件

網(wǎng)頁設(shè)計與制作任務(wù)驅(qū)動式教程單元1創(chuàng)建站點(diǎn)與瀏覽網(wǎng)頁網(wǎng)頁設(shè)計與制作單元1創(chuàng)建站點(diǎn)與瀏覽網(wǎng)頁教學(xué)環(huán)節(jié)【教學(xué)導(dǎo)航

】

1【操作準(zhǔn)備】2【引導(dǎo)訓(xùn)練/引導(dǎo)訓(xùn)練考核評價】3【同步訓(xùn)練/同步訓(xùn)練考核評價】

4【拓展訓(xùn)練/拓展訓(xùn)練考核評價】5教學(xué)環(huán)節(jié)【教學(xué)導(dǎo)航】1【操作準(zhǔn)備】2【引導(dǎo)訓(xùn)練/引導(dǎo)【教學(xué)導(dǎo)航】教學(xué)目標(biāo)（1）學(xué)會創(chuàng)建本地站點(diǎn)和管理本地站點(diǎn)（2）熟悉DreamweaverCS6的工作界面（3）熟悉瀏覽器窗口的基本組成和網(wǎng)頁的基本組成元素（4）了解網(wǎng)站與網(wǎng)頁的相關(guān)概念（5）認(rèn)識網(wǎng)頁的基本布局結(jié)構(gòu)（6）了解一些制作網(wǎng)頁、處理圖像、制作動畫的工具

本單元重點(diǎn)（1）創(chuàng)建本地站點(diǎn)（2）網(wǎng)頁的基本組成元素和網(wǎng)頁的布局結(jié)構(gòu)

本單元難點(diǎn)（1）網(wǎng)頁的布局結(jié)構(gòu)（2）網(wǎng)頁的基本概念

教學(xué)方法任務(wù)驅(qū)動法、分組討論法、四步訓(xùn)練法（操作準(zhǔn)備－引導(dǎo)訓(xùn)練－同步訓(xùn)練－拓展訓(xùn)練）

課時建議2課時（含考核評價）【教學(xué)導(dǎo)航】教學(xué)目標(biāo)（1）學(xué)會創(chuàng)建本地站點(diǎn)和管理本地站點(diǎn)本單【操作準(zhǔn)備】1．創(chuàng)建所需的文件夾，拷貝所需的資源在本地硬盤（例如D盤）中創(chuàng)建一個文件夾“網(wǎng)頁設(shè)計與制作案例”，然后將光盤中的“start”文件夾中“Unit01”文件夾及其子文件夾和文件拷貝到該文件夾中。2．啟動DreamweaverCS6

單擊【開始】→【程序】→【AdobeDreamweaverCS6】菜單命令即可啟動DreamweaverCS6。

【操作準(zhǔn)備】1．創(chuàng)建所需的文件夾，拷貝所需的資源【引導(dǎo)訓(xùn)練】【任務(wù)1-1】創(chuàng)建“E游天下”站點(diǎn)并瀏覽網(wǎng)頁本單元“引導(dǎo)訓(xùn)練”的任務(wù)卡如表1-1所示。

【引導(dǎo)訓(xùn)練】【任務(wù)1-1】創(chuàng)建“E游天下”站點(diǎn)并瀏覽網(wǎng)頁本【引導(dǎo)訓(xùn)練】創(chuàng)建一個名稱為“E游天下”的本地站點(diǎn)，站點(diǎn)文件夾為“Unit01\task01-1”?！救蝿?wù)描述】【任務(wù)1-1-1】創(chuàng)建本地站點(diǎn)“E游天下”

【引導(dǎo)訓(xùn)練】創(chuàng)建一個名稱為“E游天下”的本地站點(diǎn)，站點(diǎn)文件夾【任務(wù)實施】（1）打開【站點(diǎn)設(shè)置對象】對話框（2）在【站點(diǎn)設(shè)置對象】對話框中設(shè)置本地站點(diǎn)信息（3）保存創(chuàng)建的站點(diǎn)【任務(wù)實施】（1）打開【站點(diǎn)設(shè)置對象】對話框【引導(dǎo)訓(xùn)練】（1）熟悉DreamweaverCS6工作界面的基本組成。（2）熟悉【文件】面板的組成。（3）了解DreamweaverCS6工作界面各個組成部分的主要功能?！救蝿?wù)描述】【任務(wù)1-1-2】認(rèn)識DreamweaverCS6的工作界面

【引導(dǎo)訓(xùn)練】（1）熟悉DreamweaverCS6工作界面【任務(wù)實施】1．認(rèn)識DreamweaverCS6的標(biāo)題欄標(biāo)題欄用于顯示網(wǎng)頁文檔的路徑和名稱。2．認(rèn)識DreamweaverCS6的菜單欄DreamweaverCS6的菜單欄包含10類菜單：文件、編輯、查看、插入、修改、格式、命令、站點(diǎn)、窗口和幫助。3．認(rèn)識DreamweaverCS6的【文檔】工具欄【文檔】工具欄中包含用于切換文檔窗口視圖的“代碼”、“拆分”、“設(shè)計”、“實時視圖”按鈕和一些常用功能按鈕。4．認(rèn)識DreamweaverCS6的【標(biāo)準(zhǔn)】工具欄【標(biāo)準(zhǔn)】工具欄中包含網(wǎng)頁文檔的基本操作按鈕，例如新建、打開、保存、剪切、復(fù)制、粘貼等按鈕?！救蝿?wù)實施】1．認(rèn)識DreamweaverCS6的標(biāo)題欄【任務(wù)實施】5．認(rèn)識DreamweaverCS6的“文檔”窗口【文檔】窗口也稱為文檔編輯區(qū)，該窗口所顯示的內(nèi)容可以是代碼、網(wǎng)頁，或者兩者的共同體。用戶可以在文檔工具欄中單擊【代碼】、【拆分】或者【設(shè)計】按鈕，切換窗口視圖。6．認(rèn)識DreamweaverCS6的“插入”面板利用“插入”工具欄可以快速插入多種網(wǎng)頁元素，例如圖像、動畫、表格、Div標(biāo)簽、超級鏈接、表單和表單控件等。7．認(rèn)識DreamweaverCS6的【屬性】面板【屬性】面板用于查看和更改所選取的對象或文本的各種屬性，每個對象有不同的屬性?！緦傩浴棵姘灞容^靈活，它隨著選擇對象不同而改變，例如當(dāng)選擇一幅圖像，【屬性】面板上將出現(xiàn)該圖像的對應(yīng)屬性。如果選擇了表格則【屬性】面板會顯示對應(yīng)表格的相關(guān)屬性?！救蝿?wù)實施】5．認(rèn)識DreamweaverCS6的“文檔”【任務(wù)實施】8．認(rèn)識DreamweaverCS6的面板組DreamweaverCS6包括多個面板，這些面板都有不同的功能，將它們疊加在一起便形成了面板組。面板組主要包括“插入”面板、“CSS”面板、“AP元素”面板、“標(biāo)簽檢查器”面板、【文件】面板、“資源”面板和“代碼片斷”面板等。9．認(rèn)識DreamweaverCS6的【文件】面板網(wǎng)站是多個網(wǎng)頁、圖像、動畫、程序等文件有機(jī)聯(lián)系的整體，要有效地管理這些文件及其聯(lián)系，需要有一個有效的工具，【文件】面板便是這樣的工具。10．認(rèn)識DreamweaverCS6的標(biāo)簽選擇器在文檔窗口底部的狀態(tài)欄中，顯示環(huán)繞當(dāng)前選定內(nèi)容標(biāo)簽的層次結(jié)構(gòu)，單擊該層次結(jié)構(gòu)中的任何標(biāo)簽，可以選擇該標(biāo)簽及網(wǎng)頁中對應(yīng)的內(nèi)容?！救蝿?wù)實施】8．認(rèn)識DreamweaverCS6的面板組【引導(dǎo)訓(xùn)練】（1）啟動DreamweaverCS6，打開一個網(wǎng)頁文檔0101.html。（2）瀏覽網(wǎng)頁0101.html。（3）保存對網(wǎng)頁0101.html的修改。（4）關(guān)閉網(wǎng)頁0101.html?！救蝿?wù)描述】【任務(wù)1-1-3】打開與保存網(wǎng)頁文檔0101.html【引導(dǎo)訓(xùn)練】（1）啟動DreamweaverCS6，打開一【任務(wù)實施】1．打開網(wǎng)頁文檔0101.html2．瀏覽網(wǎng)頁在DreamweaverCS6主窗口中瀏覽網(wǎng)頁的方法有三種：（1）按F12快捷鍵。（2）選擇菜單【文件】→【在瀏覽器中預(yù)覽】→【IExplore】。（3）單擊【文檔】工具欄中【在瀏覽器中預(yù)覽/調(diào)試】按鈕，在彈出的快捷菜單中單擊【預(yù)覽在IExplore】按鈕?！救蝿?wù)實施】1．打開網(wǎng)頁文檔0101.html【任務(wù)實施】3．保存網(wǎng)頁文檔保存網(wǎng)頁文檔的方法主要有三種：方法一：單擊【標(biāo)準(zhǔn)】工具欄中的【保存】按鈕或者【全部保存】按鈕。方法二：在DreamweaverCS6主窗口的選擇命令【文件】→【保存】或者【保存全部】。方法三：按組合鍵“Ctrl+S”4．關(guān)閉網(wǎng)頁文檔在DreamweaverCS6主窗口中，如果需要關(guān)閉打開的網(wǎng)頁文檔，選擇命令【文件】→【關(guān)閉】或者【全部關(guān)閉】即可。如果頁面尚未保存，則會彈出一個對話框，確認(rèn)是否保存?！救蝿?wù)實施】3．保存網(wǎng)頁文檔【引導(dǎo)訓(xùn)練】（1）認(rèn)識瀏覽器窗口的基本組成。（2）認(rèn)識網(wǎng)頁的基本組成元素。（3）認(rèn)識網(wǎng)頁的布局結(jié)構(gòu)【任務(wù)描述】【任務(wù)1-1-4】在瀏覽器中瀏覽網(wǎng)頁0101.html【引導(dǎo)訓(xùn)練】（1）認(rèn)識瀏覽器窗口的基本組成?！救蝿?wù)描述】【任【任務(wù)實施】1．認(rèn)識瀏覽器窗口的基本組成瀏覽器窗口由網(wǎng)頁標(biāo)題、標(biāo)準(zhǔn)按鈕、地址欄、網(wǎng)頁和狀態(tài)欄等部分組成。2．認(rèn)識網(wǎng)頁的基本組成元素（1）文本文本是網(wǎng)頁傳遞信息的主要元素，不僅傳輸速度快，而且可以根據(jù)需要對其字體、大小、顏色、底紋、邊框等屬性進(jìn)行設(shè)置，設(shè)置得風(fēng)格獨(dú)特的網(wǎng)頁文本會給瀏覽者帶來賞心悅目的感受。（2）圖像豐富多彩的圖像是美化網(wǎng)頁必不可少的元素，用于網(wǎng)頁上的圖像一般為jpg格式和gif格式，即以jpg和gif為擴(kuò)展名的圖像文件?！救蝿?wù)實施】1．認(rèn)識瀏覽器窗口的基本組成【任務(wù)實施】（3）動畫動畫是網(wǎng)頁中最活躍的元素，創(chuàng)意出眾、制作精致的動畫是吸引瀏覽者眼球有效方法之一，目前網(wǎng)頁中經(jīng)常使用SWF動畫和GIF圖片。（4）超級鏈接超級鏈接是Web網(wǎng)頁的主要特色，是指從一個網(wǎng)頁指向另一個目的端的鏈接。（5）導(dǎo)航欄導(dǎo)航欄是一組超鏈接的集合，用來指引用戶跳轉(zhuǎn)到某一頁面或內(nèi)容的鏈接入口，可以方便地瀏覽網(wǎng)頁。（6）表單

表單是用來接收用戶在瀏覽器端輸入的信息，然后將這些信息發(fā)送到服務(wù)器端，服務(wù)器的程序?qū)?shù)據(jù)進(jìn)行加工處理，這樣可以實現(xiàn)一些交互作用的網(wǎng)頁?！救蝿?wù)實施】（3）動畫【任務(wù)實施】（7）網(wǎng)站的LogoLogo是網(wǎng)站的標(biāo)志、名片，例如搜狐網(wǎng)站的狐貍標(biāo)志，如同商標(biāo)一樣，Logo是網(wǎng)站特色和內(nèi)涵的集中體現(xiàn)。（8）視頻在網(wǎng)頁中插入視頻文件將會使網(wǎng)頁變得更加精彩而富有動感。常用的視頻文件格式有flv、rm、avi等。（9）其他元素網(wǎng)頁中除了上述這些最基本的構(gòu)成元素，還包括橫幅廣告、字幕、計數(shù)器、音頻等其他元素，它們不僅能點(diǎn)綴網(wǎng)頁，而且在網(wǎng)頁中起到十分重要的作用?！救蝿?wù)實施】（7）網(wǎng)站的Logo【任務(wù)實施】3．認(rèn)識網(wǎng)頁的布局結(jié)構(gòu)網(wǎng)站的布局實質(zhì)上也就是網(wǎng)站的版式，通常有上下型、上中下型、左右型、左中右型等幾種，中部通常分為左右區(qū)塊、左中右區(qū)塊等多種布局。如圖1-31所示的網(wǎng)頁屬于上中下型，其中部分為左右區(qū)塊，右區(qū)塊又分為左中右子區(qū)塊。目前大部分網(wǎng)站一般使用表格和div+CSS兩種方式進(jìn)行布局?！救蝿?wù)實施】3．認(rèn)識網(wǎng)頁的布局結(jié)構(gòu)【引導(dǎo)訓(xùn)練考核實戰(zhàn)】本單元的“引導(dǎo)訓(xùn)練”考核評價內(nèi)容如表1-2所示。表1-2單元1“引導(dǎo)訓(xùn)練”考核評價表

【引導(dǎo)訓(xùn)練考核實戰(zhàn)】本單元的“引導(dǎo)訓(xùn)練”考核評價內(nèi)容如表1-【同步訓(xùn)練】【任務(wù)描述】【任務(wù)1-2】賞析“快樂旅游”網(wǎng)的主頁本單元“同步訓(xùn)練”的任務(wù)卡如表1-3所示?！就接?xùn)練】【任務(wù)描述】【任務(wù)1-2】賞析“快樂旅游”網(wǎng)的主【同步訓(xùn)練考核實戰(zhàn)】本單元的“同步訓(xùn)練”考核評價內(nèi)容如表1-5所示。表1-5單元1“同步訓(xùn)練”考核評價表

【同步訓(xùn)練考核實戰(zhàn)】本單元的“同步訓(xùn)練”考核評價內(nèi)容如表1【拓展訓(xùn)練】【任務(wù)描述】【任務(wù)1-3】賞析“愛旅游”網(wǎng)的主頁本單元“拓展訓(xùn)練”的任務(wù)卡如表1-6所示?！就卣褂?xùn)練】【任務(wù)描述】【任務(wù)1-3】賞析“愛旅游”網(wǎng)的主頁【拓展訓(xùn)練考核實戰(zhàn)】本單元的“拓展訓(xùn)練”考核評價內(nèi)容如表1-8所示。表1-8單元1“拓展訓(xùn)練”考核評價表

【拓展訓(xùn)練考核實戰(zhàn)】本單元的“拓展訓(xùn)練”考核評價內(nèi)容如表【單元小結(jié)】本單元通過賞析網(wǎng)頁，認(rèn)識了網(wǎng)頁和網(wǎng)站、瀏覽器窗口的基本組成、網(wǎng)頁的基本組成元素和網(wǎng)頁的布局結(jié)構(gòu)，對制作網(wǎng)頁的常用軟件和網(wǎng)頁的基本概念有了初步了解?！締卧〗Y(jié)】本單元通過賞析網(wǎng)頁，認(rèn)識了網(wǎng)頁和網(wǎng)站、快樂學(xué)習(xí)、高效學(xué)習(xí)快樂學(xué)習(xí)、高效學(xué)習(xí)網(wǎng)頁設(shè)計與制作任務(wù)驅(qū)動式教程單元1創(chuàng)建站點(diǎn)與瀏覽網(wǎng)頁網(wǎng)頁設(shè)計與制作單元1創(chuàng)建站點(diǎn)與瀏覽網(wǎng)頁教學(xué)環(huán)節(jié)【教學(xué)導(dǎo)航

】

1【操作準(zhǔn)備】2【引導(dǎo)訓(xùn)練/引導(dǎo)訓(xùn)練考核評價】3【同步訓(xùn)練/同步訓(xùn)練考核評價】

4【拓展訓(xùn)練/拓展訓(xùn)練考核評價】5教學(xué)環(huán)節(jié)【教學(xué)導(dǎo)航】1【操作準(zhǔn)備】2【引導(dǎo)訓(xùn)練/引導(dǎo)【教學(xué)導(dǎo)航】教學(xué)目標(biāo)（1）學(xué)會創(chuàng)建本地站點(diǎn)和管理本地站點(diǎn)（2）熟悉DreamweaverCS6的工作界面（3）熟悉瀏覽器窗口的基本組成和網(wǎng)頁的基本組成元素（4）了解網(wǎng)站與網(wǎng)頁的相關(guān)概念（5）認(rèn)識網(wǎng)頁的基本布局結(jié)構(gòu)（6）了解一些制作網(wǎng)頁、處理圖像、制作動畫的工具

本單元重點(diǎn)（1）創(chuàng)建本地站點(diǎn)（2）網(wǎng)頁的基本組成元素和網(wǎng)頁的布局結(jié)構(gòu)

本單元難點(diǎn)（1）網(wǎng)頁的布局結(jié)構(gòu)（2）網(wǎng)頁的基本概念

教學(xué)方法任務(wù)驅(qū)動法、分組討論法、四步訓(xùn)練法（操作準(zhǔn)備－引導(dǎo)訓(xùn)練－同步訓(xùn)練－拓展訓(xùn)練）

課時建議2課時（含考核評價）【教學(xué)導(dǎo)航】教學(xué)目標(biāo)（1）學(xué)會創(chuàng)建本地站點(diǎn)和管理本地站點(diǎn)本單【操作準(zhǔn)備】1．創(chuàng)建所需的文件夾，拷貝所需的資源在本地硬盤（例如D盤）中創(chuàng)建一個文件夾“網(wǎng)頁設(shè)計與制作案例”，然后將光盤中的“start”文件夾中“Unit01”文件夾及其子文件夾和文件拷貝到該文件夾中。2．啟動DreamweaverCS6

單擊【開始】→【程序】→【AdobeDreamweaverCS6】菜單命令即可啟動DreamweaverCS6。

【操作準(zhǔn)備】1．創(chuàng)建所需的文件夾，拷貝所需的資源【引導(dǎo)訓(xùn)練】【任務(wù)1-1】創(chuàng)建“E游天下”站點(diǎn)并瀏覽網(wǎng)頁本單元“引導(dǎo)訓(xùn)練”的任務(wù)卡如表1-1所示。

【引導(dǎo)訓(xùn)練】【任務(wù)1-1】創(chuàng)建“E游天下”站點(diǎn)并瀏覽網(wǎng)頁本【引導(dǎo)訓(xùn)練】創(chuàng)建一個名稱為“E游天下”的本地站點(diǎn)，站點(diǎn)文件夾為“Unit01\task01-1”?！救蝿?wù)描述】【任務(wù)1-1-1】創(chuàng)建本地站點(diǎn)“E游天下”

【引導(dǎo)訓(xùn)練】創(chuàng)建一個名稱為“E游天下”的本地站點(diǎn)，站點(diǎn)文件夾【任務(wù)實施】（1）打開【站點(diǎn)設(shè)置對象】對話框（2）在【站點(diǎn)設(shè)置對象】對話框中設(shè)置本地站點(diǎn)信息（3）保存創(chuàng)建的站點(diǎn)【任務(wù)實施】（1）打開【站點(diǎn)設(shè)置對象】對話框【引導(dǎo)訓(xùn)練】（1）熟悉DreamweaverCS6工作界面的基本組成。（2）熟悉【文件】面板的組成。（3）了解DreamweaverCS6工作界面各個組成部分的主要功能?！救蝿?wù)描述】【任務(wù)1-1-2】認(rèn)識DreamweaverCS6的工作界面

【引導(dǎo)訓(xùn)練】（1）熟悉DreamweaverCS6工作界面【任務(wù)實施】1．認(rèn)識DreamweaverCS6的標(biāo)題欄標(biāo)題欄用于顯示網(wǎng)頁文檔的路徑和名稱。2．認(rèn)識DreamweaverCS6的菜單欄DreamweaverCS6的菜單欄包含10類菜單：文件、編輯、查看、插入、修改、格式、命令、站點(diǎn)、窗口和幫助。3．認(rèn)識DreamweaverCS6的【文檔】工具欄【文檔】工具欄中包含用于切換文檔窗口視圖的“代碼”、“拆分”、“設(shè)計”、“實時視圖”按鈕和一些常用功能按鈕。4．認(rèn)識DreamweaverCS6的【標(biāo)準(zhǔn)】工具欄【標(biāo)準(zhǔn)】工具欄中包含網(wǎng)頁文檔的基本操作按鈕，例如新建、打開、保存、剪切、復(fù)制、粘貼等按鈕?！救蝿?wù)實施】1．認(rèn)識DreamweaverCS6的標(biāo)題欄【任務(wù)實施】5．認(rèn)識DreamweaverCS6的“文檔”窗口【文檔】窗口也稱為文檔編輯區(qū)，該窗口所顯示的內(nèi)容可以是代碼、網(wǎng)頁，或者兩者的共同體。用戶可以在文檔工具欄中單擊【代碼】、【拆分】或者【設(shè)計】按鈕，切換窗口視圖。6．認(rèn)識DreamweaverCS6的“插入”面板利用“插入”工具欄可以快速插入多種網(wǎng)頁元素，例如圖像、動畫、表格、Div標(biāo)簽、超級鏈接、表單和表單控件等。7．認(rèn)識DreamweaverCS6的【屬性】面板【屬性】面板用于查看和更改所選取的對象或文本的各種屬性，每個對象有不同的屬性?！緦傩浴棵姘灞容^靈活，它隨著選擇對象不同而改變，例如當(dāng)選擇一幅圖像，【屬性】面板上將出現(xiàn)該圖像的對應(yīng)屬性。如果選擇了表格則【屬性】面板會顯示對應(yīng)表格的相關(guān)屬性。【任務(wù)實施】5．認(rèn)識DreamweaverCS6的“文檔”【任務(wù)實施】8．認(rèn)識DreamweaverCS6的面板組DreamweaverCS6包括多個面板，這些面板都有不同的功能，將它們疊加在一起便形成了面板組。面板組主要包括“插入”面板、“CSS”面板、“AP元素”面板、“標(biāo)簽檢查器”面板、【文件】面板、“資源”面板和“代碼片斷”面板等。9．認(rèn)識DreamweaverCS6的【文件】面板網(wǎng)站是多個網(wǎng)頁、圖像、動畫、程序等文件有機(jī)聯(lián)系的整體，要有效地管理這些文件及其聯(lián)系，需要有一個有效的工具，【文件】面板便是這樣的工具。10．認(rèn)識DreamweaverCS6的標(biāo)簽選擇器在文檔窗口底部的狀態(tài)欄中，顯示環(huán)繞當(dāng)前選定內(nèi)容標(biāo)簽的層次結(jié)構(gòu)，單擊該層次結(jié)構(gòu)中的任何標(biāo)簽，可以選擇該標(biāo)簽及網(wǎng)頁中對應(yīng)的內(nèi)容?！救蝿?wù)實施】8．認(rèn)識DreamweaverCS6的面板組【引導(dǎo)訓(xùn)練】（1）啟動DreamweaverCS6，打開一個網(wǎng)頁文檔0101.html。（2）瀏覽網(wǎng)頁0101.html。（3）保存對網(wǎng)頁0101.html的修改。（4）關(guān)閉網(wǎng)頁0101.html?！救蝿?wù)描述】【任務(wù)1-1-3】打開與保存網(wǎng)頁文檔0101.html【引導(dǎo)訓(xùn)練】（1）啟動DreamweaverCS6，打開一【任務(wù)實施】1．打開網(wǎng)頁文檔0101.html2．瀏覽網(wǎng)頁在DreamweaverCS6主窗口中瀏覽網(wǎng)頁的方法有三種：（1）按F12快捷鍵。（2）選擇菜單【文件】→【在瀏覽器中預(yù)覽】→【IExplore】。（3）單擊【文檔】工具欄中【在瀏覽器中預(yù)覽/調(diào)試】按鈕，在彈出的快捷菜單中單擊【預(yù)覽在IExplore】按鈕?！救蝿?wù)實施】1．打開網(wǎng)頁文檔0101.html【任務(wù)實施】3．保存網(wǎng)頁文檔保存網(wǎng)頁文檔的方法主要有三種：方法一：單擊【標(biāo)準(zhǔn)】工具欄中的【保存】按鈕或者【全部保存】按鈕。方法二：在DreamweaverCS6主窗口的選擇命令【文件】→【保存】或者【保存全部】。方法三：按組合鍵“Ctrl+S”4．關(guān)閉網(wǎng)頁文檔在DreamweaverCS6主窗口中，如果需要關(guān)閉打開的網(wǎng)頁文檔，選擇命令【文件】→【關(guān)閉】或者【全部關(guān)閉】即可。如果頁面尚未保存，則會彈出一個對話框，確認(rèn)是否保存?！救蝿?wù)實施】3．保存網(wǎng)頁文檔【引導(dǎo)訓(xùn)練】（1）認(rèn)識瀏覽器窗口的基本組成。（2）認(rèn)識網(wǎng)頁的基本組成元素。（3）認(rèn)識網(wǎng)頁的布局結(jié)構(gòu)【任務(wù)描述】【任務(wù)1-1-4】在瀏覽器中瀏覽網(wǎng)頁0101.html【引導(dǎo)訓(xùn)練】（1）認(rèn)識瀏覽器窗口的基本組成?！救蝿?wù)描述】【任【任務(wù)實施】1．認(rèn)識瀏覽器窗口的基本組成瀏覽器窗口由網(wǎng)頁標(biāo)題、標(biāo)準(zhǔn)按鈕、地址欄、網(wǎng)頁和狀態(tài)欄等部分組成。2．認(rèn)識網(wǎng)頁的基本組成元素（1）文本文本是網(wǎng)頁傳遞信息的主要元素，不僅傳輸速度快，而且可以根據(jù)需要對其字體、大小、顏色、底紋、邊框等屬性進(jìn)行設(shè)置，設(shè)置得風(fēng)格獨(dú)特的網(wǎng)頁文本會給瀏覽者帶來賞心悅目的感受。（2）圖像豐富多彩的圖像是美化網(wǎng)頁必不可少的元素，用于網(wǎng)頁上的圖像一般為jpg格式和gif格式，即以jpg和gif為擴(kuò)展名的圖像文件?！救蝿?wù)實施】1．認(rèn)識瀏覽器窗口的基本組成【任務(wù)實施】（3）動畫動畫是網(wǎng)頁中最活躍的元素，創(chuàng)意出眾、制作精致的動畫是吸引瀏覽者眼球有效方法之一，目前網(wǎng)頁中經(jīng)常使用SWF動畫和GIF圖片。（4）超級鏈接超級鏈接是Web網(wǎng)頁的主要特色，是指從一個網(wǎng)頁指向另一個目的端的鏈接。（5）導(dǎo)航欄導(dǎo)航欄是一組超鏈接的集合，用來指引用戶跳轉(zhuǎn)到某一頁面或內(nèi)容的鏈接入口，可以方便地瀏覽網(wǎng)頁。（6）表單

表單是用來接收用戶在瀏覽器端輸入的信息，然后將這些信息發(fā)送到服務(wù)器端，服務(wù)器的程序?qū)?shù)據(jù)進(jìn)行加工處理，這樣可以實現(xiàn)一些交互作用的網(wǎng)頁。【任務(wù)實施】（3）動畫【任務(wù)實施】（7）網(wǎng)站的LogoLogo是網(wǎng)站的標(biāo)志、名片，例如搜狐網(wǎng)站的狐貍標(biāo)志，如同商標(biāo)一樣，Logo是網(wǎng)站特色和內(nèi)涵的集中體現(xiàn)。（8）視頻在網(wǎng)頁中插入