第一篇：網站美工基礎考試試題

網站美工考試試題

一、單選題（每題一分）

1.文本被做成超鏈接后，鼠標移到文本，光標會變成什么形狀（）

A.手形 B.十字形 C.向右的箭頭 D.沒變化 2.下面關于超鏈接說法錯誤的是（）

A.超鏈接包括超文本鏈接和超媒體鏈接兩大類 B.超文本鏈接可以鏈接所有類型的文件 C.超媒體鏈接只能鏈接各類多媒體文件

D.超鏈接不僅可以用于網頁，還可以用于其他各類文檔 3.下面哪些不屬于網頁的多媒體元素（）

A.音頻 B.視頻 C.動畫 D.圖片 4.下列關于Html標記不正確的是（）

A.a標記 用來標記超級鏈接 B.img標記 用來插入圖片

C.table標記 用來插入表格 D.table 標記 用來插入框架網頁 5.在網站設計中可以直接插入以下內容

a)圖片

B）動畫

C）超級鏈接

D）以上都可以直接插入

6.在Photoshop中，給對象填充背景色和前景色的快捷鍵分別是（）

A.CTRL+DEL ALT+DEL B.ALT+DEL CTRL+DEL C.SHIFT+DEL CTRL+ENTER D.CTRL+ENTER SHIFT+DEL 7.在網站美工設計中，關于網絡廣告的尺寸規格，第一次規范標準中全尺寸的BANNER是：

A.468×60 B.392×72 C.234×60 D.125×125 8.在網站設計中，下列哪一個屬性表示表格中的單元格間距：

A.width B.cellspacing C.cellspadding D.border 9.在網站設計中，表格嵌套實際上是用到了表格的哪種屬性？

A.表格在頁面中的對齊方式 B.表格的邊框 C.表格的寬與高

D.表格內的文字對齊方式

10.在網站設計中，下列哪個操作對庫不能實現

A.在資源管理器面板中創建庫

IPTC－版本所有

Page 1 of 7

B.在資源管理器面板中對已創建的庫進行修改和刪除

C.只要在資源管理器面板中對庫進行刪除，那么在頁面中引用的庫也會被刪除 D.只要在資源管理器面板中對庫進行修改，那么在頁面中引用的庫也會發生相同的變化。

二、多選題（每題2分）

1.在網站設計中，網頁框架設計為區域劃分時分為哪幾個部分？()A.頂部區 B.底部區 C.導航區

D.一區，二區，三區

2.在網站美工設計中，如果我們將靜態頁面設計成不規則框架結構，則有可以選擇以下哪幾種方法？()A.無框架式的整張圖片設計

B.頁面橫向很長，需要滾動條的網頁 C.把這三種框架揉合運用 D.多變化Flash頁面設計

3.在網站美工設計中，網頁制作中常用的按鈕效果有:()A.簡潔按鈕 B.水晶按鈕 C.迷你按鈕 D.塑料按鈕

4.在Photoshop中,可以新建文檔的操作有(): A.文件菜單中選擇新建

B.啟動應用程序后的歡迎窗口中 C.快捷鍵:CTRL+N D.按CTRL鍵的同時,在界面中的灰色區域雙擊 5.下列關于網站整體形象規劃說法正確的是：()A.想要讓網站有一見傾心的效果，首先要頁面顏色協調，沒有給人刺眼的感覺； B.其次要看網站上的內容是否易于閱讀； C.圖片設計是否合理

D.頁面中的“動”、“靜”元素結合是否適度 6.下列有關網站字體設計說法不正確的是：()A.排版時要注意：大標題、小內文；粗標題、細內文； B.頁面中字體與背景的顏色對比度要大； C.字體大小可隨意設置；

D.全文排版要有層次，不可混亂

7.在Photoshop中，下列哪些選項屬于“圖層樣式”：()A.顏色疊加 B.斜面與浮雕 C.內陰影 D.外發光

8.在網站美工設計中，網頁中常見的裝飾邊線有哪些類型？()A.虛線

IPTC－版本所有

Page 2 of 7

B.內嵌線條 C.斜紋線條 D.交叉線條

9.背景圖像分為哪幾種：()A.單色背景 B.漸變色背景 C.位圖背景 D.紋理背景

10.在網站美工設計中，既要不違反原設計意圖，也要保證圖片清晰的情況下，我們應該從哪些方面優化網頁？()A.把大的背景分割，不需要的部分省去，另一部分可換成表格背景，分開插入頁面。B.注意到頁面的長度，考慮好是否可重復使用圖片，以及是否以x、y軸重復圖片； C.單色的，可以使用表格背景填充。有文字的，不做在圖片里

D.花色最好是橫向重復的或者是水平線形花紋，在一定程度上解決分辨率問題

11、行為是（）和（）的組合 A： 事件 B： 頁面體 C： 動作 D： 幀

12、下面是Dreamweaver MX 8.0提供的各種應用程序接口的是()A： JavaScript應用程序接口 B： 文件輸入輸出接口 C： 圖像記錄接口

D： Fireworks MX集成接口

13、在Dreamweaver MX 8.0中，只需要三個參數()來加入一個Shockwave影片 A： 位置 B： 高度 C： 寬度 D： 長度

14、在Dreamweaver MX 8.0文檔窗口中插入空格且生成 代碼的操作有()A： 在中文的全角狀態下按空格鍵 B： 插入一個透明的圖 C： 選擇Instert（插入）菜單下的Special Character（特殊字符）-> none-breaking Space D： CTRL+SHIFT+空格鍵

15、在Dreamweaver MX 8.0中建立框架網頁時，正確的操作是（）A： 在HTML代碼中生成

B： 按住“Alt”鍵后用鼠標拖拽邊框 C： 按住“Ctrl”鍵后用鼠標拖拽邊框 D： 按住“Shift”鍵后用鼠標拖拽邊框

IPTC－版本所有

Page 3 of 7

16、在Dreamweaver MX 8.0 中，在插入欄中的Head的對象面板中包含下面哪些對象()A： Meta(MIME字符集信息)B： Keywords(網頁的關鍵字信息)C： Description(網頁或網站的描述信息)D： Base(設置網頁的主目錄)

17、在Dreamweaver MX 8.0 中，下面的類資源面板里有的是()A： 圖像 B： 顏色 C： 鏈接 D： Flash

18、在Dreamweaver MX中的標簽的屬性可以通過Page Properties窗口設置的是：()A： Background Image：背景圖像 B： Background：背景顏色 C： Text：文字顏色

D： Tracing Image：跟蹤圖像

19、標題標簽包含了下面哪些網頁的屬性信息：()A： 網頁題目 B： 關鍵詞 C： 網頁類型 D： 語言內碼

20、在Dreamweaver中，設置插入表格參數對話框時，下面哪些你可以用來設置：()A： 水平行數目 B： 垂直行數目 C： 表格的預設寬度

D： 每個單元格以及整個表格的邊框的寬度

三、判斷題(每題1分)1.在網站制作時，一般頂部的區域有高度的限制，而底部區域是沒有限制的。()A.對 B.錯

2.在網站區域劃分時，有頂部，底部，一區，二區和三區，這五部分缺一不可。()A.對 B.錯

3.在“新建CSS樣式”對話框中,選擇“只對當前文檔”選項,表示即可在當前文件用,也可在當前站點內的其他文件中引用.()A.對

IPTC－版本所有

Page 4 of 7

錯

4.CSS樣式定義對話框中【區塊】設置是對某區域內文本的各種空隙大小的設置。()A.對 B.錯

5.Dreamweaver中，表格與層可以互相轉換。（）

A.對 B.錯

6.Dreamweaver中，可以通過菜單插入一條垂直的豎線。（）

A.對 B.錯

7.Dreamweaver中，模板文件后綴名是dwt。（）

A.對 B.錯

8.Dreamweaver中網站的首頁文件的擴展名只可以是html或htm。

A.對 B.錯

9.HTML表格在默認情況下沒有邊框。（）

A.對 B.錯 10.WWW是World Wide Web的縮寫，也可簡寫為Web，中文叫做萬維網或因特網。（）

A.對 B.錯

11、在Dreamweaver中它只能對HTML文件可以進行編輯()A： 對 B： 錯

12、在Dreamweaver中，可以導入外部的數據文件，還可以將網頁中的數據表格導出為純文本的數據文件?()A： 對 B： 錯

13、在Dreamweaver中，可以把已經創建的僅用于當前文檔的內部樣式表轉化成外部樣式表()A： 對 B： 錯

14、在Dreamweaver MX 2004中不能添加object的外部插件()A： 對 B： 錯

15、在Dreamweaver MX 2004中，可以導入外部的數據文件，還可以將網頁中的數據表格導出為純文本的數據文件()A： 對

IPTC－版本所有

Page 5 of 7 B.B： 錯

16、在Dreamweaver MX 2004 中它只能對HTML文件可以進行編輯()A： 對 B： 錯

17、Dreamweaver MX 2004中默認的撤消步驟是５０步()A： 對 B： 錯

18、Dreamweaver MX 2004中，表格與層可以相互轉化()A： 對 B： 錯

19、Dreamweaver MX 2004制作鏈接的快捷操作是Ctrl+L()A： 對 B： 錯

20、Dreamweaver MX 2004 中可以實現圖片的四周模糊羽化的效果()A： 對 B： 錯

IPTC－版本所有

Page 6 of 7

四、操作題(30分)單選題

1.A

2.C

3.D

4.D

5.D

6.A

7.A

8.B

9.D

10.C

多選題

1.ABD

2.ABC

3.ABCD

4.ACD

5.ABCD

6.ABD

7.ABCD

8.ABCD 9.ABCD

10.ABCD

11.AC

12.ABCD

13.ABC

14.CD

15.AB 16.ABCD

17.ABCD

18.ABCD

19.ABCD

20.ABCD

判斷題

1對

2錯

3錯

4對

5對

6錯

7對

8錯

9錯

10對 11錯

12錯

13對

14錯

15對

16錯

17對

18對

19對

20對

IPTC－版本所有

Page 7 of 7

第二篇：網站美工試題與答案2

在平面設計中，骨格的作用是什么。

：骨格是設計中基本形排列的位格依據。骨格網有助于我們在排列基本形時作為坐標的參考，是聯絡基本形之間關系的橋梁和紐帶，使基本形成為有規律、有秩序的構成。有時，骨格也可以成為形象的一部分，它的變化會直接影響到整體構成布局的變化。骨格分為規律性骨格，非規律性骨格，作用性骨格，非作用性骨格。

簡要說明平面構成中“發射”的形式原理及發射骨格的構成要素。

：發射是自然界中的一種常見形態，如太陽四射的光芒、鮮花的結構，它是圍繞一個中心，向外發射所呈現的視覺形象。發射骨格的構成要素：1.發射點即發射中心，所有發射的骨格線都集中在此點上。2.發射線具有方向性。根據發射的不同方向，在構成時形式上又各有不同的表現。

簡述什么是色立體？在藝用色彩學中，色立體的用途。

：以三維空間的近似球狀的模型把色彩的色相、明度、純度這三種視覺特征完整的表現出來。在色立體色階表中，垂直中軸為明度色階，每一色階由軸心向外擴展，為同明度的純度漸變，外圍是色相環。

在藝用色彩學中，色立體的用途不僅限于配色方面，對于美術家來說，由色立體顯示出的色彩體系結構關系，大大有助于對色彩進行完整的邏輯分析，并可從直覺上感受色彩的量與秩序之美，對于設計家來說，他們不僅為他們的設計工作提供了配色的樣標，更重要的是提供了一個可以直接感受的色彩的抽象世界，更實際的顯現了色彩自身的邏輯關系，并能把如此全面豐富的色彩集合在一起進行細微的比較和鑒別，以此啟發藝術家對色彩的聯想，引導他們更富創作性的對色彩進行探索和搭配。

簡述版式設計中“對稱與均衡”的形式法則。

：對稱是指圖形或物體對某個中心點、中心線、對稱面，在形狀、大小或排列上具有一一對應的關系；均衡是不對稱形態的一種平衡。對稱與均衡是取得良好的視覺平衡的兩種形式。對稱體現了靜感與穩定性，具有端莊，安定的美，均衡則表現了動感和變化性，具有生動、活潑的美。

網絡信息最主要的特點是什么。

：網絡信息最主要的特點是在于它的交互性和可選性。所謂交互性，是指人們可以通過網絡平臺相互快速、大流量的傳遞信息；而可選性則是指與傳統媒體相比，人們不僅可以根據自身需要和興趣隨時提取和觀看網上信息，還可以隨時任意切換信息界面，從不同層次了解需要的信息，甚至還可以把人們對信息的各種交流意見即時的進行編輯和反饋，從而以最大效率提供給用戶最便捷、最趨完善的服務。

構成設計的基本含義和主要內容是什么。

：所謂構成是指現代造型設計的一種概念用語，它的基本含義是將相同或者不同形態的兩個以上的單元（包括不同的材料）經過重新組合后形成一個新的單元，并賦予其視覺化的、力學的觀念特征，從而“造成”新的視覺形象。

構成包括平面構成、立體構成和色彩構成三大類型。

簡述光與色的關系。

：現代物理學證實，光和無線電波、X光線等同樣是一種電磁波輻射能。色彩是由光的刺激而產生的一種視覺效應，光是其發生的原因，色是其感覺的結果。沒有光便沒有色彩，人們憑借光來辨別物體的色彩、形狀、材質、肌理等，從而獲得對客觀世界的認識。

簡要分析網頁設計與美術基礎知識的內在聯系。

：首先，網頁設計與平面構成：1．布局要新穎 2．對比要強烈 3．變化又統一 其次，網頁設計與色彩： 1．對比與和諧 2．色彩的肌理 3．無彩色與有彩色的相互作用 4．繪畫色彩與設計色彩的關系。

什么是構成？常見的構成形式有哪些？

：構成是將相同或不同形態的兩個以上的單元（包括不同的材料）經過重新組合后形成一個新的單元，并賦予其視覺化的、力學的觀念特征，從而“造成”新的視覺形象。常見的構成形式：對稱、平衡、對比。

簡述色彩的物質性印象。

：對于顏色的物質性印象，大致是由冷暖兩個色系產生的。冷、暖色系是人們根據心理錯覺對色彩的物理性分類。一般來說，紅光和橙、黃色光本身波長長，有溫暖的感覺，以此類光照射到任何物體都會增加溫暖的感覺。冬天，我們關掉屋子里的日光燈，打開白熾燈，就會有溫暖的感覺。相反，紫色光、藍色光、綠色光則有寒冷的感覺。如果夏天我們關掉屋子里的白熾燈，打開日光燈，同樣會增加涼爽的感覺。對商品的包裝也是如此，如果在冷飲或冷食的包裝上使用冷色，視覺上無疑會引起對這些食物向往的感覺。

簡述版式設計中“重復與交錯”的形式法則。

：在版面設計中，常不斷重復使用的基本形或線，且它們的形狀、大小、方向都是相同的。重復使設計產生安定、整齊、規律的統一。但重復構成的視覺感受有時容易顯得呆板、平淡、缺乏趣味性的變化，因此在版面中可安排一些交錯與重疊，使版面變得靈活。舉例說明什么是基本形的重復？

：基本形的重復是指使用同一基本形在構成設計中構成畫面。如操場上做廣播體操的學生，建筑中的墻磚、地板、屋頂的瓦片，樓房上一個個的窗戶，布上的圖案等等都是基本形的重復。什么是費勃那齊數列？

：費勃那齊數列是一個近似黃金比的數列，也就是將黃金矩形的比值運用到連續排列的線群上所得出的間隔構成。

什么是全色光？什么是復色光？

：全色光即指含有紅、橙、黃、綠、藍、紫的光線。復色光是指含有兩種以上色彩的光線，其中包括全色光線。

什么是特異構成？

：當構成要素在有序的排列中有意違反秩序，使少數幾個要素凸現出來，增強視覺沖擊力，形成視覺焦點，以打破規律性，形成生動活潑的視覺效果時，稱為特異。

第三篇：網站美工作業

網站美工設計基礎形成性考核冊

學生姓名：

學生班級：

學生學號：

年

月

實訓1 對21世紀網頁設計的審美轉達的認識

實訓目的

提高學生對網頁設計的認識，加深理解網站在當今社會的重要地位。實訓內容

完成2000字左右的文字稿。

實訓要求

教師指導1學時，學生課后自學8學時或以上。實 訓 過 程 記 錄

步驟簡述：

網頁把各種信息以最快捷、方便的方式傳達給受眾。人們對美的追求是不斷深入的，網頁設計同樣如此。網頁不光是把各種東西放上去，能看就行，這是遠遠不夠的！要考慮如何受眾能更多的和更有效率的接收網頁上的信息，從而使他們對給網站留下很好的印象，那就更能促進自己網站的運作。在這種標準的要求下，逐步產生了審美的需求。這需要從審美的方面入手，結合使用方便的要求，就能制作出清晰、整體性好的頁面。使人瀏覽起來心情愉快，接收信息也會更加容易。同時提升網站的形象。

運用一些平面設計中美的基本形式到網頁中去就能是網頁更加富有美感，例如將平面設計中的節奏與韻律和骨格的形式溶入到網頁中，這樣會使內容繁多的頁面更加有條理，也會是人瀏覽起來主次分明。當然這種美首先建立在頁面的內容充實，而且實用，一個內容空洞無物的網頁既使做得再漂亮也不會吸引人，頂多贏得幾聲贊嘆，沒有任何的用處。沒有實用性的東西是不會具有生命力的。要想將頁面做的更漂亮，就要求設計師要用較好的審美方面的素質，同時要有豐富的平面設計的經驗。這樣才能在設計時駕輕就熟。

在滿足了基本的功能的要求之后，為了突出自己的特色，突出自己的優勢，必須從審美上入手。而目前很多國內網站的現狀是什么樣子的呢？經常上網的網友可能會有所體會。目前的網頁存在著諸多的不足，以下簡單的分析一下，希望能從中得到一些啟示。隨后我們再為大家介紹一些網頁設計的審美法則。

第一個可以用一個字來形容，那就是“塞”。

第二也可用一個字“花”來形容。

第三個現在網頁設計中的誤區就是千篇一律，缺乏自己的特色。

還有一類站點的網頁是一種純技術化的網頁。

綜合以上的分析，可以找出很多目前網頁設計上設計的不足，特別是審美上的不足，照顧網頁功能上的需要的前提下，需要有針對性的采用一些美的形式。來使網頁做得更加有生氣，更吸引人。

那么加入美的因素，也要遵循一定的形式美法則。這種美的形式有很多種，合理的利用，可以給網頁增光添彩。賞心悅目。是受眾瀏覽起來更加有效率，有力的提升網站的形象。下面逐一分析這些美的形式，并考慮如何將它們融入到網頁之中，以解決以上遇到的很多網頁設計上的審美不足的問題。

從古至今，很多藝術家和學者提出了各種關于形式美的規律，很多經得起推敲的作品都是遵循這些規律去創作，以期完成其審美價值的。因此，在網頁設計過程中，設計者必須去研究，掌握并主動地、有意識的運用這些規律，才能創作出好的作品。當然，不同時代有不同的設計審美觀念，也有不同的美學特征。在信息特別發達的今天，競爭日趨激烈，給人們帶來了新的審美需求，對于網頁設計，客觀上將其推向了更高層的表現境界，這是網頁設計的必然趨勢。去追求一種和諧的單純，即追求清晰的視覺沖擊力和巨大的張力，我們應該把“變化和統一、條理與反復、對比和調和、均齊與平衡、節奏與韻律”等美的形式規律同現代的網頁設計的具體問題相結合起來。

如何解決網頁中的獨特性的問題呢?我想這不僅僅是審美的形式問題,主要要站在網站本身的高點上來考慮，綜合自身的整體形象，如網站的標志、標準字體、標準色等等，因為這些方面就是自己與眾不同之處，如果將這些經獨特設計的關于自身經營理念的東西融合到網頁設計中去，怎會與人雷同呢？隨便打個比方，假如運用自己的網站的標準色作為網頁的基調，不光是能做到獨特，而且對于網站本身的形象是很有好處的，就如我們經常見到的IBM的藍，可口可樂的紅白兩色。這都是苦心的營造的企業形象的重要組成部分。網站要想樹立自己的獨特的形象，必須從這些方面入手，把網頁上的各種信息的表達統一到網站綜合形象的整體里面來考慮。就會給人留下深刻的獨特的形象。

作為形式美的法則，隨著時代的不同而不斷發展進步，特別在生活節奏如次快的互聯網時代，由于追求的目標的變化，人們的審美觀念也在不斷的變化，但是美的本質是一樣的，同時隨著技術的發展，很多的目前不容易實現的審美形式也逐漸被克服，突破帶寬的瓶頸。就會給網頁設計的自如發展一片新的天地。我們對美的追求是永不停止的，作為設計師，也要不斷的提高自己的素質，才能做出更好的富于美感的網頁來。實訓日期：

實訓2 網頁與平面構成、色彩、版面設計的關系 實訓目的

提高學生對色彩的認識。加深對色彩在現實生活中重要性的理解。實訓內容

談網頁與平面構成、色彩、版面設計關系的理解和認識。完成2000字左右的文字稿。實訓要求

教師指導1學時，學生課后自學8學時或以上。實 訓 過 程 記 錄 步驟簡述：

網頁的平面構成,就是一種造型概念,也是現代造型設計語言.其中含義就是將 點 線 面 色 等各種單元組成一個新的單元,并賦予視覺化的、力學的概念。其中，立體構成是厚度造型，平面構成是以輪廓造型，是將不同的基本形態按一定的規則在平面上組合圖案。

平面構成元素，包括概念元素、視覺元素和關系元素，是指造型之前，僅在意念中感覺到的點、線、面、體的概念，其作用是促使視覺元素的形成。視覺元素，是把概念元素見之于畫面，是通過看得見的形狀大小 色彩 位置 方向 肌理等被稱為基本形的具體形象加以體現的。關系元素，是指視覺元素（即基本形）的組合形式，是通過框架、骨骼以及空間 空心 虛實 有無等因素決定的；其中最主要的因素是骨骼，是可見的，其他如空間，則是以感覺去體現。

平面構成的框架 一切用于平面構成中的可見的視覺元素，通稱形象，基本形態即是最基本 的形象；限制和管轄基本形在平面構成中的各種不同的編排，即是骨骼?；拘斡小罢庇小柏摗?，構成中亦可互相轉化；基本形相遇時，又可以產生分離 接觸 復疊 透疊 聯合 減缺 差疊 重合等幾種關系。骨骼可以分為：視覺上起作用的有作用骨骼和在視覺上不起作用的無作用骨骼，以及有規律性骨骼（即重復近似 漸變 發射等骨骼）和非規律性骨骼（密集 對比等骨骼）?；拘闻c骨骼的上述這些特性，將相互影響 互相制約 互相作用而構成千變萬化的構成圖案。

實訓日期：

階段性考核一 考核內容

網頁與平面構成、色彩、版面設計的關系（2000字左右文字稿）考

核 過 程 記 錄

步驟簡述：

上面是平面構成的簡單概念和介紹但是平面設計中除了平面構成以外還有另外一個不可或缺的理論知識，就是色彩構成，色彩構成也是平面設計的必須基本知識之一，其實配色方面也是很多人的問題，有人會認為色彩的話只要自己覺得舒服就好了，我個人覺得舒服其實只是感覺中的一種，而色彩可以傳達的不單單是讓人舒服而已，簡單來說色彩是一種語言是一種信息 是一種可以通過眼睛傳達到人腦中直接刺激人的大腦而對作品產生的一種對作品的共鳴。

色彩有冷暖 有遠近有大小 甚至是可以直接傳達信號給觀看者。就象是埃及的圖騰中紅色就是太陽，生活中紫色的花朵看了就有給人一種幸福的感覺，土黃色一看就很古典等等等~~

但同時在色彩構成中不同的行業對色彩運用也有不同的感受，還有就是不同的行業對色彩使用的要求也有不同想網頁設計和書報設計是不同的，網頁設計在網頁上的色彩除了符合自己風格以外還有就是不用考慮印刷方面的問題。因為在書報設計中要考慮印刷方法，和印刷出來的效果。

色彩是很微妙的東西，它們本身的獨特表現力可以用來產生出一種刺激人們大腦中對某種形式存在的物體的共鳴，展現出其對待生活中的新的看法與態度，擴大了我們創作的想象空間，賦予了創作的新的不定性。

其實在一個具體的設計稿樣上，形態的組織 色彩的構成等都是為了獲得一種整體的視覺效果，在我們拋開其他形態組織不談，先簡單的分歧一下設計稿件上在色彩上如何是形成一個同意和諧的整體的。

網頁的版面構成肩負著雙重使命：一是作為信息發布的重要媒介，二是它要讓讀者通過版面的閱讀產生美的遐想與共鳴，讓設計者的觀點與涵養能進入讀者的心靈。

以往的媒體如報刊，只有文字和圖片而沒有聲音；廣播只有聲音卻沒有文字和圖像；電視是擁有聲音、圖像、文字的媒體，但觀者只有被動地接受，而不能自由地有選擇地觀看，也不能進一步查看詳細資料，只有網頁可以做到上述的一切，觀者的自由度像報紙一樣，可自由選擇喜愛的內容，同時又可以聽、看更多的聲音和視頻信息，以對被查看事物有更全面的了解。這種利用圖像、音效和動畫的版面構成形式，必將使媒體視覺傳播策略更加深入。版面構成離不開藝術表現。美的形式原理是規范形式美感的基本法則。它是通過重復與交錯、節奏與韻律、對稱與均衡、對比與調和、比例與適度、變異與秩序、虛實與留白、力場與網格、變化與統一等形式美構成法則來規劃一個網頁版面。用最簡單的一句話來表達，構成就是將造型按視覺效應、視覺力學和精神力學等原則組 成的，具備美好形態的造型。構成形式里，有空間構成（平面構成和立體構成）和時間構成（靜和動）。在網頁的創作，就是

要協調這里面的種種關系，順應視覺感受，才能夠打動觀看者的視覺，得到想要的效果。版面構成實際上就是如何運用好點、線、面。不管版面的內容與形式如何復雜，但最終可以簡化到點、線、面上來。網頁頁面中所有要素都可以歸納為點、線、面：一個字母、一個頁碼數、可以理解為一個點；一行文字、一行空白，均可以理解為一條線；數行文字與一片空白，則可以理解為面。它們之間互相依存，相互作用，組合出頁面中各種各樣的形態，構建成一個個千變萬化的全新頁面。對于網頁的版面構成，在設計上雖然可以借助電腦設計軟件中的一些特殊技法使其豐富多樣而又簡潔明了，但歸根究底是為了讓文字和內容更有可讀性，讓欄目劃分更富于節奏感，是為內容服務的，所以如果當兩者相矛盾時，應該讓版面構成服從內容。頁面是讓瀏覽者閱讀和理解的，讓瀏覽者在視覺上感到愉快，思維上保持清晰就是版面構成中視覺表達的最精華概括。

除了以上的構成關系，還應注意網站的內容，人性化的布局。網站的包裝絕不是從某單方面就可以解決的。一個受歡迎的網站，必將是一個給人印象深刻，在各方面都設計合理的網站。

考核成績（滿分10分）：

指導教師簽名：

考核日期：

實訓3 重復、漸變、發射的構成練習

實訓目的

反復調整三個基本構成的骨架結構和設計效果，通過動手實踐，體會手繪的感覺。實訓內容

分別作重復、漸變、發射三個構成的練習。實訓要求

手繪。（30CM×30CM）在白卡紙上（黑白稿）作涂色練習。教師指導3學時或以上。學生課后練習40以上學時。（選2種或2種以上形式進行綜合練習）實 訓 過 程 記 錄 步驟簡述：

1、準備工具（卡紙、水粉顏料、水粉筆、鉛筆、尺子等）；

2、尋找參考資料和設計草圖；

3、確定草圖，用鉛筆畫構成練習的骨格；

4、用針筆過稿，上墨，修圖，裝裱完成。實訓日期：

實訓4 特異、肌理、圖與底、對比、韻律等平面構成的練習實訓目的

通過動手實踐，體會手繪的感覺及學習手繪的技法。實訓內容

分別作特異、肌理、圖與底、對比、韻律等構成的練習。實訓要求

手繪。任選一種構成，在白卡紙（30CM×30CM）上（黑白稿）作設計練習。教師指導3學時，學生課后練習8學時或以上。實 訓 過 程 記 錄

步驟簡述：

1、準備工具（卡紙、水粉顏料、水粉筆、鉛筆、尺子等）；

2、尋找參考資料和設計草圖；

3、確定草圖，用鉛筆畫構成練習的骨格（肌理構成需拓印或用其他方法在紙張上制造肌理效果）；

4、用針筆過稿，上墨，修圖，裝裱完成。實訓日期：

階段性考核二 考核內容

掌握重復、漸變、發射的構成練習（選2種或2種以上形式進行綜合練習）考

核 過 程 記 錄

步驟簡述：

1、準備工具（卡紙、水粉顏料、水粉筆、鉛筆、尺子等）；

2、尋找參考資料和設計草圖；

3、確定草圖，用鉛筆畫構成練習的骨格；

4、用針筆過稿，上墨，修圖，裝裱完成。

考核成績（滿分10分）：

指導教師簽名：

考核日期：

實訓5 設計三幅平面構成 實訓目的

通過動手實踐，體會手繪的感覺及學習手繪的技法。實訓內容

運用基本形的各種排列，自行設計三幅平面構成作品。

實訓要求

有條件的地方可上機操作。教師指導3學時，學生課后練習40學時以上。（選2種或2種以上形式進行綜合練習）實 訓 過 程 記 錄 步驟簡述：

1、明確繪制平面構成作業任務；

2、準備工具（卡紙、水粉顏料、水粉筆、鉛筆、尺子等）；

3、尋找參考資料和設計草圖；

4、確定草圖，用鉛筆畫構成練習的骨格；

5、用針筆過稿，根據作業要求和構思稿上墨；

6、修圖，裝裱完成。實訓日期：

階段性考核三 考核內容

設計三幅平面構成

（選2種或2種以上形式進行綜合練習）考

核 過 程 記 錄 步驟簡述：

考核成績（滿分15分）：

指導教師簽名：

考核日期：

實訓6 繪制明度漸變卡 實訓目的

學會色彩調配知識、掌握涂色以及調色方法。實訓內容

繪制明度漸變卡，完成1幅在白卡紙上（30CM×30CM）的手繪作業涂色（用水粉色）

練習。

實訓要求

通過學習，掌握色彩調配知識、涂色以及調色方法。教師指導1學時，學生課后8學時或以上。

實 訓 過 程 記 錄

步驟簡述：

1、明確繪制明度漸變卡作業任務；

2、準備工具（卡紙、水粉顏料、水粉筆、鉛筆、尺子等）；

3、尋找參考資料和設計草圖；

4、確定草圖，用鉛筆畫構成練習的骨格；

5、調色，根據作業要求和構思稿上顏料；

6、修圖，裝裱完成。實訓日期：

實訓7 繪制純度漸變卡

實訓目的

學會色彩調配知識、掌握涂色以及色彩調配方法。

實訓內容

繪制純度漸變卡，完成1幅在白卡紙上（30CM×30CM）的手繪作業涂色（用水粉色）練習。

實訓要求

通過學習，學會色彩搭配知識、掌握涂色以及色彩調配方法。教師指導1學時，學生課后8學時或以上。實 訓 過 程 記 錄 步驟簡述：

1、明確繪制明度漸變卡作業任務；

2、準備工具（卡紙、水粉顏料、水粉筆、鉛筆、尺子等）；

3、尋找參考資料和設計草圖；

4、確定草圖，用鉛筆畫構成練習的骨格；

5、調色，根據作業要求和構思稿上顏料；

6、修圖，裝裱完成。

實訓日期：

階段性考核四 考核內容

繪制明度漸變卡 考

核 過 程 記 錄 步驟簡述：

1、明確繪制明度漸變卡作業任務；

2、準備工具（卡紙、水粉顏料、水粉筆、鉛筆、尺子等）；

3、尋找參考資料和設計草圖；

4、確定草圖，用鉛筆畫構成練習的骨格；

5、調色，根據作業要求和構思稿上顏料；

6、修圖，裝裱完成。考核成績（滿分10分）：

指導教師簽名：

考核日期：

實訓8 上機完成8幅作業練習

實訓目的

學會運用上機操作的方法進行色彩搭配的練習、掌握涂色以及色彩調配方法，作平面色彩構成練習。實訓內容

手繪。完成8幅（30cm×30cm）的作業練習。有條件的地方可上機操作，完成8幅（16cm×16cm）的作業練習。（可選擇完成）實訓要求

（1）作標準色相環pccs色相環。

（2）色彩混合作間色、復色的調色混合練習（3）原色對比（4）間色對比（5）冷暖色相對比（6）明度對比（7）純度對比

（8）色彩單項調和

（9）色彩雙項調和（10）多色調和

（11）改變面積分割形狀形成調和

（12）色彩與四季的聯想——春、夏、秋、冬（形象任意設計）。教師指導6學時，學生課后40學時或以上。

實 訓 過 程 記 錄 步驟簡述：

指導教師簽名：

實訓日期：

階段性考核五

考核內容

上機完成8幅作業練習（可選擇完成）考

核 過 程 記 錄

步驟簡述：

考核成績（滿分10分）：

指導教師簽名：

考核日期：

實訓9 網頁版式設計訓練

實訓目的

通過對優秀網頁設計的賞析，學生可以先借鑒后創新；掌握版式設計的基本流程；掌握網頁版式設計的藝術手法。實訓內容

設計網站主頁

實訓要求

1、自擬網站主題，進行網頁版式設計與創意練習

2、設計2—4個網頁，分析版式類型，教師指導7學時，學生課后要進行26學時以上的操作練習。

實 訓 過 程 記 錄

步驟簡述：

實訓日期：

階段性考核六 考核內容

網頁版式設計訓練 考

核 過 程 記 錄 步驟簡述：

考核成績（滿分15分）：

指導教師簽名：

考核日期：

實訓10 工具箱的基本應用 實訓目的

提高學生手繪各種圖形的能力，創建栩栩如生的幾何圖形。實訓內容

運用CorelDRAW軟件繪制圖形。

實訓要求

使用CorelDRAW提供的最基本工具繪制幾何圖像，選擇運用各種工具繪制幾何對象的案例進行講解，教師指導2學時。學生課后上機操作練習4學時以上。實 訓 過 程 記 錄 步驟簡述：

實訓日期：

實訓11 對象的編輯操作

實訓目的

使學生能夠靈活的展現出所要表達的圖形效果。實訓內容

運用CorelDRAW軟件對圖形進行編輯操作。

實訓要求

在創建了基本的對象輪廓后，使用各高級工具和命令調整對象的形狀，最終獲得滿意的效果。教師指導1學時，學生課后要參考相關實例進行上機操作練習10學時以上。實 訓 過 程 記 錄 步驟簡述：

實訓日期：

實訓12 圖像的填充效果

實訓目的

通過相關工具和技巧的混合運用，繪制出各種圖案填充效果，使作品不僅局限于對象的簡單疊加，而且具有五彩繽紛的渲染效果。實訓內容

運用CorelDRAW軟件對圖案進行填充操作。

實訓要求

熟練掌握圖案填充的技巧，使學生能夠繪制出彩色的圖畫。教師指導2學時，學生課后要參考相關實例進行上機操作練習8學時以上。實 訓 過 程 記 錄

步驟簡述：

實訓日期：

實訓13 位圖的應用與編輯

實訓目的

學生可以不通過Photoshop，就可以直接在CorelDRAW中處理現成的素材。實訓內容

運用CorelDRAW軟件編輯位圖。實訓要求

使用濾鏡對現成的圖像進行處理。教師指導1學時，學生課后搜集位圖素材并參考相關實例進行上機操作練習6學時以上。實 訓 過 程 記 錄 步驟簡述：

實訓日期：

實訓14 運用CorelDRAW工具繪制網頁 實訓目的

通過本案例的練習，熟練掌握網頁設計與制作的方法和技巧，能夠運用美術思想來設計制作具有觀賞性的網頁。

實訓內容

運用CorelDRAW軟件繪制網頁。

實訓要求

1、選用3-5種顏色為網站配色，體會色調與網站主題的聯系

2、網站各要素要完整

3、教師指導4學時，學生課后搜集優秀網頁做參照，上機操作練習32學時以上。實 訓 過 程 記 錄

步驟簡述：

實訓日期：

階段性考核七 考核內容

運用CorelDRAW工具繪制網頁 考

核 過 程 記 錄

步驟簡述：

考核成績（滿分30分）：

指導教師簽名：

考核日期：

《網站美工設計基礎》形成性考核成績表 階 段 一

實訓名稱 學時數 階段成績

實訓1 對21世紀網頁設計的審美轉達的認識 1

實訓2 網頁與平面構成、色彩、版面設計的關系 1

階

段 二

實訓3 重復、漸變、發射的構成練習3

實訓4 特異、肌理、圖與底、對比、韻律等平面構成的練習3 階 段

三

實訓5 設計三幅平面構成 3 階 段 四

實訓6 繪制明度漸變卡 1

實訓7 繪制純度漸變卡 1 階

段

五

實訓8 上機完成8幅作業練習6 階 段

六

實訓9 網頁版式設計訓練 7 階 段

七

實訓10 工具箱的基本應用 2

實訓11 對象的編輯操作 1

實訓12 圖像的填充效果 2

實訓13 位圖的應用與編輯 1

實訓14 運用CorelDRAW工具繪制網頁 4

總計

教師簽名：

第四篇：網站美工崗位職責

網站美工崗位職責

崗位權限：

受公司委托，行使對公司廣告及旗下網站的設計、修改、美化等管理與制作權限，并承擔執行公司規章制度、管理規程和工作指令的義務。

工作內容與職責：

1.負責網站頁面的整體美工創意、設計和頁面的實現； 2.配合網站策劃及開發人員進行相應的專題頁面制作； 3.負責公司平面宣傳品的設計；

4．服從公司指揮，認真執行其工作指令，一切管理行為向公司負責；

5．嚴格遵守公司規章制度，認真履行工作職責；

6．負責公司廣告、圖片、動畫、海報、logo及網頁的設計制作上傳； 7.負責公司網站活動專題的版面策劃、設計以及制作上傳；

8．認真做好各類信息和資料收集、整理、匯總、歸檔等工作，為公司旗下各項目的成功開發提供優質的素材；

9．全面主持設計工作，擔綱創意核心、設計指導、效果統籌、設計溝通的任務；

10．負責公司編輯隊伍的簡單技能培訓； 11.負責與各部門的協調工作；

12.完成公司交辦的其他事務。

與上級的溝通方式：接受公司企業文化建設部部長網絡管理崗位的口頭和書面指導。同級溝通：與公司各部門人員的業務聯系和溝通。崗位技能要求：

1.精通photoshop、coreldraw、flash、dreamweaver、div+css等；

2.具有深厚的美術功底及良好的創意構思能力，很好把握視覺色彩與網站布局，思想敏銳活躍，具有豐富的視覺創作經驗和獨到的審美修養；

3.具備優秀的網站整體策劃、設計能力，有豐富的網頁設計經驗； 4.熟練處理CSS與IE6、IE7、IE8、FireFox等瀏覽器兼容問題 5.兩年以上網頁美工工作經驗。其他方面：

A、在重大節日前夕，進行有關公司內外氣氛裝飾布置展示工作。B、各類宣傳版報的資料的制作。C、網絡部布置的各項工作任務。D、公司促銷和公益活動的布置。

二、行為規范

1、認真按照促銷內容繪制各類宣傳海報及各類印刷品樣稿的制作。

2、公司整體VI系統的設計要具體、詳細、連續并要求有新意。要對公司內部區域熟悉了解，能夠很好地利用既有格局巧妙地進行美陳設置。

3、網站各圖片制作必須清晰、與網頁色調搭配協調、大小比例適中；網站廣告及其他圖片設計必須在保證不影響網站整體美觀的情況下進行。

4、活動專題的制作要求：標題醒目奪人，內容主題鮮明，重點突出，活動類專題，報名按鈕突出方便。

5、設計工作保證質量，要做到圖片、文字清晰，頁面美觀，不得敷衍了事。

6、按時完成工作任務。

第五篇：網站美工自薦信

網站美工自薦信

網站美工自薦信1

尊敬的領導：

您好!感謝您百忙之中抽出時間閱讀我的求職信，期望您給我一個自我展示和實現價值的平臺，以下是我的個人情況介紹。

我叫xxx，畢業于xxxx大學平面設計專業。通過xx站了解到貴公司正在招聘網頁設計/美工，仔細閱讀貴公司對崗位的相關要求后，自認為能夠勝任這份工作，特此向貴公司毛遂自薦。

我是平面設計專業的一名應屆畢業生，在校期間曾系統的學習過平面構成，色彩構成，素描基礎等專業課程，能熟練使用PHOTOSHOP、DREAMWEAVER、FLASH等軟件，熟練掌握JAVASCRIPT、HTML5、DIV+CSS標準。四年的專業學習，在提升審美能力的同時，也練就了良好的網頁整體布局能力。扎實的美術功底和色彩感，能準確把握網站整體風格設計。

紙上得來終覺淺，我深知書本上的理論知識只是前期的積累，想要真正的提升自己的能力，還是得靠實踐來積累。因此，大學期間，在不耽誤學業的前提下，利用課余和假期時間，多次到xxxx網站、xxxx設計公司實習?，F能獨立完成網頁設計及制作。

此致

敬禮!

xxx

20xx年xx月xx日

網站美工自薦信2

尊敬的.貴公司領導：

您好！

感謝你在百忙之中抽空審閱我的自薦信，期望您給我一個自我展示和實現價值的平臺，以下是我的自我介紹。

本人20xx年從事互聯網行業，先后做過設計部經理，推廣部經理，產品經理。善于辨證的分析和思考問題，具有較強的組織協調能力；具有市場分析決策、接受新事物能力較強；先后曾帶領過團隊策劃并實施中彩網首頁、論壇、彩民之家等頁面的改版。312健康網托瑪琳、水益生、高血壓治療儀等產品的策劃制作與推廣。

工作四年，奠定了我扎實的專業知識和豐富的互聯網經驗。使我成為一個互聯網內的一個復合型人才。在專業上：精通美工，搜索引擎優化（seo）,熟悉（ASP,php）,可以獨立完成中，小型網站的設計、開發與推廣。對門戶網站、電子商務網站、招生加盟類網站都有獨特的見解。在團隊建設，協調處理突發事件,工作質量進行監督檢驗上也積累了豐富的工作經驗。

最后感謝您在百忙之中抽暇審批這份材料。祝貴公司蓬勃發展，事業蒸蒸日上！

此致

敬禮

自薦人

時間

網站美工自薦信3

尊敬的領導：

您好！

感謝您能抽出時間查閱我的自薦信，希望能通過此次機會得到一個展示自我的平臺，以下是我的自我介紹。

我叫XXX，是XX師范大學的一名應屆畢業生。在校期間，我曾系統的學習過平面構成、色彩構成、圖案造型、字體設計、標志設計等方面的課程，能熟練運用DIV+CSS、HTML，熟練運用photoshop、dreamweaver、flash、coreldraw軟件。

我深知課本上學習的知識過于片面，為了提升自己的實際操作能力，利用假期時間，我多次跟隨老師一起學習業務操作技能。通過學習和實踐，我能較好的配合網站程序開發人員，完成網站前臺界面的設計制作。能獨立完成公司門戶網站所有頻道欄目的圖片設計及更新，并能對網站架構的優化提出建議。

除此之外，我還有很好的團隊協作能力，能較好的協助同事完成各項工作內容。我的抗壓能力不錯，能將壓力轉化成工作的動力。

最后感謝您在百忙之中抽空審閱這份自薦材料。祝貴公司蓬勃發展，事業蒸蒸日上！

此致

敬禮！

求職人：xxxx

XXX年XX月XX日