【正文】 TEXTAREA SUBMIT RESET SELECT CHECKBOX 練習(xí)答案 練習(xí)代碼 Dreamweaver工具的使用 ?了解 Dreamweaver特性 ?熟悉 Dreamweaver工作去區(qū) ?熟練使用 Dreamweaver建立網(wǎng)站站點(diǎn) ?掌握 Dreamweaver進(jìn)行網(wǎng)頁編輯 網(wǎng)頁設(shè)計(jì)的常用工具 ?網(wǎng)頁設(shè)計(jì)軟件 Dreamweaver是目前使用最多的網(wǎng)頁設(shè)計(jì)軟件。 ?圖像處理軟件 制作網(wǎng)頁圖像的軟件種類繁多，大多數(shù)網(wǎng)頁設(shè)計(jì)人員選擇的是 Fireworks或 Photoshop。 ?動畫制作軟件 網(wǎng)頁動畫制作中最常用的軟件非 Flash莫屬。 Dreamweaver特性 ?一款用于設(shè)計(jì)、開發(fā)網(wǎng)站和 Web 應(yīng)用程序的專業(yè)HTML 編輯器 ?用戶可以使用布局單元格或框架來設(shè)計(jì)頁面的布局 ?可用于創(chuàng)建文本、插入動態(tài)圖像、提供網(wǎng)頁超鏈接、創(chuàng)建 Flash 文本和 Flash 按鈕等 ?可用于組合由某些軟件（如 Photoshop、 ImageReady 和 Flash 等）制作的圖形、動畫和按鈕 Dreamweaver最新版本 是我們即將學(xué)習(xí)的主要工具 Dreamweaver概念 ?靜態(tài)網(wǎng)頁 只能瀏覽，不能實(shí)現(xiàn)客戶端和服務(wù)器端的交流互動。 ?動態(tài)網(wǎng)頁 網(wǎng)站頁面隨用戶的輸入而變化，能與客戶端交流互動。 ?本地站點(diǎn) 在本地的計(jì)算機(jī)上，存儲網(wǎng)站所有文件的臨時(shí)文件夾。 ?遠(yuǎn)程站點(diǎn) 位于遠(yuǎn)程 Web 服務(wù)器上，與本地站點(diǎn)相對應(yīng)。 ?根文件夾 用于存儲網(wǎng)站文件的本地根目錄。 啟動 Dreamweaver 創(chuàng)建新項(xiàng)目 Dreamweaver工作區(qū) 浮 動 面 板 組 插入欄 文檔工具欄 文檔編輯區(qū) 屬性標(biāo)簽 Dreamweaver插入欄 插入欄 中的按鈕可用于將對象（如表格、圖層和圖形等）輕松插入 HTML頁面中，其 中經(jīng)常使用的選項(xiàng)卡主要有 —— “ 常用 ” 選項(xiàng)卡中的按鈕可用于插入最常用的對象，如鏈接、表格、層、圖像、媒體、日期、注釋、模版、標(biāo)簽選擇器等。 “ 布局 ” 選項(xiàng)卡中的按鈕主要用于設(shè)置網(wǎng)頁的布局以及框架，還可以插入表格、層等。 “ 表單 ” 選項(xiàng)卡中的按鈕可用于插入 HTML表單控件，比如文本字段、復(fù)選框、單選按鈕、列表框、圖片域、按鈕等。 “ 文本 ” 選項(xiàng)卡中的按鈕可以將 插入點(diǎn)定位到文檔編輯區(qū)中，比如段落、塊引用、標(biāo)題、引號、以及各種符號的 HTML文本 。 Dreamweaver屬性標(biāo)簽 屬性標(biāo)簽是用來幫助編輯當(dāng)前選擇的頁面元素屬性的，包括頁面屬性和內(nèi)容屬性。 設(shè)置網(wǎng)頁上文本的默認(rèn)字體 設(shè)置網(wǎng)頁上文本的字體樣式 設(shè)置網(wǎng)頁上文本的字體大小 設(shè)置網(wǎng)頁上文本的字體顏色 設(shè)置網(wǎng)頁上文本的對齊方式 設(shè)置網(wǎng)頁內(nèi)容的超級鏈接 調(diào)整頁面設(shè)置，如標(biāo)題、顏色和頁邊距等 Dreamweaver工作面板 面板是將常用功能組合在一起，方便用戶操作。面板組是組合在一組標(biāo)題下的多組相關(guān)面板。 比如“資源”面板，包括常用的功能有圖片、顏色、 flash、腳本、模版等。 比如“文件”面板下包括“文件”、“資源”、“代碼片斷”三個組。 站點(diǎn)的定義 Web 站點(diǎn)是一組具有共享屬性（如相關(guān)主題、類似的設(shè)計(jì)或共同目的）的鏈接文檔和資源。 Dreamweaver 8 可以實(shí)現(xiàn)站點(diǎn)創(chuàng)建和管理，因此使用它不僅可以創(chuàng)建單獨(dú)的文檔，還可以創(chuàng)建完整的 Web 站點(diǎn)。 Dreamweaver 8的站點(diǎn)類型有三種 —— ?本地站點(diǎn) ?遠(yuǎn)程站點(diǎn) ?測試站點(diǎn) 與 Web站點(diǎn)相關(guān)的操作基本上有以下幾個： 站點(diǎn)的基本操作 ?站點(diǎn)的規(guī)劃 ?創(chuàng)建本地站點(diǎn) ?管理本地站點(diǎn) ?管理站點(diǎn)地圖 站點(diǎn)的規(guī)劃 站點(diǎn)規(guī)劃是設(shè)計(jì)站點(diǎn)的必要前提。其操作是將不同的文件分類存放在文件夾中以便于設(shè)計(jì)者管理。合理地組織站點(diǎn)結(jié)構(gòu)，可提高工作效率，加快對站點(diǎn)的設(shè)計(jì)。 記得還要根據(jù)規(guī)劃繪制出一個網(wǎng)站結(jié)構(gòu)草圖呦，這樣可以讓你的站點(diǎn)結(jié)構(gòu)思路更加清晰！！比如 ?? “bookshop 網(wǎng)上書店”網(wǎng)站首頁 主題書店 排行榜 BS論壇 特價(jià)參選 文學(xué)藝術(shù)書店 人文科學(xué)書店 經(jīng)濟(jì)管理書店 計(jì)算機(jī)書店 青少年書店 個人資料管理 圖書討論專區(qū) 書友專區(qū) 回帖排行 ?? ?? 創(chuàng)建本地站點(diǎn) 創(chuàng)建本地站點(diǎn)，可以通過選擇菜單項(xiàng) “ 站點(diǎn) ” 的 “ 新建站點(diǎn) ” 來實(shí)現(xiàn)，步驟如下： ?為新建站點(diǎn)命名 ?選擇使用的服務(wù)器技術(shù) ?選擇在本地機(jī)編輯本地副本的選項(xiàng) ?選擇用于存儲網(wǎng)站文件的文件夾 ?選擇存回取出共享文件 創(chuàng)建本地站點(diǎn) 新建本地站點(diǎn)完成后，繼續(xù)新建站點(diǎn)下的文件夾，用于存儲網(wǎng)站中分類的信息元素。 之后的新建文件也是這樣完成的！ 管理本地站點(diǎn) 管理本地站點(diǎn)，可以通過選擇菜單項(xiàng) “ 站點(diǎn) ” 的“ 管理站點(diǎn) ” 來實(shí)現(xiàn)。其包括新建、編輯、復(fù)制、刪除、導(dǎo)出、導(dǎo)入等功能，方便于對站點(diǎn)的管理。 管理站點(diǎn)地圖 在使用站點(diǎn)地圖查看站點(diǎn)時(shí)必須保證這個站點(diǎn)已定義了一個主頁，因?yàn)橹黜撌且粋€站點(diǎn)的根節(jié)點(diǎn)，必須有根節(jié)點(diǎn)才有各個支節(jié)點(diǎn)，也就是各個子頁。 新建鏈接文件 簡易登錄網(wǎng)頁制作 創(chuàng)建文件 添加頁面背景 瀏覽背景圖片 添加背景圖片“ 確認(rèn) ” 后，再將圖片添加到項(xiàng)目中 簡易登錄網(wǎng)頁制作 配置表格相關(guān)屬性 在表格中添加控件 簡易登錄網(wǎng)頁制作 設(shè)置字體的屬性：格式、字體、大小、顏色、位置等 簡易登錄網(wǎng)頁制作 ?添加文本框 文本框 文本域 密碼框 ?添加按鈕 按鈕控件的顯示文本 按鈕控件的提交動作 簡易登錄網(wǎng)頁制作 小 結(jié) ? Dreamweaver是目前使用最多的網(wǎng)頁設(shè)計(jì)軟件。 ? Web 站點(diǎn)是一組具有共享屬性的鏈接文檔和資源。Dreamweaver 8 可以實(shí)現(xiàn)站點(diǎn)創(chuàng)建和管理。 ?站點(diǎn)規(guī)劃是設(shè)計(jì)站點(diǎn)的必要前提。只有規(guī)劃好站點(diǎn)才可以開發(fā)出一套結(jié)構(gòu)合理的網(wǎng)站。 回顧本課內(nèi)容 ? 表格 – 使用表格的基本結(jié)構(gòu)實(shí)現(xiàn)簡單表格 – 使用表格相關(guān)標(biāo)簽實(shí)現(xiàn)跨行、跨列的復(fù)雜表格 – 使用表格相關(guān)設(shè)置進(jìn)行美化修飾 ? 框架 – 會使用框架結(jié)構(gòu)實(shí)現(xiàn)多窗口展示頁面 ? 表單 – 使用表單的基本結(jié)構(gòu)制作表單頁面 – 使用各種表單元素實(shí)現(xiàn)注冊頁面 – 理解 post和 get兩種提交方式的區(qū)別 ? Dreamweaver工具的使用 課后作業(yè) ? 2 在頁面上顯示一表格，熟練運(yùn)用 table標(biāo)簽（表格限制： 3橫 4列，第一例跨 3行）