百度優(yōu)化教學(xué)設(shè)計(jì)

一般的百度優(yōu)化教學(xué)設(shè)計(jì)如下：

一、教學(xué)內(nèi)容

百度優(yōu)化、網(wǎng)站優(yōu)化的方法，共第一課時(shí)。

二、教材分析

教材中的知識點(diǎn)為：

1.用表格進(jìn)行頁面布局2．介紹了在網(wǎng)頁中插入圖像的方法

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

4.為圖片建立超級鏈接

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

三．學(xué)情分析：

從高二信息技術(shù)學(xué)業(yè)水平考試的要求上，用FrontPage講解學(xué)生也易把握。所以在組織教學(xué)時(shí)我是組織學(xué)生用FP軟件來制作網(wǎng)站的。所以這節(jié)課也是用這個(gè)軟件。

從教學(xué)設(shè)計(jì)的思路上考慮，教材也可作適當(dāng)?shù)难a(bǔ)充：穿插講一些圖片的格式等內(nèi)容。

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

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

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

五．教學(xué)重點(diǎn)與難點(diǎn)

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

難點(diǎn)是能進(jìn)行頁面的總體布局，色彩和諧，對網(wǎng)站和網(wǎng)頁做到視覺上的優(yōu)化。

六．教學(xué)方法與手段

采用對比分析作品的方法，分析成功的網(wǎng)站，帶領(lǐng)學(xué)生完成美化網(wǎng)頁的任務(wù)。教師先講解示范，學(xué)生再接著操作練習(xí)完成。

七．教學(xué)過程

教學(xué)環(huán)節(jié)教師活動學(xué)生活動

問

題

引

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

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

引出今天的課題任務(wù)：優(yōu)化網(wǎng)站和網(wǎng)頁。

展示新浪網(wǎng)的首頁,講解表格在排版上的作用.學(xué)生根據(jù)教師的講解進(jìn)行思考：如何利用表格來進(jìn)行排版操作。

優(yōu)化網(wǎng)站方法之一：用表格進(jìn)行頁面布局具體：插入一表格，設(shè)置其屬性中的表格粗細(xì)為零。

表格也可以進(jìn)行嵌套等。

提出任務(wù)一：利用表格來優(yōu)化老師提供的網(wǎng)頁。

查看教師機(jī)的共享文件夾內(nèi)容，下載網(wǎng)頁文件1.htm，用表格來進(jìn)行頁面布局。

完成任務(wù)一：用表格來排版布局網(wǎng)頁頁面。

優(yōu)化網(wǎng)站方法之二：用圖像美化網(wǎng)頁展示第三張網(wǎng)頁，上面是圖文并茂的頁面內(nèi)容。能使網(wǎng)頁生動，形象，突出主題，增強(qiáng)藝術(shù)效果。

1.插入圖像：

（1）將插入點(diǎn)放置在要顯示圖像的地方，執(zhí)行[插入]――[圖像]

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

1，在共享文件夾中自學(xué)有關(guān)圖形格式的資料文件――”圖片格式.doc”,學(xué)習(xí)有關(guān)圖片格式方面的知識,為優(yōu)化網(wǎng)站作知識預(yù)備.

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

完成任務(wù)二、能插入圖片，進(jìn)行圖片屬性的設(shè)置等操作。

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

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

在鏈接對話框內(nèi)輸入超鏈接地址。

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

知識拓展,學(xué)習(xí)使用PS軟件,在簡單圖片上添加文字展示網(wǎng)頁文件4.htm

指出網(wǎng)頁3和網(wǎng)頁4的一些區(qū)別,指導(dǎo)學(xué)生運(yùn)用PS軟件進(jìn)行圖像的簡單加工.演示如何啟動PS軟件,打開文件,加文字,很后保存成JPG格式的圖像文件.開始練習(xí)一下圖像加工軟件進(jìn)行文字的加入,并且很后能保存成JPG格式的圖像.

延伸作業(yè)布置繼續(xù)完善自己主題網(wǎng)站的作業(yè).運(yùn)用今天所學(xué)的優(yōu)化網(wǎng)站的方法來優(yōu)化自己的網(wǎng)站.打開自己在前幾節(jié)課做的主題網(wǎng)站,運(yùn)用今天所學(xué)的優(yōu)化方法,優(yōu)化自己的主題網(wǎng)站.

總結(jié)我們今天由于時(shí)間關(guān)系,只給大家介紹了有限的優(yōu)化網(wǎng)頁的方法,在后面的課時(shí)里,我們將繼續(xù)為大家介紹其他一些常用的優(yōu)化網(wǎng)站的方法,希望我們同學(xué)能運(yùn)用這些方法,把自己的網(wǎng)站優(yōu)化好,更形象美觀.保存網(wǎng)站.

文件1.htm

用表格排版后的網(wǎng)頁文件2.htm

用圖像優(yōu)化后的網(wǎng)頁文件3.htm

用PS軟件對圖片進(jìn)行簡單加工后插入網(wǎng)頁的網(wǎng)頁文件4.htm

學(xué)生的學(xué)案:

一.知識拓展

資料1：關(guān)于網(wǎng)頁圖片的格式

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

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

二.PhotoShop軟件的使用

在圖像上加入文字,進(jìn)行合成圖像的操作。如想進(jìn)行進(jìn)一步的學(xué)習(xí)或?qū)@個(gè)軟件有愛好的同學(xué)，可以上搜索相關(guān)的教學(xué)站點(diǎn)進(jìn)行進(jìn)一步的學(xué)習(xí)。

三.學(xué)生作業(yè)

任務(wù)一.運(yùn)用表格排版,優(yōu)化網(wǎng)頁文件”1.htm”

任務(wù)二.在網(wǎng)頁文件中插入圖像,結(jié)合表格排版的方法,優(yōu)化網(wǎng)頁文件“2.htm”

任務(wù)三.在給定的圖像上加入文字,很后合成一新的JPG文件,插入到自己的網(wǎng)頁上,進(jìn)行屬性方面的設(shè)置等操作.

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

（推薦閱讀：百度優(yōu)化特點(diǎn)）

（推薦閱讀：新站做百度優(yōu)化的七點(diǎn)注重事項(xiàng)）

（推薦閱讀：Google優(yōu)化與百度優(yōu)化的區(qū)別）

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

本文系原創(chuàng)文章,版權(quán)歸為網(wǎng)站優(yōu)化所有,原文請查看鏈接地址轉(zhuǎn)載必須帶上此地址,并標(biāo)明原始出處,否則將追究法律責(zé)任。

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