第2章dreamweaver網(wǎng)頁設(shè)計(jì)技術(shù)-資料下載頁
2025-07-20 08:29本頁面
【正文】 目，能在有限的空間內(nèi)為用戶提供許多選項(xiàng)，并進(jìn)行多重選擇。 6．添加按鈕對象 使用表單按鈕能將輸入表單的數(shù)據(jù)提交到服務(wù)器，還可將其他已經(jīng)在腳本中定義的處理任務(wù)分配給按鈕，例如，表單按鈕可以根據(jù)指定的值計(jì)算出所選商品的總價(jià)。 返回目錄42 表單的使用 — 檢查表單 表單通常有確定的填寫規(guī)范，在網(wǎng)頁中應(yīng)提醒訪問者避免簡單的填寫錯誤。 “檢查表單 ”動作能檢查指定文本域的內(nèi)容以確保用戶輸入的正確性。使用 onBulr事件 可將此動作附加到單個文本域，在用戶填寫表單時(shí)對域進(jìn)行檢查。使用 onSubmit事件 可將動作附加到表單，在用戶單擊 “提交 ”按鈕時(shí)對多個文本域進(jìn)行檢查。返回目錄43 層的使用 — 創(chuàng)建層 層是網(wǎng)頁制作的新技術(shù)，特點(diǎn)是使用方便，可以使用 “層 ”來布局網(wǎng)頁，比表格更靈活。在 Dreamweaver中，層可以放置在網(wǎng)頁內(nèi)任何位置，不但可以包含文本、圖像、表格、插件，還可以在層中嵌套另外的層。1．在網(wǎng)頁中插入層 在網(wǎng)頁中插入層的操作步驟為：將插入點(diǎn)置于要插入新層的位置 → 單擊 “插入 ”欄 “布局 ”頁中的 “層 ”按鈕。拖動可以改變層大小。 2．創(chuàng)建嵌套層 嵌套層是包含在其他層中的層，嵌套可以將若干層組織在一起。嵌套層隨父層一起移動，并且可以設(shè)置為繼承其父層的可見性。要創(chuàng)建嵌套層，只需將插入點(diǎn)置于已經(jīng)創(chuàng)建的層中，單擊 “插入 ”菜單，選 “層 ”命令即可。嵌套層如右圖所示。 嵌套層 返回目錄44 層的使用 — 創(chuàng)建層 3．通過層屬性面板定義屬性 選定層后，其屬性面板如圖所示。 層的屬性面板 各選項(xiàng)的意義說明如下：（ 1）層編號：指定層的名稱。（ 2）寬、高：指定層的寬度和高度。（3）左、上：指定層相對于頁面或被嵌套層的左上角的位置。（ 4） Z軸：指定層的疊放次序。編號大的層在編號小的層上面。（ 5）可見性：參數(shù)有 default、visible、 hidden和 inherit，對應(yīng)的含義為：默認(rèn)、可見、隱藏、繼承父層的可見性。 （ 6）背景顏色： 指定層的背景顏色。（ 7）背景圖像： 指定層的背景圖像。 （ 8）溢出：選擇 visible則擴(kuò)展層的大小使其所有內(nèi)容均可見。選擇hidden則保持層的大小裁掉所有超出層大小的內(nèi)容。選擇 scroll則不管內(nèi)容是否超過層的大小都提供滾動條。選擇 auto則只有在內(nèi)容超出層的大小時(shí)才出現(xiàn)滾動條。 返回目錄45 層的使用 — 編輯層 1．選定層 對層編輯前應(yīng)先選定層，選定一個層可以使用下列方法之一： （ 1）單擊層的邊框，即可選定該層。 （ 2）單擊層內(nèi)部的任意位置，層矩形的左上角將顯示句柄圖標(biāo)，然后單擊句柄圖標(biāo)，即可選定該層。 （ 3）在層面板中單擊該層的名稱。2．移動層 選定層后按住鼠標(biāo)左鍵拖動層左上角的句柄圖標(biāo)，或者直接按鍵盤上的方向鍵進(jìn)行移動，每按一次方向鍵可將選定的層沿相應(yīng)的方向移動一個像素。返回目錄46 層的使用 — 編輯層 3．改變層的大小 可以調(diào)整單個層大小，也可以同時(shí)調(diào)整多個層大小使它們具有同樣的高度和寬度。 方法為：先選定層 → 用鼠標(biāo)拖曳層周圍的任意一個句柄。4．對齊多個層 使用層的對齊命令，可以對齊兩個或者多個層，在對齊多個層時(shí)將使用最后一個被選定的層作為基準(zhǔn)。 對齊層的操作步驟為：選定需要對齊的多個層 →“ 修改 ”菜單 →“ 對齊 ”→ 從級聯(lián)菜單中選擇一種對齊方式。返回目錄47 層的使用 — 在層中插入對象 層是一種容器，可以向其中插入任何對象。具體操作步驟如下： （ 1）將插入點(diǎn)置于層中，使該層處于激活狀態(tài)。 （ 2）在層中輸入文本或者插入圖像，方法與在空白頁面中的操作相同。返回目錄48本 章 小 結(jié)u Dreamweaver基礎(chǔ)知識 Dreamweaver MX 2022默認(rèn)工作界面包括菜單欄、“插入 ”欄、文檔工具欄、文檔窗口、面板組、標(biāo)簽、屬性面板。u 創(chuàng)建及設(shè)計(jì)頁面– 可以創(chuàng)建空白網(wǎng)頁， 也可用實(shí)例文件創(chuàng)建網(wǎng)頁 。– 文本是網(wǎng)頁元素中主要部分， 可創(chuàng)建和編輯網(wǎng)頁。– 水平線能將網(wǎng)頁中不同功能的區(qū)域分割開來。– CSS是一系列格式規(guī)則，包括對文字及段落的修飾，用于控制網(wǎng)頁的外觀，使整個站點(diǎn)中的網(wǎng)頁格式保持統(tǒng)一，快速實(shí)現(xiàn)網(wǎng)頁格式化。– Dreamweaver允許在 “設(shè)計(jì) ”視圖或 “代碼 ”視圖中將圖像插入文檔。 返回目錄49本 章 小 結(jié)u 鏈接與導(dǎo)航– 連接路徑有三種類型：絕對路徑 、文檔相對路徑和站點(diǎn)根目錄相對路徑。– 超鏈接源通常采用文本和圖像 。– 創(chuàng)建到命名錨記的連接過程分兩步：首先創(chuàng)建命名錨記，然后創(chuàng)建到命名錨記的鏈接。– 用一個圖形的不同部位制作熱點(diǎn)分別鏈接到不同頁面，稱為圖像地圖。u 用表格和表格布局模式布局頁面– 使用 “插入 ”欄的 “常用 ”選項(xiàng)卡或 “插入 ”菜單都能創(chuàng)建一個新表格。– 選擇 “修改 ”菜單 →“ 表格 ”，通過級聯(lián)子菜單選擇對表格進(jìn)行編輯。– 在布局視圖中，用表格作為基礎(chǔ)結(jié)構(gòu)來設(shè)計(jì)頁面，可以在頁面中方便的繪制單元格，然后將這些單元格移動到所需的位置。返回目錄50本 章 小 結(jié)u 用框架布局頁面– 創(chuàng)建框架和框架集– 設(shè)置框架集與框架屬性– 在框架中插入文本和圖像 – 保存框架和框架集u 表單的使用– 表單為網(wǎng)頁提供交互功能，表單可以按照統(tǒng)一模式從用戶處收集信息，然后將信息提交給服務(wù)器進(jìn)行處理。– 創(chuàng)建表單– 添加表單對象– 檢查表單動作能檢查指定文本域的內(nèi)容以確保用戶輸入的正確性。 返回目錄51本 章 小 結(jié)u 層的使用– 創(chuàng)建層 – 當(dāng)處理頁面布局時(shí)，還可以對層進(jìn)行選擇、移動、大小調(diào)整和對齊等操作 。– 層是一種容器，可以向其中插入任何對象。u 動態(tài)網(wǎng)頁技術(shù)– 行為是在網(wǎng)頁中進(jìn)行的一系列動作，通過這些動作實(shí)現(xiàn)用戶同網(wǎng)頁的交互，也可以通過動作使某個任務(wù)被執(zhí)行。 – 圖像交換效果是指在瀏覽器中當(dāng)鼠標(biāo)指針移到一幅圖像上時(shí)，圖像會變成另一幅圖像，當(dāng)鼠標(biāo)移出圖像范圍時(shí)，又換回原來的圖像。– 在 Dreamweaver MX 2022中可以直接插入 Flash影片。 返回目錄
法律信息相關(guān)推薦
鄂ICP備17016276號-1