dreamweaver第2講(參考版)
2025-05-24 20:44本頁(yè)面
【正文】 0 0 0 0 2020/6/28 網(wǎng)頁(yè)制作教程 50 ? 如果不設(shè)置左邊界，頂部邊界，邊界寬度，邊界高度，就會(huì)出現(xiàn)與頂部和左邊有明顯的空隙 (如下圖）。Dreamweaver MX有強(qiáng)大的顏色選取功能。一般設(shè)置為 0。一般設(shè)置為 0。 ? 鏈接、訪問(wèn)過(guò)的鏈接、活動(dòng)鏈接：設(shè)置超級(jí)鏈接文字幾種狀態(tài)的顏色。 ? 背景：設(shè)置網(wǎng)頁(yè)的背景顏色。 2020/6/28 網(wǎng)頁(yè)制作教程 48 頁(yè)面屬性設(shè)置 ? 標(biāo)題：瀏覽器標(biāo)題欄中顯示的網(wǎng)頁(yè)名稱。 ? 選中 “ 預(yù)載鼠標(biāo)經(jīng)過(guò)圖像 ” 復(fù)選框，瀏覽器會(huì)先將鼠標(biāo)經(jīng)過(guò)圖像下載到本地的緩存中，以便加快網(wǎng)頁(yè)瀏覽速度。 ? 在 “ 原始圖像 ” 文本框中輸入原始圖像的 URL地址。 2. “ 插入 ” 面板組－ “ 常用 ” 面板，單擊 “ 鼠標(biāo)經(jīng)過(guò)圖像 ” 按鈕，打開(kāi) “ 插入鼠標(biāo)經(jīng)過(guò)圖像 ” 對(duì)話框。 ? Width、 height：如果不設(shè)置，則按圖片本身大小顯示，單位為像素或百分比。 ? hspace：設(shè)定圖片左右邊沿空白，以免文字或其它圖片過(guò)于貼近，單位為像素。 ? 添加邊框： “ 屬性 ” 面板中的 “ 邊框 ” 。 ? 添加圖片的說(shuō)明文字： “ 屬性 ” 面板中的 “ 替代 ” 。如果想要修改圖像本身的大小，需要用 Fireworks修改圖片文件的大小。 2020/6/28 網(wǎng)頁(yè)制作教程 44 設(shè)置圖像的屬性 ? 調(diào)整大小：直接拖動(dòng)邊框，或在 “ 屬性 ” 面板中輸入值。 ? 打開(kāi) “ 選擇圖像源 ” 對(duì)話框，選擇圖像文件并將該文件 復(fù)制到站點(diǎn)文件夾中保存 ，否則無(wú)法正常顯示該圖像文件。 2020/6/28 網(wǎng)頁(yè)制作教程 43 插入圖像 ? 操作方法： 1. 執(zhí)行 “ 插入－圖像 ” 命令。 ? JPEG(Joint Photographic Experts Group)格式： 采用有損壓縮技術(shù)，會(huì)減少數(shù)據(jù)造成一定程度的失真。這兩種格式的圖像具有較高的壓縮率，文件通常很小，比較適合網(wǎng)絡(luò)傳輸。 ? 為了能夠快速瀏覽到網(wǎng)頁(yè)上的圖像， 必須減小圖像文件的大小， 因此必須采用圖像的壓縮技術(shù)。 ? 一般來(lái)說(shuō)，在頁(yè)面上顯示圖像時(shí)，圖像是從上至下逐步顯示出來(lái)的。超級(jí)鏈接默認(rèn)是藍(lán)色，一般也要修改。對(duì)于超級(jí)鏈接，可以選擇 “ 下劃線，上劃線，無(wú) ” 等幾種。 ? 行高：行高是兩行文字之間的距離，為了方便閱讀，行高應(yīng)設(shè)置在 15像素到 25像素之間，一般使用 20像素。 2020/6/28 網(wǎng)頁(yè)制作教程 39 設(shè)置文本的 CSS樣式 ? 設(shè)置字體：同 “ 屬性 ” 面板中設(shè)置的方法。 – 重復(fù) /不重復(fù) /橫向重復(fù) /縱向重復(fù)。 ? 刪除 CSS樣式： – 單擊 “ 刪除 CSS樣式 ” 按鈕； – 選擇 “ 無(wú) CSS樣式 ” 。 – 應(yīng)用其它網(wǎng)頁(yè)已有的 CSS樣式，也需要把其 CSS文件鏈接到本網(wǎng)頁(yè)中，方法同上。 ? 應(yīng)用 CSS樣式： – 把光標(biāo)定位在需要設(shè)置的段落中，直接單擊相應(yīng)的樣式名，或單擊 “ 應(yīng)用樣式 ” 單選按鈕。 CSS樣式可以生成一個(gè)擴(kuò)展名為 .css的文件。 CSS樣式可以控制許多 HTML樣式無(wú)法控制的屬性，在制作網(wǎng)頁(yè)時(shí)有非常重要的作用。主要用來(lái)定義網(wǎng)頁(yè)中文本的樣式、超級(jí)鏈接、以及表格、表單對(duì)象的樣式等。 ? 修改 HTML樣式： – 確認(rèn)未選中 “ 自動(dòng)應(yīng)用 ” 復(fù)選框，然后雙擊樣式名，即可重新修改。 – “ 自動(dòng)應(yīng)用 ” 復(fù)選框。 2020/6/28 網(wǎng)頁(yè)制作教程 34 定義該 HTML樣式的名稱 應(yīng)用范圍 應(yīng)用方法 字體屬性 段落屬性 2020/6/28 網(wǎng)頁(yè)制作教程 35 HTML樣式設(shè)置 ? 使用 “ 文本－ HTML樣式 ” 菜單中的命令，或從 “ 窗口 ” 菜單中打開(kāi) “ HTML樣式 ” 面板，均可設(shè)置 HTML樣式： ? 創(chuàng)建 HTML樣式。 2020/6/28 網(wǎng)頁(yè)制作教程 33 設(shè)置 HTML樣式 ? HTML樣式是由一個(gè)或多個(gè)用于格式化文本的 HTML標(biāo)記定義的。 ? HTML樣式的應(yīng)用范圍可以是所選定的文本，或整個(gè)段落。 ? CSS樣式：也是將某些格式操作組合定義為一個(gè)新的樣式。 ? DW MX提供有兩種樣式： HTML樣式和 CSS樣式。 ? 例如： HR ? HR align=left size=3 width=80% color=red noshade 2020/6/28 網(wǎng)頁(yè)制作教程 32 文檔的格式化 ? 樣式： 是一系列排版命令的組合，它不僅包括對(duì)字符的修飾，而且包括對(duì)段落的修飾。 ? Color：設(shè)定線條顏色，默認(rèn)為黑色，用顏色的名稱，或以 “ ”引導(dǎo)的一個(gè)十六進(jìn)制代碼表示。 2020/6/28 網(wǎng)頁(yè)制作教程 31 水平線標(biāo)記 ? 在 HTML代碼中水平線對(duì)應(yīng)的標(biāo)記為： HR align=對(duì)齊方式 size=橫線粗細(xì) width=橫線長(zhǎng)度 color=橫線顏色 noshade ? Size：設(shè)定線條粗細(xì)，以像素為單位，默認(rèn)為 2。 2. 執(zhí)行下列操作： ? 選擇 “ 插入 —水平線 ” 選項(xiàng)； ? “ 插入 ” 面板組 —“ 常用 ” 選項(xiàng)卡，切換到常用面板，然后單擊 “ 插入水平線 ” 圖標(biāo)。 2020/6/28 網(wǎng)頁(yè)制作教程 30 添加對(duì)象 ? 插入水平線
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號(hào)-1