教科版信息技術(shù)（選修）--網(wǎng)絡(luò)技術(shù)應(yīng)用網(wǎng)站首頁的布局教案

1、網(wǎng)站首頁的布局教學(xué)目標(biāo)：明確網(wǎng)站布局的一般原則根據(jù)原則修改網(wǎng)站首頁教學(xué)重點(diǎn)：理解并運(yùn)用網(wǎng)站首頁的一般規(guī)則教材分析：教材中利用表格的方式列舉了幾種常見的樣式，如廠字型、口字形、自由式。根據(jù)主題，選擇那種樣式，為什么要采用這種樣式，學(xué)生不能很好的理解。而且容易固化學(xué)生的思維。教學(xué)過程：上節(jié)課我們一起開始研究網(wǎng)站首頁面的設(shè)計(jì)和制作，請(qǐng)大家回憶一下首頁面上有哪些基本組成元素？有了這些元素，可以開始考慮布局了，這些元素在頁面上該如何擺放呢？大家已

2、經(jīng)開始嘗試去做了，下面我們來看看做的情況。（師生共同瀏覽作業(yè)，呈現(xiàn)兩個(gè)例子）對(duì)于這兩份作業(yè)，可能大家都有一些自己的想法，我們先不急著說，等我們今天學(xué)習(xí)完了以后再作評(píng)價(jià)。課后，請(qǐng)每個(gè)同學(xué)任選一個(gè)專題網(wǎng)站，對(duì)網(wǎng)站的首頁面各基本組成元素的位置進(jìn)行了分析。每個(gè)人看到的頁面是有限的，那我匯總了一個(gè)班的情況。看看根據(jù)這些數(shù)據(jù)，你能得出些什么結(jié)論？根據(jù)數(shù)據(jù)，大家可以總結(jié)一下，一般情況下：1、網(wǎng)站的名稱一般（上、左上）主題地位重要，要突出顯示，這個(gè)位置

3、是我們比較容易看到的，是很醒目的位置。2、欄目一般放在中間偏上或左邊偏上用戶通過欄目訪問網(wǎng)站里面的內(nèi)容，要方便用戶去點(diǎn)擊。3、友情鏈接一般放頁面的靠下方的位置，因?yàn)樗鄬?duì)欄目顯得不重要，不是你網(wǎng)站里提供的主要內(nèi)容。4、版權(quán)信息一般放在頁面的最下方。因?yàn)樗鼘?duì)于瀏覽者來說是最不重要的內(nèi)容，但對(duì)于網(wǎng)站的作者來說卻是不可缺少的東西。所以放在最不重要的位置。5、其他的空白處網(wǎng)站的推薦欄目及主要內(nèi)容，一般不會(huì)有大篇幅的文字出現(xiàn)。第一個(gè)原則：重點(diǎn)突出

4、第一個(gè)原則：重點(diǎn)突出展示學(xué)生作品用原則一分析，我們的首頁面布局不僅僅要做到重點(diǎn)突出，還要注意圖片的大小合不合適，左右文字圖片是否對(duì)稱？視覺效果上看是否諧調(diào)……這就是我們的第二個(gè)第二個(gè)原則：平衡諧調(diào)原則：平衡諧調(diào)。展示學(xué)生作品，首頁和分頁面對(duì)比，總結(jié)第三個(gè)原則風(fēng)格統(tǒng)一，總結(jié)第三個(gè)原則風(fēng)格統(tǒng)一練習(xí)：學(xué)生根據(jù)這三個(gè)原則修改自己的首頁。根據(jù)完成情況作適當(dāng)點(diǎn)評(píng)?？偨Y(jié)：我們?yōu)g覽的網(wǎng)站中大部分都是我們看到的規(guī)則布局形式，當(dāng)然也有不規(guī)則的，比如我們少部

5、分?jǐn)?shù)據(jù)反映的特例網(wǎng)站：“”的頁面形式，這樣的布局相對(duì)比較自由，這樣的頁面因?yàn)橛凶约旱莫?dú)特魅力，所以在網(wǎng)上尤其吸引我們的眼球。希望大家能夠不拘一格，大膽創(chuàng)新。當(dāng)然不管什么樣的布局，依舊需要遵循我們提出的原則：重點(diǎn)突出、平衡諧調(diào)，風(fēng)格統(tǒng)一。附調(diào)查圖表：020406080網(wǎng)站名稱的位置608030100320左上上右上左中右其他020406080欄目列表的位置60803070035左上上右上左中右其他020406080友情鏈接的位置60803