日韩天天综合网_野战两个奶头被亲到高潮_亚洲日韩欧美精品综合_av女人天堂污污污_视频一区**字幕无弹窗_国产亚洲欧美小视频_国内性爱精品在线免费视频_国产一级电影在线播放_日韩欧美内地福利_亚洲一二三不卡片区

Dreamweaver 入門:創(chuàng)建基于表格的頁面布局(4)_Dreamweaver教程

編輯Tag賺U幣
教程Tag:暫無Tag,歡迎添加,賺取U幣!

  保存頁面。

  插入圖像占位符

  圖像占位符是在預(yù)備好將最終圖形添加到 Web 頁面之前使用的圖形。在對(duì) Web 頁面進(jìn)行布局時(shí)圖像占位符很有用,因?yàn)橥ㄟ^使用圖像占位符,您可以在真正創(chuàng)建圖像之前確定圖像在頁面上的位置。

  在文檔窗口中,在第一個(gè)表格的第一行內(nèi)單擊一次。

  選擇"插入">"圖像對(duì)象">"圖像占位符"。

  在"圖像占位符"對(duì)話框中,執(zhí)行下面的操作:

  在"名稱"文本框中,鍵入 banner_graphic。

  在"寬度"文本框中,輸入 700。

  在"高度"文本框中,輸入 90。

  單擊顏色框并從顏色選擇器中選擇一種顏色。在本教程中,我們選擇了紅棕色 (#993300)。

  保留"替換文本"文本框?yàn)榭铡?關(guān)于…關(guān)于替換文本的說明 替換文本是 Web 頁面上的圖像的文字描述。它屬于 HTML 代碼,不會(huì)顯示在頁面上。對(duì)于大多數(shù)圖像,提供替換文本是很重要的,這樣使用屏幕閱讀器或只顯示文本的瀏覽器用戶就可以訪問這些圖像所提供的文本信息。而對(duì)于僅顯示 Web 站點(diǎn)徽標(biāo)的橫幅圖形,無需提供替換文本。將"圖像占位符"對(duì)話框中的"替換文本"文本框保留為空時(shí),Dreamweaver 會(huì)在 img 標(biāo)簽中添加一個(gè) alt="" 屬性。以后,假如您要向某個(gè)圖像添加替換文本,就可以選擇該圖像并在"屬性"檢查器中輸入替換文本。例如,假如以后您想更改徽標(biāo)以包括電話號(hào)碼或地址,則能夠以替換文本方式提供此信息。

  單擊"確定"。

  圖像占位符出現(xiàn)在第一個(gè)表格內(nèi)。圖像占位符顯示最終放置于此處的圖像的標(biāo)簽和大小屬性。

  

  注重當(dāng)在瀏覽器中查看時(shí),不顯示圖像占位符的標(biāo)簽文字和大小文本。

  保存頁面。 關(guān)于…關(guān)于圖像占位符 圖像占位符是在將最終圖形添加到 Web 頁面之前使用的臨時(shí)圖形;它不是顯示在瀏覽器中的圖形圖像。在您發(fā)布站點(diǎn)之前,應(yīng)該用適用于 Web 的圖形文件(例如 GIF 或 JPEG)替換所有添加的圖像占位符。

  假如您有 Macromedia Fireworks,則可以根據(jù) Dreamweaver 圖像占位符創(chuàng)建新的圖形。當(dāng)您選擇圖像占位符并在"屬性"檢查器中單擊"創(chuàng)建"按鈕時(shí),F(xiàn)ireworks 將打開并呈現(xiàn)一個(gè)新的畫布。新圖像的尺寸設(shè)置為與占位符圖像相同的大小。接著,您可以隨意創(chuàng)建并編輯圖像,并替換 Dreamweaver 中的占位符圖像。

  向頁面添加顏色

  現(xiàn)在,您將通過設(shè)置某些表格單元格以及頁面背景的顏色,向頁面添加更多顏色。

  在上述包含三列的表格的第一個(gè)單元格內(nèi)單擊一次。

  單擊標(biāo)簽選擇器中的 標(biāo)簽(單元格標(biāo)簽)以選擇該單元格。

  

  在"屬性"檢查器("窗口">"屬性")中,在"背景顏色"文本框內(nèi)單擊一次。

  "背景顏色"文本框位于"背景顏色"(Bg) 顏色框旁。

  注重假如未出現(xiàn)"背景顏色"文本框,請(qǐng)單擊"屬性"檢查器右下角的展開箭頭。

  在"背景顏色"文本框中,輸入十六進(jìn)制值 #993300,然后按 Enter 鍵 (Windows) 或 Return 鍵 (Macintosh)。

  表格單元格的顏色即變?yōu)榧t棕色。

  在上述包含三列的表格的第二個(gè)單元格內(nèi)單擊一次。

  單擊標(biāo)簽選擇器中的 標(biāo)簽(單元格標(biāo)簽)以選擇該單元格。

  在"屬性"檢查器中,在"背景顏色"文本框內(nèi)單擊一次,輸入十六進(jìn)制值 #F7EEDF,然后按 Enter 鍵 (Windows) 或 Return 鍵 (Macintosh)。

/所屬分類:Dreamweaver教程/更新時(shí)間:2006-08-13
相關(guān)Dreamweaver教程