網頁設計與制作（第二版）目錄DIRECTORY01DreamweaverCS5入門05插入圖像02創(chuàng)建站點06插入多媒體03設置首頁07建立網頁鏈接04DreamweaverCS5編輯文本08表格目錄DIRECTORY09使用Div標簽和APDiv10框架11表單12CSS樣式13行為14資源15模板和庫16站點上傳和維護03設置首頁1.能掌握頁面的整體、目錄結構、鏈接結構和方法。2.能掌握網頁制作軟件Dreamweaver在首頁設置的作用。3.培養(yǎng)學生珍惜幸福生活、維護國家民族團結的崇高思想。任務目標1任務實施步驟1：新建HTML文檔。步驟2：設置頁面屬性。網頁頁面屬性包括網頁的“外觀”“鏈接”“標題”“標題/編碼”和“跟蹤圖像”等。（3）在“分類”中選擇“標題（CSS）”選項。（4）在“分類”里選擇“標題/編碼”選項。（圖3-4）（5）在“分類”里選擇“跟蹤圖像”選項。一、設置頁面屬性一、設置頁面屬性一、設置頁面屬性（一）METAMETA標記用于記錄當前網頁的相關信息，如編碼、作者、版權等，也可以用來給服務器提供信息。單擊圖3-7中的第一項“META”，會彈出META對話框。在“屬性”下拉列表中選擇“名稱”，在“值”文本框中輸入“auther（作者）”，“內容”文本框中輸入“myweb”，這樣作者的信息就設定好了，如圖3-8所示?！岸?、查看和編輯頭內容（二）關鍵字關鍵字用來協(xié)助網絡上的搜索引擎尋找網頁。在網頁中加入“關鍵字”標簽，能更好地讓搜索引擎搜索到帶有這些關鍵字的網頁。單擊圖3-7中的第二項“關鍵字”，會彈出“關鍵字”對話框。在“關鍵字”對話框中輸入關鍵字，多個關鍵字之間用逗號分開，如圖3-9所示。“二、查看和編輯頭內容（三）說明同“關鍵字”一樣，“說明”也是用來幫助搜索引擎搜索網頁的。單擊圖3-7中的第三項“說明”，會彈出“說明”對話框。在“說明”對話框中設置網頁的說明文字，如圖3-10所示?！岸?、查看和編輯頭內容（四）刷新在網頁中插入的“刷新”標簽分為兩種，一種是在若干秒后自動跳轉到新的網頁；一種是在若干秒后自動刷新當前網頁。單擊圖3-7中的第四項“刷新”，會彈出“刷新”對話框。若在“刷新”對話框中進行設置，如圖3-11所示，則該網頁在20秒后就會自動跳轉到新的網頁；若在“刷新”對話框中進行設置，如圖3-12所示，則僅僅是刷新當前頁面?！岸⒉榭春途庉嬵^內容二、查看和編輯頭內容（五）基礎“基礎”定義了文檔的基本URL地址，所有相對地址形式的URL都是相對于這個URL地址而言的。其中包括以下幾個選項?！窨瞻祝╛B）：表示在新窗口中打開?！窀福╛P）：表示在當前文檔的父級框架集中打開。●自身（_S）：表示在當前文檔的框架中打開?！耥敳浚╛T）：表示在鏈接所在的最高級窗口中打開。（六）鏈接使用鏈接可以定義當前文檔與其他文件之間的關系。注意：head部分中的鏈接與body部分中的文檔之間的鏈接是不一樣的。其中包括以下幾個選項。●Href：可輸入鏈接資源所在的URL地址，或單擊“瀏覽”按鈕瀏覽并選擇一個文件，該屬性并不表示通常的HTML意義上的鏈接文件?！馡D：為鏈接指定一個唯一標識符?！駱祟}：輸入對該鏈接關系的描述，即“鏈接”標記的標題屬性。●Rel：指定當前文檔與Href文本框中的文檔之間的關系?？赡艿闹蛋ˋlternate、Stylesheet、Start、Next、Prev、Contents、Index、Glossary、Copyright、Chapter、Section、Subsection、Appendix、Help和Bookmark。三、使用標尺和網格輔助設計（一）標尺標尺可幫助用戶測量、組織和規(guī)劃布局。標尺可以顯示在頁面的左邊框和上邊框中，以像素、英寸或厘米為單位來標記。用戶可以通過執(zhí)行菜單欄中的“查看/標尺”命令來進行對標尺的設置，如圖3-13所示。三、使用標尺和網格輔助設計（二）網格在DreamweaverCS5中設置了顯示網格就會在文檔窗口中顯示出一系列的水平線和垂直線。網格對于精確地放置對象很有用。它可以讓頁面元素在靠近網格時自動靠齊網格，還可以通過指定網格設置更改網格或控制靠齊行為。無論網格是否可見，都可以使用靠齊。用戶可以通過執(zhí)行菜單欄中的“查看/網格”命令來進行網格設置，如圖3-14所示。三、使用標尺和網格輔助設計（三）輔助線輔助線是從標尺拖動到文檔上的線條。同標尺與網格一樣也是用于幫助精確放置和對齊對象的，同時輔助線還可以測量元素大小。要在文檔窗口中創(chuàng)建輔助線，只需將鼠標放置到標尺上，然后按住鼠標左鍵不放并向窗口中拖動即可。雙擊輔助線可以打開“移動輔助線”對話框，從中可以精確地對輔助線進行定位，如圖3-16所示。2項目實訓項目要求：建立一個站點，完成以下的任務。步驟1：創(chuàng)建該站點的主頁文件，并顯示站點地圖。步驟2：設置頁面屬性，掌握各分類項的功能。步驟3：查看和編輯頭內容，掌握頭內容的設置方法。步驟4：使用標尺和網格輔助設計，掌握頁面中插入元素的定位方法。3項目小結首頁是打開網站后在瀏覽器中顯示的第一個頁面，一般將它命名為index.html、default.html或home.html等。具體的設置方法是：右鍵單擊“文件”浮動面板中的index.html，在彈出的快捷菜單中選擇“設成首頁”命令。接著選擇網站視圖中的“地圖視圖”，并單擊按鈕擴展到地圖窗口，即可看到index.html已被設置為網站首頁了。在DreamweaverCS5中創(chuàng)建的每一頁，可以使用“頁面屬性”對話框（“修改/頁面屬性”）指定布局和格式設置屬性。“頁面屬性”對話框可以指定頁面的默認字體和字體大小、背景顏色、邊距、鏈接樣式及頁面設計的許多其他方面?？梢詾閯?chuàng)建的每個新頁面指定新的頁面屬性，也可以修改現(xiàn)有頁面的屬性。一個網頁文件在結構上由兩部分組成，頭內容（head）和主體內容（body）。主體內容（body）是文檔的主要部分，也是包含文本和圖像等的可見部分。頭內容（head）在瀏覽器中是不可見的，但是卻攜帶著網頁的重要信息，如關鍵字、描述文字等，還可以實現(xiàn)一些非常重要的功能，如自動刷新功能。在制作網