【正文】 態(tài)空白頁面。如下圖所示。效果如下圖所示。 創(chuàng)建站點 （ 3）選擇【主目錄】標(biāo)簽，設(shè)置【本地路徑】為創(chuàng)建的站點根文件夾。 創(chuàng)建站點 （ 2） 選擇【 Inter信息服務(wù) (IIS)】 復(fù)選框 ，單擊【詳細(xì)信息】，出現(xiàn)如 下 圖所示的對話框，選擇【萬維網(wǎng)服務(wù)】，單擊 【詳細(xì)信息】，取消默認(rèn)選中的【打印機虛擬目錄】選項，單擊 【確定】后 返回對話框， 選 擇 【下一步】開始安裝，之后單擊【完成】結(jié)束。 ② 【 服務(wù)器名稱 】 一般與站點文件夾相同（以英文數(shù)字命名）；當(dāng)前以學(xué)生機作為服務(wù)器使用，在本機瀏覽網(wǎng)頁效果，因此設(shè)置 【 連接方法 】 為“本地 /網(wǎng)絡(luò)”； 【 服務(wù)器文件夾 】 即站點文件夾； 【 Web URL】 可以省略。 素材、文檔通過各種鏈接建立邏輯關(guān)系。 網(wǎng)站維護(hù)：服務(wù)器的軟、硬件維護(hù)，系統(tǒng)升級，數(shù)據(jù)庫優(yōu)化和網(wǎng)站內(nèi)容更新。 頁面代碼的編寫：使用 DW將設(shè)計好的頁面轉(zhuǎn)換為瀏覽器可識別的代碼。 了解 Dreamweaver CS5界面 了解 Dreamweaver CS5界面 ? 【菜單】欄 ? 【應(yīng)用程序】欄 ? 【文檔】工具欄 ? 【文檔】窗口 ? 【標(biāo)簽】選擇器 ? 【屬性】檢查器 ? 【面板】組 網(wǎng)站建設(shè)流程 ? 前期策劃 前期調(diào)研：用戶調(diào)查、競爭對手調(diào)查、企業(yè)自身情況調(diào)查。若不需頭部信息則可省略此標(biāo)記，良好的習(xí)慣是不省略。如： Title一個簡單的HTML示例 /Title。 最常用的單標(biāo)記如 BR，表示換行。 ? 為了網(wǎng)站適應(yīng)搜索引擎檢索的需要，在采用動態(tài)網(wǎng)站技術(shù)的同時可以將網(wǎng)頁內(nèi)容轉(zhuǎn)化為靜態(tài)網(wǎng)頁發(fā)布，在同一個網(wǎng)站上，動態(tài)網(wǎng)頁內(nèi)容和靜態(tài)網(wǎng)頁內(nèi)容同時存在是很常見的事情。其常見文件后綴名為 .asp、.jsp、 .php等，且通常在后綴名后加問號 。 網(wǎng)頁基礎(chǔ)知識 ? 網(wǎng)頁的種類 ? 靜態(tài)網(wǎng)頁： 靜態(tài)網(wǎng)頁是實實在在保存在服務(wù)器上的文件，每個網(wǎng)頁都是一個獨立的文件；運行于客戶端的程序、網(wǎng)頁、插件、組件，均屬于靜態(tài)網(wǎng)頁，例如 html頁、 Flash、 JavaScript、 VBScript等等，它們是永遠(yuǎn)不變的，常見其文件后綴名為 .html。 ? 表格： 網(wǎng)頁排版的靈魂。常見的有 GIF動畫和 Flash動畫。在同一個頁面中可以運用多種導(dǎo)航欄，例如在頂部設(shè)置主菜單，在頁面左側(cè)設(shè)置折疊菜單，同時在頁面底部設(shè)置多種鏈接 。網(wǎng)站標(biāo)志應(yīng)體現(xiàn)該網(wǎng)站的的特色、內(nèi)容以及其內(nèi)在的文化內(nèi)涵和理念。新聞網(wǎng)頁設(shè)計與管理 主講教師：陳訸瑋 2023年 9月 第 1章 初識 DreamweaverCS5 ? 網(wǎng)頁基礎(chǔ)知識 ? 了解 DreamweaverCS5界面 ? 網(wǎng)站建設(shè)流程 ? 創(chuàng)建站點 ? 創(chuàng)建網(wǎng)頁文檔 網(wǎng)頁基礎(chǔ)知識 ? 網(wǎng)頁基本構(gòu)成元素 ? 網(wǎng)站 Logo： 也叫網(wǎng)站標(biāo)志，是一個站點的象征，也是一個網(wǎng)站是否正規(guī)的標(biāo)志之一。 ? 網(wǎng)站 Banner： Banner是一種網(wǎng)絡(luò)廣告形式， Banner一般放在網(wǎng)頁的頂部位置。 ? 文本： 網(wǎng)頁中的信息主要以文本為主，在網(wǎng)頁中可以通過字體、大小、顏色、底紋、邊框等來設(shè)置文本的屬性。 網(wǎng)頁基礎(chǔ)知識 ? 超級鏈接： 實現(xiàn)從一個網(wǎng)頁指向另一個目的端的鏈接。通過表格可以精確控制網(wǎng)頁元素在網(wǎng)頁中的位置。 優(yōu)點： 靜態(tài)網(wǎng)頁頁面上的內(nèi)容和格式一般不會改變，只有網(wǎng)絡(luò)管理員可根據(jù)需要更新頁面，因此靜態(tài)網(wǎng)頁的內(nèi)容相對穩(wěn)定，容易被搜索引擎檢索。如 動態(tài)網(wǎng)頁以數(shù)據(jù)庫技術(shù)為基礎(chǔ)，可以大大降低網(wǎng)站維護(hù)的工作量；交互性強，可以實現(xiàn)如用戶注冊、用戶登錄、在線調(diào)查、用戶管理、訂單管理等等功能。 網(wǎng)頁基礎(chǔ)知識 網(wǎng)頁基礎(chǔ)知識 ? HTML 開始標(biāo)簽 ? HEAD 頭部標(biāo)簽 ? TITLE 一個簡單的 HTML示例 /TITLE ? /HEAD 文件頭結(jié)束 ? BODY 文件主體開始 ? /BODY 文件主體結(jié)束 ? /HTML 結(jié)尾標(biāo)簽 ? 標(biāo)記在使用時必須用必須用 “” 括起來，標(biāo)記擁有單標(biāo)記和雙標(biāo)記之分。 雙標(biāo)記： 由 “ 始標(biāo)記 ” 與 “ 尾標(biāo)記 ” 兩部分構(gòu)成，是必須成對使用的標(biāo)記。 網(wǎng)頁基礎(chǔ)知識 ? HTML超文本文檔的結(jié)構(gòu)主要包括頭部（ Head）和主體（ Body）兩個部分，其中頭部描述瀏覽器所需的信息，而主體則包含所要說明的具體內(nèi)容。 網(wǎng)頁基礎(chǔ)知識 ? （ 3） Title和 /Title是嵌套在 HEAD頭部標(biāo)簽中的，標(biāo)簽之間的文本是文檔標(biāo)題，它被顯示在瀏覽器窗口的標(biāo)題欄。 網(wǎng)站策劃：定位網(wǎng)站內(nèi)容、劃分網(wǎng)站欄目。 后臺程序的開發(fā)：數(shù)據(jù)庫系統(tǒng)的設(shè)計。 設(shè)計 、制作 與管理 網(wǎng)站 涉及多門學(xué)科：版面構(gòu)圖（平面設(shè)計）；程序開發(fā)（網(wǎng)頁應(yīng)用程式）；網(wǎng)站內(nèi)容管理（內(nèi)容管理系統(tǒng)、資訊架構(gòu)學(xué)）。 由于素材的種類太多，必須使用多個文件夾進(jìn)行存儲和管理，為了防止文件丟失，通常建立一個站點文件夾（根文件夾／父文件夾）統(tǒng)一保存網(wǎng)站所有的文檔和素材。 ③由于創(chuàng)建的是靜態(tài)網(wǎng)站，不涉及交互性的問題，所以 【 服務(wù)器模型 】 設(shè)置為無， ② ③兩點可以省略。 創(chuàng)建站點 （ 3） 系統(tǒng)自動安裝組件，完成安裝后，系統(tǒng)在【開始】 /【控制面板】（性能與維護(hù)） /【管理工具】程序組中會出現(xiàn)一項【 Inter信息服務(wù)】，單擊它打開如 下 圖所示的窗口。 創(chuàng)建站點 （ 4）選擇【文檔】標(biāo)簽，將 【默認(rèn)文檔】的首選項。 注意 ： 站點文件夾、站點名稱、站點內(nèi)所有文件的文件名應(yīng)以英文加數(shù)字的方式來命名。 創(chuàng)建站點 （ 4）選擇【高級】選項卡，設(shè)置【測試服務(wù)器】的【服務(wù)器模型】為“無”，單擊【保存】。 （ 2）執(zhí)行【編輯】 /【首選參數(shù)】命令，在彈出的對話框中選擇【新建文檔】選項，設(shè)置網(wǎng)頁文檔的屬性。 在文檔工具欄的【標(biāo)題】文本框中輸入設(shè)計好的文字標(biāo)題。 ②將鼠標(biāo)指針放在 head標(biāo)簽中，選擇 “插入 /HTML/文件頭標(biāo)簽 /關(guān)鍵字 ”命令，打開 “關(guān)鍵字 ”對話框，如下圖所示。效果如下圖。如下圖所示。 重復(fù)步驟 8，將記事本中的第二個段落復(fù)制粘貼到文檔窗口中。 DWCS5版本取消相關(guān)設(shè)置，對于網(wǎng)頁頁面的效果一律采用 CSS樣式表鏈接的方式，這是為了讓子頁面的樣式與首頁樣式保持一致，同一個樣式表可以多次鏈接使用。相關(guān)代碼書寫在頭部標(biāo)簽中。 新建站點。設(shè)置文字大小為 “36”，顏色為 “紅色（ FF0000） ”，字體加粗顯示 ；第二部分 插入圖像并使其居中對齊 ；第三部分 分為 3列 ， 分別輸入 “進(jìn)入視頻學(xué)習(xí)網(wǎng) ”， “進(jìn)入官方網(wǎng)站 ”， “關(guān)于我們 ”；設(shè)置文本居中對齊，大小為 “14”，顏色為 “紅色（ FF0000） ”。類似右圖。單擊【確定】，文字樣式改變；同理新建規(guī)則 s2，應(yīng)用于第三行的文字。 選擇【標(biāo)題 /編碼】選項，設(shè)置【標(biāo)題】為“中友百貨”，設(shè)置【編碼】為“簡體中文 GB2312”。 創(chuàng)建網(wǎng)頁文檔 修改后 創(chuàng)建網(wǎng)頁文檔 ? 問題 1：使用【文本居中】按鈕設(shè)置表格居中，為什么在不同的 IE 瀏覽器中效果不同？ 不同的瀏覽器對代碼的識別會產(chǎn)生一定的偏差，這是由代碼書寫的格式多樣造成的。 創(chuàng)建網(wǎng)頁文檔 ? 問題 2：修改【頁面屬性】中的【鏈接 CSS】，為什么文本沒有發(fā)生改變？ 樣式表有三種，外部樣式表、內(nèi)部樣式表和內(nèi)嵌樣式表。 }，表示文字大小 12像素，顏色白色。 頁面屬性設(shè)置的效果轉(zhuǎn)換成代碼將自動添加在頭部標(biāo)簽中，由于樣式表優(yōu)先級屬性的影響，必須修改 .s