DreamWeaver常用法簡介(課件)

DreamWeaver簡介

DreamWeaver簡介11.DreamWeaver概況介紹2.各項(xiàng)功能介紹

a.整體主菜單簡介

b.各部分菜單簡介3.以制作一網(wǎng)站為范例簡介4.需要注意的一些細(xì)節(jié)問題1.DreamWeaver概況介紹2DreamWeaver概況介紹DreamWeaver是Macromedia公司開發(fā)出的用于設(shè)計(jì)、撰寫和開發(fā)網(wǎng)站、網(wǎng)頁及網(wǎng)絡(luò)應(yīng)用程序的專業(yè)HTML編輯器。它集HTML程序代碼編緝器，頁面編緝器等多種視覺編輯環(huán)境于一體,能夠提供多種編輯環(huán)境。Dreamweaver中的視覺編輯功能在不撰寫任何一行程序代碼的情況下就可以快速建立網(wǎng)頁?？梢詸z視所有網(wǎng)站項(xiàng)目或資源，并將它們從方便使用的面板直接拖曳到文件中,也可以在MacromediaDreamWeaver概況介紹DreamWeaver是3Fireworks或其它圖形應(yīng)用程序中建立和編輯影像,然后將它們直接匯入到Dreamweaver，或新增MacromediaFlash對象，來簡化開發(fā)工作流程。Dreamweaver也提供了功能完整的程序代碼撰寫環(huán)境,包括程序代碼編輯工具(如程序代碼色彩標(biāo)示和標(biāo)簽完成)以及HTML，階層式樣式表(CSS)JavaScript,ColdFusion標(biāo)記語言(CFML),MicrosoftActiveServerPages(ASP)以及JavaServerPages(JSP)的參考數(shù)據(jù)。MacromediaRoundtripHTML技術(shù)不需要重新格式化程序碼,就可以匯入您手動撰寫的HTML文件，F(xiàn)ireworks或其它圖形應(yīng)用程序中建立和編輯影4然后您可以使用偏好的格式樣式來重新格式化程式碼。Dreamweaver也能使用如CFML、ASP.NET、ASP、JSP和PHP等服務(wù)器技術(shù)，建立動態(tài)支持?jǐn)?shù)據(jù)庫的網(wǎng)絡(luò)應(yīng)用程序。Dreamweaver可以完全自訂。您可以根據(jù)個(gè)人喜好建立自己的對象和命令,修改快速鍵,甚至撰寫JavaScript用新的行為,屬性檢測器和網(wǎng)站報(bào)告來擴(kuò)充Dreamweaver功能。然后您可以使用偏好的格式樣式來重新格式化程5操作界面DreamWeaverMX由兩個(gè)部分組成，即頁面編輯器和站點(diǎn)管理器。1.頁面編輯器:分為五個(gè)部分：菜單欄、頁面編輯區(qū)、工具欄、控制面板、狀態(tài)欄。其中控制面板有屬性面板、對象面板、設(shè)計(jì)面板、樣式面板幫助面板等。2.站點(diǎn)管理器:站點(diǎn)管理器窗口顯示了站點(diǎn)地操作界面DreamWeaverMX由兩個(gè)部分組成，即頁面6圖，和當(dāng)前網(wǎng)站中的文件列表。一般來說，在建設(shè)一網(wǎng)站前,應(yīng)先建立好站點(diǎn)，再開始制作網(wǎng)頁,這樣可以保證頁面內(nèi)文件鏈接的正確性。圖，和當(dāng)前網(wǎng)站中的文件列表。一般來說，在7DreamWeaver制作基礎(chǔ)一、創(chuàng)建網(wǎng)頁啟動DreamweaverMX，就會自動生成一個(gè)白色背景的文件工作區(qū)，這里就是設(shè)計(jì)和制作網(wǎng)頁的地方，在這里可以根據(jù)不同喜好來選擇程序源代碼編輯方式或頁面編輯方式,在頁面編輯方式中,可以直接輸入網(wǎng)頁設(shè)計(jì)過程中所需要的文字、圖片、表格、Flash動畫等。網(wǎng)頁的背景顏色的，以及文字的顏色都是可以通過“頁面屬性”來設(shè)置的。DreamWeaver制作基礎(chǔ)一、創(chuàng)建網(wǎng)頁8二、文字的編輯可以直接在網(wǎng)頁中輸入文字，可以在【Text】下設(shè)置文字的格式，如字體、字號、顏色、粗體、斜體，段落居左、居中及居右，添加項(xiàng)目符號及編號等。此外，還可以利用HTML樣式和CSS樣式表對文字進(jìn)行頁面的統(tǒng)一格式設(shè)置。也可以通過屬性面板來更改文字的大小、顏色、字體等。二、文字的編輯9三、插入圖像在網(wǎng)頁中插入一幅圖片時(shí)，圖片文件必須位于當(dāng)前站點(diǎn)中。在對象面板中選擇插入圖片圖標(biāo)或者通過菜單中的“插入”“圖片”，此時(shí)系統(tǒng)將打開“選擇圖像源文件”對話框。找到需要插入的圖片文件，選擇“Select”,確定。Dreamwaver支持常用的網(wǎng)頁圖片格式有擴(kuò)展名為“GIF”、“JPG”、“JPEG”、“PNG”的圖形文件。三、插入圖像10四、插入鼠標(biāo)變換圖片該圖片對象的特點(diǎn)是當(dāng)鼠標(biāo)經(jīng)過該圖片時(shí),圖片內(nèi)容會自動更新。實(shí)際上，它是由兩幅圖片組成的，一幅為主圖片，顯示在頁面中；一幅為滾動圖片，當(dāng)鼠標(biāo)經(jīng)過圖片所在區(qū)域時(shí)顯示。單擊對象面板中的圖標(biāo)，或者選擇【插入】菜單的“影像對象”子菜單中的“鼠標(biāo)變換影像”命令可實(shí)現(xiàn)該操作。四、插入鼠標(biāo)變換圖片11五、創(chuàng)建圖片熱點(diǎn)在插入的圖片上，可以是交換式圖片，可以把圖片分為若干個(gè)區(qū)域，每個(gè)區(qū)被稱為“熱點(diǎn)”，可以為每個(gè)熱點(diǎn)指定相關(guān)的鏈接。當(dāng)單擊某個(gè)熱點(diǎn)時(shí)，系統(tǒng)顯示相關(guān)的網(wǎng)頁。當(dāng)繪制完熱區(qū)后，屬性面板會顯示熱區(qū)的屬性。還可以調(diào)整熱點(diǎn)區(qū)尺寸。五、創(chuàng)建圖片熱點(diǎn)12六、插入水平線在對象面板中選擇按鈕，在頁面中點(diǎn)擊，畫面會自動生成一條水平線，在水平線上單擊,可以設(shè)置水平線的寬度、高度、對齊方式、是否有陰影等參數(shù)。七、插入郵件鏈接創(chuàng)建郵件鏈接的作用是當(dāng)瀏覽者點(diǎn)擊該鏈接時(shí)，系統(tǒng)將自動啟動計(jì)算機(jī)中的郵件發(fā)送程序。DreamWeaver常用法簡介(課件)13八、插入日期在對象面板中選擇按鈕，在頁面中點(diǎn)擊，會彈出對話框，可以設(shè)置日期格式、星期格式、時(shí)間格式，點(diǎn)擊“OK”，就會在頁面中自動加上時(shí)間。九、插入Flash對象1．插入Flash影片2．3．八、插入日期14十、表格的應(yīng)用1．插入表格2．表格屬性面板表格屬性面板中的設(shè)置項(xiàng)對整個(gè)表格起作用，如果想對表中的某一行單獨(dú)設(shè)置，首先選中表的某一行，再利用單元格屬性面板進(jìn)行設(shè)置。3．表格的選取4．添加表格內(nèi)容5．單元格的合并與拆分十、表格的應(yīng)用15十一、層的應(yīng)用層是網(wǎng)頁中的一種容器，它可定位在頁面上的任意位置，并且其中可包含文本、圖像、表單等所有可直接用于文檔的元素。1．創(chuàng)建層2．層的大小調(diào)整3．層的移動4．層的屬性面板5．層控制面板6．層的動態(tài)效果十一、層的應(yīng)用16十二、框架的應(yīng)用創(chuàng)建普通框架集利用框架屬性面板來設(shè)置該框架是否要邊線以及邊線的顏色、邊線寬度、框架的名稱和框架中所要顯示的源文件。可以查看框架集的文件的源代碼，這里面只保存了框架信息和它所對應(yīng)的源文件。十二、框架的應(yīng)用17十三、行為面板的使用通過行為面板可以在網(wǎng)頁上制作出一些簡單的交互效果。行為由兩個(gè)部分組成，即事件和動作，通過事件的響應(yīng)執(zhí)行對應(yīng)的動作。事件是用于指明執(zhí)行某項(xiàng)動作的條件，動作實(shí)際上是一段執(zhí)行特定任務(wù)的預(yù)先寫好的JavaScript代碼，如打開窗口、播放聲音等都是動作。十三、行為面板的使用18十四、模板的運(yùn)用1．準(zhǔn)備模板2．定義區(qū)域3．應(yīng)用模板十四、模板的運(yùn)用19各項(xiàng)功能介紹1.整體主菜單簡介:各項(xiàng)功能介紹1.整體主菜單簡介:20檔案:其具體功用1.開啟新檔:用來建立一個(gè)新的設(shè)計(jì)版面2.開啟舊檔:用來打開已經(jīng)存在的頁面3.存儲:用來保存正在編輯或已經(jīng)編輯完成的頁面4.另存新檔:見將正開啟的頁面保存為其它新的頁面5.……檔案:其具體功用1.開啟新檔:用來建立一個(gè)新的設(shè)計(jì)版面21編輯:其具體功用1.還原:撤消上一步的具體動作2.重做:撤消還原的動作3.剪下:剪下選定的內(nèi)容4.貼上:貼上剪下選定的內(nèi)容5.復(fù)制:復(fù)制剪下選定的內(nèi)容6.清除:清除選定的內(nèi)容7.……編輯:其具體功用1.還原:撤消上一步的具體動作22檢視:其具體功用1.程序代碼:在編輯頁面顯示出來是html語言和其它源程序2.設(shè)計(jì):在編輯頁面顯示出設(shè)計(jì)直觀效果3.程序代碼和設(shè)計(jì):上述二者兼有4.表格模式:用來設(shè)計(jì)的三種樣式5.尺歸,網(wǎng)格線:在編輯文檔時(shí)的輔助標(biāo)尺6.……檢視:其具體功用1.程序代碼:在編輯頁面顯示出來是ht23插入:其具體功用1.標(biāo)簽:用來插入特定的html語法標(biāo)記.如:

<b></b>,<I></I>2.影像:用來插入特定的圖片3.表格:用來在特定位置插入一表格4.超鏈接,郵件:用來在特定位置插入超鏈接和郵件5.……插入:其具體功用1.標(biāo)簽:用來插入特定的html語法標(biāo)24修改:其具體功用1.頁面屬性:指修改頁面的寬,高等等2.表格:指修改頁面中表格的具體元素.如:

欄和列的數(shù)目3.影像:指修改頁面中需要更改的圖片4.排列順序:指修改頁面中文字和圖片或其它元素的排列順序5.對齊:指頁面中特定元素的對齊方式6.……修改:其具體功用1.頁面屬性:指修改頁面的寬,高等等25文字:其具體功用1.對齊:指將頁面中文字以一特定參考物來對齊2.大小:指改變頁面中選定文字的大小3.顏色:指改變頁面中選定文字的顏色4.字體:指改變頁面中選定文字的字體5.樣式:指改變頁面中選定文字的樣式6.……文字:其具體功用1.對齊:指將頁面中文字以一特定參考物26窗口:其具體功用1.插入:用來顯示插入特定標(biāo)記2.屬性:用來顯示屬性面板3.CSS樣式:用來顯示CSS屬性面板4.圖層:用來顯示圖層屬性面板5.行為:用來顯示行為屬性面板6.組件:用來顯示組件屬性面板7.資源:用來顯示資源屬性面板8.……窗口:其具體功用1.插入:用來顯示插入特定標(biāo)記27建設(shè)網(wǎng)站大概步驟1.對網(wǎng)站整體進(jìn)行需求分析1.規(guī)劃整個(gè)網(wǎng)站的布局2.搭建整個(gè)網(wǎng)站的框架3.制作整個(gè)網(wǎng)站的模板,配置網(wǎng)頁4.撰寫程序代碼,填充整個(gè)網(wǎng)站的可編輯區(qū)域5.建立動態(tài)網(wǎng)頁6.附上必要的版權(quán)標(biāo)識7.對整個(gè)網(wǎng)站進(jìn)行測試,修改8.網(wǎng)站的上傳建設(shè)網(wǎng)站大概步驟1.對網(wǎng)站整體進(jìn)行需求分析28規(guī)劃整個(gè)網(wǎng)站根據(jù)網(wǎng)站的整體功用進(jìn)行需求分析,得出需要將網(wǎng)站分成六大模塊,然后對整個(gè)網(wǎng)站架構(gòu)進(jìn)行構(gòu)思,設(shè)計(jì)出六大相關(guān)菜單選項(xiàng)和有關(guān)模塊,然后進(jìn)行相關(guān)草圖設(shè)計(jì)與制作及對相關(guān)模塊進(jìn)行程序開發(fā).規(guī)劃整個(gè)網(wǎng)站根據(jù)網(wǎng)站的整體功用進(jìn)行需求分析,得29新建網(wǎng)站站點(diǎn)對于DreamWeaverMX可按照如下步驟建立網(wǎng)站：（1）選擇菜單中的“網(wǎng)站”—“管理網(wǎng)站”“新增”，就會彈出“網(wǎng)站”的對話框；（2）選擇“網(wǎng)站”—“管理網(wǎng)站”“新增”“網(wǎng)站”，會彈出“定義站點(diǎn)”窗口，輸入站點(diǎn)名稱和站點(diǎn)位置，其它選擇默認(rèn)值，就可以了。新建網(wǎng)站站點(diǎn)對于DreamWeaverMX可按照如下步驟30搭建整個(gè)網(wǎng)站的框架搭建整個(gè)網(wǎng)站的框架31制作網(wǎng)站模板配置網(wǎng)頁1.將網(wǎng)站框架頁面另存為模板即可,即“檔案”“另存為模板”.2.配置可編輯區(qū)域,即選取特定區(qū)域后,按如下步驟執(zhí)行即可.“插入”—“模板對象”—“可編輯區(qū)域”.效果如下:制作網(wǎng)站模板配置網(wǎng)頁1.將網(wǎng)站框架頁面另存為模板即可,32菜單設(shè)計(jì)架構(gòu)圖圖(一)各部分詳細(xì)菜單:綜合查詢:文件窗體查訊,簽核狀況查詢綜合窗體:ISO文件,窗體目錄,窗體總覽,共享窗體,標(biāo)準(zhǔn)書申請作業(yè):提出申請牽核作業(yè):簽核處理,簽核查詢法律文書:雁過留聲:管理登錄:菜單設(shè)計(jì)架構(gòu)圖圖(一)各部分詳細(xì)菜單:33菜單和彈出菜單制作過程(一)菜單的制作過程首先選取表格控件,在預(yù)定欄內(nèi)填取所要制作框架的數(shù)字.具體祥情如圖(二)所示:菜單和彈出菜單制作過程(一)菜單的制作過程34(二).彈出菜單的制作過程1.在已制作好的菜單中選取特定的菜單選項(xiàng),制作為超鏈接,選取該選項(xiàng),打開“窗口”“標(biāo)簽檢測器””行為”,點(diǎn)擊“+”,選取“顯示彈出式選單”,具體過程如圖(三)所示:(二).彈出菜單的制作過程35接著在彈出表框中填入特定子菜單選項(xiàng),如下圖所示:接著在彈出表框中填入特定子菜單選項(xiàng),如下圖所示:36最終效果如下圖所示:最終效果如下圖所示:37充實(shí)網(wǎng)頁內(nèi)容美化頁面1.到不同的可編輯區(qū)域填充相應(yīng)的內(nèi)容2.根據(jù)整體效果來美化頁面3.建立不同的動態(tài)頁面4.附上相應(yīng)的版權(quán)標(biāo)識充實(shí)網(wǎng)頁內(nèi)容美化頁面1.到不同的可編輯區(qū)域填充相應(yīng)的內(nèi)容38最終效果圖最終效果圖39需要注意的一些細(xì)節(jié)問題在動手做一個(gè)網(wǎng)站之先,需做系統(tǒng)需求分析,規(guī)劃網(wǎng)站的拓樸結(jié)構(gòu)圖;2.在制做設(shè)計(jì)的過程中,應(yīng)避免頁面色彩過多,字體太亂;3.當(dāng)預(yù)計(jì)整個(gè)網(wǎng)站的頁面超過30頁時(shí),最好套用模板,方便以后的維護(hù);4.在制作頁面的過程中,盡量避免用到“層”,這是為了防止在不同的分辨率中出現(xiàn)頁面錯亂的情況;5.在運(yùn)用圖片的時(shí)候,應(yīng)避免用到過大的圖片,圖片過大時(shí)應(yīng)將其分割成小圖片,以加快下載速度.需要注意的一些細(xì)節(jié)問題在動手做一個(gè)網(wǎng)站之先,需做系統(tǒng)需求分析406.在設(shè)置網(wǎng)站的目錄結(jié)構(gòu)時(shí)，需要注意到幾點(diǎn):（1）不要使用中文名字的目錄名。（2）不要使用過長的目錄名。（3）盡量使用意義明確的目錄名，盡量做到“見名知意”。（4）目錄的層次不要太多，建議不要超過3層DreamWeaver常用法簡介(課件)41DreamWeaver簡介

DreamWeaver簡介421.DreamWeaver概況介紹2.各項(xiàng)功能介紹

a.整體主菜單簡介

b.各部分菜單簡介3.以制作一網(wǎng)站為范例簡介4.需要注意的一些細(xì)節(jié)問題1.DreamWeaver概況介紹43DreamWeaver概況介紹DreamWeaver是Macromedia公司開發(fā)出的用于設(shè)計(jì)、撰寫和開發(fā)網(wǎng)站、網(wǎng)頁及網(wǎng)絡(luò)應(yīng)用程序的專業(yè)HTML編輯器。它集HTML程序代碼編緝器，頁面編緝器等多種視覺編輯環(huán)境于一體,能夠提供多種編輯環(huán)境。Dreamweaver中的視覺編輯功能在不撰寫任何一行程序代碼的情況下就可以快速建立網(wǎng)頁?？梢詸z視所有網(wǎng)站項(xiàng)目或資源，并將它們從方便使用的面板直接拖曳到文件中,也可以在MacromediaDreamWeaver概況介紹DreamWeaver是44Fireworks或其它圖形應(yīng)用程序中建立和編輯影像,然后將它們直接匯入到Dreamweaver，或新增MacromediaFlash對象，來簡化開發(fā)工作流程。Dreamweaver也提供了功能完整的程序代碼撰寫環(huán)境,包括程序代碼編輯工具(如程序代碼色彩標(biāo)示和標(biāo)簽完成)以及HTML，階層式樣式表(CSS)JavaScript,ColdFusion標(biāo)記語言(CFML),MicrosoftActiveServerPages(ASP)以及JavaServerPages(JSP)的參考數(shù)據(jù)。MacromediaRoundtripHTML技術(shù)不需要重新格式化程序碼,就可以匯入您手動撰寫的HTML文件，F(xiàn)ireworks或其它圖形應(yīng)用程序中建立和編輯影45然后您可以使用偏好的格式樣式來重新格式化程式碼。Dreamweaver也能使用如CFML、ASP.NET、ASP、JSP和PHP等服務(wù)器技術(shù)，建立動態(tài)支持?jǐn)?shù)據(jù)庫的網(wǎng)絡(luò)應(yīng)用程序。Dreamweaver可以完全自訂。您可以根據(jù)個(gè)人喜好建立自己的對象和命令,修改快速鍵,甚至撰寫JavaScript用新的行為,屬性檢測器和網(wǎng)站報(bào)告來擴(kuò)充Dreamweaver功能。然后您可以使用偏好的格式樣式來重新格式化程46操作界面DreamWeaverMX由兩個(gè)部分組成，即頁面編輯器和站點(diǎn)管理器。1.頁面編輯器:分為五個(gè)部分：菜單欄、頁面編輯區(qū)、工具欄、控制面板、狀態(tài)欄。其中控制面板有屬性面板、對象面板、設(shè)計(jì)面板、樣式面板幫助面板等。2.站點(diǎn)管理器:站點(diǎn)管理器窗口顯示了站點(diǎn)地操作界面DreamWeaverMX由兩個(gè)部分組成，即頁面47圖，和當(dāng)前網(wǎng)站中的文件列表。一般來說，在建設(shè)一網(wǎng)站前,應(yīng)先建立好站點(diǎn)，再開始制作網(wǎng)頁,這樣可以保證頁面內(nèi)文件鏈接的正確性。圖，和當(dāng)前網(wǎng)站中的文件列表。一般來說，在48DreamWeaver制作基礎(chǔ)一、創(chuàng)建網(wǎng)頁啟動DreamweaverMX，就會自動生成一個(gè)白色背景的文件工作區(qū)，這里就是設(shè)計(jì)和制作網(wǎng)頁的地方，在這里可以根據(jù)不同喜好來選擇程序源代碼編輯方式或頁面編輯方式,在頁面編輯方式中,可以直接輸入網(wǎng)頁設(shè)計(jì)過程中所需要的文字、圖片、表格、Flash動畫等。網(wǎng)頁的背景顏色的，以及文字的顏色都是可以通過“頁面屬性”來設(shè)置的。DreamWeaver制作基礎(chǔ)一、創(chuàng)建網(wǎng)頁49二、文字的編輯可以直接在網(wǎng)頁中輸入文字，可以在【Text】下設(shè)置文字的格式，如字體、字號、顏色、粗體、斜體，段落居左、居中及居右，添加項(xiàng)目符號及編號等。此外，還可以利用HTML樣式和CSS樣式表對文字進(jìn)行頁面的統(tǒng)一格式設(shè)置。也可以通過屬性面板來更改文字的大小、顏色、字體等。二、文字的編輯50三、插入圖像在網(wǎng)頁中插入一幅圖片時(shí)，圖片文件必須位于當(dāng)前站點(diǎn)中。在對象面板中選擇插入圖片圖標(biāo)或者通過菜單中的“插入”“圖片”，此時(shí)系統(tǒng)將打開“選擇圖像源文件”對話框。找到需要插入的圖片文件，選擇“Select”,確定。Dreamwaver支持常用的網(wǎng)頁圖片格式有擴(kuò)展名為“GIF”、“JPG”、“JPEG”、“PNG”的圖形文件。三、插入圖像51四、插入鼠標(biāo)變換圖片該圖片對象的特點(diǎn)是當(dāng)鼠標(biāo)經(jīng)過該圖片時(shí),圖片內(nèi)容會自動更新。實(shí)際上，它是由兩幅圖片組成的，一幅為主圖片，顯示在頁面中；一幅為滾動圖片，當(dāng)鼠標(biāo)經(jīng)過圖片所在區(qū)域時(shí)顯示。單擊對象面板中的圖標(biāo)，或者選擇【插入】菜單的“影像對象”子菜單中的“鼠標(biāo)變換影像”命令可實(shí)現(xiàn)該操作。四、插入鼠標(biāo)變換圖片52五、創(chuàng)建圖片熱點(diǎn)在插入的圖片上，可以是交換式圖片，可以把圖片分為若干個(gè)區(qū)域，每個(gè)區(qū)被稱為“熱點(diǎn)”，可以為每個(gè)熱點(diǎn)指定相關(guān)的鏈接。當(dāng)單擊某個(gè)熱點(diǎn)時(shí)，系統(tǒng)顯示相關(guān)的網(wǎng)頁。當(dāng)繪制完熱區(qū)后，屬性面板會顯示熱區(qū)的屬性。還可以調(diào)整熱點(diǎn)區(qū)尺寸。五、創(chuàng)建圖片熱點(diǎn)53六、插入水平線在對象面板中選擇按鈕，在頁面中點(diǎn)擊，畫面會自動生成一條水平線，在水平線上單擊,可以設(shè)置水平線的寬度、高度、對齊方式、是否有陰影等參數(shù)。七、插入郵件鏈接創(chuàng)建郵件鏈接的作用是當(dāng)瀏覽者點(diǎn)擊該鏈接時(shí)，系統(tǒng)將自動啟動計(jì)算機(jī)中的郵件發(fā)送程序。DreamWeaver常用法簡介(課件)54八、插入日期在對象面板中選擇按鈕，在頁面中點(diǎn)擊，會彈出對話框，可以設(shè)置日期格式、星期格式、時(shí)間格式，點(diǎn)擊“OK”，就會在頁面中自動加上時(shí)間。九、插入Flash對象1．插入Flash影片2．3．八、插入日期55十、表格的應(yīng)用1．插入表格2．表格屬性面板表格屬性面板中的設(shè)置項(xiàng)對整個(gè)表格起作用，如果想對表中的某一行單獨(dú)設(shè)置，首先選中表的某一行，再利用單元格屬性面板進(jìn)行設(shè)置。3．表格的選取4．添加表格內(nèi)容5．單元格的合并與拆分十、表格的應(yīng)用56十一、層的應(yīng)用層是網(wǎng)頁中的一種容器，它可定位在頁面上的任意位置，并且其中可包含文本、圖像、表單等所有可直接用于文檔的元素。1．創(chuàng)建層2．層的大小調(diào)整3．層的移動4．層的屬性面板5．層控制面板6．層的動態(tài)效果十一、層的應(yīng)用57十二、框架的應(yīng)用創(chuàng)建普通框架集利用框架屬性面板來設(shè)置該框架是否要邊線以及邊線的顏色、邊線寬度、框架的名稱和框架中所要顯示的源文件。可以查看框架集的文件的源代碼，這里面只保存了框架信息和它所對應(yīng)的源文件。十二、框架的應(yīng)用58十三、行為面板的使用通過行為面板可以在網(wǎng)頁上制作出一些簡單的交互效果。行為由兩個(gè)部分組成，即事件和動作，通過事件的響應(yīng)執(zhí)行對應(yīng)的動作。事件是用于指明執(zhí)行某項(xiàng)動作的條件，動作實(shí)際上是一段執(zhí)行特定任務(wù)的預(yù)先寫好的JavaScript代碼，如打開窗口、播放聲音等都是動作。十三、行為面板的使用59十四、模板的運(yùn)用1．準(zhǔn)備模板2．定義區(qū)域3．應(yīng)用模板十四、模板的運(yùn)用60各項(xiàng)功能介紹1.整體主菜單簡介:各項(xiàng)功能介紹1.整體主菜單簡介:61檔案:其具體功用1.開啟新檔:用來建立一個(gè)新的設(shè)計(jì)版面2.開啟舊檔:用來打開已經(jīng)存在的頁面3.存儲:用來保存正在編輯或已經(jīng)編輯完成的頁面4.另存新檔:見將正開啟的頁面保存為其它新的頁面5.……檔案:其具體功用1.開啟新檔:用來建立一個(gè)新的設(shè)計(jì)版面62編輯:其具體功用1.還原:撤消上一步的具體動作2.重做:撤消還原的動作3.剪下:剪下選定的內(nèi)容4.貼上:貼上剪下選定的內(nèi)容5.復(fù)制:復(fù)制剪下選定的內(nèi)容6.清除:清除選定的內(nèi)容7.……編輯:其具體功用1.還原:撤消上一步的具體動作63檢視:其具體功用1.程序代碼:在編輯頁面顯示出來是html語言和其它源程序2.設(shè)計(jì):在編輯頁面顯示出設(shè)計(jì)直觀效果3.程序代碼和設(shè)計(jì):上述二者兼有4.表格模式:用來設(shè)計(jì)的三種樣式5.尺歸,網(wǎng)格線:在編輯文檔時(shí)的輔助標(biāo)尺6.……檢視:其具體功用1.程序代碼:在編輯頁面顯示出來是ht64插入:其具體功用1.標(biāo)簽:用來插入特定的html語法標(biāo)記.如:

<b></b>,<I></I>2.影像:用來插入特定的圖片3.表格:用來在特定位置插入一表格4.超鏈接,郵件:用來在特定位置插入超鏈接和郵件5.……插入:其具體功用1.標(biāo)簽:用來插入特定的html語法標(biāo)65修改:其具體功用1.頁面屬性:指修改頁面的寬,高等等2.表格:指修改頁面中表格的具體元素.如:

欄和列的數(shù)目3.影像:指修改頁面中需要更改的圖片4.排列順序:指修改頁面中文字和圖片或其它元素的排列順序5.對齊:指頁面中特定元素的對齊方式6.……修改:其具體功用1.頁面屬性:指修改頁面的寬,高等等66文字:其具體功用1.對齊:指將頁面中文字以一特定參考物來對齊2.大小:指改變頁面中選定文字的大小3.顏色:指改變頁面中選定文字的顏色4.字體:指改變頁面中選定文字的字體5.樣式:指改變頁面中選定文字的樣式6.……文字:其具體功用1.對齊:指將頁面中文字以一特定參考物67窗口:其具體功用1.插入:用來顯示插入特定標(biāo)記2.屬性:用來顯示屬性面板3.CSS樣式:用來顯示CSS屬性面板4.圖層:用來顯示圖層屬性面板5.行為:用來顯示行為屬性面板6.組件:用來顯示組件屬性面板7.資源:用來顯示資源屬性面板8.……窗口:其具體功用1.插入:用來顯示插入特定標(biāo)記68建設(shè)網(wǎng)站大概步驟1.對網(wǎng)站整體進(jìn)行需求分析1.規(guī)劃整個(gè)網(wǎng)站的布局2.搭建整個(gè)網(wǎng)站的框架3.制作整個(gè)網(wǎng)站的模板,配置網(wǎng)頁4.撰寫程序代碼,填充整個(gè)網(wǎng)站的可編輯區(qū)域5.建立動態(tài)網(wǎng)頁6.附上必要的版權(quán)標(biāo)識7.對整個(gè)網(wǎng)站進(jìn)行測試,修改8.網(wǎng)站的上傳建設(shè)網(wǎng)站大概步驟1.對網(wǎng)站整體進(jìn)行需求分析69規(guī)劃整個(gè)網(wǎng)站根據(jù)網(wǎng)站的整體功用進(jìn)行需求分析,得出需要將網(wǎng)站分成六大模塊,然后對整個(gè)網(wǎng)站架構(gòu)進(jìn)行構(gòu)思,設(shè)計(jì)出六大相關(guān)菜單選項(xiàng)和有關(guān)模塊,然后進(jìn)行相關(guān)草圖設(shè)計(jì)與制作及對相關(guān)模塊進(jìn)行程序開發(fā).規(guī)劃整個(gè)網(wǎng)站根據(jù)網(wǎng)站的整體功用進(jìn)行需求分析,得70新建網(wǎng)站站點(diǎn)對于DreamWeaverMX可按照如下步驟建立網(wǎng)站：（1）選擇菜單中的“網(wǎng)站”—“管理網(wǎng)站”“新增”，就會彈出“網(wǎng)站”的對話框；（2）選擇“網(wǎng)站”—“管理網(wǎng)站”“新增”“網(wǎng)