第一篇：網(wǎng)頁中圖像的格式

網(wǎng)頁中使用的圖像可以是JPEG、GIF、PNG、BMP、TIFF等格式的圖像文件，美觀的圖片會為網(wǎng)站添加新的活力。給用戶帶來更直觀的感受。但是網(wǎng)頁上的圖片如果過多，也會影響網(wǎng)站的瀏覽速度，所以要合理適當(dāng)?shù)氖褂脠D像。

JPEG/JPG是網(wǎng)頁設(shè)計(jì)中常見的圖像格式，它支持?jǐn)?shù)百萬種顏色，因此最適合數(shù)碼圖片，具有顏色過渡的圖像和任何需要256種以上顏色的圖像。

GIF是網(wǎng)頁中最常用的圖像格式，它最多可以包含256中顏色，同時(shí)還可以包含一塊透明的區(qū)域和多個(gè)動畫幀，因此GIF格式通常適用于卡通，徽標(biāo)，包含透明區(qū)域的圖形以及動畫，一般網(wǎng)站的標(biāo)志都是用GIF格式。GIF格式最大的優(yōu)點(diǎn)就是可以制作動態(tài)的圖像，它可以將數(shù)張靜態(tài)圖片作為動畫幀串聯(lián)起來，轉(zhuǎn)換成一個(gè)動畫文件。GIF的另一個(gè)格式的優(yōu)點(diǎn)就是可以將圖片以交錯(cuò)的方式在網(wǎng)頁中顯示，所謂交錯(cuò)顯示就是指當(dāng)圖片尚未下載完成時(shí)，瀏覽器就會先以馬賽克的形式將圖片慢慢顯示，讓瀏覽者可以大概猜出顯示圖片的雛形，此時(shí)瀏覽者可以選擇要不要繼續(xù)等待下載此圖片，還是先去瀏覽其他網(wǎng)頁。

PNG是網(wǎng)頁中的通用格式，最多可以支持32位的顏色，可以包含透明度或ALPHA通道，同時(shí)它也是網(wǎng)頁制作的默認(rèn)文件格式，但是其中包含的特定附加信息，如果沒有插件支持，瀏覽器可能無法正常顯示這種格式的圖片。

BMP文件格式是Windows環(huán)境中交換與圖有關(guān)的數(shù)據(jù)的一種標(biāo)準(zhǔn)，因此在Windows環(huán)境中運(yùn)行的圖形圖像軟件都支持BMP圖像格式。由于BMP它采用位映射存儲格式，除了圖像深度可選以外，不采用其他任何壓縮，因此，BblP文件所占用的空間很大。所以網(wǎng)頁中不能過多使用此格式，否則會嚴(yán)重影響網(wǎng)站瀏覽速度。

1.JPG格式比較適合用來存儲照片。顏色豐富，壓縮比高，文件尺寸較小。

2.GIF格式可以用來做動畫。顏色種類少，256種，尺寸小。

3.PNG可以用來做小圖標(biāo)（icons），按鈕，背景等等。因?yàn)榘琣lpha通道，所以支持圖片透明。

第二篇：網(wǎng)頁設(shè)計(jì)下的圖像設(shè)計(jì)軟件應(yīng)用的論文

［摘要］文章對圖像處理技術(shù)進(jìn)行了簡單的描述，并對圖像的格式進(jìn)行簡單的介紹。并在這個(gè)基礎(chǔ)上以Photo-shop軟件為例，介紹了其在圖形處理過程中的運(yùn)用，以供參考。

［關(guān)鍵詞］網(wǎng)頁設(shè)計(jì);圖像設(shè)計(jì)軟件;應(yīng)用

新世紀(jì)，電子科學(xué)技術(shù)發(fā)展迅猛，相應(yīng)的計(jì)算機(jī)領(lǐng)域的圖像處理技術(shù)也有了進(jìn)一步的發(fā)展。社會文化的發(fā)展導(dǎo)致人們對于網(wǎng)頁質(zhì)量的要求也水漲船高，而圖像處理技術(shù)的發(fā)展更促進(jìn)了網(wǎng)頁設(shè)計(jì)的行業(yè)的發(fā)展。在現(xiàn)在網(wǎng)頁設(shè)計(jì)中，需要處理各種各樣的圖像，也需要對各種各樣的圖像進(jìn)行處理，以此來滿足網(wǎng)頁設(shè)計(jì)的各種需求。可以說，對于網(wǎng)頁制作來說，現(xiàn)代化的圖像處理技術(shù)對于其提升效率有著重要作用。

一、關(guān)于圖像處理技術(shù)的簡述

互聯(lián)網(wǎng)的飛速發(fā)展，人們對于網(wǎng)頁設(shè)計(jì)的要求也越來越高。對圖像進(jìn)行處理，不僅能提升網(wǎng)頁制作的工作效率，也可以提升整個(gè)網(wǎng)頁的美感，提升網(wǎng)站的訪問量，此外，高質(zhì)量的圖像處理技術(shù)，對于提升整個(gè)網(wǎng)站的品質(zhì)也有著重要作用?？梢哉f，圖像處理技術(shù)的發(fā)展，在一定程度上對網(wǎng)頁設(shè)計(jì)和開發(fā)提供了很大的便利性。然而，社會在發(fā)展，市場競爭也日益加劇，相應(yīng)的瀏覽者對網(wǎng)頁設(shè)計(jì)的要求也隨之提高。在網(wǎng)頁設(shè)計(jì)中，圖像具有其獨(dú)特的優(yōu)勢和特點(diǎn)，不僅能完整、充分地展現(xiàn)客觀事物，還能全面體現(xiàn)設(shè)計(jì)者的設(shè)計(jì)觀念及意圖。對于網(wǎng)頁設(shè)計(jì)的工作者來說，在網(wǎng)頁制作的過程中運(yùn)用圖像處理技術(shù)已經(jīng)成其工作中的一部分。其可以利用一系列的圖像處理軟件完成對圖像的編輯和優(yōu)化，達(dá)到自己的需求。具體的來說，圖像處理包含了包括對其進(jìn)行層次、顏色以及樣式的編輯和修改等等。根據(jù)現(xiàn)在的實(shí)際情況來看，在網(wǎng)頁制作的過程中，其主要運(yùn)用的處理軟件是Photoshop、coreldraw以及火狐。這幾個(gè)軟件運(yùn)用的頻率比較高，支持各種圖像的處理。由于社會的發(fā)展和人們對于文化以及審美需求的提高，現(xiàn)在人們對于網(wǎng)頁留言的體驗(yàn)要求也越來越高。從目前的情況來看，用戶更傾向于瀏覽一些圖文并茂的網(wǎng)頁，單純的文本介紹很難抓住用戶的要求。為了滿足用戶的需求，圖像處理技術(shù)便應(yīng)運(yùn)而生。圖像處理技術(shù)在網(wǎng)頁設(shè)計(jì)中的應(yīng)用，創(chuàng)新了網(wǎng)頁設(shè)計(jì)的途徑，同時(shí)也推進(jìn)了網(wǎng)頁設(shè)計(jì)及制作的發(fā)展進(jìn)程。自上個(gè)世紀(jì)末開始，社會的網(wǎng)絡(luò)化就開始了突飛猛進(jìn)的發(fā)展。而計(jì)算機(jī)圖像處理技術(shù)憑借其自身的技術(shù)性和專業(yè)性，更得到了很大程度的發(fā)展。對于圖像處理技術(shù)來說，其實(shí)質(zhì)就是通過計(jì)算機(jī)的媒介，以相關(guān)的軟件為載體，并且運(yùn)用相關(guān)的技術(shù)，在原有的圖像的基礎(chǔ)之上再次進(jìn)行二次加工，已達(dá)到使用者需求的一種圖像處理方式。從我國的發(fā)展來看，圖像處理技術(shù)最早是應(yīng)用在航天事業(yè)上的，通過相關(guān)軟件的處理，航天人員將航天器拍攝到的圖像進(jìn)行特殊的處理，并在這個(gè)基礎(chǔ)上轉(zhuǎn)化為數(shù)字圖像，以滿足航天部門的使用要求?；谟?jì)算機(jī)技術(shù)的迅速發(fā)展，此種圖像處理技術(shù)的應(yīng)用也逐漸深入到網(wǎng)頁設(shè)計(jì)中。

二、網(wǎng)頁設(shè)計(jì)中的圖像

當(dāng)前，網(wǎng)頁設(shè)計(jì)的一個(gè)主流的方向就是將技術(shù)與藝術(shù)相結(jié)合。網(wǎng)頁設(shè)計(jì)過程中對圖像進(jìn)行處理已成為現(xiàn)階段網(wǎng)頁制作者一個(gè)重要的環(huán)節(jié)。具體的來說，網(wǎng)頁設(shè)計(jì)中遇到的圖像主要包括以下幾種類型:

(一)GIF

這種格式的圖片最大的優(yōu)點(diǎn)就是可以對其進(jìn)行無損的壓縮處理，而且這種格式的圖像顏色上限特別大，最多可以達(dá)到兩百多種顏色。此外，這種格式的圖像還具備支持動態(tài)畫面，適用范圍廣的優(yōu)點(diǎn)。其在卡通動漫的設(shè)計(jì)以及美術(shù)素描方面都可以實(shí)現(xiàn)應(yīng)用，可以說，從目前的情況來看，這種格式的圖像是最適合的格式，只要對其稍加處理就可以直接進(jìn)行應(yīng)用。

(二)JPEG格式的圖片

這種格式的圖片中文全稱為聯(lián)合靜態(tài)圖形專家組，這種格式的圖片由于是有損壓縮，其壓縮比往往比較高，最大的好處就是可以節(jié)省大量的硬盤空間。對于一般的普通用戶來說，這樣的有損壓縮是不影響其使用的，但是對一些對畫面要求比較高的用戶來說則達(dá)不到其要求。而且這種格式的圖片不支持透明效果的功能，在動態(tài)的圖像中也不能使用，應(yīng)用的范圍相對較小。所以，對于這種格式的圖像來說，其一般很少在數(shù)據(jù)中直接使用，一般都是要經(jīng)過ps等軟件處理后才使用。

(三)PNG格式

翻譯成中文網(wǎng)絡(luò)圖形?？梢哉f，這種格式的圖形是隨著網(wǎng)頁技術(shù)的發(fā)展而出現(xiàn)的一種新的圖像格式。從其格式來看，PNG格式的圖像具備上述兩種格式的優(yōu)點(diǎn)，同時(shí)還具有一些自身的優(yōu)點(diǎn)，在正常情況下，這種格式的圖片彩色可以達(dá)到一千多萬種。而且其還具有可壓縮的算法，可以直接在數(shù)據(jù)傳輸中進(jìn)行應(yīng)用。因此，隨著網(wǎng)頁開發(fā)技術(shù)的發(fā)展，這種格式的圖片將是設(shè)計(jì)師在制作網(wǎng)頁中最青睞的格式，企業(yè)將會成為網(wǎng)頁制作過程中主流的一種圖像格式。

三、圖像處理技術(shù)在網(wǎng)頁設(shè)計(jì)中的應(yīng)用———以PS為例

對于網(wǎng)頁設(shè)計(jì)者來說，尤其是涉及到圖像處理的工作，PS是一個(gè)非常實(shí)用的工具，在現(xiàn)在的網(wǎng)頁制作中發(fā)揮著重要的作用。

(一)PS在網(wǎng)頁布局上的應(yīng)用

對于網(wǎng)頁制作來說，頁面布局在其中起到的是整體調(diào)整以及規(guī)劃的作用。這項(xiàng)工作的好壞與網(wǎng)頁的整體效果有著密切的聯(lián)系。隨著用戶對于網(wǎng)頁體驗(yàn)要求的提升，整個(gè)網(wǎng)頁的布局也逐漸的標(biāo)準(zhǔn)、規(guī)范起來?？梢哉f，在網(wǎng)頁整體的設(shè)計(jì)中，圖像的排版和整體的布局直接影響著整個(gè)網(wǎng)頁的和諧度。具體到PS軟件來說，我們首先可以運(yùn)用這個(gè)軟件來對網(wǎng)頁的布局進(jìn)行調(diào)整，這樣做的目的是為了減少網(wǎng)頁制作完后再去對圖片進(jìn)行修改，浪費(fèi)精力。以實(shí)際情況為例:當(dāng)設(shè)計(jì)者在接到一個(gè)網(wǎng)頁制作的訂單后，為了減少工作的難度，節(jié)省不必要的溝通成本，設(shè)計(jì)者可以首先把網(wǎng)頁設(shè)計(jì)的理念以及模板提供給客戶，并把制作的方向向客戶解釋清楚，然后再根據(jù)用戶反饋的意見進(jìn)行修改。這個(gè)時(shí)候，網(wǎng)頁設(shè)計(jì)者就可以利用PS這個(gè)軟件首先為客戶制作出基本的布局和模板，然后可以利用其保存的PSD文件在設(shè)計(jì)的過程中隨時(shí)調(diào)整布局，最終根據(jù)客戶的要求完成效果圖。

(二)網(wǎng)頁動畫上PS的應(yīng)用

隨著社會的發(fā)展，有些用戶會要求在網(wǎng)頁的制作過程中加上動畫的效果。例如在網(wǎng)頁部分加上企業(yè)自身的宣傳視頻，放在網(wǎng)頁上。但是現(xiàn)在的很多視頻大多缺乏完善性。這個(gè)時(shí)候PS就派上用場了，網(wǎng)頁制作者可以利用PS軟件來對視頻與網(wǎng)頁的兼容性進(jìn)行處理。這在一些FLASH動畫中體現(xiàn)的尤為明顯。由于客戶提供的圖片的規(guī)格大多都是不一樣的，例如尺寸、分辨率或者色彩方面都不是很統(tǒng)一，要想保證整個(gè)Flash動畫的播放的流暢性和和諧型性，網(wǎng)頁設(shè)計(jì)者需要將這些圖片在格式、色彩等方面進(jìn)行處理，這樣才能保證Flash動畫播放的兼容性。一般的，經(jīng)過ps處理后的圖片，在制作動畫短片的過程中，其難度會相對較低。

(三)ps功能中特效的應(yīng)用

我們都知道用于網(wǎng)頁制作的軟件是Dreamweaver，一般將其稱為DW。對于這個(gè)網(wǎng)頁制作的軟件來說，其處理圖像的功能還不是特別強(qiáng)大，只能對圖像做一些最基本的技術(shù)處理，很難達(dá)到設(shè)計(jì)者的使用要求。在面對一些特殊要求的時(shí)候，還得使用ps這個(gè)軟件。尤其是在特效的制作方面，ps的處理功能更為強(qiáng)大。其不管是文字特效還是圖像特效，都可以輕松地完成。舉個(gè)最簡單的例子，現(xiàn)在很多網(wǎng)頁的head部分往往需要插入一些特殊的字體，以此來吸引用戶的眼球，但是如果是運(yùn)用DW這個(gè)軟件的話，其是無法實(shí)現(xiàn)這個(gè)效果的，這種情況下只能運(yùn)用ps來對其進(jìn)行處理，包括文本字體的顏色以及大小等，其在整體上也得符合網(wǎng)頁的布局。當(dāng)然，這個(gè)只是PS最基本的一些功能，其在特效上還有很多功能對用戶進(jìn)行滿足，例如常見的變化背景以及對網(wǎng)站的主題顏色進(jìn)行定期更換等等。

四、關(guān)于PS應(yīng)用的一些技巧

(一)圖像的截取以及大小的控制

在網(wǎng)頁設(shè)計(jì)的過程中，設(shè)計(jì)者往往不會將一張圖片完整的進(jìn)行應(yīng)用，很多時(shí)候只需要截取圖片的部分就可以滿足自身的設(shè)計(jì)需求。對于圖像的截取方法是多種多樣的，但是PS這個(gè)軟件使用起來更為便捷，截取的精準(zhǔn)度也更高。ps不僅為使用者提供了多種形狀的截取，還可以根據(jù)使用者自身的需要隨意地對截取的范圍進(jìn)行調(diào)整，使用起來非常的方便、快捷，其隨后保存的圖像格式也可以自行調(diào)整，操作起來非常簡便。

(二)圖像融合的處理

在網(wǎng)頁設(shè)計(jì)的過程中，很多時(shí)候涉及到圖片的融合或者需要將不同的照片進(jìn)行合并，這種效果在PS這個(gè)軟件中也是很容易實(shí)現(xiàn)的。使用者只需要將需要合并的圖片拖拽到需要合并的圖像中，然后再對合成的圖片進(jìn)行顏色和亮度進(jìn)行調(diào)節(jié)，接著在拖進(jìn)圖像的圖層中建立一個(gè)新的蒙版，然后在利用漸變這個(gè)工具將圖片結(jié)合處的黑白漸變的效果，圖片的合成就完成了，并且其處理出來的效果比一般的軟件都要好，而ps這個(gè)軟件也正是因?yàn)楣δ艿膹?qiáng)大，其在圖像處理的時(shí)候才得以大范圍的應(yīng)用。

(三)網(wǎng)站logo的制作

一個(gè)好的網(wǎng)站做得如何，有一個(gè)引人注目的logo是必不可少的。一定意義上來講，一個(gè)好的logo是整個(gè)網(wǎng)站的標(biāo)志，不僅能體現(xiàn)出整個(gè)網(wǎng)站的含義，更能讓閱覽者加深印象，讓其感受到網(wǎng)站的設(shè)計(jì)理念。在ps軟件中，其制作logo的具體步驟是:首先在畫布上畫出大體的輪廓，然后用“轉(zhuǎn)換點(diǎn)的工具”對需要進(jìn)行弧度調(diào)整的地方進(jìn)行調(diào)整，接著再按下ctrl+enter鍵，對選擇的區(qū)域進(jìn)行填充，這樣，一個(gè)logo便制作完成了。當(dāng)然，這里只是對ps這個(gè)軟件中最常用到的軟件進(jìn)行了簡單的介紹，實(shí)際上這個(gè)軟件的功能是非常強(qiáng)大的，網(wǎng)頁設(shè)計(jì)者可以根據(jù)自身的需要來進(jìn)行使用，現(xiàn)在市面上也有很多關(guān)于這個(gè)軟件的使用教材，設(shè)計(jì)者可以在使用的過程中邊實(shí)踐邊學(xué)習(xí)，以此來提升自身的處理圖像的水平?？偟膩碚f，對于網(wǎng)頁制作來說，圖像處理技術(shù)的提升對其影響還是非常大的。從整體上看，其不僅可以提升圖片的和諧度和美感，也可以在整體的構(gòu)造上進(jìn)行調(diào)整，以此來彰顯整個(gè)網(wǎng)站品質(zhì)，提升網(wǎng)頁對客戶的吸引力，進(jìn)而提升網(wǎng)站的點(diǎn)擊率。其次，圖像處理技術(shù)還可以起到規(guī)范網(wǎng)頁制作的標(biāo)準(zhǔn)的作用，使其在規(guī)范上達(dá)到要求，拒絕由于其他因素對網(wǎng)頁進(jìn)行的干擾因素，保障搜索質(zhì)量，當(dāng)用戶通過搜索引擎電極網(wǎng)頁時(shí)，優(yōu)質(zhì)的圖像可以提高下載速度，提高網(wǎng)頁流暢性，不僅可以快速呈現(xiàn)給用戶，而且還可吸引用戶點(diǎn)擊，提高網(wǎng)頁的競爭排名?；趫D像處理技術(shù)的應(yīng)用，提高網(wǎng)頁制作的效率，這將是在網(wǎng)頁設(shè)計(jì)開發(fā)的一個(gè)主流的方向。具體到photoshop來說，其是一個(gè)功能強(qiáng)大的圖像處理軟件，可以對各種格式的圖像文件進(jìn)行非常精細(xì)與獨(dú)特的處理，不僅適用于廣告用圖、美術(shù)攝影作品的處理，也廣泛用于網(wǎng)頁圖像元素的處理，其在網(wǎng)頁制作中的應(yīng)用必將會越來越廣泛。

第三篇：怎么下載網(wǎng)頁中的背景音樂范文

怎么下載網(wǎng)頁中的背景音樂

很多朋友在瀏覽網(wǎng)頁的時(shí)候，有時(shí)候會發(fā)現(xiàn)很好聽的背景音樂，但是又不知道音樂的名稱，想要下載保存起來就不知道怎么辦了，不用慌，我來教你一招，很實(shí)用的，哈哈。

我用的是360安全瀏覽器，當(dāng)然，不用的瀏覽器可能會有一點(diǎn)點(diǎn)不同，但是總的來說步驟還是一樣的。

打開一個(gè)有背景音樂的網(wǎng)站，比如現(xiàn)在正在播放著背景音樂，點(diǎn)擊菜單欄查看——查看源文件，如下圖所示：

這時(shí)候，會彈出一個(gè)txt的文本文檔，點(diǎn)擊編輯——查找…，如下圖所示：

在彈出的對話框里面輸入

.mid，點(diǎn)擊 查找下一處，這時(shí)就找到了mid所在的位置，并且已經(jīng)是被選中狀態(tài)，如下圖所示：

點(diǎn)擊 取消，并且選中mid所在位置的雙引號里面的字，然后按Ctrl+C復(fù)制，如下圖所示：

最后回到瀏覽器的地址欄，把剛剛復(fù)制的內(nèi)容按Ctrl+V粘貼出來，并按回車，這樣就會彈出迅雷下載你剛剛聽到的背景音樂了，如下圖所示：

當(dāng)然，如果你的電腦上沒有迅雷或是默認(rèn)其他的下載工具，一樣可以彈出來的，這時(shí)候只有下載就可以得到你要的背景音樂了。

第四篇：網(wǎng)頁中表格教案

第三課 在網(wǎng)頁中插入表格

一、教材分析

網(wǎng)頁制作中用表格來規(guī)劃整個(gè)網(wǎng)頁的布局，是我們設(shè)計(jì)制作網(wǎng)頁常用的手法。所以學(xué)會在網(wǎng)頁中插入表格是網(wǎng)頁制作中的一個(gè)重要的部分。本課的主要內(nèi)容包括在網(wǎng)頁中插入表格，表格的編輯和修飾，在表格中插入文字、圖片等。通過對本課的學(xué)習(xí)，讓學(xué)生了解用表格來規(guī)劃網(wǎng)頁會使網(wǎng)頁結(jié)構(gòu)顯得清晰明快。在網(wǎng)頁制作中，引導(dǎo)學(xué)生用表格來規(guī)劃網(wǎng)頁，為以后網(wǎng)頁的開發(fā)設(shè)計(jì)打下一個(gè)良好的基礎(chǔ)。

重點(diǎn)：學(xué)會使用多種方法在FrontPage中插入表格。難點(diǎn)： FrontPage表格的美化。

二、教學(xué)目標(biāo)

知識與技能：學(xué)會在FrontPage中插入表格及美化表格的方法，培養(yǎng)學(xué)生運(yùn)用表格設(shè)計(jì)來美化網(wǎng)頁的能力。

過程與方法：采用研究體驗(yàn)式和協(xié)作式學(xué)習(xí)方法，培養(yǎng)學(xué)生對計(jì)算機(jī)知識的遷移能力和綜合運(yùn)用知識的能力。

情感態(tài)度、價(jià)值觀：通過網(wǎng)頁制作，培養(yǎng)學(xué)生良好的審美情趣。使學(xué)生逐步形成用表格來規(guī)劃網(wǎng)頁布局的網(wǎng)頁制作習(xí)慣，為今后網(wǎng)頁的開發(fā)設(shè)計(jì)打下一個(gè)良好的基礎(chǔ)。

三、教學(xué)準(zhǔn)備：

硬件環(huán)境：使用多媒體網(wǎng)絡(luò)教室，配備寬帶網(wǎng)絡(luò)。軟件環(huán)境：WinXP操作系統(tǒng)、FrontPage2000以上版本。素材資源：

1、在教師機(jī)或?qū)W生機(jī)上為學(xué)生建立相關(guān)的素材資源文件夾。

2、教師為學(xué)生準(zhǔn)備上課演示用的教師制作的網(wǎng)頁1。

我打算出示一組關(guān)于學(xué)生作文的中學(xué)生作文網(wǎng)。

3、為學(xué)生準(zhǔn)備上課演示用的教師制作的網(wǎng)頁2-----情感小屋網(wǎng)頁，通過在情感小屋的首頁內(nèi)插入表格，通過進(jìn)一步用表格規(guī)劃情感小屋首頁的網(wǎng)頁布局來學(xué)習(xí)網(wǎng)頁中表格的設(shè)計(jì)與制作。

五、教學(xué)流程

出示課前準(zhǔn)備的含有表格的網(wǎng)頁1中學(xué)生作文網(wǎng)，（一）創(chuàng)設(shè)情境，確定問題，布置任務(wù)

師：當(dāng)你漫步在環(huán)境優(yōu)雅的校園時(shí)，是否考慮過校園里的林蔭道和綠化帶的作用？ 生：起著綠化與方便交通的作用

師：其實(shí)還有著非常重要的作用，將行政區(qū)、辦公區(qū)、生活區(qū)、活動區(qū)分成各自獨(dú)立的區(qū)域，使整個(gè)校園錯(cuò)落有致，美麗如畫，同樣，如何將網(wǎng)頁布置的美觀整齊，結(jié)構(gòu)清晰呢我們運(yùn)用表格來布局與美化網(wǎng)頁？

任務(wù)一：在FrontPage中有幾種創(chuàng)建表格的方法？它們各有什么優(yōu)點(diǎn)？

方法一：“常用”工具欄“插入表格”命令。

優(yōu)點(diǎn)：操作速度快

方法二：“表格”菜單“插入”→“表格”命令。優(yōu)點(diǎn)：能對表格預(yù)先進(jìn)行設(shè)置。

方法三：“表格”菜單的“繪制表格”命令，手工繪制表格。優(yōu)點(diǎn)：能做出特殊的表格，可以對表格進(jìn)行修改。

任務(wù)二：

如何隱藏表格邊框？-----推出表格屬性的用法 任務(wù)三：

請同學(xué)們嘗試著在FrontPage中制作如下表格：

（二）學(xué)生自主探究學(xué)習(xí)我 就 是 我姓名 年齡 學(xué)校 家庭住址 特長

姓別 QQ1、在FrontPage插入簡單表格這一教學(xué)環(huán)節(jié)，考慮到學(xué)生已有Word知識的基礎(chǔ)，故在此可放手讓學(xué)生自主學(xué)習(xí)。通過讓同學(xué)演示示范，得出插入表格的幾種基本方法。并利用同Word相類似的編輯方法來體會FrontPage中表格的簡單編輯。完成表格的簡單制作。

2、為完成“表格的調(diào)整”這一教學(xué)任務(wù)，教師可提前演示制作好的表格，帶著如下問題以小組為單位，研究和嘗試對表格進(jìn)一步美化：

（1）怎樣進(jìn)行行高與列寬的調(diào)整（2）怎樣進(jìn)行單元格的合并和拆分（3）怎樣進(jìn)行插入或刪除表格中的行或列，（4）怎樣進(jìn)行平均分布行和列等基本操作（5）怎樣進(jìn)入表格屬性對話框？

（6）表格屬性對話框中相應(yīng)選項(xiàng)的改變會給網(wǎng)頁的效果帶來哪些變化，起到什么修飾作用？

在此過程中，教師也可深入到各小組的研究討論中去，和同學(xué)們共同尋找答案。然后，請完成表格美化的同學(xué)演示示范，以此突破本課利用表格屬性來美化表格這一教學(xué)難點(diǎn)。

（四）創(chuàng)設(shè)任務(wù)，小組協(xié)作，鞏固新知

在學(xué)生已基本學(xué)會插入表格和美化表格的基礎(chǔ)上，再次創(chuàng)設(shè)學(xué)習(xí)任務(wù)，以小組為單位，打開站點(diǎn)“情感小屋”，并打開首頁文件index.htm,分別插入四個(gè)表格，依次為：2╳3、2╳2、1╳4、2╳

1、寬度為780像素，水平居中。

最后展示各小組學(xué)生的作品，展開自評與互評。

六、評價(jià)建議：

本課的評價(jià)環(huán)節(jié)貫穿在學(xué)生學(xué)習(xí)活動的全過程，在學(xué)生每完成一個(gè)學(xué)習(xí)任務(wù)之后教師都要予以充分肯定，尤其在小組的作品展示階段，教師要注意引導(dǎo)學(xué)生從多方面、多角度評

價(jià)每個(gè)小組的作品，如對各小組的網(wǎng)頁作品，可在網(wǎng)頁內(nèi)容、網(wǎng)頁規(guī)劃及網(wǎng)頁美化等方面進(jìn)行自評和互評。注意培養(yǎng)學(xué)生良好的審美情趣。

第五篇：如何在網(wǎng)頁中插入背景音樂

如何在網(wǎng)頁中插入背景音樂

本文以mid格式文件和mp3格式文件為例，教你如何在網(wǎng)頁中插入背景音樂。

1、MID

是用來插入背景音樂，但只適用于IE，其參數(shù)設(shè)定不多。如下:

src=“your.mid” :設(shè)定 midi 檔案及路徑，可以是相對或絕對。

autostart=true :是否在音樂檔下載完之后就自動播放。true 是，false 否(內(nèi)定值)。

loop=infinite :是否自動反復(fù)播放。LOOP=2 表示重復(fù)兩次，Infinite 表示重復(fù)多次。

這種方法就是直接把標(biāo)記放于網(wǎng)頁文件的...之間，設(shè)置好mid文件的路徑就OK了

2、mp3

src:音樂文件的路徑及文件名;

autostart:true為音樂文件上傳完后自動開始播放，默認(rèn)為false(否)

loop:true為無限次重播，false為不重播，某一具體值(整數(shù))為重播多少次volume:取值范圍為“0-100”，設(shè)置音量，默認(rèn)為系統(tǒng)本身的音量

starttime:“分:秒”，設(shè)置歌曲開始播放的時(shí)間，如，starttime=“00:10”，從第10開始播放

endtime: “分:秒”，設(shè)置歌曲結(jié)束播放的時(shí)間

width:控制面板的寬

height:控制面板的高

controls:控制面板的外觀

controls=“console/smallconsole/

playbutton/pausebutton/stopbutton/volumelever”

?console:正常大小的面板

?smallconsole:較小的面板

?playbutton:顯示播放按鈕

?pausebutton:顯示暫停按鈕

?stopbutton:顯示停止按鈕

?volumelever:顯示音量調(diào)節(jié)按鈕

hidden:為true時(shí)可以隱藏面板