第三章使用圖像與超鏈接

Internet/HiTech/Bigdata第3章使用圖像與超鏈接常用的圖像格式contents目錄圖像的插入及屬性設置超鏈接的應用插入多媒體PART1常用的圖像格式JPEG格式GIF格式PNG格式常用的圖像格式JPEG格式JPEG格式是網(wǎng)頁上最常見的一種圖像格式，主要用于壓縮顏色比較豐富的圖像。JPEG格式具有很好的壓縮比，JPEG在壓縮保存時會以失真的方式損失一些數(shù)據(jù)，因而可以在存儲前選擇圖像的存儲質(zhì)量，這樣就能夠控制數(shù)據(jù)的損失程度。。GIF格式GIF圖像是網(wǎng)頁中使用最廣泛、最普遍的一種圖像格式，GIF格式采用了仿色技術，用于壓縮顏色比較單一的圖像，比如Logo、小圖標等。同時，GIF還支持透明色、幀動畫，這是GIF圖片的一個突出特點。PNG格式PNG格式圖片因其高保真性、透明性及文件體積較小等特性，被廣泛應用于網(wǎng)頁設計、平面設計中。網(wǎng)絡通信中因受帶寬制約，在保證圖片清晰、逼真的前提下，網(wǎng)頁中不可能大范圍地使用文件較大的JPEG格式文件，GIF格式文件雖然文件較小，但其顏色失色嚴重，不盡人意，所以PNG格式文件自誕生之日起就深受追捧。插入圖像插入普通圖像圖像屬性設置圖文混排插入其他網(wǎng)頁圖像PART2插入普通圖像1在設計模式下，將光標停留在需要插入圖片的位置，選擇菜單欄中的“插入——圖像”命令（Ctrl+Alt+I）或是直接點擊“插入”面板上的“圖像”按鈕，打開“選擇圖像源文件”對話框，在目錄中選擇所要插入的圖像，單擊“確定”按鈕，即可將圖像插入到頁面中。圖像標記是<img/>。在此錄入上述圖表的綜合描述說明，在此錄入上述圖表的上述圖表的綜合描述說明入。在此錄入上述圖表的綜合描述說明，在此錄入上述圖表的上述圖表的綜合描述說明入。在此錄入上述圖表的綜合描述說明，在此錄入上述圖表的上述圖表的綜合描述說明入。圖像屬性設置2插入圖像后，可以隨時通過“屬性”面板設置圖像的屬性，例如圖像大小、對齊方式等。選定圖像后，窗口最下方會出現(xiàn)“屬性”面板。圖文混排3在“設計”模式下，單擊選擇所要設置的圖片，在圖像上點擊鼠標右鍵，在打開的快捷菜單選擇“對齊”子菜單下的命令即可選擇不同的圖文混排方式。插入其他網(wǎng)頁圖像41、占位插入符占位插入符是將圖像插入到指定的占位符區(qū)域中。2、鼠標經(jīng)過圖像的插入鼠標經(jīng)過圖像是一種在瀏覽器中查看并使用鼠標指針移過它時發(fā)生變化的圖像?！皥D像占位符”對話框“插入鼠標經(jīng)過圖像”對話框PART3超鏈接的應用絕對路徑與相應路徑建立超鏈接鏈接屬性設置超鏈接的分類絕對路徑與相應路徑Biscuitoatcakecarrotcakemuffinjelly1完整的描述文件位置的路徑就是絕對路徑，它指明文件或目錄在硬盤上的真正位置。相對路徑則缺少了其中的一部分或多個部分。實際使用時，如果是彼此無關的兩個文檔，可以通過絕對路徑進行鏈接。如果是一組彼此關聯(lián)的文檔，比如是組成一個網(wǎng)站的一組文檔，則使用相對路徑，效率更高。建立超鏈接Biscuitoatcakecarrotcakemuffinjelly2使用超鏈接為網(wǎng)頁之間的相互關聯(lián)帶來了極大的便利，使一張張獨立的網(wǎng)頁相互連接呈網(wǎng)狀，從而使瀏覽者更容易地獲取信息。超鏈接標記為<a></a>。鏈接屬性設置Biscuitoatcakecarrotcakemuffinjelly3鏈接創(chuàng)建后，還可以通過“屬性”欄設置鏈接屬性，如鏈接源、目標窗口。超鏈接的分類Biscuitoatcakecarrotcakemuffinjelly41選擇用來創(chuàng)建電子郵件的文本，在“屬性”欄中的“鏈接”輸入框中輸入“mailto:郵箱地址”即可。電子郵件鏈接超鏈接的分類Biscuitoatcakecarrotcakemuffinjelly42標記用來標識滾動條滾動的位置，稱為“命名錨記”。添加完命名錨記之后再創(chuàng)建鏈接，指向該標記。錨記鏈接超鏈接的分類Biscuitoatcakecarrotcakemuffinjelly43單擊該鏈接不會發(fā)生任何頁面跳轉(zhuǎn)，這就是空鏈接?？真溄邮莿倓倢W過的命名錨記鏈接的衍生，創(chuàng)建一個空鏈接只需要在鏈接地址處填寫“#”就可以了，而無需創(chuàng)建錨標記?？真溄硬迦攵嗝襟wPART4在“設計”視圖下，點擊“插入”面板中“媒體”左側(cè)的下拉箭頭，選擇“SWF”命令（或通過菜單選擇“插入——媒體——SWF”命令），彈出選擇Flash文件的對話框，選擇本地的swf文件，單擊“確定”按鈕，即可將所選的Flash文件插入到網(wǎng)頁中。插入多媒體案例1地圖效果案例2聯(lián)系我們案例3聽歌曲本章小結(jié)網(wǎng)頁圖像常用的格式有JPEG格式、Gif格式、Png格式。圖像插入后，顯示標記為<img/>，它是一個單標記。設置圖像的對齊方式可