第五章制作簡(jiǎn)單網(wǎng)頁(yè)新建網(wǎng)頁(yè)常規(guī)文檔創(chuàng)立常規(guī)文檔在Dreamweaver編輯窗口中選擇菜單命令“文件〞|“新建〞此時(shí)將翻開(kāi)新建文檔對(duì)話(huà)框常規(guī)文檔新建文檔包括了2個(gè)選項(xiàng)卡：“常規(guī)〞和“摸板〞?！俺Ｒ?guī)〞中提供常用的網(wǎng)頁(yè)類(lèi)型以供選擇；“摸板〞中顯示的是設(shè)計(jì)者自己制作的摸板。在“常規(guī)〞選項(xiàng)卡中，左側(cè)“類(lèi)別〞列表框中列出常見(jiàn)的文件類(lèi)型，主要包括7類(lèi)。根本頁(yè)動(dòng)態(tài)頁(yè)摸板頁(yè)其他CSS樣式表框架集頁(yè)面設(shè)計(jì)創(chuàng)立文件、保存文件與關(guān)閉文件在常規(guī)選項(xiàng)卡上選擇“根本頁(yè)〞，然后在中間的根本頁(yè)列表中選擇HTML，單擊“創(chuàng)立〞按鈕后將翻開(kāi)一個(gè)網(wǎng)頁(yè)編輯窗口。創(chuàng)立新的網(wǎng)頁(yè)后，需要將其保存在站點(diǎn)管理器中。點(diǎn)擊菜單命令“文件〞|“保存〞，此時(shí)將翻開(kāi)“另存為〞對(duì)話(huà)框。在對(duì)話(huà)框中找到保存文件的的目錄data，并將文件名修改為index.htm，然后單擊“保存〞按鈕將文件保存在站點(diǎn)中。選擇菜單“文件〞|“退出〞，就可以關(guān)閉網(wǎng)頁(yè)編輯窗口了。設(shè)置文件頭文件頭在瀏覽器中是不可見(jiàn)的，但卻含有網(wǎng)頁(yè)的重要信息。它還可以實(shí)現(xiàn)一些非常重要的功能，以下將重點(diǎn)介紹與文件頭相關(guān)的內(nèi)容。設(shè)置文件頭設(shè)置網(wǎng)頁(yè)的編碼在設(shè)計(jì)視圖下選擇菜單命令“查看〞|“文件頭內(nèi)容〞設(shè)置文件頭“屬性〞項(xiàng)用來(lái)表示瀏覽器網(wǎng)頁(yè)中使用的是HTTP通信協(xié)議：“值〞表示瀏覽器下面的“內(nèi)容〞項(xiàng)定義內(nèi)是和網(wǎng)頁(yè)內(nèi)容Content相關(guān)的：而“內(nèi)容〞項(xiàng)定義的是網(wǎng)頁(yè)的編碼方式和字符集.設(shè)置文件頭設(shè)定文檔標(biāo)題添加關(guān)鍵字文件頭中除了定義字符集，文檔標(biāo)題外，還可以添加很多對(duì)象。例如，可以為當(dāng)前文檔定義關(guān)鍵字，關(guān)鍵字用來(lái)協(xié)助網(wǎng)絡(luò)上的搜索引擎尋找網(wǎng)頁(yè)。很多的瀏覽者先通過(guò)搜索引擎找到該網(wǎng)頁(yè)來(lái)的。在“插入〞工具欄上單擊下拉箭頭，從中選擇HTML。此時(shí)“插入〞工具欄上顯示的將是和HTML相關(guān)的各種對(duì)象。如圖設(shè)置文件頭設(shè)置文件頭描述文字設(shè)置網(wǎng)頁(yè)的刷新網(wǎng)頁(yè)刷新通常用于兩種情況：第一種情況是在翻開(kāi)某個(gè)網(wǎng)頁(yè)后的一定時(shí)間內(nèi)，讓瀏覽器自動(dòng)跳轉(zhuǎn)到一個(gè)新網(wǎng)頁(yè)：第二種情況是用于需要經(jīng)常刷新的網(wǎng)頁(yè)，可以讓瀏覽器每隔一段時(shí)間自動(dòng)刷新自身網(wǎng)頁(yè)。在“文件頭〞下拉菜單中選擇“刷新〞，此時(shí)將會(huì)翻開(kāi)“刷新〞對(duì)話(huà)框.設(shè)置文件頭插入meta對(duì)象meta標(biāo)簽是記錄有關(guān)當(dāng)前頁(yè)面的信息〔如字符編碼、作者、版權(quán)信息或關(guān)鍵字〕的文件頭元素。這些標(biāo)簽也可以用來(lái)向效勞器提供信息，如頁(yè)面的失效日期、刷新間隔和PICS等級(jí)?！睵ICS是Internet內(nèi)容選擇平臺(tái)，它提供了向Web頁(yè)分配等級(jí)〔如電影等級(jí)〕的方法?！吃O(shè)置文件頭刪除頭對(duì)象當(dāng)添加上面這些對(duì)象后，將在文件頭窗口中顯示出一系列的圖標(biāo)如果需要?jiǎng)h除頭對(duì)象，那么先選擇頭對(duì)象后，點(diǎn)擊Delete鍵即可使用文本輸入文本格式化文本文本格式一般包括文本的字體，字號(hào)，顏色及文本的對(duì)齊方式等.設(shè)置字符格式設(shè)置字符字體、字號(hào)、斜體、加粗等，可以通過(guò)單擊“屬性〞面板中的字體、大小、粗體、斜體和顏色來(lái)實(shí)現(xiàn)。設(shè)置段落和標(biāo)題對(duì)齊文本縮進(jìn)與擴(kuò)展首行縮進(jìn)使用文本創(chuàng)立工程列表在網(wǎng)頁(yè)制作時(shí)經(jīng)常用到文本的另一種形式，這就是工程列表。可分為無(wú)序工程列表和有敘工程列表兩種形式。無(wú)序工程列表有一比較特殊的列表——圖片工程列表。使用文本無(wú)序工程列表無(wú)序工程列表通常用各種幾何符號(hào)來(lái)表示其列表關(guān)系，其主要用于一種并列關(guān)系的元素組合，各列表項(xiàng)之間并不存在先后主次的順序。有序工程列表有序工程列表也稱(chēng)為編號(hào)列表，代表一種進(jìn)程，各列表項(xiàng)之間存在著先后過(guò)程，通常用阿拉伯?dāng)?shù)字或字母有序符號(hào)表示。使用文本.嵌套工程列表如果想把不同級(jí)別的文本內(nèi)容用列表的形式表現(xiàn)出來(lái)，那么需要用到工程列表的嵌套。創(chuàng)立工程列表的嵌套，需要用到文本屬性面板上的段落擴(kuò)展/縮進(jìn)按鈕。使用圖象插入圖象設(shè)置圖象屬性可以在圖象的“屬性〞面板中設(shè)置圖象的屬性，用戶(hù)選擇網(wǎng)頁(yè)中的一幅圖象時(shí)，在屬性面板上將反映圖象的屬性。圖象名稱(chēng)圖象大小替代文本邊框?qū)挾葘?duì)齊方式邊距鏈接低解析度源插入flash對(duì)象插入Flash按鈕對(duì)象使用Flash文本插入Flash動(dòng)畫(huà)設(shè)置Flash對(duì)象“屬性〞插入flash對(duì)象在編輯的文檔中如要插入Flash按鈕，先將光標(biāo)放在要插入的位置上，然后在“常用〞插入工具欄中單擊媒體按鈕旁的下拉按鈕，在翻開(kāi)的媒體下拉列表中選擇Flash按鈕。此時(shí)將翻開(kāi)“插入Flash按鈕〞對(duì)話(huà)框插入flash對(duì)象設(shè)定完成后，點(diǎn)擊“確定〞按鈕，完成設(shè)置并返回編輯窗口，文檔中將出現(xiàn)一個(gè)Flash按鈕。按鈕的屬性可通過(guò)“屬性〞面板來(lái)調(diào)整。插入flash對(duì)象將光標(biāo)放在要插入Flash文字的位置，然后在“常用〞插入工具欄中單擊Flash按鈕旁的下拉按鈕，在翻開(kāi)的“媒體〞下拉列表中選擇“Flash〞文本。通過(guò)對(duì)話(huà)框進(jìn)行設(shè)置插入flash對(duì)象將光標(biāo)定位在要插入動(dòng)畫(huà)的位置上，然后在“插入“工具〞欄中切換到“常用〞工具欄，在其中單擊Flash按鈕在所翻開(kāi)的選擇文件對(duì)話(huà)框中，選擇文件即可.添加動(dòng)畫(huà)文件后，網(wǎng)頁(yè)中會(huì)有一個(gè)Flash標(biāo)志。選中此對(duì)象，可以在“屬性〞面板中設(shè)置它的高度和寬度?？梢渣c(diǎn)擊“屬性〞面板上的“播放〞按鈕來(lái)預(yù)覽效果。設(shè)置Flash對(duì)象“屬性〞寬和高：用于以像素為單位指定Flash對(duì)象的寬度和高度。因?yàn)镕lash使用的是矢量圖形，所以改變高度和寬度時(shí)不會(huì)影響動(dòng)畫(huà)的質(zhì)量。還可以指定英寸、毫米、厘米等等單位。文件：顯示Flash文件的路徑。單擊后面的瀏覽按鈕可以指定新的動(dòng)畫(huà)文件。編輯：此按鈕用于啟動(dòng)MacromediaFlashMX以更新Flash文件。如果計(jì)算機(jī)上沒(méi)有加載MacromediaFlashMX，此按鈕將被禁用。重設(shè)大?。夯謴?fù)到Flash文件默認(rèn)尺寸。自動(dòng)播放：選中后Flash電影會(huì)自動(dòng)播放。垂直邊距與水平邊距：設(shè)置Flash文件垂直與水平方向上的空白區(qū)域。品質(zhì)：此下拉列表框用于在對(duì)象播放期間控制抗失真。設(shè)置越高，效果越好。比例：此下拉列表框用于指定對(duì)象如何在設(shè)置好的寬度和高度尺寸下顯示?！澳J(rèn)值〞設(shè)置顯示整個(gè)對(duì)象。對(duì)齊：此拉以下表框用于指定對(duì)象在頁(yè)面上的對(duì)齊方式。背景顏色：用于指定對(duì)象的動(dòng)畫(huà)效果。參數(shù)：可設(shè)定ActiveX參數(shù)，這些參數(shù)用于ActiveX控件之間的數(shù)據(jù)交換。添加背景音樂(lè)通過(guò)CSS面板,來(lái)添加背景音樂(lè)。選擇菜單欄中的：“窗口/行為〞命令。翻開(kāi)行為面板。單擊行為面板中的按鈕，從彈出的下拉菜單中選擇“播放聲音〞命令。此時(shí)系統(tǒng)會(huì)彈出插入文件窗口，按“瀏覽〞按鈕選擇背景音樂(lè)文件，當(dāng)然是要瀏覽器支持的音樂(lè)文件格式插入REAL視頻在“常用〞插入工具欄中單擊Flash按鈕旁的下拉按鈕，在翻開(kāi)的“媒體〞下拉列表中選擇ActiveX。此時(shí)將在頁(yè)面上添加一個(gè)控件，拖動(dòng)控件上的句柄可以調(diào)整大小。選中該控件，進(jìn)行屬性設(shè)置。添加了視頻文件后，按需進(jìn)行參數(shù)設(shè)置插入QuickTime電影在“常用〞插入工具欄中單擊Flash按鈕旁的下拉按鈕，在翻開(kāi)的“媒體〞下拉列表中選擇“插件〞。在彈出的對(duì)話(huà)框中選擇添加的MOV文件。插入JavaApplet將光標(biāo)定位在插入Applet地方，然后在“媒體“下拉列表中選擇。此時(shí)將翻開(kāi)〞選擇文件“對(duì)話(huà)框。在對(duì)話(huà)框中找到.class文件插入。確定選中文件后，文檔中會(huì)有圖標(biāo)。接著在“屬性〞面板中設(shè)置其寬度和高度用CSS樣式設(shè)定網(wǎng)頁(yè)屬性“頁(yè)面屬性〞對(duì)話(huà)框“頁(yè)面屬性〞對(duì)話(huà)框外觀(guān)鏈接標(biāo)題標(biāo)題/編碼跟蹤圖像用HTML定義網(wǎng)頁(yè)屬性Dreamweaver提供了CSS樣