css樣式的創(chuàng)建和運(yùn)用方法講義(存儲(chǔ)版)
【正文】 。超鏈接的應(yīng)用范圍很廣，利用它不僅可以鏈接到其他網(wǎng)頁，還可以鏈接到其他圖像文件、多媒體文件及下載程序，也可以利用它在網(wǎng)頁內(nèi)部進(jìn)行鏈接或是發(fā)送 Email等。 ?根據(jù)要添加聲音的目的、文件大小、聲音品質(zhì)等要素，來確定插入哪種格式和方法。 ?圖像地圖是將圖片分為幾個(gè)區(qū)域，這些區(qū)域又稱為熱點(diǎn)，單擊不同的熱點(diǎn)可以打開不同的鏈接，這樣的鏈接就稱為圖形熱點(diǎn)鏈接。 ?對(duì)于其他現(xiàn)有的文檔，只要其中的 CSS樣式符合規(guī)范，Dreamweaver就能識(shí)別它們。1 DreamwaverCS4 CSS樣式 \鏈接 \框架網(wǎng)頁 \多媒體 2 回顧 ?創(chuàng)建本地站點(diǎn)和創(chuàng)建網(wǎng)頁 ?創(chuàng)建表格和編輯表格 ?網(wǎng)頁中添加文本 ?網(wǎng)頁中添加圖片 ?創(chuàng)建網(wǎng)頁存放的位置 ?表格單元格大小調(diào)整 ? 注意：先將所有內(nèi)容 (文字、圖片 )插入表格中，如果有需要再調(diào)整單元格 ?水平線顏色設(shè)置 3 教學(xué)內(nèi)容 ?掌握 CSS樣式的創(chuàng)建和運(yùn)用方法 ?掌握各種鏈接的創(chuàng)建方法 ?掌握框架網(wǎng)頁的制作方法 ?掌握利用框架網(wǎng)頁來組織由多個(gè)網(wǎng)頁組成的畫面 ?掌握框架網(wǎng)頁中鏈接設(shè)置 ?網(wǎng)頁中多媒體設(shè)置與應(yīng)用 4 管理站點(diǎn) ?打開站點(diǎn) ? 打開“站點(diǎn)”菜單，選擇“管理站點(diǎn)”中“新建 /站點(diǎn)”，在“本地根文件夾”中選擇站點(diǎn) ?刪除站點(diǎn) ? 通過“文件 /站點(diǎn)”，選擇“管理站點(diǎn)”中選擇要?jiǎng)h除的站點(diǎn)，點(diǎn)擊“刪除” CSS樣式的概念 ? CSS是一種用來進(jìn)行網(wǎng)頁風(fēng)格設(shè)計(jì)的樣式表技術(shù)，使用CSS樣式可以對(duì)頁面的布局、字體、顏色、背景和其他圖文效果實(shí)現(xiàn)更加精確地控制，并且同一個(gè)樣式可以應(yīng)用于多個(gè)不同的對(duì)象，提高制作效率。 6 新建 CSS樣式方法 ?通過 CSS樣式面板 ? 點(diǎn)擊“新建 CSS規(guī)則”按鈕，打開“新建 CSS規(guī)則”對(duì)話框 ?通過屬性面板 ? 點(diǎn)擊“ CSS”按鈕，“目標(biāo)規(guī)則”選擇“新CSS規(guī)則”，點(diǎn)擊“編輯規(guī)則”按鈕 ?選擇“格式 /CSS樣式 /新建”菜單命令 7 新建 CSS規(guī)則 ?設(shè)置選擇器類型 ?選擇器名稱 (以點(diǎn)開始 ) ?規(guī)則定義范圍 8 CSS規(guī)則定義 ? CSS規(guī)則分類 ? 類型：主要用于設(shè)置文字格式 ? 背景：主要用于設(shè)置文字、表格等背景 ? 方框：主要用于設(shè)置圖形、表格等大小 ? 邊框：主要用于設(shè)置表格邊框 ? 列表：主要用于設(shè)置項(xiàng)目符號(hào) ? 定位：確定對(duì)象位置 ? 擴(kuò)展：主要用于設(shè)置特殊光標(biāo) 9 應(yīng)用 CSS樣式規(guī)則 ?新建 CSS規(guī)則樣式后，就可以利用該樣式快速設(shè)置頁面上的網(wǎng)頁元素樣式，使網(wǎng)站具有統(tǒng)一的風(fēng)格了。 21 22 創(chuàng)建圖像的熱點(diǎn)鏈接 ?創(chuàng)建圖像某個(gè)區(qū)域的超級(jí)鏈
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號(hào)-1