【文章內(nèi)容簡介】 ? p為開始一個段落的標(biāo)簽。 p標(biāo)簽在每個段落的開頭加入，使每個文本塊之前跳過一行。關(guān)閉段落不需要用 /p，繼續(xù)下個標(biāo)簽時段落會自動關(guān)閉 ? （ 6）郵寄 ? a href=“ mailto:郵箱地址” 為建立郵寄的標(biāo)簽； /a為結(jié)束郵寄的標(biāo)簽 ? 二、網(wǎng)頁制作的基本要素 ? ? （ 1）明晰的瀏覽導(dǎo)航 ? （ 2）合理的技術(shù)應(yīng)用 ? （ 3）良好的視覺感受 ? ? （ 1）文字 ? 字號的大小可以用不同的方式來計(jì)算，如磅和像素（建議采用磅）一般行距的常規(guī)比例為 10： 12，即字號 10點(diǎn)，則行距 12點(diǎn)。 ? （ 2）圖像 ? 一方面：圖像的應(yīng)用使網(wǎng)頁更加美觀、有趣；另一方面：圖像也是傳達(dá)信息的重要手段之一 ? ?圖像的格式 ? Web頁常用的兩種圖像格式： A、 GIF B、 JPEG ? ?圖像的形式 ? 靜態(tài)圖像在網(wǎng)頁排版中的運(yùn)用有 4種形式：方形圖、退底圖、出血圖、以及這 3種形式的結(jié)合使用。 ? A、方開圖：即圖像以直線邊框來規(guī)范和限制，是一種最常見、最簡潔、最單純的形態(tài) ? B、退底圖：將圖像中的背景去掉，只留下主題形象。 ? C、出血圖：圖像的一邊或幾個邊充滿頁面，有向外擴(kuò)張和舒展之意。 ? ?Web色彩模式 ? 三、網(wǎng)頁制作步驟 ? 操作步驟： ? photoshop完成頁面設(shè)計(jì) ? ? HTML頁面 ? dreamweaver進(jìn)行修改和調(diào)整 ? : ? 單擊站點(diǎn) \新建站點(diǎn) ? HTML文件 ,并將其保存在站點(diǎn)目錄 . ? ? 屬性欄或修改 \頁面屬性 ? 四 .編輯網(wǎng)頁 ? 具體制作網(wǎng)頁實(shí)例 第二章 設(shè)計(jì)表現(xiàn) ? 第一節(jié) 圖形創(chuàng)意 ? 一、認(rèn)識圖形 ? :用感性、含畜、隱喻的符號給人以暗示和啟示，使人們產(chǎn)生聯(lián)想 ? :以具體清晰的圖樣去表現(xiàn)設(shè)計(jì)內(nèi)容 ? :指示性具有命令、傳達(dá)、指示的功能 ? 二、圖形的創(chuàng)意要求 ? 內(nèi)容：要有明確的主題思想 ? 形式：要有與眾不同的視覺形象 ? 功能：能充分、有效、準(zhǔn)確、生動地傳播特定的信息 ? 三、對圖形的整體認(rèn)識 ? 具象形和抽象形 ? （ 1）具象形：可以直觀的分辨出事物 ? （ 2）抽象形：不代表具體的物象，但人們可以通過不同的體驗(yàn)產(chǎn)生感知 ? 正形與負(fù)形 ? （ 1）正形：是看得見摸得著的物形，占據(jù)著一定的空間 ? （ 2）正形以外的形，不占據(jù)一定的空間 ? 在視覺傳達(dá)中，正形為圖，負(fù)形為地。正形為視覺識別的積極形，負(fù)形為視覺識別的消極形。如下圖所示 ? 平面形與立體形 ? （ 1）平面形：二維物體是平面形 ? （ 2）立體形：三維物體是立體形 ? 二維平面上，可以產(chǎn)生立體形的感覺，這是利用人的錯視表現(xiàn)三維物體的視覺空間的結(jié)果 ? 靜止形與運(yùn)動形 ? （ 1）靜止形：有明確輪廓、固定不變的定形是靜止形 ? （ 2）運(yùn)動形：沒有確切輪廓、一直處于變化中的不定形是運(yùn)動形，運(yùn)動形包含有時間和速度兩個要素。運(yùn)動形一旦定格，便成靜止形 ? 二維平面的形都是靜止形，但是在二維平面上有 2種方法可以表現(xiàn)出運(yùn)動形在運(yùn)動中的動感，一種方法是通過形的傾斜和倒置等方法；另一種方法是通過形的重復(fù)、漸變、虛影等方法 ? 二、圖形的基本元素 ? 點(diǎn) 點(diǎn)是最基本的形 ? 點(diǎn)它可以是一個幾何形、也可以是一個自然形、也可以是文字，也可以是一張圖片。每個點(diǎn)在平面上都占據(jù)一定的空間位置，在限定的平面中，點(diǎn)占據(jù)在不同的位置，會產(chǎn)生不同的心理感應(yīng) ? 線 線的主要特征是長度 ? （除了長度、寬度、形狀外還有速度、力度、方向等因素）線是決定一切形象的基本要素 ? 線的兩大系統(tǒng)是：直線和曲線 ? （ 1）直線給人的心理感覺是：速度、緊張、直接、明快、簡潔 ? ?垂直線：莊重、崇高、肅穆、強(qiáng)直 ? ?水平線：平靜、穩(wěn)定、寬闊、安寧 ? ?傾斜線：運(yùn)動、疾速、飛躍、不安定 ? （ 2）曲線的心理感覺是：柔軟、舒展、活潑、優(yōu)雅、溫暖 ? ?圓弧線：豐滿、彈力、軟韌 ? ?自由弧線：生動、自由、健康 ? ?起伏線：流暢、優(yōu)美、有節(jié)奏 ? ? 面的形象可分為幾何形、有機(jī)形和偶然形 ? ?幾何形：幾何形是由直線和幾何曲線形成的面 ? 特征：具有理性的明快、數(shù)理的秩序、機(jī)械的冷漠等心理感覺 ? ?有機(jī)形：有機(jī)形是自然界存在的非幾何形，自然、淳樸、溫暖，富有生命力 ? ?偶然形：是在外力作用下意外偶發(fā)生成的形態(tài)，其具有生動、自然、神奇、有趣、變幻莫測、只可意會的感覺 ? ? （ 1）繪制各種形態(tài)的點(diǎn)、線、面時，主要感受其形態(tài)特點(diǎn)，可以隨心所欲不受約束 ? （ 2）要大膽嘗試用各種傳統(tǒng)的繪畫工具和材料 ? （ 3）留心觀察大自然的偶然形，體驗(yàn)變幻莫測的感受 ? （ 4）構(gòu)成圖形時注意圖形的視覺沖擊力和情感的表達(dá) ? 三、圖形創(chuàng)意的表現(xiàn)方法 ? ? （ 1）學(xué)會使用圖形創(chuàng)意的表現(xiàn)方法 ? （ 2）能根據(jù)設(shè)計(jì)主題進(jìn)行圖形創(chuàng)意 ? ? （ 1）從搜集的各種類型的圖形中，選擇若干圖形作為創(chuàng)意表現(xiàn)的主體圖形 ? （ 2）以主體圖形為基礎(chǔ)，分別做各種表現(xiàn)方法的練習(xí)，構(gòu)成具有創(chuàng)意的新圖形 ? （ 3）自選各種不同的設(shè)計(jì)主題，根據(jù)設(shè)計(jì)主題選擇或創(chuàng)作主體圖形 ? （ 4）對主體圖形進(jìn)行設(shè)計(jì)構(gòu)思，選擇恰當(dāng)?shù)谋憩F(xiàn)方法進(jìn)行圖形創(chuàng)意 ? ? 圖形創(chuàng)意的表現(xiàn)形式可以分為 形的復(fù)合 、 形的同構(gòu) 、 形的變異 三大類型 ? （ 1）形的復(fù)合：是指一個或多個形的重復(fù)或組合 ? （ 2）形的同構(gòu)：是為了表示多種意義的“形”與“形”之間的共性 ? （ 3）形的變異：是一個或多個完整的形的局部或性質(zhì)上的變化 ? ： ? （ 1）并置 —— 將兩個以上的物形有機(jī)地放置在一起，構(gòu)成一個共同的空間關(guān)系 ? （ 2）融合 —— 將兩個以上的同一物形或不同物形合二為一，造成一體化的視覺效果叫做融合 ? （ 3）重疊 —— 將物形多次累積，使一個物形部分遮蓋住另一物形叫做重疊 ? （ 4）透疊 —— 物形進(jìn)行重合后，把其中重疊與非重疊的 2個部分分別用正形和負(fù)形表現(xiàn)叫做透疊 ? （ 5）重復(fù) —— 將相同或近似的單體形進(jìn)行反復(fù)排列叫做重復(fù) ? （ 6）漸變 —— 一個物形展現(xiàn)出有規(guī)律、有秩序、有比例、連續(xù)的漸漸變化叫做漸變 ? （ 7）同構(gòu) —— 將 2個不同物形與相關(guān)內(nèi)容巧妙地組合在一起叫做同構(gòu) ? （ 8）置換 —— 保持一個物形的基本特征，把其中的一部分用另一物形替代的表現(xiàn)手法叫置換 ? （ 9） 共生 —— 形與形之間互相共用同一根輪廓線或同一部分形而獲得各自顯現(xiàn)和相互依存的圖形叫做共生 ? （ 10）矛盾 —— 在三維空間中無法實(shí)現(xiàn)的立體物形而在二維平面中的展現(xiàn)叫做矛盾 ? （ 11）異變 —— 一種物形通過形的漸變生成另一種物形的表現(xiàn)手法叫做異變 ? （ 12） 重構(gòu) —— 把物形分割、打散后重新組合構(gòu)成圖形叫做重構(gòu) ? （ 13）卡通 —— 物形經(jīng)過夸張、變形和擬人化漫畫手法處理后得到的圖形叫做卡通圖形 第二節(jié) 字體設(shè)計(jì) ? 一、字體設(shè)計(jì)的基本要求 ? ? （ 1）理解字體設(shè)計(jì)的基本概念 ? （ 2）熟悉各類字體的基本形式 ? （ 3）掌握字體的造型基礎(chǔ)和基本原則 ? ? （ 1）在電腦中查看各種字體，熟悉并掌握其各種字體的名稱和形態(tài) ? （ 2）觀看各種書法字帖，熟悉我國各種書法字體及其風(fēng)格 ? （ 3）收集各種類型的字體，并分析歸類 ? （ 4）在電腦中挑選若干筆畫多少不等的漢字，分別用宋體、黑體、圓頭體、綜藝體打印出來，對同一漢字的不同字體進(jìn)行比較 ? （ 5）在電腦中打印出羅馬體和等線體 26個大、小寫拉丁字母，對其進(jìn)行比較 ? ? （ 1）字體有 3種基本形式 ? A、手寫形式（自由、隨意、流暢、奔放、情感表達(dá)豐富細(xì)膩，具有鮮明的藝術(shù) ? 形象和強(qiáng)烈的視覺特征） ? B、印刷字體（標(biāo)準(zhǔn)、規(guī)范、平穩(wěn)、工整、科學(xué)、理性，視覺傳達(dá)快捷、清晰，長時間閱 ? 讀不易疲勞） ? C、變體字體（具有構(gòu)思奇巧、表現(xiàn)手段創(chuàng)新、形態(tài)風(fēng)格獨(dú)特） ? （ 2）字體的造型基礎(chǔ) ? A、筆畫造形 ? B、外形大小 ? 對字體大小影響的因素有： ? ?外輪廓大的字會顯得大 ? ?筆畫多的字會顯得大 ? ?字形內(nèi)部空間多的字會顯得大 ? C、筆畫粗細(xì) ? 對筆畫產(chǎn)生粗細(xì)影響的因素有： ? ?短筆畫比長筆畫顯粗 ? ?橫筆畫比豎筆畫顯粗 ? ?筆畫多的比筆畫少的顯粗 ? ?筆畫相交叉部分顯粗 ? D、重心 ? 對重心產(chǎn)生影響的因素有： ? ?重心位置 ? ?筆形與重心 ? ?結(jié)構(gòu)與重心 ? ?外形與重心 ? ? （ 1）必須熟練掌握各種電腦字體的名稱及形態(tài) ? （ 2）在字體相互比較時，不僅要注意字的筆畫，更要注意字的空白 ? （ 3）筆畫要求達(dá)到視覺上的粗細(xì)一致，而不是物理的粗細(xì)一致 ? （ 4）要特別注意對字的重心感受和把握 ? 二、字體的基本結(jié)構(gòu) ? ? （ 1）掌握漢字的基本結(jié)構(gòu)和書寫方法 ? （ 2）掌握拉丁字母的基本結(jié)構(gòu)和書寫方法 ? ? （ 1）自選 2040個漢字，各書寫為宋體、黑體、圓頭體、綜藝體，每個字的大小為 50mm*50mm ? （ 2）書寫羅馬體、等線體兩種拉丁文字大、小寫各 26個字母及數(shù)字 09 ? （ 3）用羅馬體、等線體各書寫英文單詞大、小寫多組 ? ? （ 1）漢字的基本構(gòu)成 ? A、上緊下松 B、橫細(xì)粗細(xì) C、參差呼應(yīng) D、協(xié)調(diào)統(tǒng)一 ? E、漢字排列 ? （ 2）拉丁字母的基本結(jié)構(gòu) ? A、引線 ? ?基線 ?頂線 ?底線 ?肩線 ? B、字形 ? 拉丁字母的字形有 4類特征 ? ?圓形（如： O、 C、 D、 G、 Q） ? ?方形（如： H、 N、 E、 Z、 R、 B） ? ?三角形（如： A、 V） ? ?特殊形（如： I、 J、 W、 M） ? C、筆畫 ? D、間距 ? 三、字體的變體設(shè)計(jì) ? ? （ 1）熟悉和感受各種字體的個性特征 ? （ 2）掌握變體設(shè)計(jì)的各種表現(xiàn)方法 ? （ 3）學(xué)會有針對性地、有創(chuàng)意地進(jìn)行字體設(shè)計(jì) ? ? （ 1）把收集來的各種類型的字體按個性特征分析歸類 ? （ 2）在收集來的各種類型的字體按各種表現(xiàn)方法分析歸類 ? （ 3）選 4個漢字兩組，采用不同的表現(xiàn)方法來表現(xiàn)該組文字 ? （ 4）選英文 48個字母組成單詞兩組，采用不同的表現(xiàn)方法表現(xiàn)該組文字 ? ? （ 1）變化的準(zhǔn)則 ? 1）表現(xiàn)內(nèi)容（除了文字中蘊(yùn)含的文學(xué)性外，還有表達(dá)