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