1、第2章網(wǎng)頁中的文字和圖像網(wǎng)絡(luò)世界五彩繽紛，涌現(xiàn)出大量?jī)?yōu)秀精美的網(wǎng)頁。大量的網(wǎng)絡(luò)信息，無非就是通過文本、圖像、動(dòng)畫等網(wǎng)頁元素來呈現(xiàn)，其中，文本和圖像是網(wǎng)頁中最為重要的設(shè)計(jì)元素。本章介紹文字和圖像在網(wǎng)頁中的應(yīng)用，主要內(nèi)容包括：網(wǎng)頁中的文字在網(wǎng)頁中使用圖像圖像的編輯,清華大學(xué)出版社書號(hào)：9787302162711,使用教材,2.1網(wǎng)頁中的文字文字是網(wǎng)頁中最基礎(chǔ)的信息載體，瀏覽者主要通過文字了解網(wǎng)頁的內(nèi)容。雖然利用圖形文字也可以達(dá)到同樣的效果，甚至超出純文本的效果，但是網(wǎng)頁文字的優(yōu)勢(shì)還是無法被取代的。因?yàn)榧兾谋舅加玫拇鎯?chǔ)空間非常小，瀏覽純文本網(wǎng)頁時(shí)，占用的網(wǎng)絡(luò)帶寬較少，能快速地被用戶打開。,2.1.

2、1應(yīng)用文字在網(wǎng)頁中應(yīng)用文字有三種方法：直接輸入、粘貼剪貼板中的文字、導(dǎo)入Word文檔。1直接輸入2粘貼剪貼板中的文字3導(dǎo)入Word文檔,2.1.2課堂實(shí)例設(shè)置段落效果在網(wǎng)頁設(shè)計(jì)時(shí)，文字段落制作的層次分明，才能讓瀏覽者更好地閱讀。也使得網(wǎng)頁看起來整潔、美觀。對(duì)于段落的設(shè)置，主要有三個(gè)方面的內(nèi)容。首先是段落的對(duì)齊方式，分別有居左對(duì)齊、居右對(duì)齊和居中對(duì)齊；其次是段落間距設(shè)置；再次是文本縮進(jìn)的設(shè)置。1對(duì)齊文本,2段落間距和換行標(biāo)簽3文本縮進(jìn),2.1.3課堂實(shí)例設(shè)置文字標(biāo)題HTML的標(biāo)題標(biāo)簽主要用來快速設(shè)置文本標(biāo)題的格式，典型的形式是，它用來設(shè)置第一層標(biāo)題，設(shè)置第二層標(biāo)題，以此類推。1在代碼視圖直接定義

3、標(biāo)題標(biāo)簽,2在屬性面板中設(shè)置標(biāo)題,圖1-20在“屬性”面板中設(shè)置標(biāo)題,2.1.4課堂實(shí)例設(shè)置文字格式文字字體、顏色、粗體、斜體和下畫線等是最基本的文字格式，在網(wǎng)頁中設(shè)置合適的文字格式，也是保證網(wǎng)頁漂亮外觀的關(guān)鍵。1字體標(biāo)簽編輯器2在設(shè)計(jì)視圖設(shè)置文字格式,2.1.5使用段落列表列表是HTML中組織多個(gè)段落文本的一種方式，列表分成編號(hào)列表和項(xiàng)目列表，前一種列表用數(shù)字順序?yàn)榱斜碇械捻?xiàng)目進(jìn)行編號(hào)，而后一種列表則在每個(gè)列表項(xiàng)目之前使用一個(gè)項(xiàng)目符號(hào)。1編號(hào)列表,專家點(diǎn)撥：編號(hào)列表又稱為有序列表，使用標(biāo)簽創(chuàng)建編號(hào)列表。具體使用方法是：列表項(xiàng)目一列表項(xiàng)目二列表項(xiàng)目三列表項(xiàng)目四,2項(xiàng)目列表,專家點(diǎn)撥：項(xiàng)目列表使

4、用標(biāo)簽創(chuàng)建編號(hào)列表。具體使用方法是：列表項(xiàng)目一列表項(xiàng)目二列表項(xiàng)目三,2.1.6設(shè)置頁面屬性頁面屬性的設(shè)置主要控制頁面的整體外觀，包括背景、標(biāo)題等。Dreamweaver8提供了【頁面屬性】對(duì)話框，在這個(gè)對(duì)話框中提供了多種頁面屬性的設(shè)置方法。1設(shè)置背景圖片2設(shè)置頁面標(biāo)題3設(shè)置頁面邊距,2.2使用圖像在網(wǎng)頁設(shè)計(jì)中，圖像的重要性僅次于文字，也是使用非常頻繁的頁面元素。本節(jié)介紹在網(wǎng)頁插入圖像的方法以及設(shè)置圖像的尺寸和邊框的方法。2.2.1網(wǎng)頁中常見的圖像格式網(wǎng)頁中使用的圖像可以是GIF、JPEG、BMP、TIFF、PNG等格式的圖像文件，而目前使用最廣泛的主要是GIF、JPEG和PNG三種格式。,2.

5、2.2在網(wǎng)頁中使用圖像圖像也是網(wǎng)頁元素中的重要組成部分，在網(wǎng)頁中插入圖像可以使網(wǎng)頁更好地表現(xiàn)網(wǎng)站的主題思想，使版面變得更加豐富多彩，吸引更多的瀏覽者。在網(wǎng)頁中使用圖像時(shí)，要考慮圖像在頁面中的整體效果。1插入圖像2設(shè)置圖像的尺寸和邊框,2.3圖像的編輯在網(wǎng)頁中使用了圖像以后，經(jīng)常需要對(duì)圖像做進(jìn)一步的編輯，以達(dá)到滿意的效果。2.3.1設(shè)置圖文混排和圖像邊距1設(shè)置圖文混排,2設(shè)置圖像邊距,2.3.2優(yōu)化圖像和圖像剪裁1使用Fireworks優(yōu)化圖片2圖片裁剪,2.3.3插入和使用圖像占位符圖像占位符是在準(zhǔn)備好將最終圖像添加到Web頁面之前使用的圖形，通過使用圖像占位符，可以在真正創(chuàng)建圖像之前確定圖像在頁面上的位置和大小。1插入圖像占位符2替換圖像占位符,本章習(xí)題上機(jī)練習(xí),練習(xí)1美化文字格式制作一個(gè)文字網(wǎng)頁，效果如圖1-80所示。請(qǐng)按照?qǐng)D中的提示信息進(jìn)行制作。,圖1-