css樣式的創(chuàng)建和運(yùn)用方法講義-wenkub
2023-03-27 01:27:22 本頁面
【正文】 S規(guī)則樣式后，就可以利用該樣式快速設(shè)置頁面上的網(wǎng)頁元素樣式，使網(wǎng)站具有統(tǒng)一的風(fēng)格了。 ?在 Dreamweaver CS4中，可以將文檔中的任何文字及任意位置的圖片設(shè)置為超鏈接。 21 22 創(chuàng)建圖像的熱點(diǎn)鏈接 ?創(chuàng)建圖像某個(gè)區(qū)域的超級(jí)鏈接，使之能鏈接到相應(yīng)對(duì)象 ? 選中網(wǎng)頁中的圖像地圖 ? 點(diǎn)擊“屬性”面板上的“熱點(diǎn)工具”，在圖像上確定“熱點(diǎn)”區(qū)域 ? 指定鏈接對(duì)象 (網(wǎng)頁、圖像等 ) 23 示例 4_創(chuàng)建熱點(diǎn)鏈接 ?創(chuàng)建 “快速網(wǎng)上沖印服務(wù)”的熱點(diǎn)鏈接，鏈接到“ ”網(wǎng)頁 24 框架和框架集的概念 ?框架的概念 ? 框架把瀏覽器窗口分成幾個(gè)部分 ? 每個(gè)部分顯示不同的網(wǎng)頁 ? 使瀏覽器窗口同時(shí)包含多個(gè)網(wǎng)頁 ?框架集的概念 ? 框架集是 HTML文件，定義一組框架的布局和屬性 ? 包括框架的數(shù)目、大小、位置和每個(gè)框架中初始顯示頁面的 URL ? 框架集不包含要在瀏覽器中顯示的 HTML內(nèi)容 25 創(chuàng)建框架網(wǎng)頁 ?創(chuàng)建框架網(wǎng)頁步驟 ? 打開“文件 ”菜單，選擇“新建 ” ? 打開“新建文檔 ”對(duì)話框 ? 選擇“示例中的頁 ” ? 在“示例文件夾 ”中選擇“框架頁 ” ? 選擇框架類型 保存框架網(wǎng)頁 ?選擇“文件 /保存全部”菜單命令，依次保存框架集和框架 ?打開“保存為”對(duì)話框 ?按提示依次保存框架集和每個(gè)框架 ?框架集和框架都是以網(wǎng)頁形式保存的 26 框架集 框架 示例 5_創(chuàng)建和保存框架網(wǎng)頁 ?在站點(diǎn)中新建框架網(wǎng)頁，框架集樣式“上方固定” ? 在上方框架網(wǎng)頁中輸入文字“框架網(wǎng)頁 創(chuàng)建示例 ” ? 在下方框架網(wǎng)頁中插入圖片“ ” ?依次保存框架集和每個(gè)框架 ? 框架集保存為 ? 上方框架網(wǎng)頁保存為 ? 下方框架網(wǎng)頁保存為 27 28 框架中打開網(wǎng)頁 ?將插入點(diǎn)放置在框架網(wǎng)頁中 ?打開“文件”菜單，選擇“在框架中打開” ?打開“選擇 HTML文件”對(duì)話框 ?選擇要在該框架中打開的網(wǎng)頁 29 示例 6_框架中打開網(wǎng)頁 ?打開“ Mysite”站點(diǎn) ?在站點(diǎn)中新建框架網(wǎng)頁，框架集樣式“上方固定” ? 在上方框架中打開網(wǎng)頁“ ”網(wǎng)頁 ? 在下方框架中打開 ?保存框架集為“ ” 30 框架的編輯 ?通過“框架”面板選擇框架集和框架 ? “窗口”菜單 /“框架”，打開框架面板 ? 鼠標(biāo)點(diǎn)擊選擇 ?調(diào)整框架大小 ? 通過鼠標(biāo)拖動(dòng)框架邊框 ? 在“框架”屬性面板上可以設(shè)置精確設(shè)置 ?注意： ? 在編輯框架時(shí)，如果框架邊框不可見 ? 選擇“查看 /可視化助理 /框架邊框”，使框架邊框可見 31 框架中的鏈接設(shè)置
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號(hào)-1