第一篇：網頁(站)設計中九個心理學的建議

網頁（站）設計中九個心理學的建議

1．建立信任關系

要你的訪客做你所想要他們做的，首先你得跟訪客建立信任關系。信任關系建立并不是件容易的事，尤其是這個騙子橫行的時代，讓人討厭的人在網絡哪個角落都有一大把。那些對網絡還太熟悉的用戶，如果誰問他們一些個人信息都會變得十分敏感，盡管這些信息對網站工作是十分需要的。作為網站或網頁設計師，往往忽略自己已經是習慣了網上交易。但是對于我們的客戶，還有他們的客戶，互聯網仍然是一個他們正要進入的很大很可怕的黑洞。所以要使你的網站即使就是一般用戶都覺得更值得信賴。創建一個使訪客用戶安心的網站，就意味著他們很可能會注冊一個賬戶，并且購買產品，或者用其他方式和你做生意。研究表明這些是可以通過網站設計和語言設計來達到或實現的。

2．熟悉和識別模式

網站或網頁設計心理學認為，當一個用戶訪問網站的某個頁面，一定是有某些東西是他們想馬上看到的，不管登錄的是一個什么網站。如果他們沒有看到預期的東西，他們會覺得亂七八糟毫無意義，這個網站不可靠。當訪客來到一個網站，對網站的期待主要有兩點，一是來訪的目標內容（這可能是某些主題信息上看到在售的某個漂亮的產品），二是要有針對性的導航。雖然標簽可以幫助辨識的目的，設計還應該補充和加強這一消息。例如，你正在設計一個環境主題的博客，但你的設計看起來黑色和寂靜又陰沉，并在頁頭一個夕陽西下的城市天際線，這樣會很不好，甚至沒有正確的暗示一下這個網站是干什么的。但如果設計的網站看起來很干凈很現代，有些綠色和自然的口號，就會給人一個深刻的印象，這是環境保護主題的博客。另外人們期待博文放在博客的首頁，期望電子商務網站的頭版都放產品。對于任何網站，人人都期望在超過了幾個深度的頁面便會提供一個搜索功能。而且在大多數情況下，人們還期望有“關于我們”和“聯系我們”的頁面內容。

3．網絡上的品牌符號要統一

除了大多數訪客希望看到一個網站所必備的基本要素，還應該有些標識吸引用戶跟你公司要相聯系。想想你設計的一些線下的促銷宣傳單的顏色，這些顏色也應該某種程度上融入你的網站，即使它只是在標題圖片或者一些標識口號的顏色。就像你在宣傳資料上印有Logo一樣，在網站上你也要同樣的呈現。然而這個基本的事情，很多企業往往忽略了這種線上線下的一致性，這樣就失去了品牌標識傳播的機會。

4．心理激發

心理和情感激發是鼓勵用戶付諸行動一個的寶貴工具。激發包括像內疚和擔心的這樣的情緒，當然還包括吸引人的那種歸屬感和人的價值觀念認可。在網站或網頁設計中結合激勵性情緒的通常做法是網站上的廣告語言，再加入一些圖形元素作為輔助支持，使用圖片和圖表以加強激勵效應。

5．運用圖像強化概念

在網站設計上使用的圖片既會幫助也會混淆你的訪客。一個精心挑選的圖片可以令你訪客心領神會，了解你的意圖。如果選擇不慎，甚至會讓你的訪客很抓狂，讓他們感覺到又回到了亂七八糟的黑暗時代。抽象的圖像有時也有意想不到的效果，不過請小心使用，確保放在那里有它的意義。有時一個抽象的圖形在不同的訪客那里會有不同的解讀，或將會完全誤解原本的含義。

6．依據閱讀模式設計內容

人們趨與按照“Z”字形瀏覽一個網站的模式，從頂部開始往左，最后到達屏幕右下角。作為一個設計師，你應該努力地在此閱讀模式下拿捏好那些最重要的內容放哪里最好。大多數網站都把Logo放到左上角，道理就在于此。在此閱讀區放置一些不相關的信息，訪客離開之前還沒有找到他想要的信息，他可能會認為這不是他要找的網站。

7．確保每頁要有焦點

網站上的每個頁面都應該有一個焦點，這是訪問這個頁面的目的，且不管這個頁面是展示產品，還是介紹公司，還是最新的訊息。設計的時候需要把每個頁面重點內容進行強調。每一頁的重點也應立即顯現出來，讓訪客知道他們在看什么。除了網頁本身的內容，還應該通過在導航線索或通標題來強化。一個不成熟的網站最大特點就是總是在每一頁上放太多的信息。其實不要害怕在網頁上的留空白，每個頁面上有明確的突出的重點并沒什么好擔心的。

8．顏色的心理學效應

顏色的心理學效應是設計心理學里面最復雜的主題。在網站設計時使用的顏色對你的訪客來說有很大的影響，務必確保所使用的顏色可以加強信息和圖片所要表示的意義。下面列出顏色和它們的基本含義清單。

紅色：火熱和激情，可以代表都愛和憤怒。

橙色：具有紅色和黃色的屬性?？梢耘c能源和溫暖相關。它比紅色更冷靜，更愉快。

黃色：溫暖，愉快，幸福的顏色。它可以表示喜悅或膽怯。

綠色：自然，成長，和新生的標志。按照同樣的道理，綠色，有時代表很嫩經驗不足。在另一面，綠色，有時候是因為羨慕或嫉妒。

藍色：平靜的，冷靜的，但使用太多可以令人感到消沉。往往與企業形象關聯。紫色/紫羅蘭：與貴族和財富的關系源遠流長，也是一種與精神相關的顏色，可以有創造性的表意。

黑色：像變色龍，它可以是保守或前衛，傳統或現代的，它還可以神秘和性感或常規和安全，這取決于怎么使用以及周圍環境。

白色：代表著純潔與清白，十分容易與其他顏色搭配。

灰色：中性的，平衡的。灰色是保守的和復雜的，但也可以看作是變化無常的。棕色：一個健康和務實的顏色，表示的穩定性和可靠性。

9．設置留白和喘息機會boxuelun.comjnxdx.com yxhjchina.comqlgoose.com mgsanalyn.netmgsnl.com

bjbhzhy.comcf100u.com zuoxuanroujian3.comjnforever.com cqkendo.com tantea.org2380664.comheshou.net sunny-lighting.net fjyougo.com ljayhj.com zglvjing.commimasjo.comft-sj.com

如果訪客看到一個頁面充滿內容，他們會感到不知所措或壓抑。這可能是網頁讓人感到過于隨意和混亂。訪客感到好像他們不知道從哪里開始，這意味著他們可能會跳出你網站到其他地方喘口氣。網站上的合理留些空白空間，引導你的訪客注意他們要找的信息。通過結合留白和適當比例的風格和元素，你可以暗示鼓勵你的訪客關注特定的東西，并可能有所行動。

第二篇：網頁設計的幾點小建議

淺談《網頁設計與制作》課程教學的幾點小建議

摘要：《網頁設計與制作》是一門實踐性、操作性、綜合性很強的課程,對學生動手能力的要求很高。為了提高《網頁設計與制作》課程的教學效果，必須不斷改革與充實教學內容，注重突出人才培養的實踐性、應用性。改革教學方法，培養學生的實際動手能力，使學生能夠運用所學的知識進行網頁設計。

關鍵詞：網頁設計與制作、教學改革、教學方法

1、明確課程特點，把握教學目標

在網絡技術迅速發展的今天,網頁制作已成為當今社會上一種比較熱門的技術?！毒W頁設計與制作》是職業院校計算機專業的專業基礎課,與傳統的其他學科相比具有鮮明的自身特點：1)具有很強的操作性和綜合實踐性,特別強調學生的操作能力和學以致用的綜合實踐能力。2)理論教學服務于實踐教學，實踐教學反過來又作用于理論教學，任何一個細節都是為整體服務的，在教學過程中常有學生反映，上課能看懂、理解，但課后什么都忘了，做實驗的時候還得翻開書一步步照著做，這也就是本課程的一大特點：易學易忘。

為了提高《網頁設計與制作》課程的教學質量，筆者不斷地從教學內容、教學方法、實驗環節等多方面對本課程進行了積極的創新。在此基礎上總結出一些實際教學經驗與體會，與大家一起探討。

2、激發學生探究熱情，以學生為主導，采用適當的教學方法

《網頁設計與制作》是綜合實踐性很強的課程，無論是網頁界面設計、網頁編程、網頁藝術欣賞的教學，要讓學生成為教與學的主要部分，把“要我學”變“我要學”，課堂上給與學生充足的思考，激發學生探究熱情，讓學生變被動學習為主動學習，從而成為教與學的主體。

（1）課程內容模塊化，化解難點，循序漸進：我們將整個課程內容合理的模塊化，各模塊之間既相互獨立，也相互關聯，同時也將課程難點分解到各個不同的模塊中，化解了學生的畏懼心里。每個模塊自成體系，學完每一個個模塊就能獲得一項知識、技能，前面的模塊為后面模塊做鋪墊，后面的模塊又強化前面

模塊的內容。這樣可以讓學生牢固地掌握《網頁設計與制作》的核心。

（2）精心準備案例項目，從宏觀上進行教學設計：將實際案例引入教材、教學體系中，每個重要知識點均與實際應用結合起來，融創新思維培養、團隊學習方式、實踐案例教學于課程教學中。經典賞析、知識講授、課堂練習、實踐輔導、創新操作等不同教學方法靈活運用，在充分利用現代多媒體教學、網上學習、交流溝通的基礎上，采用第一課堂與第二課堂結合，學研相結合，將現代科學技術充分應用于教學改革之中。

（3）采用“四階段教學法”，從微觀上將“教、學、練、做”融為一體。在進行教學時，教師對每個學習情景都設計好案例，然后進行在上課的時候明確任務、教師演示、學生設計、展示評價等。

課程組教師在理論教學與實踐教學過程中抓住四個環節，提高教學效果。

（4）提倡“任務驅動”的教學理念：以目標確定教學任務，老師應該明確每節課的知識、技能目標，要根據這些目標設計具體的學習任務，力求學生完成學習任務；以任務引領自學，每次課，教師要明確下次學生應預習和準備的知識；用交流發現問題：在課堂教學中，無論是學生自學還是自測，教師都不應坐等問題出現，應當通過組織學生交流學習結果，在展示和對比中發現問題、發現認識缺陷；用碰撞形成共識，在課堂交流和評價中，發現學習中的問題，以此引起學生間的認識性爭議，學生在思維碰撞中形成共識，是最好的教學方式。

（5）師生互動、生生互動，活躍課堂氣氛：激發學習興趣，提高學生分析問題、解決問題的實際能力，達到輕松學習、自主學習的目的；充分調動了學生的學習積極性和主動性，有效提高學生的學習能力、應用能力和創新能力。采用項目驅動與基礎知識緊密相結合的全新教學模式，一邊分析講解、一邊操作演示、一邊動手練習、講練結合。

（6）舉辦學生作品大賽，展示成果、促進交流：舉行“網頁設計大賽”，給學生搭建了交流學習的平臺。通過這種活動，調動了學生的學習熱情，對學生的學習主動性有了極大的促進作用，對學生的學習方法和努力方向有明確的引導作用，對學生的實際動手能力有明顯的強化作用，對學生的求知欲和上進心有強烈的激勵作用。

（7）“教必有法而教無定法”： 在《網頁設計與制作》的課程教學中，教師做到教必有法，只有方法得當，才會有效，真正認識學生，了解學生基礎知識儲備量。根據教學內容的特點和學生思維活動的特點，采用情景教學法和講練結合的教學方法課堂上，教師如果能以優美的語言，慢慢賞析一個網頁時，讓學生沉浸在教師的滔滔話語中，對學生來說，學到的不僅僅是知識，獲得的更多的是一種藝術上的熏陶。

3、工學結合，教學合一，綜合全面評價學生

在課程的教學過程中，讓學生參加到實踐項目開發中去，從網頁設計與制作這個崗位群出發，積極倡導將真實的網站建設和網頁設計項目帶入課堂，爭取實現將學生的全程實踐結果作為承接項目的一部分。這樣就要求學生在實踐之前必須與客戶單位進行細致地溝通，以完成該模塊的需求分析，這樣既提高了學生的制作技術，又做到了所學的內容與社會需求零距離，同時還鍛煉了學生的人際交往能力、組織協調能力。

對學生的學習成果的的評價要不唯考試、不唯分數，《網頁設計與制作》課程技能操作性強，能熟練操作網頁設計工具、能制作出一個漂亮的網頁，能對別人制作的網頁作出自己的評析遠比100分來得重要，這也體現了陶行之“千教萬教，教人求真”的求真求實的精神，這個唯實、唯美的評價標準不僅僅是記在教師心中，也要在學生中間形成這種評價氛圍，學生的學習成果得到教師和周圍同學的肯定，是學生能持續主動學習最強大的內在驅動力。

4、課程改革的進一步探討

本課程主要講述靜態網頁制作部分，對于動態網頁、色彩搭配、flash動畫、圖形圖像處理技術只作簡單的介紹?！毒W頁設計與制作》作為一門綜合性的課程還涉及許多相關的課程，可以根據不同的培養目標開設不同的課程。如：計算機網絡專業前導課程可以開設Potoshop、Flash等，后繼課程可以開設動態網頁設計或電子商務網站開發等。

5、結束語

網頁設計作為一門實踐性較強的課程,在教學的方法上應有別于一般的基礎理論課程.提升學生的主動性,通過對教學內容及實驗內容的合理安排對學生進行正確引導并提高學生實際動手能力是其中的關鍵.我們對該課程的改革力求提高學生分析和解決問題的能力,通過教學實踐的探索,這種教學方法極大地提高了學生學習的積極性,取得了良好的教學效果.參考文獻：

[1] 張偉娜.《網頁設計與制作》課程教學的探討與實踐[J].教育信息化,2008(3).馬強.Dreamweaver網頁設計課程教學方法探討[J].福建電腦,2008(4).

第三篇：網頁設計師職位建議

網頁設計師

工作描述：1、2、3、至少1年以上網站設計制作工作經驗 熟悉網站建設的全過程以及相關技術 嫻熟運用Dreamweaver, Photoshop, Fireworks等網頁設計工具，切圖

速度快而準確；熟練使用CSS+DIV網頁架構技術；4、5、6、負責公司行業站相關頁面的設計、改版、維護 個人能獨立處理工單系統里的的工單，處理好及時反饋 善于發現平時工作中的問題（個人或是項目中），總結并分享有利工作上的方法

7、負責將網站的效果圖進行切圖，使用合理的編碼習慣，讓頁面清晰，簡潔，層次明了，易于維護，配合設計師和程序員，完成網站項目的建設

8、有較強的溝通能力和團隊協作能力，快速的學習能力，樂于分享與溝通。

高級網頁設計師

工作描述：1、2、3、3年以上大型電子商務網站設計制作工作經驗 善于溝通協調、敢于面隊挑戰，敬業責任心強，有良好的團隊精神 能把握互聯網多種設計風格和潮流，把商業、設計完美結合；熟練使用常

用設計工具，熟練使用Photoshop、Flash、Dreamweaver、Illustrator等圖形和動畫制作軟件；

4、熟練使用CSS+DIV網頁架構技術；了解IE,Firefox,Safari主流瀏覽器的頁面顯示差異

5、具備獨立設計策劃與制作能力，能準確理解客戶所提出的構思，及時高效

完成項目的要求；6、7、8、根據產品需求，分析并給出最優的頁面前端結構解決方案 對交互設計、可用性、用戶體驗有一定程度的理解，、持續的優化前端體驗和頁面響應速度，優化代碼并保持良好兼容性，提升

web界面的友好和易用；

9、負責公司行業站的網站首頁及相關頻道頁的整體設計及切圖

10、對公司所運營的網站有較深刻的了解，網站出了問題應第一時間解決

11、對于研發部門所提出的頁面要求都能及時完成相應的效果

資深網頁設計師

工作描述：1、2、5年以上大型B2B、B2C電子商務網站設計制作工作經驗 具備獨立設計策劃與制作能力，有優良的藝術創意素質，設計具備時尚感，能符合當代互聯網設計的發展；出色的頁面視覺表現能力、審美意識，較強的圖片設計及處理能力；提出嶄新的創意策略；

3、優秀的設計習慣以及嚴謹的工作態度,對國內電商環境和商業業態有一定

認識

4、熟練使用Photoshop、Flash、Dreamweaver、Illustrator等圖形和動

畫制作軟件；

5、能夠熟練運用 HTML, CSS, Javascript,Jquery，HTML5+CSS3構建高性

能的 Web 應用程序，經常關注國內大型網站所運作的技術，學習并掌握運用到我們網站上來。

6、負責設計行業站的整體風格，包括制定網站整體顏色，寬度，字體，間距，行高，UI，ICO，等標準

7、負責制定行業站整體項目流程制作進度標準，包括文件結構，文件命名，CSS標準等8、9、負責設計行業站大型主題、策劃品牌營銷活動及廣告創意 負責監督行業站整體完成質量水平

視覺設計師

工作描述：1、2、3、4、5、6、具有出色的藝術設計能力和web頁面的表現力； 年輕，富有創造力和激情，對web前沿產品有靈敏的觸覺和領悟能力； 熟悉web頁面表現和交互技術者優先； 具有兩年以上的大型電子商務平臺開發經驗； 良好的表達能力，溝通交流技巧，團隊協作能力； 熟悉網站項目流程，具有較強項目規劃能力和提升能力，優秀的職業素質，能夠承受工作壓力；

7、根據產品策劃提供的DEMO圖需求結合自身創意能夠獨立完最優的界面

設計解決方案、網站前臺頁面設計方案；

8、負責公司行業站、宣傳平臺、興旺通UI的網頁的設計、頁面的美化、各

種活動及專題頁面的制作

9、熟練運用Photoshop、fireworks、Illustrator等常用設計制作軟件工具；

10、對于前期遇到反復修改的效果圖，要給予科學合理的修改建議，有個人見

解，能夠不斷提出對產品、版面、廣告等頁面的修改創新；

11、按時完成領導分配的任務，如遇到平時相對較空的時間，要自發去學習或

制作與項目相關的工作

第四篇：《網頁設計中的表格排版》教案

《網頁設計中的表格排版》教案

授課老師：陳清鋒

總1課時

本周第5課時

備課時間:2010年11月30日

授課班級:高一（2）班

授課時間:2010年12月9日

教學目標

知識與技能

1、掌握網頁設計中的格式化操作

2、掌握網頁設計中表格底紋設置

3、掌握表格的屬性設置

4、掌握網頁設計中表格的排版 過程與方法

1、培養學習、比較、歸納等思想方法和自覺學習的方法。

2、培養學生動手操作的動手能力，形成比學趕幫的學習氣氛。

3、培養學生基本的網頁制作流程，培養學生任務驅動方法。情感態度與價值觀

1、在操作過程中體會網頁編輯的整體美感，培養學生基本審美的觀點。

2、引導學生形成自主學習與合作學習等良好的學習方式。

3、培養學生正確的人生觀和道德情感。教學重點

1、表格中單元格的美感排版

2、掌握表格中的底紋操作 教學難點

1、網頁設計中的表格美感排版

2、網頁設計中表格嵌套操作 教學用時 1課時 教學地點 三樓機房 教學過程

一、課堂準備及引入（2分鐘）

師生問好。清點人數。安全教育：大家剛才來到機房是怎么來的？蹦過來的？！不要急沖沖地來，要做一個文明學生，有一個大將風范，從容地走進機房，如果你是跑來，容易撞到別人，自己也容易摔倒。

大家都知道，現在每個公司，每個學校，每個企業都有了自己的網站，他們的網站都是很漂亮，而且都是非常容易吸引人的，其實，你們也是有能力達到那種水平的，關鍵是看你要不要學的問題，如果你要學，你們完全有可能超越他們。那么，在制作網頁之前我們應該做一個什么重要的步驟呢？建立網站站點，下面，讓一個同學來建立一個網站。由學生上臺操作完成。網站建好以后，我們就可以制作網頁了。今天我們的主要內容是如何利用網頁設計中的表格對網頁進行排版。（展示課題和重難點）

接著，展示本次訓練的網頁效果。要求學生按要求完成本次作業效果。（發素材到學生機）

二、提出自學訓練題目（5分鐘）

學生自己建立一個以自己名字命名的站點，新建一個主頁頁面，同時再建3個頁面作子頁面。

1、建立主頁，同時建立三個子頁面，制作主頁網頁背景，字體大小和網頁標題。

2、制作LOGO欄（一行3列）。

3、制作導航條（首頁、湄州之旅、三字公約等8個導航）

4、制作主頁面的排版。（注意各排版的關系和位置）。

5、制作頁面底部的版權和與子頁面的鏈接部分。

三、學生操作，教師巡視（5分鐘）

四、學生演示操作結果，檢查學生的自學效果（5分鐘）學生操作結果。（分別由學生來完成題目）

五、教師講解，指出學生的不足（板書）（8分鐘）

1、建立主頁，“文件”→“新建”→“基本頁”→“HTML” →“確定”。保存存“index.html”，用同樣的方法建立三個子頁面，分別保存。a“屬性”→“頁面屬性”→點擊“背景圖像”右邊的“瀏覽”按鈕，選擇“pic/bggreen.gif”這個圖像文件，作為網頁的背景。

b在標題右邊輸入：歡迎進入充滿朝氣蓬勃的高一（2）班級網站。

2、制作LOGO：制作一行三列的表格，分別插入各自的圖像和文件。

3、制作導航：a新建一個頁面文件，然后在編輯區域中插入一個 2 × 1 的表格，并設置表格的基本屬性參數。b將光標置于第一行的單元格中，再將單元格的背景顏色設置為 # 69A 538，并應用同樣的方法將第二行單元格的背景顏色設置為 #8FCB 5A。設置完成后將光標至于第一行的單元格中，然后在此單元格中插入一個 1 × 8 的表格，并設置表格的基本屬性參數.。c錄入文字并設置單元格。在新插入的表格的所有單元格中輸入文字，然后選中所有單元格，設置單元格的相關屬性。d改變其中一個單元格的文字顏色和背景顏色，使其突出顯示。e此時即可得到帶有層次感的表格效果。

4、主頁面的排版：（重點講解，讓學生明白為什么要這樣操作）

a插入一個一行三列的表格（重點說明：大的外表格起到排版布局作用）b左邊的一列：插入三行一列的表格，并輸入必要的圖像和文字。c中間的一列：插入三行一列的表格，并輸入必要的圖像和文字。d右邊的一列：插入三行一列的表格，并輸入必要的圖像和文字。（查看結果與教師的效果有何不一樣）

e左邊的一列：插入三行三列的表格，并輸入必要的圖像和文字。f中間的一列：插入三行一列的表格，并輸入必要的圖像和文字。g右邊的一列：插入三行三列的表格，并輸入必要的圖像和文字。

（整調排版使用網頁整潔美觀，關鍵利用網頁設計中的空表格作用進行排版）

5、制作版權和子頁面：一行一列表格，輸入版權。制作部分超鏈接。

六、學生當堂訓練（8分鐘）

學生繼續完善網頁主頁和子頁面的設計及超鏈接制作。

七、學生提交作業（2分鐘）

讓學生把作業提交上來，檢查學生的作業。

八、作業講評，比較，推優（1分鐘）

把學生作業進行講評，學生之間對比在學習中形成一個比學趕幫的氣氛。（做好學生作業情況記錄）

九、小結（1分鐘）

1、網頁中的表格排版一定少用空格。

2、頁面要整齊美觀。

3、網頁中排版要注意空隙的使用。

4、使用擴展布局。

5、只設寬度，不設高度。

十、作業（10秒）

制作一個關于個人的網站。

十一、思考題，指導下一節講課內容（30秒）

1、網頁設計中有否其他的頁面排版？

2、預習層的使用？它與網頁有什么不一樣的地方？

十二、檢查計算機硬件配件，師生問好，有秩序下課。（5秒）

十三、教學反思

第五篇：在網頁中插入圖片教學設計

《在網頁中插入圖片》教學設計

執教：熊

恒

教學目標： 知識與技能：

會打開上次的網頁；了解圖片在網頁中的作用；學會在網頁中插入圖片的方法。

過程與方法：

通過獨立探究和小組探究的方法基本掌握在網頁中插入圖片。

情感態度與價值觀：

培養學生的審美能力，形成與同學和諧相處、共同進步的精神。明白幫助他人的目的就是美化我們的心靈。

教學重難點：

重

點：了解圖片在網頁中的作用 難

點：能在網頁中插入圖片

教學時間：一課時

教學過程：

一、導入新課：

同學們，上節課我們學會了制作只有文字的網頁。可是“咪咪豆網屋”的主頁還有可愛的胖胖熊圖片呢！它是怎么進來的？對于這個問題，我們來進行具體的研究。

揭示課題：在網頁中插入圖片

二、探究新知 任務一：了解圖片在網頁中的作用。

（1）、教師出示只有文字和帶有圖片的兩個網頁，提問：這兩個網頁哪一個好看呢？

（2）、引導學生觀察，并說出為什么？指定學生回答（有圖片的那一個）

（3）、小結：網頁中的圖片可以使網頁更加美觀漂亮。任務二：打開主頁文件咪咪豆網屋index.htm（1）、師生復習啟動frontpage 軟件。（它是微軟公司推出的一款優秀的網頁制作軟件）

（2）、學生試著打開主頁文件咪咪豆網屋index.htm，老師巡視并校正。

操作步驟：網頁制作軟件——單擊文件——打開文件——我的文檔，找到主頁文件咪咪豆網屋index.htm——再打開。

（3）、學生操作。

任務三：把“胖胖熊”請進來

（1）師生復習在word 中插入圖片的方法，指名學生回答。教師小結：方法一：①、復制——粘貼；②、方法二：菜單——插入——圖片——來自文件——選擇圖片單擊插入。

（2）學生練習圖片的插入，（3）學生探究把胖胖熊請進“咪咪豆網屋”主頁中的的方法。

教師提問：能否把在word中插入圖片的方法運用在frontpage 軟件中呢？（指名學生回答：可以）學生動手操作：教師巡視，對不正確的地方進行校正。教師小結：

我們可以這樣把胖胖熊請進“咪咪豆網屋”主頁。操作步驟：

① 把光標移到第二行“咪咪豆網屋”的左邊；

② 單擊“插入”菜單；

③ 選圖片來自文件→選C：“網頁制作”文件夾→找到“胖胖熊1.gif” 文件并單擊→單擊“確定”。

（3）、學生操作，教師巡視指導

（4）、要求學生用同樣的方法把胖胖熊放到“咪咪豆網屋”的右邊。

任務四：保存網頁

同學們，我們成功把胖胖熊請進“咪咪豆網屋”主頁中，現在，我們要做的就把今天的作品保存起來！

學生試著保存：單擊文件菜單——保存文件。

四、教師小結：今天同學們通過努力，基本掌握了在網頁中插入和美化圖片的方法，我們插入網頁的目的是美化網頁，幫助他人的目的是美化我們的心靈。