dreamweaver第2講-資料下載頁
2025-05-19 20:44本頁面
【導(dǎo)讀】上節(jié)課主要講了站點(diǎn)的建設(shè)和站點(diǎn)文件的管理。首先回憶一下建立本地站點(diǎn)的方法，注意保存的位置。無論站點(diǎn)名稱、文件名稱、文件夾名稱以及圖片名稱，一律不能使用中文命名，必須使用英文或漢語拼音。網(wǎng)站首頁默認(rèn)的文件名，取決于你申請的主頁空間，一。不要把所有文件都放。第一次建立站點(diǎn)要先建立自己的站點(diǎn)文件夾，然后再建。文件夾了，直接把個(gè)人空間里面的文件夾復(fù)制出來即可。到機(jī)房服務(wù)器的個(gè)人空間中。網(wǎng)頁助手的使用。先在網(wǎng)上看別人的網(wǎng)頁，借鑒學(xué)習(xí)制作方法。特別是首頁要包含有到其它網(wǎng)頁的鏈接；號(hào)、專業(yè)、院系等信息；新建、打開、關(guān)閉、保存、預(yù)覽網(wǎng)頁。死機(jī)而造成不必要的損失。在代碼窗口中輸入。–單擊“屬性”面板中的增減縮進(jìn)量的按鈕。以上設(shè)置方法均可以通過屬性面板實(shí)現(xiàn)。
【正文】 6種顏色，一般用于制作圖標(biāo)、剪貼畫等對顏色要求不高的圖片，其優(yōu)點(diǎn)是可以制作動(dòng)畫、透明背景的效果。 ? JPEG(Joint Photographic Experts Group)格式： 采用有損壓縮技術(shù)，會(huì)減少數(shù)據(jù)造成一定程度的失真。支持真彩色，可以擁有計(jì)算機(jī)所能提供的最多種顏色，適用于制作高質(zhì)量的彩色圖像，但是沒有 GIF格式的動(dòng)畫和透明效果。 2020/6/28 網(wǎng)頁制作教程 43 插入圖像 ? 操作方法： 1. 執(zhí)行 “ 插入－圖像 ” 命令。 2. “ 插入 ” 面板組－ “ 常用 ” 面板的 “ 插入圖像 ” 按鈕。 ? 打開 “ 選擇圖像源 ” 對話框，選擇圖像文件并將該文件 復(fù)制到站點(diǎn)文件夾中保存 ，否則無法正常顯示該圖像文件。 ? 在文檔窗口中插入圖像文件后，該圖像會(huì)以原始大小顯示出來，可以在其 “ 屬性 ” 面板中修改圖像的相關(guān)屬性，如顯示尺寸、對齊方式、邊緣間距、替換文字等。 2020/6/28 網(wǎng)頁制作教程 44 設(shè)置圖像的屬性 ? 調(diào)整大小：直接拖動(dòng)邊框，或在 “ 屬性 ” 面板中輸入值。 ? 注意：這種操作只是改變圖像的顯示大小，圖像本身的大小不變，所以圖像的下載時(shí)間不變。如果想要修改圖像本身的大小，需要用 Fireworks修改圖片文件的大小。 ? 改變對齊方式：在 “ 屬性 ” 面板中單擊相應(yīng)的按鈕，可以改變水平和垂直的對齊方式。 ? 添加圖片的說明文字： “ 屬性 ” 面板中的 “ 替代 ” 。 ? 添加超級鏈接： “ 屬性 ” 面板中的 “ 鏈接 ” 。 ? 添加邊框： “ 屬性 ” 面板中的 “ 邊框 ” 。 2020/6/28 網(wǎng)頁制作教程 45 圖片標(biāo)記（了解） ? 圖片標(biāo)記格式： IMG src=” 圖片文件名 ” alt=” 簡單說明 ” width=” 圖片寬度 ” height=” 圖片高度 ” border=” 邊框?qū)挾?” hspace=” 水平方向空白 ” vspace=” 垂直方向空白 ” align=” 對齊方式 ” href=” 鏈接到的文件名 ” ? 其中： ? alt：設(shè)定鼠標(biāo)指向圖片時(shí)，顯示的說明文字。 ? hspace：設(shè)定圖片左右邊沿空白，以免文字或其它圖片過于貼近，單位為像素。 ? Vspace：設(shè)定圖片上下的空間，單位為像素。 ? Width、 height：如果不設(shè)置，則按圖片本身大小顯示，單位為像素或百分比。 ? Align： 取值為 left、 center、 right， top、 middle、 bottom 2020/6/28 網(wǎng)頁制作教程 46 插入交換圖像 1. 首先找兩幅大小一樣的圖像，一幅是原始圖像，一幅是鼠標(biāo)經(jīng)過的圖像。 2. “ 插入 ” 面板組－ “ 常用 ” 面板，單擊 “ 鼠標(biāo)經(jīng)過圖像 ” 按鈕，打開 “ 插入鼠標(biāo)經(jīng)過圖像 ” 對話框。 ? 在 “ 圖像名稱 ” 文本框中可以輸入圖像的名稱。 ? 在 “ 原始圖像 ” 文本框中輸入原始圖像的 URL地址。 ? 在 “ 鼠標(biāo)經(jīng)過圖像 ” 文本框中輸入鼠標(biāo)經(jīng)過圖像的URL地址。 ? 選中 “ 預(yù)載鼠標(biāo)經(jīng)過圖像 ” 復(fù)選框，瀏覽器會(huì)先將鼠標(biāo)經(jīng)過圖像下載到本地的緩存中，以便加快網(wǎng)頁瀏覽速度。 2020/6/28 網(wǎng)頁制作教程 47 頁面屬性設(shè)置 ? 執(zhí)行 “ 修改 —頁面屬性 ” 命令。 2020/6/28 網(wǎng)頁制作教程 48 頁面屬性設(shè)置 ? 標(biāo)題：瀏覽器標(biāo)題欄中顯示的網(wǎng)頁名稱。 ? 背景圖像：指定一個(gè)圖像文件作為整個(gè)網(wǎng)頁的背景圖案。 ? 背景：設(shè)置網(wǎng)頁的背景顏色。 ? 文本：設(shè)置網(wǎng)頁正文的顏色。 ? 鏈接、訪問過的鏈接、活動(dòng)鏈接：設(shè)置超級鏈接文字幾種狀態(tài)的顏色。 ? 左邊界、頂部邊界：設(shè)置當(dāng)前網(wǎng)頁的左邊距和上邊距。一般設(shè)置為 0。 ? 邊界寬度、邊界高度：設(shè)置空白邊緣的寬度和高度。一般設(shè)置為 0。 2020/6/28 網(wǎng)頁制作教程 49 ? 在 “ 背景，文本，鏈接，訪問過的鏈接，活動(dòng)鏈接 ” 幾部分分別選取顏色。Dreamweaver MX有強(qiáng)大的顏色選取功能。 ? 設(shè)置左邊界，頂部邊界，邊界寬度，邊界高度都為 0，可以使頁面中的表格與背景沒有空隙。 0 0 0 0 2020/6/28 網(wǎng)頁制作教程 50 ? 如果不設(shè)置左邊界，頂部邊界，邊界寬度，邊界高度，就會(huì)出現(xiàn)與頂部和左邊有明顯的空隙 (如下圖）。 2020/6/28 網(wǎng)頁制作教程 51 顏色代碼 ? 常用的顏色代碼表如下： 顏色名 顏色英文名 16進(jìn)制代碼 顏色名 顏色英文名 16進(jìn)制代碼 黑色 Black 000000 粉紅色 Pink FFC0CB 藍(lán)色 Blue 0000FF 紅色 Red FF0000 棕色 Brown A52A2A 白色 White FFFFFF 青色 Cyan 00FFFF 黃色 Yellow FFFF00 灰色 Grey 808080 深紅色 Crimson CD061F 綠色 Green 008000 黃綠色 Greenyellow 00FFFF 乳白色 Ivory FFFFF0 水藍(lán)色 Dodgerblue 0B6EFF 桔黃色 orange FFA500 淡紫色 lavender DBDBF8
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號(hào)-1