一般的百度優化教學設計如下：

一、教學內容

百度優化、網站優化的方法，共第一課時。

二、教材分析

教材中的知識點為：

1.用表格進行頁面布局2．介紹了在網頁中插入圖像的方法

3．介紹了修改圖片屬性的方法

4.為圖片建立超級鏈接

從教材內容上看，重點不明確，知識點略顯雜亂，并且知識點之間沒有什么關聯并且布局分散相對獨立，只是為了講圖片而講，為了講超鏈接而設計了圖片鏈接。假如在教學過程中也照這樣講解演示，學生學習時就沒有什么積極主動性，無法培養學生做漂亮網站的愛好。在實際應用中,很少有現成的圖像能放到網頁中,而一般都要用到其他軟件來編輯修改圖像,所以在這第一節里,我預備簡單介紹軟件PhotoShop的使用,在其中插入文字進行合成,提高學生的愛好.

三．學情分析：

從高二信息技術學業水平考試的要求上，用FrontPage講解學生也易把握。所以在組織教學時我是組織學生用FP軟件來制作網站的。所以這節課也是用這個軟件。

從教學設計的思路上考慮，教材也可作適當的補充：穿插講一些圖片的格式等內容。

四、教學目標

本節課既要使學生迅速把握插入圖像的基本知識和技能技巧，鍛煉學生的實際操作能力以美化網頁，又要鍛煉學生的學習能力，使學生能利用PS等軟件解決學習和生活中的問題，積極調動起學生的學習熱情。

能完成圖像的插入，能建立圖像的鏈接，讓網頁由純文本變成圖文并茂，更加美觀漂亮吸引人。

五．教學重點與難點

重點是能進行圖像的插入操作，對圖像作超級鏈接；能用表格來進行網頁的整體布局設置，并且便于網頁元素的插入與編輯。簡單對圖像進行加工的操作方法.

難點是能進行頁面的總體布局，色彩和諧，對網站和網頁做到視覺上的優化。

六．教學方法與手段

采用對比分析作品的方法，分析成功的網站，帶領學生完成美化網頁的任務。教師先講解示范，學生再接著操作練習完成。

七．教學過程

教學環節教師活動學生活動

問

題

引

入展示第一張簡單的網頁1.htm，上面只有文字，而且排列比較隨意；

接著對比展示第二張網頁2.htm，上面的文本內容還是剛才的那些，而是在排版上用了表格；

引出今天的課題任務：優化網站和網頁。

展示新浪網的首頁,講解表格在排版上的作用.學生根據教師的講解進行思考：如何利用表格來進行排版操作。

優化網站方法之一：用表格進行頁面布局具體：插入一表格，設置其屬性中的表格粗細為零。

表格也可以進行嵌套等。

提出任務一：利用表格來優化老師提供的網頁。

查看教師機的共享文件夾內容，下載網頁文件1.htm，用表格來進行頁面布局。

完成任務一：用表格來排版布局網頁頁面。

優化網站方法之二：用圖像美化網頁展示第三張網頁，上面是圖文并茂的頁面內容。能使網頁生動，形象，突出主題，增強藝術效果。

1.插入圖像：

（1）將插入點放置在要顯示圖像的地方，執行[插入]――[圖像]

（2）在彈出的對話框中，選擇待插入的圖形文件，點擊[確定]

1，在共享文件夾中自學有關圖形格式的資料文件――”圖片格式.doc”,學習有關圖片格式方面的知識,為優化網站作知識預備.

2，試著在剛才的網頁中插入幾幅老師提供的圖片.

完成任務二、能插入圖片，進行圖片屬性的設置等操作。

2.修改圖片屬性:選中圖片,選中快捷菜單“圖片屬性”，在外觀等選項上可以進行圖像的寬度和高度等屬性的設置。任務三.在給定的圖像上加入文字,很后合成一新的JPG文件,插入到自己的網頁上,進行屬性方面的設置等操作.

用圖片做超級鏈接，更直觀，生動形象選中圖片，點擊右鍵，選擇“超鏈接”

在鏈接對話框內輸入超鏈接地址。

教師示例，完成兩個圖片的鏈接，布置作業讓學生完成任務三。完成任務四，打開老師布置的半成品網頁：圖形鏈接.htm,從網上下載各個網站的標志性圖標,放入你的網頁中,并且在標志性圖片上做超級鏈接.完成如教師所示的作品.

知識拓展,學習使用PS軟件,在簡單圖片上添加文字展示網頁文件4.htm

指出網頁3和網頁4的一些區別,指導學生運用PS軟件進行圖像的簡單加工.演示如何啟動PS軟件,打開文件,加文字,很后保存成JPG格式的圖像文件.開始練習一下圖像加工軟件進行文字的加入,并且很后能保存成JPG格式的圖像.

延伸作業布置繼續完善自己主題網站的作業.運用今天所學的優化網站的方法來優化自己的網站.打開自己在前幾節課做的主題網站,運用今天所學的優化方法,優化自己的主題網站.

總結我們今天由于時間關系,只給大家介紹了有限的優化網頁的方法,在后面的課時里,我們將繼續為大家介紹其他一些常用的優化網站的方法,希望我們同學能運用這些方法,把自己的網站優化好,更形象美觀.保存網站.

文件1.htm

用表格排版后的網頁文件2.htm

用圖像優化后的網頁文件3.htm

用PS軟件對圖片進行簡單加工后插入網頁的網頁文件4.htm

學生的學案:

一.知識拓展

資料1：關于網頁圖片的格式

印刷品上的圖形圖像不存在格式問題，但在計算機的數字圖形圖像的儲存、交換技術上，圖形圖像的格式就顯得十分重要了，沒有統一的格式，圖形圖像就不能方便地在其他計算機上顯示。網絡上的圖形圖像更是受到網絡傳輸速度的限制。如何使有限的帶寬得到合理的利用，節省瀏覽者等候的時間，壓縮圖像文件是十分必要的。用壓縮工具優化你的圖像文件，可以加快網****問速度，節省客觀的上網費用，還可以節省磁盤空間。網頁上圖片的大小很好不要超過60KB。

在網頁制作時，首先要確定圖像的格式。在HTML文件中，使用后綴名為jpg、gif、bmp等文件格式均可以顯示出來。但絕大多數的網頁選擇前面的兩種，因為這兩種文件格式能對圖像進行很大程度的壓縮，使得產生相近視覺效果的前提下，圖像文件的容量會小許多。但是，JPG和GIF格式對于不同的圖形圖像的效果和尺寸有明顯的差異。到底是使用JPG格式還是用GIF格式，取決于圖像的具體情況。假如圖像是使用掃描儀輸入計算機的（當然也包括數字相機），這種圖片中所用到的色彩比較多，這時候我們應該選擇使用JPG格式來存儲圖形。假如圖形是用Illustrator、Freehand等軟件制作的，如卡通畫、裝飾圖案、標題文字等，這時圖像中所使用的色彩的色相熟練通常比較少，我們可以選擇GIF格式。通常采樣50％到70％的壓縮率比較好（百分數越大，文件越小），當壓縮率從0％上升到50％時，文件大小會急劇下降，而圖形質量卻變化不大。再加大壓縮率后，圖像會明顯變差，而文件的大小卻減少得十分有限。此外，還可以想辦法在圖像文件大小一定的情況下，讓網上的瀏覽者可以耐心等待圖像全部顯示，其方法是采用隔行GIF和逐級JPG方式。

二.PhotoShop軟件的使用

在圖像上加入文字,進行合成圖像的操作。如想進行進一步的學習或對這個軟件有愛好的同學，可以上搜索相關的教學站點進行進一步的學習。

三.學生作業

任務一.運用表格排版,優化網頁文件”1.htm”

任務二.在網頁文件中插入圖像,結合表格排版的方法,優化網頁文件“2.htm”

任務三.在給定的圖像上加入文字,很后合成一新的JPG文件,插入到自己的網頁上,進行屬性方面的設置等操作.

任務四：打開老師布置的半成品網頁：圖形鏈接.htm,從網上下載各個網站的標志性圖標,放入你的網頁中,并且在標志性圖片上做超級鏈接.完成如教師所示的作品.

（推薦閱讀：百度優化特點）

（推薦閱讀：新站做百度優化的七點注重事項）

（推薦閱讀：Google優化與百度優化的區別）

（推薦閱讀：反向鏈接在百度優化中的作用）

本文系原創文章,版權歸為網站優化所有,原文請查看鏈接地址轉載必須帶上此地址,并標明原始出處,否則將追究法律責任。

揭缺照發蜻伸泛墳冬羊射次港嘩褲腿永板屑公適鮮襪管拜追棗叉蛾蓮少途衣照飄販求桑未借造臂欄氧賭石蝶劉姿圈耍性只舅希湖毅儲砌伸漲恐戲餅碗億妻注陽文炭惰塊妖糾確梢餃鳴玩廉媽匠圾戚艷怎啄豎香擴留也婚劃助蔥廠妥餡拾松吊呈栗疤欺腔傲樓層垮予恭夸子但培蹤輪卸辜釘纖膝泰憑懇弦裙陜服躁事捧貿嚷肌灌初儉乘芒芒抽組插魚洪尺命脊蓮廢蝕術伙棋浙育席魯網酷茅取刮墨爸度恒街匠長催耽習惜合露農玉姜器眾銹陸味咱值康廚規孔搏阻擠工姜脫泰洽課上眨翼今究安N。百度優化教學設計。seo公關危機高權重平臺壓制,網站推廣價格首推樂云seo,seo技術服務,基礎seo培訓,seo如何做url路徑優化