網(wǎng)絡(luò)編輯實(shí)務(wù)項(xiàng)目七課件

1、網(wǎng)頁版面設(shè)計(jì) 任務(wù)一 簡介網(wǎng)頁設(shè)計(jì)的常用軟件知識(shí)目標(biāo)教學(xué)目標(biāo)能力目標(biāo)情感目標(biāo)1.知道網(wǎng)頁常用設(shè)計(jì)軟件。2.了解這些軟件的基本知識(shí)。3.了解網(wǎng)頁設(shè)計(jì)基本知識(shí)。學(xué)會(huì)在網(wǎng)絡(luò)上尋找并下載軟件。 通過新知的學(xué)習(xí)，提升作為一名網(wǎng)絡(luò)編輯人員的素能；同時(shí)，在學(xué)習(xí)過程中感受相互協(xié)作工作的樂趣。任務(wù)一 簡介網(wǎng)頁設(shè)計(jì)的常用軟件重點(diǎn)教學(xué)重難點(diǎn)難點(diǎn)學(xué)法學(xué)習(xí)網(wǎng)頁制作基本知識(shí)。下載網(wǎng)頁制作常用軟件。建議采取操作法教法學(xué)法教法建議采取小組合作學(xué)習(xí)法任務(wù)一 簡介網(wǎng)頁設(shè)計(jì)的常用軟件新知學(xué)習(xí)一、網(wǎng)頁的基本元素 一般來說，組成網(wǎng)頁的元素有文字、圖形、圖像、聲音、動(dòng)畫、影像、超鏈接以及交互式處理等。它們的特點(diǎn)如下。任務(wù)一 簡介網(wǎng)頁設(shè)計(jì)

2、的常用軟件新知學(xué)習(xí)1文字 網(wǎng)頁的主體，負(fù)責(zé)傳達(dá)信息的功能。在網(wǎng)頁制作時(shí)，可通過字體、字型、字號(hào)和顏色等變化來美化頁面格局。2圖形 WWW上的圖形文件格式主要有JEPG、GIF和PNG三種格式，其中JPEG格式可支持真彩色和灰度的圖形，而GIF文件只能儲(chǔ)存256色的圖片。任務(wù)一 簡介網(wǎng)頁設(shè)計(jì)的常用軟件3動(dòng)畫 動(dòng)畫是動(dòng)態(tài)的圖形，添加動(dòng)畫可以使網(wǎng)頁更加生動(dòng)。常用的動(dòng)畫格式包括動(dòng)態(tài)GIF圖片和Flash動(dòng)畫，前者是用數(shù)張GIF圖片合成的簡單動(dòng)畫；后者采用矢量繪圖技術(shù)，生成帶有聲音效果及交互功能的復(fù)雜動(dòng)畫。4聲音和視頻 聲音是多媒體網(wǎng)頁中的重要組成部分。在將聲音添加到網(wǎng)頁之前，首先要對(duì)聲音文件進(jìn)行分析和

3、處理，包括用途、格式、文件大小和聲音品質(zhì)等。支持網(wǎng)絡(luò)的聲音文件格式很多，主要有MIDI、WAV、MP3和AIF等。 一般來說，不要使用聲音文件作為背景音樂，那樣會(huì)影響網(wǎng)頁的下載速度。可以在網(wǎng)頁中添加一個(gè)打開聲音文件的鏈接，讓音樂變得可以控制。在網(wǎng)頁中也可以插入視頻文件，視頻文件使網(wǎng)頁變得精彩生動(dòng)，網(wǎng)頁中支持的視頻文件格式主要有Realplay、Mpeg、AVI和DivX等。新知學(xué)習(xí)任務(wù)一 簡介網(wǎng)頁設(shè)計(jì)的常用軟件新知學(xué)習(xí)5表格 在網(wǎng)頁中使用表格可以控制網(wǎng)頁中信息的結(jié)構(gòu)布局，精確定位網(wǎng)頁元素在頁面中出現(xiàn)的位置，使網(wǎng)頁元素整齊美觀。6超鏈接 超鏈接是網(wǎng)頁與其他網(wǎng)絡(luò)資源聯(lián)系的紐帶，是網(wǎng)頁區(qū)別于傳統(tǒng)媒體

4、的重要特點(diǎn)，正是超鏈接的使用，使互聯(lián)網(wǎng)變得豐富多彩，可以在文本和圖片上設(shè)置超鏈接。7導(dǎo)航欄 導(dǎo)航欄是用戶在規(guī)劃好站點(diǎn)結(jié)構(gòu)，開始設(shè)計(jì)主頁時(shí)必須考慮的一項(xiàng)內(nèi)容。其作用是引導(dǎo)瀏覽者游歷所有站點(diǎn)。實(shí)際上，導(dǎo)航欄就是一組超鏈接，鏈接的目標(biāo)就是站點(diǎn)中的主要網(wǎng)頁。一般情況下，導(dǎo)航欄應(yīng)放在網(wǎng)頁中引人注目的位置，通常在網(wǎng)頁的頂部或者一側(cè)，導(dǎo)航欄可以是文本鏈接，也可以是一些圖標(biāo)和按鈕。任務(wù)一 簡介網(wǎng)頁設(shè)計(jì)的常用軟件新知學(xué)習(xí)8信息提交表單表單類似于Windows程序的窗體，用來將瀏覽者提供的信息，提交給服務(wù)器端程序進(jìn)行處理。表單是提供交互功能的基本元素，例如問卷調(diào)查、信息查詢、用戶申請及網(wǎng)上訂購等，都需要通過表單進(jìn)

5、行信息的收集工作。9其他常見元素網(wǎng)頁中除了以上幾種最基本的元素之外，還有一些其他的常見元素，包括懸停按鈕、Java特效和ActiveX等各種特效。這些元素使網(wǎng)頁生動(dòng)有趣，其樂無窮。綜上所述，網(wǎng)頁設(shè)計(jì)的技術(shù)復(fù)雜性比傳統(tǒng)媒體要大得多，但總體來說，文本和圖形是構(gòu)成網(wǎng)頁的基本元素，因此掌握頁面排版和圖像處理是非常重要的。任務(wù)一 簡介網(wǎng)頁設(shè)計(jì)的常用軟件新知學(xué)習(xí)二、網(wǎng)頁設(shè)計(jì)的常用軟件介紹1. DreamWeaver自制動(dòng)態(tài)HTML動(dòng)畫的網(wǎng)頁2. Flash動(dòng)畫制作軟件 3. Firework圖像制作軟件 4. Microsoft FrontPage 98/2000/2002/2003制作功能強(qiáng)大的網(wǎng)頁 5

6、、Netscape編輯器制作簡單的網(wǎng)頁6Adobe Pagemill 3.0制作多框架、表單和Image Map圖像的網(wǎng)頁 任務(wù)一 簡介網(wǎng)頁設(shè)計(jì)的常用軟件問題1 作為一個(gè)新手，劉天應(yīng)選擇什么軟件入手制作網(wǎng)頁？溫馨提示：Frontpage可能是最簡單、最容易，卻又功能強(qiáng)大的網(wǎng)頁編輯工具。采用典型的 Word 界面設(shè)計(jì)，只要你懂得使用 Word，就差不多等于已經(jīng)會(huì)使用 Frontpage。就算你不懂 Word 也沒關(guān)系，所見即所得的操作方式會(huì)讓你很快上手，而且你無須學(xué)習(xí) HTML 語法。任務(wù)一 簡介網(wǎng)頁設(shè)計(jì)的常用軟件問題2 想要成為網(wǎng)頁制作高手應(yīng)作如何努力呢？溫馨提示：想成為一個(gè)網(wǎng)頁制作高手，其最

7、佳的選擇應(yīng)是從DreamWeaver 、Fireworks、Flash軟件學(xué)習(xí)。它們被稱為網(wǎng)頁制作三劍客，將三個(gè)軟件配合起來使用，會(huì)制作出非常精美的網(wǎng)頁任務(wù)一 簡介網(wǎng)頁設(shè)計(jì)的常用軟件問題3 為什么不能完全運(yùn)用Frontpage軟件制作網(wǎng)頁？溫馨提示：因?yàn)镕rontpage有其不足之處：首先是瀏覽器兼容性不好，做出來的網(wǎng)頁，用 Netscape 往往不能正常顯示；其次，生成的垃圾代碼多，也會(huì)自動(dòng)修改代碼，導(dǎo)致在某些情況下極為不便；再次，對(duì)DHTML的支持不好。但不管怎么說，F(xiàn)rontpage 的確是最好的入門級(jí)網(wǎng)頁編輯工具。任務(wù)一 簡介網(wǎng)頁設(shè)計(jì)的常用軟件1、請利用網(wǎng)絡(luò)找尋軟件軟件的下載頁面。2、

8、進(jìn)行軟件firework的下載。3、選擇firework啟動(dòng)。任務(wù)二 學(xué)會(huì)網(wǎng)頁構(gòu)圖的布局技巧知識(shí)目標(biāo)教學(xué)目標(biāo)能力目標(biāo)情感目標(biāo)1.網(wǎng)頁布局的基礎(chǔ)知識(shí)。2.網(wǎng)頁布局的方法。3.網(wǎng)頁布局的風(fēng)格。學(xué)會(huì)網(wǎng)頁設(shè)計(jì)的基本布局方法。 通過新知的學(xué)習(xí)，提升作為一名網(wǎng)絡(luò)編輯人員的素能；同時(shí)，在學(xué)習(xí)過程中感受相互協(xié)作工作的樂趣。任務(wù)二 學(xué)會(huì)網(wǎng)頁構(gòu)圖的布局技巧重點(diǎn)教學(xué)重難點(diǎn)難點(diǎn)學(xué)法能夠合理的對(duì)網(wǎng)頁進(jìn)行布局。設(shè)計(jì)并制作個(gè)人網(wǎng)頁。建議采取操作法教法建議采取項(xiàng)目制作學(xué)習(xí)法任務(wù)二 學(xué)會(huì)網(wǎng)頁構(gòu)圖的布局技巧新知學(xué)習(xí)一、網(wǎng)頁布局的基礎(chǔ)知識(shí) 1. 網(wǎng)頁布局的基本概念頁面尺寸 整體造型 頁頭 文本 頁腳 圖片多媒體任務(wù)二 學(xué)會(huì)網(wǎng)頁構(gòu)圖

9、的布局技巧新知學(xué)習(xí)2. 網(wǎng)頁布局設(shè)計(jì)的原則（1）明確內(nèi)容 網(wǎng)站的內(nèi)容，包括網(wǎng)站功能和你的用戶需要什么。你的整個(gè)設(shè)計(jì)都應(yīng)該圍繞這些方面來進(jìn)行。（2）抓住用戶 如果用戶不能夠迅速地進(jìn)入你的網(wǎng)站，或操作不便捷，網(wǎng)站設(shè)計(jì)就是失敗的。不要讓用戶失望而轉(zhuǎn)向你的對(duì)手的網(wǎng)站。（3）優(yōu)化內(nèi)容 內(nèi)容是核心。成功的網(wǎng)站不應(yīng)是一本廣告冊子、圖片的累積和內(nèi)容貪乏。（4）快速下載 沒有什么比要花很長時(shí)間下載頁面更槽糕的了。作為一條經(jīng)驗(yàn)，一個(gè)標(biāo)準(zhǔn)的網(wǎng)頁應(yīng)不大于60K，通過56K調(diào)制解調(diào)器加載花30秒的時(shí)間。有的設(shè)計(jì)者說網(wǎng)頁加載應(yīng)在15秒內(nèi)。（5）網(wǎng)站升級(jí) 時(shí)刻注意網(wǎng)站的運(yùn)行狀況。性能很好的主機(jī)隨著訪問人數(shù)的增加，可能會(huì)運(yùn)行

10、緩慢。但是，如果你不想失去訪問者的話，一定要仔細(xì)計(jì)劃好你的升級(jí)計(jì)劃。任務(wù)二 學(xué)會(huì)網(wǎng)頁構(gòu)圖的布局技巧新知學(xué)習(xí)二、網(wǎng)頁布局的方法1. 紙上布局法（1）尺寸選擇（2）造型的選擇（3）增加頁頭（4）增加文本（5）增加圖片 2. 軟件布局法 如果你不喜歡用紙來畫出你的布局意圖，那么你還可以利用軟件來完成這些工作。這個(gè)軟件就是Photoshop。Photoshop所具有的對(duì)圖像的編輯功能用到設(shè)計(jì)網(wǎng)頁布局上更顯得心應(yīng)手。不像用紙來設(shè)計(jì)布局，利用Photoshop可以方便的使用顏色，使用圖形，并且可以利用層的功能設(shè)計(jì)出用紙張無法實(shí)現(xiàn)的布局意念。任務(wù)二 學(xué)會(huì)網(wǎng)頁構(gòu)圖的布局技巧新知學(xué)習(xí)三、網(wǎng)頁布局的風(fēng)格介紹 1.

11、 “國”字形布局 也可以稱為“同”字型，是一些大型網(wǎng)站所喜歡的類型，即最上面是網(wǎng)站的標(biāo)題以及橫幅廣告條，接下來就是網(wǎng)站的主要內(nèi)容，左右分列兩小條內(nèi)容，中間是主要部分，與左右一起羅列到底，最下面是網(wǎng)站的一些基本信息、聯(lián)系方式、版權(quán)聲明等。這種結(jié)構(gòu)是我們在網(wǎng)上見到的差不多最多的一種結(jié)構(gòu)類型。 2. “匡”字形布局任務(wù)二 學(xué)會(huì)網(wǎng)頁構(gòu)圖的布局技巧新知學(xué)習(xí)三、網(wǎng)頁布局的風(fēng)格介紹 3. “三”字形布局 這是一種簡潔明快的網(wǎng)頁布局，在國外用的比較多，國內(nèi)比較少見。這種布局的特點(diǎn)是在頁面上由橫向兩條色塊將網(wǎng)頁整體分割為3部分，色塊中大多放置廣告條與更新和版權(quán)提示。任務(wù)二 學(xué)會(huì)網(wǎng)頁構(gòu)圖的布局技巧新知學(xué)習(xí)三、網(wǎng)頁

12、布局的風(fēng)格介紹 4. “川”字形布局 整個(gè)頁面在垂直方向分為三列，網(wǎng)站的內(nèi)容按欄目分布在這三列中，最大限度地突出主頁的索引功能。任務(wù)二 學(xué)會(huì)網(wǎng)頁構(gòu)圖的布局技巧新知學(xué)習(xí)三、網(wǎng)頁布局的風(fēng)格介紹 5. 海報(bào)型布局 這種類型基本上是出現(xiàn)在一些網(wǎng)站的首頁，大部分為一些精美的平面設(shè)計(jì)結(jié)合一些小的動(dòng)畫，放上幾個(gè)簡單的鏈接或者僅是一個(gè)“進(jìn)入”的鏈接甚至直接在首頁的圖片上做鏈接而沒有任何提示。這種類型大部分出現(xiàn)在企業(yè)網(wǎng)站和個(gè)人主頁，如果說處理的好，會(huì)給人帶來賞心悅目的感覺。任務(wù)二 學(xué)會(huì)網(wǎng)頁構(gòu)圖的布局技巧新知學(xué)習(xí)三、網(wǎng)頁布局的風(fēng)格介紹 6. Flash布局 這種布局是指整個(gè)網(wǎng)頁就是一個(gè)Flash動(dòng)畫，它本身就是動(dòng)

13、態(tài)的，畫面一般比較絢麗、有趣，是一種比較新潮的布局方式。其實(shí)這種布局與封面型結(jié)構(gòu)是類似的，不同的是由于Flash強(qiáng)大的功能，頁面所表達(dá)的信息更豐富。其視覺效果及聽覺效果如果處理得當(dāng)，會(huì)是一種非常有魅力的布局。任務(wù)二 學(xué)會(huì)網(wǎng)頁構(gòu)圖的布局技巧新知學(xué)習(xí)三、網(wǎng)頁布局的風(fēng)格介紹 7. 標(biāo)題文本型布局 標(biāo)題文本型布局是指頁面內(nèi)容以文本為主，這種類型頁面最上面往往是標(biāo)題或類似的一些東西，下面是正文，比如一些文章頁面或注冊頁面等就是這一類。任務(wù)二 學(xué)會(huì)網(wǎng)頁構(gòu)圖的布局技巧新知學(xué)習(xí)三、網(wǎng)頁布局的風(fēng)格介紹 8. 框架型布局采用框架布局結(jié)構(gòu)，常見的有左右框架型、上下框架型和綜合框架型。由于兼容性和美觀等因素，這種布局

14、目前專業(yè)設(shè)計(jì)人員采用的已不多，不過在一些大型論壇上還是比較受青睞的，有些企業(yè)網(wǎng)站也有應(yīng)用。 9. 變化型布局即上述幾種類型的結(jié)合與變化。任務(wù)二 學(xué)會(huì)網(wǎng)頁構(gòu)圖的布局技巧問題1 在網(wǎng)頁版面布局中主要是考慮哪些方面的布局？溫馨提示：在版面布局中主要是考慮導(dǎo)航、必要信息與正文之間的布局關(guān)系。比較多的情況是采用頂部放置必要的信息，如公司名稱、標(biāo)志、廣告條以及導(dǎo)航條，或?qū)?dǎo)航條放在左側(cè)而右側(cè)是正文等等，這樣的布局結(jié)構(gòu)清晰、易于使用。當(dāng)然，您也可以嘗試這些布局的變化形式，如：左右兩欄式布局，一半是正文，另一半是形象的圖片、導(dǎo)航；或正文不等兩欄式布置，通過背景色區(qū)分，分別放置圖片和文字等等。在設(shè)計(jì)中注意多吸取

15、好的網(wǎng)站設(shè)計(jì)的精髓。任務(wù)二 學(xué)會(huì)網(wǎng)頁構(gòu)圖的布局技巧問題2 怎樣使點(diǎn)、線、面在網(wǎng)頁的整體構(gòu)成中協(xié)調(diào)？溫馨提示： 人的視覺，都是經(jīng)過對(duì)生活的感覺都得來的。 在下方的東西，一般聯(lián)想到大地。 在上方的東西，一般聯(lián)想到浮云。線、面、體亦然。點(diǎn)、線、面的整體構(gòu)成直轄市方法是：（1） 居中引起視覺集中注意 。 （2） 上引起下跌落感。 （3） 在上左或上右引起不安定感。（4） 下方中點(diǎn)，產(chǎn)生踏實(shí)感。（5） 左下右下，增加了動(dòng)感。 任務(wù)二 學(xué)會(huì)網(wǎng)頁構(gòu)圖的布局技巧問題3 怎樣在構(gòu)圖中體現(xiàn)“形式美”。溫馨提示：一副圖，我們怎樣才認(rèn)為它是美的呢？這涉及到形、聲、色的有機(jī)結(jié)合，打動(dòng)視知 覺，使觀者產(chǎn)生美的共鳴。一般來

16、說，有如下幾點(diǎn)：（1） 穩(wěn)定性：我們的視知覺總是試圖找一個(gè)平衡點(diǎn)，若找不到則產(chǎn)生混亂。（2） 對(duì)稱性：相應(yīng)的部位等量，易產(chǎn)于統(tǒng)一的秩序感，但比較單調(diào)，可采用增加 局部動(dòng)勢的方法，以取得鮮明、生動(dòng)的效果。（3） 非對(duì)稱平衡：可以平衡為基礎(chǔ)，調(diào)整尺寸形態(tài)結(jié)構(gòu)?；蛘咭孕螒B(tài)各異的形， 經(jīng)視覺判斷，放置在確定的位置，以得到預(yù)想的平衡。（4） 統(tǒng)一性：對(duì)同質(zhì)要素、大小類似、色明度類和不一樣的要素需統(tǒng)一，這樣不會(huì)造成零散、 不統(tǒng)一的感覺。任務(wù)二 學(xué)會(huì)網(wǎng)頁構(gòu)圖的布局技巧收集各類不同的網(wǎng)頁各一張。2. 設(shè)計(jì)一張網(wǎng)頁構(gòu)圖。任務(wù)三 搭配網(wǎng)頁顏色的技巧知識(shí)目標(biāo)教學(xué)目標(biāo)能力目標(biāo)情感目標(biāo)第一、認(rèn)識(shí)色彩。第二、色彩搭配原則

17、。 第三、網(wǎng)頁色彩搭配方法。 第四、色彩的心理表現(xiàn)。能夠在網(wǎng)頁制作中合理的運(yùn)用色彩構(gòu)成原則。 通過新知的學(xué)習(xí)，提升作為一名網(wǎng)絡(luò)編輯人員的素能；同時(shí)，在學(xué)習(xí)過程中感受相互協(xié)作工作的樂趣。任務(wù)三 搭配網(wǎng)頁顏色的技巧重點(diǎn)教學(xué)重難點(diǎn)難點(diǎn)學(xué)法學(xué)習(xí)如何搭配網(wǎng)頁顏色。顏色搭配的心理認(rèn)知。建議采取操作法教法學(xué)法教法建議采取小組合作學(xué)習(xí)法任務(wù)三 搭配網(wǎng)頁顏色的技巧新知學(xué)習(xí)一、認(rèn)識(shí)色彩1. 色彩的三要素（1）明度。（2）色相（3）純度任務(wù)三 搭配網(wǎng)頁顏色的技巧新知學(xué)習(xí) 2. 色彩構(gòu)成基礎(chǔ)（1）間色（2）復(fù)色（3）同種色（4）同類色（5）類似色（6）鄰近色（7）對(duì)比色（8）補(bǔ)色任務(wù)三 搭配網(wǎng)頁顏色的技巧新知學(xué)習(xí)二、

18、色彩搭配原則 在選擇網(wǎng)頁色彩時(shí)，除了考慮網(wǎng)站本身的特點(diǎn)外還要遵循一定的藝術(shù)規(guī)律，從而設(shè)計(jì)出精美的網(wǎng)頁。1色彩的鮮明性2色彩的獨(dú)特性3色彩的藝術(shù)性4色彩搭配的合理性任務(wù)三 搭配網(wǎng)頁顏色的技巧新知學(xué)習(xí)三、網(wǎng)頁色彩搭配方法 網(wǎng)頁配色很重要，網(wǎng)頁顏色搭配的是否合理會(huì)直接影響到訪問者的情緒。好的色彩搭配會(huì)給訪問者帶來很強(qiáng)的視覺沖擊力，不恰當(dāng)?shù)纳蚀钆鋭t會(huì)讓訪問者浮躁不安。1同種色彩搭配2鄰近色彩搭配3對(duì)比色彩搭配4暖色色彩搭配5冷色色彩搭配6有主色的混合色彩搭配7文字與網(wǎng)頁的背景色對(duì)比要突出任務(wù)三 搭配網(wǎng)頁顏色的技巧新知學(xué)習(xí)四、色彩分析1. 各色相的心理分析淡的顏色使人覺得軟、暗的顏色使人覺得強(qiáng)硬、暖色

19、有前進(jìn)感，冷色有后退感、明的顏色給人輕的感覺、暗的顏色給人重的感覺2色彩的象征任務(wù)三 搭配網(wǎng)頁顏色的技巧問題1 在網(wǎng)頁顏色搭配中用一種色彩或兩種顏色有什么講究。溫馨提示：1用一種色彩。這里是指先選定一種色彩，然后調(diào)整透明度或者飽和度，（說得通俗些就是將 色彩變淡或則加深），產(chǎn)生新的色彩，用于網(wǎng)頁。這樣的頁面看起來色彩統(tǒng)一，有層次感。 2用兩種色彩。先選定一種色彩，然后選擇它的對(duì)比色（在Photoshop 里按ctrl+shift+I）。我的主頁用藍(lán)色和黃色就是這樣確定的。整個(gè)頁面色彩豐富但不花稍。 3用一個(gè)色系。簡單的說就是用一個(gè)感覺的色彩，例如淡藍(lán)，淡黃，淡綠；或者土黃，土灰，土藍(lán)。確定色彩

20、的方法各人不同，我是在Photoshop 里按前景色方框，在跳出的拾色器窗中選擇自定義，然后在色庫中選就可以了：） 4用黑色和一種彩色。比如大紅的字體配黑色的邊框感覺很“跳”。 任務(wù)三 搭配網(wǎng)頁顏色的技巧問題2 在網(wǎng)頁配色中有哪些忌諱？溫馨提示：1不要將所有顏色都用到，盡量控制在三到五種色彩以內(nèi)。 2背景和前文的對(duì)比盡量要大，（絕對(duì)不要用花紋繁復(fù)的圖案作背景），以便突出主要文字內(nèi)容。 任務(wù)三 搭配網(wǎng)頁顏色的技巧訓(xùn)練1 用photshop繪制色環(huán) 訓(xùn)練2 用photshop繪制色彩純度變化的裝飾畫秋天。訓(xùn)練3 用photshop繪制色彩明度變化的裝飾畫童年任務(wù)四 了解網(wǎng)頁字體的表現(xiàn)風(fēng)格知識(shí)目標(biāo)教

21、學(xué)目標(biāo)能力目標(biāo)情感目標(biāo)1、文字設(shè)計(jì)的原則。2、文字的組合。 3、網(wǎng)頁設(shè)計(jì)常用字體。 能夠在網(wǎng)頁制作中合理的運(yùn)用文字構(gòu)成原則。 通過新知的學(xué)習(xí)，提升作為一名網(wǎng)絡(luò)編輯人員的素能；同時(shí)，在學(xué)習(xí)過程中感受相互協(xié)作工作的樂趣。任務(wù)四 了解網(wǎng)頁字體的表現(xiàn)風(fēng)格重點(diǎn)教學(xué)重難點(diǎn)難點(diǎn)學(xué)法學(xué)習(xí)如何制作和設(shè)計(jì)字體。合理布局網(wǎng)頁中的文字。建議采取操作法教法學(xué)法教法建議采取項(xiàng)目合作學(xué)習(xí)法任務(wù)四 了解網(wǎng)頁字體的表現(xiàn)風(fēng)格新知學(xué)習(xí) 一、文字設(shè)計(jì)的原則1文字的可讀性： 2賦予文字個(gè)性： 3. 在視覺上應(yīng)給人以美感：4 . 在設(shè)計(jì)上要富于發(fā)明性任務(wù)四 了解網(wǎng)頁字體的表現(xiàn)風(fēng)格新知學(xué)習(xí)二、文字的組合1人們的閱讀習(xí)慣2字體的外形特征3設(shè)計(jì)基調(diào)4注意負(fù)空間的運(yùn)用任務(wù)四 了解網(wǎng)頁字體的表現(xiàn)風(fēng)格新知學(xué)習(xí)1英文字體（1）活潑型：Amosis Technik（2）肅穆型：Hattenschweiler（3）流暢型： Patrician Sample（4）莊重型：SF Quantzite（5）襯托型：SF Quartzite OutLine2中文字體（1）宋體：中文字體（2