美工設計的概念大全11篇

緒論：寫作既是個人情感的抒發，也是對學術真理的探索，歡迎閱讀由發表云整理的11篇美工設計的概念范文，希望它們能為您的寫作提供參考和啟發。

篇（1）

一、引言

結合當下電商行業的崛起，很多電商企業對美工人員的需求越來越大。為了更好地迎合社會需求，同時能夠拓寬中職生的就職道路，本社團開設的主題設定為“網絡商品PS美工”。開設目的主要為了讓學生更好的利用PS工具設計簡單的商品廣告，商品詳情頁面以及商品海報等。社團的每一次活動，都結合當今電商企業美工的具體操作。要求學生通過所學的操作知識，發揮想象，根據電子商務的特點制作作品。

二、社團開設的計劃

本學期共十八周時間，社團課為每周兩節。本學期的社團活動主要分成四階段。第一階段為鑒賞學習階段，主要要求學生鑒賞各類典型的商品海報以及詳情頁面。同時能夠分析各類商品海報的設計意圖，并分析商品海報通過PS工具達到了什么效果。第二階段為效仿階段，主要要求學生模仿各類典型的商品海報設計。著重練習使用PS工具制作各種效果。在練習過程中對較常出現的操作或者綜合類的操作進行針對性講解。第三階段為創作階段，在這個階段主要根據自己的想法，針對幾類典型商品，創新思維，設計出自己的商品海報或者詳情頁面。這個階段是較為重要的一個階段，也是學生真正動手創造的階段。通過這個階段的實踐練習，學生能夠更進一步理解企業電商美工的概念。最后一個階段為改善階段。是對上一階段操作中的不足之處加以完善。這個階段的練習不僅能夠讓學生對之前的操作進行查漏補缺，同時也再次激發了學生的思維風暴。

三、社團活動具體操作

有了社團簡單的計劃制訂，接著就需要將計劃落實在每一次的活動當中，讓學生真正地學以致用。PS是一門操作工具，要使用這項操作工具解決電商的美工設計，主要需要掌握兩個方面的要點。首先，理解電商的定義。電子商務就是利用電子手段進行商務交易活動。商品的海報或者詳情頁面自然也少不了提供適當的營銷信息作為宣傳。另外需要注意是，針對不同商品的PS設計需要結合適當的色彩搭配和效果處理。避免過于花哨或過于簡潔的設計。

下面簡單講授下幾個重要環節的活動設計。15年3月23日的一次社團活動，要求學生制作某一種水果的詳情頁面。設計詳情頁面首先要求排版合理，美感突出。首先教師對于幾種比較典型的詳情頁面進行簡單分析，在色彩搭配以及文字信息的填寫上學生都產生一定的見解。接下來的20分鐘，教師要求學生上網查找自己所需要的材料。包括圖片信息和文字信息。同時也能夠借助網絡對于各種商務平臺上同類商品的詳情頁面進行鑒賞和參考，為自己的操作提供更多的思路。在學生們有了一定方向并收集到所需的素材后，開始真正的PS美工設計。利用PS制作一種水果的詳情頁面。觀望學生操作，大部分學生先選擇背景的設計。在確定水果品種后，學生對于畫布的色彩進行選擇，并添加了一些合適的濾鏡效果和背景樣式。接著，學生往往著手于排版設計，對于詳情頁面進行分欄，確定每欄的內容。并且對每一欄的標題進行美工設計。上述操作完成后，學生已經將詳情頁面的簡單框架基本完成。后面就是對每一欄進行圖文的詳細設計。文字和圖片的搭配也有很大的講究。首先色彩上要相對比較接近，同時文字和圖片要做到相互輔助的效果。最重要的是還要注意文字和圖片傳達的效果。既然是商品的詳情頁面，就需要顧客在瀏覽的時候能夠第一時間感受到商品的賣點。所以學生在進行圖文設計的時候不能改變圖片的真實性但又要開發出圖片的廣告效應。很多學生在這個環節會選擇利用PS軟件中的選區操作來細化放大商品細節，同時添加比較絢麗的文字效果進行講解。又或者是對商品圖片做投影，模糊等濾鏡效果來突出商品的特點。短短的兩節課時間，學生利用自己的思維制作出一張張簡單卻精彩的詳情頁面。雖然與電商平臺上的商品詳情頁面有著很多的距離。但依舊能在學生的作品中感受到他們特有的思維和想法。很多學生在作品中加上了自己感興趣的元素。譬如有的女生利用90后眾所周知的韓星李敏鎬結合水果制作宣傳，向顧客說明水果具有美膚功效。將人物用PS工具進行選擇并粘貼在水果圖片的旁邊，旋轉并縮放人物圖片的大小，并添加形狀工具中的“語言框”，在“語言框”中打入自己設計的宣傳語。這樣的創作更貼合年輕人的思維，同時又對水果的用途做了很好的宣傳。又譬如有的學生利用水果能夠制作飲品這個用途來設計頁面。學生在水果的圖片底部利用PS工具放置半透明的飲品圖片，這樣的圖片設置結合了水果的多功能用途很好地詮釋了水果的另一個賣點。

15年3月31日的社團活動，活動要求：制作主圖。首先告訴學生能夠點擊鏈接進入詳情頁面的水果圖片就是所謂的主圖。主圖的要求比較高，它就像是一個廣告活招牌，讓顧客一看就忍不住點擊進入詳情頁瀏覽。每種水果的主圖最好是將該種水果最為放大，展示又最為全面的圖片。水果在圖片中的比重也要合適，同時又能較好地展示到細節。主圖挑選完畢后，還需要對圖片做一些簡單地處理。比如設計圖片的長，寬，水果在圖片中的位置等等。主圖的制作，學生們在多次觀察和操作中領悟了主圖設計的注意之處。通過圖片，文字的排版和設計，學生巧妙地使用了PS中的濾鏡操作，選區操作和鋼筆工具等操作完成主圖的設置。并且逐漸做到文字和圖片搭配地越來越和諧。主圖的設計比較綜合地反映了學生對于PS工具的使用熟練度。同時也給了學生一個創新的平臺去自由發揮。更重要的是，主圖的制作給了學生更多電商理念。

四、社團體驗

學生通過社團活動的開展，不僅更加熟練地掌握了PS工具的運用，并且能更近地接觸到電商美工專業特性，同時也更大余地的發揮了自己的美工設計理念。學生每一次成功地學以致用，就是對該社團建立的肯定。接下來的日子里，我會將更多具有代表性的綜合操作進行探討和實踐。讓學生不僅掌握PS工具的基本操作，而是能夠很好地利用PS工具去創作，去設計。秉著豐富技能，拓寬就業的理念，讓學生在創作之余，能更多地理解企業美工的特征。在未來就業途中，多一份能力，多一份自信。

參考文獻：

篇（2）

美工自我鑒定1在公司，我主要的工作是參與淘寶美工的網頁設計和制作。包括產品圖片完整的編排，美化處理，文案，連貫的完成和美化圖片，修圖，扣圖，產品的上架下架，寶貝美術等。

初到公司，培訓期間在謝師傅的教導下，我對網頁設計和制作的流程逐漸熟悉，從一開始只會單獨的制作圖片的簡單編排到能超額的完成一整套編排。

雖然在學習學到很多課本上的知識，但是到了真正操作的時候，還是不怎么得心應手的。但是感謝師傅的細心指導和同部門的同事的提點和幫忙。讓我在一開始的摸索期里，不走那么多彎路。

同時體會了工作中上班族的生活，早出晚歸，加班加點，和同事之間和諧相處，經歷了種種，我不再是在是舒舒服服在教室上課，或者在家人保護下的小孩了。生活上工作上種種事情都是自己獨自面對和應當。這三個月來每時每刻我都在收獲各類知識。

經過這三個月的實習，讓我認識到自己懂得的東西還太少，涉世未深，必須時刻不斷的學習，才能提升自己和充實自己。網頁設計，現在還是一個模糊界限的概念，不過我相信，在以后慢慢的學習中，我會懂得更多的。

美工自我鑒定2做美工設計的不單要對色彩要有好的感覺外，對布局也要有很好的把握，組合的好壞直接影響作品的效果。

對美工設計人員來說，這點也是非常重要的，細節能否處理得當也能體現做事明細，這也是我在不斷提升的一塊。比如背景色、色彩漸變、各組件間間距、標題樣式、字體/大小/顏色、行/段間距、插圖位置/邊緣處理、輸入框寬高/邊框色/背景色、按鈕的位置等等太多了。還是之前的話，只有你看得多了，比較得多了，那么處理細節方面也會有很大的提升。

美工本身就是細活，著急是沒用的。有了基本的審美觀，需要創作時心情放松，做些想做的事，吃點想吃的東西，隨心所欲，給提供自己創作靈感環境。不要意味的坐在電腦前去想，事倍功半，會把自己郁悶死。所以我的建議就是：多看，多模仿，多做，多比。切忌自己沒有什么審美觀就盲目創作，其實模仿沒什么可恥的，是學習的必經階段。

美工自我鑒定3本人是__學校__級美術設計專業畢業生，在步入社會正式工作之際，我先到__公司為期兩個月的實習，兩個月的實習也許是短暫的，但對我來說是十分寶貴的，它是我在學校學習知識和實際應用的充分結合，是走上工作崗位的一個演習，使我不斷的充實自己，提高自己。

我是學設計的，在書本上學過很多套經典設計方法，似乎通俗易懂，但從未付諸實踐過，也許等到真正成為一個美工時，才會體會到難度有多大;我們在老師那里或書本上看到過很多精彩的設計案例，似乎輕而易舉，也許親臨其境或親自上陣才能意識到自己能力的欠缺和知識的匱乏。實習這兩個月期間，我拓寬了視野，增長了見識，體驗到社會競爭的殘酷，而更多的是希望自己在工作中積累各方面的經驗，為將來成為一名稱職的美工做準備。

在實習期間，我認真的聽從前輩的意見，虛心的像他們學習，不懂的地方就積極的去解決。性格比較開朗的我，能很好的跟同事溝通相處，培養了我良好的團隊精神。

這段時間學到了不少學校里沒有教的東西，感覺很不一樣。也許這就是社會吧。給我感觸最深的還是認真的態度。不管做什么事都要認真對待，否則一不小心就會出錯。因為我馬馬虎虎的毛病，老是做錯。也許現在的錯誤看起來很小。可是如果不能改掉這個毛病的話，以后可能會給公司帶來很大的損失。所以每天都得自我鑒定一下，做了什么，做好了什么，還有什么缺憾。必須盡快改掉這樣的習慣，做好一個社會工作者。

美工自我鑒定4不知不覺中，時間總是過的飛快。轉眼間，我來到前衛之路家居生活廣場實習都一個月了，在這一個月中，有過痛苦，也有過歡樂，總之，感觸很深，收獲也很多。

在來到這里的第一天，我們的主管就對我進行了一個簡單的規章制度的培訓，說了很多的條條框框，還有那一本的員工手冊，讓我們看了一遍又一遍。當初覺得很痛苦，為什么要有那么多的規矩呢，可是慢慢融入這個集體之后，我才發現這是一個多么優秀的企業，有著完整的規章制度，讓它來約束著我們每一位員工的一言一行，讓我們能把工作做到。

剛剛步入到新的工作崗位上，難免會有些不適應這個角色的轉變，由于我以前有過一些做圖的經驗，所以在上傳新產品的空余時間還會協助主管做一些美工的工作。起初在這個人員不是很多的團隊里，我們每個人都身兼數職，雖然每天完成的任務并不是很多，但是我們每一天都會充實自己。畢竟這是一份全新的工作，是一個全新的開始，很多東西我們都需要去學習，只有不斷的學習才能讓自己做的更好，更好完成領導交給我們的工作。這就需要我們有百分百的熱情、激情，在我看來，只要我們對自己的工作有足夠的熱情，那么，就算是有再大的困難我們也是可以克服掉的。

在這一個月的時間里，我不僅僅學習到了很多關于淘寶的知識，還提升了自己的美工基礎。當你把一種技能長時間擱置的時候，它就會退化，但是如果你經常拿回來鍛煉一下，回顧一下，那么它自然就會越來越精藝了。現在的我不再是那個上一個產品就需要一個多小時時間的小姑娘了，現在我可以在半天的時間內就完成一個品牌產品的初步上架，然后再逐步完善產品的圖片和各種信息，雖然不能做的游刃有余，但也可以輕松搞定了。

美工自我鑒定5回顧過去一年，在領導的帶領下，在各位同事的大力協助下，工作上取得滿意得成果。我的崗位是美術編輯，工作崗位在開發中心，可是我的工作范圍并不局限于程序開發中的模版設計等工作，而是涉及到了編輯部的廣告設計，廣告圖片替換，頁面策劃修改;涉及到技術部頁面制作，代碼調試，樣式修改，后期維護等不同工作。可以說凡是需要突出我們網絡部及網站整體形象的地方，就需要美編參與工作。

設計工作是痛苦與快樂的煉獄，每當面臨重大的設計任務時充滿了壓力，開始搜集各種資料(包括文字的、圖片的)，接下來尋找設計靈感，沉思、焦灼，經過痛苦煎熬，終于有了滿意的創意時倍感輕松。每當經過艱苦的磨礪，自己的勞動成果得到大家的肯定時，便是工作中的快樂!

篇（3）

中圖分類號：TP392 文獻標識碼：A 文章編號：1674-7712 (2012) 10-0136-01

一、需求分析

隨著科技的發展，生活水平的提高，人們對科技產品的人性化水平表現出愈來愈大的需求。在計算機領域，從DOS到Windows7，從Office2000到Office2007的變化，都將用戶人性化的感受融入到產品的開發之中，尤其是游戲界面的美工制作，界面的友好程度將直接影響到產品的成敗。目前Windows平臺下軟件的開發，C++占領著主要的地位，但在界面的設計上MFC逐漸表現出自己的不足。在市場競爭愈演愈烈的今天，能否開發出迎合用戶感官需求的界面，在不久的將來，將直接制約著一個公司的發展。軟件界面的升級，windows操作系統（尤其是vista和windows7）輔助軟件的開發，都見證了用戶界面向美觀程度的靠攏。

二、方案設想

在用戶界面格式化成風的今天，游戲的發展讓我們為用戶界面的制作找到了一個良好的機遇。通過收集查找資料，我們了解到游戲界面的編程主要依靠相關的引擎實現。

目前市場上的游戲引擎琳瑯滿目，在開源的引擎當中比較成熟的有兩個：

DirectX（Direct eXtension，簡稱DX）：是由微軟公司創建的多媒體編程接口。由C++編程語言實現，遵循COM。旨在使基于 Windows 的計算機成為運行和顯示具有豐富多媒體元素（例如全色圖形、視頻、3D 動畫和豐富音頻）的應用程序的理想平臺。（baike.省略/view/15762.htm）

OpenGL（Open Graphics Library）：是個定義了一個跨編程語言、跨平臺的編程接口的規格，它用于三維圖象（二維的亦可）。OpenGL是個專業的圖形程序接口，是一個功能強大，調用方便的底層圖形庫。（baike.省略/view/9222.htm）

通過低級Graphic繪畫類以及游戲引擎與MFC高級控件的結合，為我們開發出理想界面的軟件成為可能。

三、可行性分析

以上技術的實現對于成熟公司來言并不困難，但目前軟件界面的改進卻僅限于標題欄和背景的優化，綜合考慮用戶需求以及電腦硬件配置，用戶界面并沒有大幅度改進的原因總結如下：

低級界面的開發比高級界面的開發需要更高的技術水平和更長的開發周期；目前軟件的使用依然側重于用戶的實際需求；低級界面的運行需要較高硬件配置，如CPU、內存等；在運行速度和啟動時間上高級控件有著不可比擬的優勢；用戶熟悉界面操作需要更長的時間。

但目前的局限并不能代表以后的發展，硬件性能的提升，為軟件的開發提供了越來越充裕的空間，堅信在不久的將來具有更人性化的界面必將主導計算機的軟件市場。正如軟盤到硬盤的過渡，windows7以及.Net Framework雖然占用較多的內存和硬盤空間，但微軟并沒有降低用戶界面的改進力度。

語言的發展路程力在減少代碼的重復量，類的封裝集成也會在使用的各個方面提出更多的優化方案。高級控件類脫離不了低級類的支持，我們提出的概念性界面的改進，在與高級控件類的實現原理上基本是相同的，只是由于引用了更多的圖片和復雜的計算而需要更高的硬件配置。

四、知識儲備

C++一直以來是比較有難度的語言，但在語言競爭如此激烈的今天，C++依然在軟件開發行業中占領著不可替代的地位。雖然其中離不開微軟的支持，但其高效的代碼執行效率和眾多的用戶數量，是其他語言無法比擬的。精通C++語言，無論是在電腦端的開發，還是應用在手機終端設備上，都是一個不錯的選擇。

要達到設想軟件開發的水平需要掌握以下知識：

C++基礎程序設計（重點理解面向對象思想）

VC++實效編程（MFC控件使用）

C++網絡編程（不僅限于Socket）

編程規范（培養良好的編程素質）

DirectX等游戲引擎的使用

美工設計（Photoshop、3Dmax等）

關于在Java和C#的選擇上，我個人認為用C++來開發Windows下的軟件程序比較合適，雖然DirectX在C#的應用上也有了不少的案例，但相對于現有市場公司的需求，未來幾年甚至十幾年間，C++都沒有被取代的趨勢。

五、技術難點

（1）美工設計：用戶界面的設計離不開良好的美術素養，美工制作一直以來都與編程在項目開發中占據著舉足輕重的地位，如何在規定時間內完成既定的設計、如何在實踐中突出自己的創意是個經久不衰的話題。簡而言之，我們需要優秀的美工人員來共同完成項目。（2）開發模式：良好的編碼規范和優秀的框架設計不僅能縮短項目開發的周期，而且對以后的升級維護也有著莫大的影響。如何開發自己的類庫，沒有足夠實踐經驗將很難實現。優秀經驗的交流和指導，是每個程序員求之不得的寶貴財富。書上沒有這東西，也講不明白。

六、總結

想想電影里的情節，FBI或者科學家使用的高科技計算機界面，未來3DMax中的立體圖象將不僅僅是一個畫面，而是真正存在于您桌面上的可執行程序！

類似于iPad、蘋果的用戶界面漸漸為人們所熟悉和向往，但未來的用戶界面不會僅限于此，思想有多遠，界面就會有多炫！

參考文獻：

[1]Gopalakrishna Palem,羅小平.DirectX和OpenGL動畫的錄制[J].程序員,2009,03

[2]劉慧杰,靳海亮.基于VC++的OpenGL三維圖形開發設計[J].計算機與數字工程,2009,07

篇（4）

本課程4學分，共72學時，開設一學期。其中：

網站美工設計基礎

2學分

課程主要內容：色彩基礎知識（色相、明度、純度，空間混合概念，色彩搭配，色彩的心理、網頁的色彩設計、配色軟件的使用等）、平面構成（平面設計構圖的形式要素、關系要素，平面設計構圖的基本形式、平面設計構圖的形式規律，平面設計構圖的幾種常用的表現方法等）、版式（版式設計的形式法則、網頁的版式構成與設計）及創意相關的內容。Photoshop工具的使用。

先修課程：計算機導論等。

網站美工設計基礎實訓

2學分

主要內容包括：色彩搭配、平面設計構圖、網頁版式分析與設計、Photoshop使用。

課程能力目標：通過本課程的學習，使學生提高色彩觀察能力和豐富的色彩感知能力，一般色彩搭配能力。了解平面設計構圖與視覺傳達的關系，熟悉點、線、面等設計元素的靈活運用，掌握平面設計構圖的幾種常用的表現方法。培養對優秀網頁版式分析模仿的能力。初步掌握Photoshop工具的使用。

課程教學的基本要求

本課程包括基礎理論和實訓兩大部分，特點和教學基本要求如下：

1、基礎理論部分

對色彩基礎知識、平面構成、色彩搭配、版面設計等美術基礎知識應能較熟練的掌握。

掌握并能利用平面繪圖軟件輔助設計、制作網頁。

2、實訓部分

通過本課程的學習，使學生提高色彩觀察能力和色彩的感知能力；一般色彩搭配能力；了解平面設計構圖與視覺傳達的關系，熟悉點、線、面等設計元素的性質并能靈活運用；掌握平面設計構圖的幾種常用表現方法；加強實際動手能力的培養和訓練；培養對優秀網頁版式分析模仿的能力；基本掌握一種繪圖工具的使用，最終能設計出優秀網頁。

四、課程教學要求的層次

1．掌握：

要求學生能夠全面掌握所學內容，并能夠用其分析、解答與網站美工（網頁）設計相關的問題，能夠舉一反三。

2．理解：

要求學生能夠較好的理解與網站美工設計相關的問題，并能夠進行簡單分析和判斷。

3．了解：

要求學生能夠一般的了解所學內容。

媒體說明

1．文字教材

文字教材是主要教學媒體，是教學和考核的基本依據，對其他教學媒體起紐帶作用，具有導學功能。本課程文字教材采用理論和實訓合一化設計的方式，側重實踐教學環節，每章均設計有相應的實訓項目。

2．視頻教材

視頻教材是輔助教學媒體，主要講授課程的重點、難點以及在面授教學中難以實現的教學內容，是對文字教材的強化和補充。

3．網上教學

通過網上教學輔導、答疑、階段性總結和復習，提高學生自主學習的興趣，幫助學生掌握基本概念和基本方法，提高學生的動手能力以及解決實際問題的能力。

教學內容和教學要求

第一章　21世紀網頁設計的審美(3學時，含錄像)

教學內容：

1．什么是網頁

2．網頁設計與美術基礎知識

2．1網頁與平面構成

2．2網頁與色彩

2．3網頁與版面

教學要求：

掌握：物體固有色與光源色相互之間的關系，從吸引到關注色彩與網頁設計。學會運用色彩的基礎知識、掌握涂色方法。

理解：美術基礎知識在網頁制作過程中不可或缺的地位、不同光源下的色彩變化、色彩三要素之間的區別。

了解：網頁制作最新技術和發展方向、色彩在現實生活中的重要性。

第二章　平面構成（10學時）

教學內容：

2．1形式美的基本法則

2．2平面設計的門類、元素和形象

2．3重復

2．4漸變

2．5發射

2．6骨骼

2．7特異

2．8對比

2．9肌理

2．10圖與底

2．11基本型的各種排列

教學要求：

掌握：形式美的基本法則并能較靈活的運用于網頁設計。

理解：基本型在平面設計中的各種排列及其審美法則。

了解：平面設計的門類、元素和形象。

第三章　色彩在現實領域中的應用（8學時）

教學內容：

3．1色彩的概念

3．1．1色彩的產生

3．1．2光源

3．1．3物體固有色與光源色

3．2色彩三要素

3．2．1明度

3．2．2色相

3．2．3純度

3．3色彩在現實領域中的應用

3．3．1色彩表示法

3．3．2色彩的混合

3．3．3色彩的對比

3．3．4色彩調和

3．3．5色彩肌理

3．3．6無彩色與有彩色的相互作用

3．3．7色彩結構

3．3．8色彩在現實領域中的應用

教學要求：

掌握：

物體固有色與光源色相互之間的關系，從吸引到關注色彩與網頁設計。學會運用色彩的基礎知識、掌握涂色方法。

色彩在現實領域中的應用，并能較靈活的運用于網頁設計。

理解：美術基礎知識在網頁制作過程中不可或缺的地位、不同光源下的色彩變化、色彩三要素之間的區別。色彩結構諸因素。

了解：色彩三要素及色彩表示法。

第四章　網頁版式設計的圖文魅力（2學時）

教學內容：

4．1網頁設計的獨特性與必要性

4．2網頁設計的審美情感

4．3網頁設計的裝飾語境

4．4網頁版式設計的形式法則

4．5網頁的版式構成與設計創意

教學要求：

掌握：網頁版式設計的形式法則。

理解：網頁版式設計的獨特性與必要性。

了解：網頁的版式構成與設計創意。

第五章　繪圖工具的基本應用（4學時）

教學內容：

5．1CorelDRAW的基礎知識

5．2工具箱基本應用

5．3圖像填充效果

5．4位圖的應用與編輯

教學要求：

掌握：在CorelDRAW中編輯位圖、能夠將各工具結合起來繪制豐富多彩的圖形。

理解：CorelDRAW工作界面的基本操作、圖像類型和常用格式、各部分工具的使用方法、色彩的模式與調節。

了解:CorelDRAW的基本概念和功能、色彩的模式及位圖的定義和導入。

第六章　CorelDRAW與網頁設計（6學時）

教學內容：

6．1按鈕的制作

6．2制作Logo

6．3繪制導航條

6．4制作廣告

6．5文本的處理

6．6主頁設計

教學要求：

掌握：網頁布局與頁面元素的制作技巧。

理解：在網頁設計中圖片的應用、按鈕和文字的作用與添加。

了解:網頁中常見元素的定義、賞析及繪制。

課程實訓

本課程的實訓目標是要求學生通過大量的實例賞析、上機操作與訓練，能依據專業的審美觀來自行設計各種網頁，熟練掌握其基本方法與技巧，并能最終設計出各類綜合性的網頁。本課程共15個實訓案例，實訓總計39學時。

實訓案例1：

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

要求：完成文字稿2000字左右，談對21世紀網頁設計的審美轉達的認識。教師指導1學時，學生課后8學時或以上。

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

實訓案例2：

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

要求：完成文字稿2000字左右，談網頁與平面構成、色彩、版面設計關系理解和認識。教師指導1學時，學生課后8學時或以上。

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

實訓案例3：

實訓：掌握重復、漸變、發射的構成練習。

要求：分別作三個構成的練習，手繪（30CM×30CM）在白卡紙上（黑白稿）作涂色練習。教師指導3學時或以上。學生課后練習40以上學時。

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

實訓案例4：

實訓：學會作特異、肌理、圖與底、對比、韻律等平面構成的練習。

要求：任選一幅手繪在白卡紙（30CM×30CM）上（黑白稿）作設計練習。教師指導3學時，學生課后8學時或以上。

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

實訓案例5：

實訓：設計三幅平面構成設計。

要求：有條件的地方可上機操作。教師指導2學時，學生課后練習40學時以上。

實訓目的：通過動手實踐，體會手繪的感覺和學習手繪的方法。

實訓案例6：

實訓：通過學習，使學生學會色彩識別知識、掌握涂色方法。完成1幅在白卡紙上（30CM×30CM）的手繪作業涂色（用水粉色）練習。

要求：繪制色相卡（12——24種色相pccs色相環），教師指導1學時，學生課后8學時或以上。

實訓目的：學會色彩識別知識、掌握涂色方法。

實訓案例7：

實訓：通過學習，學會色彩調配知識、掌握涂色以及調色方法。完成1幅在白卡紙上（30CM×30CM）的手繪作業涂色（用水粉色）練習。

要求：繪制明度漸變卡，教師指導1學時，學生課后8學時或以上。

實訓目的：學會色彩調配知識、掌握涂色以及調色方法。

實訓案例8：

實訓：通過學習，學會色彩搭配知識、掌握涂色以及色彩調配方法。完成1幅在白卡紙上（30CM×30CM）的手繪作業涂色（用水粉色）練習。

要求：繪制純度漸變卡，教師指導1學時，學生課后8學時或以上。

實訓目的：學會色彩調配知識、掌握涂色以及色彩調配方法。

實訓案例9：

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

要求：

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

（2）色彩混合作間色、復色的調色混合練習

（3）原色對比

（4）間色對比

（5）冷暖色相對比

（6）明度對比

（7）純度對比

（8）色彩單項調和

（9）色彩雙項調和

（10）多色調和

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

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

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

實訓案例10：

實訓：網頁版式設計訓練7學時。

要求：進行網頁版式設計與創意練習，設計2—4個網頁，教師指導7學時，學生課后要進行26學時以上的手工（手繪或粘貼）操作。

實訓目的：通過對優秀網頁設計的賞析，學生可以先借鑒后創新。

實訓案例11：

實訓：工具箱的基本應用。

要求：使用CorelDRAW提供的最基本工具繪制幾何圖像，選擇運用了各種工具繪制幾何對象的案例進行講解，教師指導2學時。學生課后上機操作練習4學時以上。

實訓目的：通過本案例的學習，提高學生手繪各種圖形的能力，創建栩栩如生的幾何圖形，并通過若干圖形的組合，構造復雜的圖形。根據學生的具體能力和要求，通過各種技巧為手繪出的對象進行適當的特殊效果，充分發揮學生的想象力。

實訓案例12：

實訓：對象的編輯操作。

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

實訓目的：在本案例中，介紹了一些對象編輯技術，包括使用工具調整對象形狀、曲線編輯、節點編輯等一些使用基本形狀工具達不到的效果。使學生能夠靈活的展現出所要表達的效果。

實訓案例13：

實訓：圖像的填充效果。

要求：運用填充工具及相關技巧繪制出絢麗多彩的圖畫，教師指導2學時，學生課后要參考相關實例進行上機操作練習8學時以上。

實訓目的：通過本案例的學習，熟練掌握圖案填充的技巧，使學生能夠繪制出彩色的圖畫，通過相關工具和技巧的混合運用，繪制出各種圖案效果，使作品不僅局限于對象的簡單疊加，而且具有五彩繽紛的渲染效果。

實訓案例14：

實訓：位圖的應用與編輯。

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

實訓目的：在本案例中，介紹了一些使用濾鏡制作的圖像效果，通過本例的學習，使學生可以不通過Photoshop,就可以直接在CorelDRAW中處理現成的素材。

實訓案例15：

實訓：CorelDRAW與網頁設計

要求：綜合運用CorelDRAW工具創建網頁。教師指導4學時，學生課后搜集優秀網頁做參照，自主選擇頁面主題制作網頁。上機操作練習32學時以上。

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

課程考核說明

1．課程的性質和任務

“網站美工設計基礎”是中央廣播電視大學電子信息類計算機網絡技術專業的一門統設必修課程。本課程教學總學時72學時，4學分。其中：講授33學時，實訓39學時，開設一學期。課程的主要內容包括：21世紀網頁設計的審美轉達、平面構成、色彩在現實領域中的應用、網頁版式設計的圖文魅力、繪圖工具的基本應用、CorelDRAW與網頁設計等。

學生通過本課程的學習，了解網站和網頁的基本設計思想，使學生提高和掌握對色彩基礎知識（色相、明度、純度、空間混合概念，色彩構成的一般原理、色彩的心理、對色彩的觀察能力和對豐富的色彩感知能力，對一般色彩的搭配能力、網頁的色彩設計、配色軟件的使用等）；平面構成（平面設計構圖的形式要素、關系要素、了解平面設計構圖與視覺傳達的關系，熟悉點、線、面、色彩、肌理等設計元素的基本設計方法，并在實踐中能靈活運用；掌握平面設計構圖的幾種常用的表現方法）；初步掌握CorelDRAW工具的使用，培養對優秀網頁版式分析模仿的能力，掌握網頁設計的基本方法。

2．考核對象

本課程的考核對象為電大計算機網絡技術專業的學生。

3．考核方式與總成績的記分方法

本課程考核分形成性考核和終結性考核，形成性考核為實訓考核，占總成績的60%，終結性考核占40%。

4．形成性考核的形式及要求

形成性考核主要考核學生實訓完成情況，形成性考核由各教學點組織教師評定成績，由省（市、自治區）級電大認定。實訓成績考核成績的60%，中央電大將對課程教學和實訓等情況進行抽查。

5．終結性考核的形式及要求

（1）命題依據

終結性考核的命題依據是：中央廣播電視大學計算機網絡技術專業（專科）“網站美工設計基礎”課程教學大綱。

（2）考核要求

①了解部分

主要指書中一些概述性的內容，要求學生能根據這些內容簡單地回答問題。

②理解部分

主要指每一章的基本概念，要求學生能理解這些概念的確切含義，并能利用這些概念解決美術設計中的一些問題。對教材中的一些較難的實例，要求能理解其應用原則和思想。

③掌握部分

主要指每章介紹的基本知識和操作技法。這一部分要求學生能夠結合書中介紹的基礎理論知識和實際操作方法，自行設計制作出優秀的版面。

（3）組卷原則

①依據“網站美工設計基礎”教材的內容及考核說明，按照“了解”、“理解”和“掌握”三個層次的教學內容命題，了解占10％，理解占30％，掌握占60％。

②試題覆蓋面廣，并突出重點。

③在教學內容范圍內，按照理論聯系實際的原則，考察學生對所學知識應用能力的試題，不屬于超綱。

（4）試題類型

試題類型包括：單項選擇題40％、填空題10％、判斷題20％、簡答題20％和操作題10％。

（5）考試形式

考核形式：開卷，由中央電大統一命題，答題時限為90分鐘。

課程考核內容和要求

第一章　21世紀網頁設計的審美轉達

[考核知識點]

1．什么是網頁

2．網頁設計與美術基礎知識

3．網頁與平面構成

4．網頁與色彩

[考核要求]：

掌握：網頁與平面構成、網頁與色彩之間的相互關系。

理解：美術基礎知識在網頁制作過程中的重要作用。

了解：美術基礎知識在網頁制作過程中不可或缺的地位。

第二章　平面構成

[考核知識點]

1、形式美的基本法則

2、平面設計的門類、元素和形象

3、什么是重復、漸變、發射

4、骨格的特點

5、基本型的各種排列

[考核要求]：

掌握：基本型在平面設計中的各種排列及其審美法則，并能較靈活的運用于網頁設計。

理解：平面設計的門類、元素和形象。

了解：形式美的基本法則。

第三章　色彩在現實領域中的應用

[考核知識點]

1、色彩的產生

2、簡析色彩與生理、色彩與心理的關系。

3、如何進行色彩調和？

4、無彩色與有彩色的相互作用

5、簡析物理補色與生理補色的區別。

6、什么是明度、純度推移構成？

7、什么是顏色的混合？

8、什么是模擬加法混合？

9、什么是同時對比？

10、什么是色相對比？

11、什么是明度對比？

12、什么是純度對比？

13、為什么說肌理對色彩能產生視覺影響？

14、色彩暗化與淡化的根本是什么？

15、試析黑色、白色對色彩的分隔作用。

[考核要求]：

掌握：色彩構成在平面設計中的各種排列及其審美法則，并能較靈活的運用于網頁設計。

理解：色彩構成的基本要素和形象。

了解：色彩構成的基本概念和作用。

第四章　網頁版式設計的圖文魅力

[考核知識點]

1、版式設計的視覺要素和造型要素

2、版式設計的審美形式原理

3、網頁的版式設計

[考核要求]：

掌握：網頁版式的基本類型、網頁內容的編排。

理解：版式設計的形式法則。

了解：版式設計的基本要素、網頁的界面空間。

第五章　繪圖工具的基本應用

[考核知識點]

1、CorelDRAW的基礎知識

2、工具箱基本應用

3、對象的選取和編輯操作

4、圖像填充效果

5、位圖的應用與編輯

[考核要求]：

掌握：在CorelDRAW中編輯位圖、能夠將各工具結合起來繪制豐富多彩的圖形。

理解：CorelDRAW工作界面的基本操作、圖像類型和常用格式、各部分工具的使用方法、色彩的模式與調節。

了解：CorelDRAW的基本概念和功能、色彩的模式及位圖的定義和導入。

第六章　CorelDRAW與網頁設計

[考核知識點]

1、制作水晶按鈕

2、制作Logo

3、繪制導航條

4、制作廣告

5、文本的處理

6、主頁設計

[考核要求]：

掌握：網頁布局與頁面元素的制作技巧。

理解：在網頁設計中圖片的應用；按鈕及文字的制作與添加。

了解：網頁中常見元素的定義、賞析及繪制。

復習資料。，見附件1。

王欣：今天的期末復習結束了，再見。祝同學們取得好成績！

見附件1：

網站美工設計基礎復習題

一、單選題

1．在幾何學上，線是點移動的軌跡，有長度和位置，沒有（

）。

A、厚度和寬度

B、高度

C、粗細

D、重心

2．骨格決定了基本形在構圖中（

）。

A、彼此的關系

B、大小

C、空間

D、形狀

3．特異構成指在有規律的形態中，出現一個或幾個（

）的元素。

A、變異

B、相同

C、重復

D、漸變

4．人們對肌理的感受是以（

）為基礎的，用來感知物體的軟硬、細致、粗糙等，稱之為觸覺肌理。

A、觸覺

B、視覺

C、想象

D、經驗

5．面是線移動的軌跡，下列哪張圖屬于直線平行移動形成的方形面（

）

A、

B、

C、

D、

6.

分割就是劃分平面空間的區域，以確定它們合理的（

）。

A、大小和位置

B、比例和形態

C、形狀和大小

D、形狀和位置

7．漸變構成指的是基本形或骨格有規律的（

）地變化。

A、漸次

B、傾斜

C、重復

D、排列

8．“光線”是人類眼睛所能觀察到的一種輻射，稱為可見輻射，即（

）。

A、人造光

B、可見光

C、電磁波

D、紫外線

9．光源色是指光線的色彩發光體不同的（

）可以產生不同的光源色彩。

A、色散

B、波長

C、光線

D、折射

10．在平面構成中，面在外形上可分為幾何形、自然形或偶然形，下列屬于偶然形的圖是（

）

A、

B、

C、

D、

11．光源色的色光傾向和（

）是影響物體色彩的重要因素。

A、光照程度

B、固有色

C、色光成分

D、物體大小

12．在無彩色系中，明度最高的是（

）。

A、黃色

B、黑色

C、白色

D、淺灰色

13．下列屬于“滿版型”版式設計類型的一項是（

）

A、

B、

C、

D、

14．對比色是指在色相環中任意（

）兩端相對的顏色。

A、15°

B、180°

C、130°

D、45°

15．下列屬于互為補色的一組是（

）

A、藍色與綠色系

B、紅色與藍色

C、綠色與紅色

D、黃色與藍色

16．在版式設計中，編排的元素和二維的空間會以（

）的關系相互作用。

A、文字、色彩

B、空間、混合

C、圖形、背景

D、文字、圖片

17．下列屬于形狀漸變的是（

）

A、

B、

C、

D、

18．下列屬于“變異與秩序”形式美法則的是（

）

A、

B、C、

D、

19．下列屬于“水平分割式”網頁版式設計的是（

）

A、

B、

C、

D、

20．離心式發射，也叫中心式發射。是指基本形由中心向外擴散，發射點一般在畫面的（

）部位，產生一種向外運動的感覺。

A、左角

B、右角

C、中上

D、中心

21．平面構成是從（

）這些單個元素開始的。

A、色彩、圖形

B、點、線、面

C、構圖、排版

D、文字、圖片

22．在幾何學上，點只有位置，沒有（

）

A、色彩

B、大小和形狀

C、空間

D、長度

23．（

）是平面構成中最基本的單位元素。

A、點

B、基本形

C、線

D、骨格

24．重復構成是指以一個基本形為主體，在骨格內（

）排列，排列可做方向、位置及大小等變化。

A、隨意

B、重復

C、傾斜

D、并列

25.

平時說的“萬綠叢中一點紅”、“鶴立雞群”等指的是（

）現象。

A、特異

B、重復

C、分割

D、自然

26．光是指發光體釋放出的射線，即（

）

A、光線

B、色彩

C、色光

D、輻射

27．1666年英國科學家牛頓發現太陽光通過三棱鏡折射后，光會產生（

）

現象。

A、色散

B、發光

C、通透

D、折射

28．自然界中，任何客觀物象色彩關系的形成都具備光源的照射、物體的反射和環境的折射3個基本因素，即光源色、固有色、（

）。

A、太陽光

B、人造光

C、環境色

D、對比色

29．明度是指色彩的明暗程度或深淺程度，以光源色來說可以稱為（

）

A、深度

B、淺度

C、明暗度

D、發光度

30．同類色是指在色相環中任意（

）左右的兩種以上的顏色。

A、130°

B、180°

C、15°

D、45°

31．將兩種或兩種以上的顏色按一定的比例關系進行混合形成新的色彩，這種方法稱為（

）

A、顏色疊加

B、材料混合

C、色彩混合

D、顏色搭配

32．在CorelDRAW軟件中，提供了色彩填充功能，下列哪一項是錯誤的（

）

A、均勻填充

B、漸變填充

C、紋理填充

D、圖像復制

33．能夠象征熱情、朝氣、喜慶、幸福，另一方面又象征危險、俗艷、警示等意義的顏色是（

）

A、藍色

B、綠色

C、紅色

D、黑色

34．在幾何學上，面是線移動的軌跡，面具有長度，無（

），是體的表面。

A、厚度

B、高度

C、寬度

D、面積

35．下列圖屬于裝飾設計的是（

）。

A、

B、

壁畫

公路隧道

C、

D、

玻璃雕塑

地鐵

36．我們把那些在平面設計中只能感覺但實際并不存在的東西統稱為（

）。

A、概念元素

B、視覺元素

C、抽象元素

D、具象元素

37

分割就是劃分平面空間的區域，以確定它們合理的（

）。

A、大小和位置

B、比例和形態

C、形狀和大小

D、形狀和位置

38．平時說的“萬綠叢中一點紅”、“鶴立雞群”等指的是（

）現象。

A、重復

B、特異

C、分割

D、自然

39．“光線”是人類眼睛所能觀察到的一種輻射，稱為可見輻射，即（

）。

A、人造光

B、可見光

C、電磁波

D、紫外線

40．下列圖屬于人造形的是（

）。

A、

B、

枯葉

汽車

C、

D、

天光云影

江南渡船

41．自然界中，任何客觀物象色彩關系的形成都具備光源的照射、物體的反射和環境的折射3個基本因素，即光源色、固有色、（

）。

A、太陽光

B、人造光

C、環境色

D、對比色

42．在無彩色系中，明度最高的是（

）。

A、黃色

B、黑色

C、白色

D、淺灰色

43．下列組形中，屬于“透疊”的一項是（

）

A、

B、

C、

D、

44．補色是指在色相環中（

）兩端相對的任何顏色。

A、15°

B、130°

C、180°

D、45°

45．下列屬于對比色的一組是（

）

A、藍色與綠色系

B、綠色與紅色

C、紅色與藍色

D、黃色與紫色

46．下列不屬于矢量圖文件格式的是（

）

A、*.emf

B、*.cdr

C、*.ai

D、*.jpeg

47．關系元素是研究視覺元素在畫面中如何組織、排列的元素，一般包括（

）

A、方向、位置、重心、空間

B、點、線、面

C、構圖、排版、大小

D、文字、圖片、色彩

48．限制和管轄基本形在平面構成中的各種不同的編排，即是（

）。

A、骨格

B、形象

C、基本形

D、中軸線

49．下列構成中，屬于“大小漸變”的是（

）

A、

B、

C、

D、

50.

平時說的“萬綠叢中一點紅”、“鶴立雞群”等指的是（

）現象。

A、重復

B、特異

C、分割

D、自然

51．下列特異構成中，屬于“形狀特異”的是（

）。

A、

B、

C、

D、

52．下列組形中，屬于“分離”的是（

）

A、

B、

C、

D、

53．平面構成是設計的基礎，它主要是指運用（

）和律動組成結構嚴謹，富有抽象性和形式感的設計作品。

A、色彩、圖形

B、文字、圖片

C、點、線、面

D、基本形

54．下列屬于“骨骼型”版式設計類型的一項是（

）

A、

B、

C、

D、

55．鄰近色是指在色相環中任意（

）左右的顏色。

A、130°

B、180°

C、45°

D、15°

56．從定義上講，（

）是能夠按照一些數量規定合成其他任何一種顏色。

A、對比色

B、有彩色

C、三原色

D、鄰近色

57．將相同的橙色放在紅色或黃色上，將會發現在紅色上的橙色會有（

）的感覺。

A、偏紅

B、偏綠

C、偏藍

D、偏黃

58．下列屬于“文字沿形排列”的版式設計是（

）

A、

B、

C、

D、

59．離心式發射，也叫中心式發射。是指基本形由中心向外擴散，發射點一般在畫面的（

）部位，產生一種向外運動的感覺。

A、左角

B、右角

C、中上

D、中心

二、填空題

1．色彩可分為無彩色系和

兩大類。

2．實用元素指在實際設計中，所要考慮的形象、內容、

等諸方面的要素。

3．在表現上，面可分為實面和

。

4．

是平面構成中最基本的單位元素。

5．無彩色系包括白色、_________或由白色與黑色互相調和形成的各種不同層次的灰色。

6．面可分為幾何形和

兩大類。

7．線有直線和

兩種基本類型。

8．人們習慣于將日光下物體呈現的色彩稱之為該物體的

。

9．減色混合是指

的混合，是一種物質性色彩混合模式。

10．骨格分為規律性骨格、

、作用性骨格、非作用性骨格。

11．

色是亮度最高的色，在高明度下能夠保持很強的純度。

三、判斷題

1．骨格的作用在于把基本形按一定的秩序和規律進行編排。

（

）

2．固有色不是一個非常準確的概念，因為物體本身并不存在恒定的色彩。

（

）

3．特異構成的形式可歸納為形狀、大小、方向、色彩等方面的特異。

（

）

4.物體在中等光線下，物體所呈現的固有色最明顯。

（

）

5．在平面構成的學習中，可以不考慮設計的具體應用，而把注意力集中于形式的創造。

（

）

6．鄰近色是指在色相環中任意15°左右的顏色。

（

）

7．減色混合是指色光的混合。

（

）

8．平面構成中的點是相對而言的，一般來說，點越大，點的感覺越強。

（

）

9．在生活中，點通常指小的東西，而且它一定是圓形的。

（

）

10．矢量圖形與分辨率有關，將它縮放到一定大小會影響其清晰度。

（

）

11．光線與色彩是相互依存的，光是前提，色是結果，沒有光也會有色彩。

（

）

12．光線微弱時物體的固有色變得暗淡模糊。

（

）

13.在可見光譜中紅、橙、黃、綠、青、藍、紫是最純的顏色。

（

）

14．同種色是指在色相環中任意一種顏色自身產生相同明度的變化的顏色。

（

）

15．在平面構成的學習中，可以不考慮設計的具體應用，而把注意力集中于形式的創造。

（

）

16．平面構成中的重復、特異、對稱等方法都可應用到標志設計中。

（

）

17．CorelDRAW軟件中，按住Ctrl+Alt鍵后拖動鼠標，可繪制出以鼠標單擊點為中心的正方形邊界的網格。

（

）

18．不可見骨格是指骨格線只是在概念中存在，是作為基本形排列的依據和結構骨架，在構

圖中不一定畫出來。

（

）

19．形狀特異是在重復和近似基本形的構成中，出現一小部分特異的形狀，整體形成差異對

比，是畫面上的視覺焦點。

（

）

20．相對于光源色而言，物體色是指光源色照射到物體后被物體吸收再反射，反映到視覺中

的光色感覺，是本身不發光的色彩。

（

）

21．同類色是指在色相環中任意45°左右的兩種以上的顏色。

（

）

22．從光學的角度來審視物體的色彩變化，表面越粗糙的物體，越具有規律性的曲折反射率。

（

）

23．全色光即指含有紅、黑、黃、白、藍、紫的光線。

（

）

24．在同一設計中，相同的形象出現兩次或兩次以上時稱為重復。

（

）

25．在重復設計中，基本形不宜復雜，宜簡約。如過于復雜，不僅不利于組合，而且容易使

畫面散亂不整。

（

）

26.

形狀漸變是由一個基本形漸變到另一個基本形，基本形可以由完整漸變到相對殘缺，也可以由簡單漸變到復雜，由具象漸變到抽象。

（

）

27．當對比的兩色具有相同的純度和明度時，對比的效果越不明顯。

（

）

四、簡答題

1.簡述面的分類。

2．簡述發射骨格的構成要素。

3．什么是環境色？

4．簡述“重復與交錯”的形式法則。

5.什么是漸變構成？

6．什么是線的形態？簡要說明線的種類及視覺感受。

7．網頁的主要版式類型有哪些？

8.舉例簡述“紅色”的色彩印象及表情。

9．什么是空間混合？

10．舉例說明平面設計的門類。

五、操作題

制作廣告

圖1效果圖

請完成如圖1效果圖的操作步驟：

1.單擊工具箱中的【矩形工具】按鈕，繪制一個468pt×220pt的矩形，單擊【漸變填充】按鈕，在彈出的對話框中，設置顏色從（R:132;G:41;B:45）到(R:211;G:40;B:38)的

漸變，中心位移為（水平28﹪，垂直37﹪）。設置完成后，單擊【確定】。

2．繪制一個468pt×80pt的矩形，填充為黑色，放在大矩形的下方，單擊【交互式透明工具】按鈕，在屬性欄中【

】下拉列表中選擇【線性】，【開始透明度】數值設置為0，【漸變透明角度和邊襯】設置為（90，35），按【確定】鍵。繪制一個350pt×22pt的矩形，填充為土紅色（R:159;G:41;B:37）,

【透明度類型】選擇【線性】，【漸變透明角度和邊襯】設置為（.9，20）。

3．畫一條直線，寬度設置為.55，顏色為白色，利用【

】進行調整。

4．按【

】鍵，彈出【導入】對話框，選擇“人物、鮮花、鉆戒”三張素材圖片，單擊【導入】按鈕，在頁面中單擊導入圖片。調整素材圖片的大小和位置，再利用【交互式透明工具】對鮮花圖片進行調整，使之與背景柔和相融。

5．選擇【藝術筆】工具，單擊屬性欄中的【

】按鈕，在【噴涂列表】選項列表中選擇需要的圖形，在頁面空白處拖動鼠標，繪制出氣泡的效果。

6．在【排列】菜單中，選擇【

】命令，將氣泡圖形拆分，點擊【挑選工具】，按【Ctrl+U】鍵，取消圖形組合，調整氣泡的大小和位置，刪除不需要的圖形。利用【交互式透明工具】對各個氣泡進行調整，使之較為柔和。

7．單擊【矩形工具】按鈕，按住【

】鍵，繪制一個正方形。

8．單擊【交互式變形工具】按鈕，在屬性欄中單擊【

】按鈕，從正方形的中心位置向右推動鼠標，進行變形操作。

9．將變形圖形填充為白色，去除輪廓線，按需要進行

，作為閃光的星星圖形，放在鉆戒、氣泡等位置上。

10．單擊【

】按鈕，在適當的位置輸入廣告語，調整文字大小和位置，這樣，一幅鉆戒廣告就完成了。

參考答案：

一、單選題

1.A

2.A

3.A

4.A

5.B

6.B

7.A

8.B

9.B

10.A

11.C

12.C

13.C

14.C

15.C

16.C

17.D

18.D

19.C

20.D

21.B

22.B

23.B

24.B

25.A

26.A

27.A

28.C

29.C

30.C

31.C

32.D

33.C

34.A

35.A

36.A

37.B

38.B

39.B

40.B

41.C

42.C

43.C

44.C

45.C

46.D

47.A

48.A

49.A

50.B

51.B

52.B

53.C

54.C

55.C

56.C

57.D

58.D

59.D

二、填空題

1.有彩色系

2.

目的和功能

3.虛面

4.基本形

5.黑色

6自由形

7.曲線

8.固有色

9.顏料/色料

10.非規律性骨格

11.黃

三、判斷題

1.（∨）

2.（∨）

3.（∨）

4.（∨）

5.（∨）

6.（×）

7.（×）

8.（×）

9.（×）

10.（×）

11.（×）

12.（∨）

13.（∨）

14.（∨）

15.（∨）

16.（∨）

17.（×）

18.（∨）

19.（∨）

20.（∨）

21.（×）

22.（×）

23.（×）

24.（∨）

25.（∨）

26.（∨）

27.（×）

四、簡答題

1.簡述面的分類。

面從性質上，可以分為積極的面和消極的面，積極的面是點、線移動、放大產生的面，消極的面是點、線密集、環繞產生的面。在表現上，面還可分為實面和虛面，實面是可以真實看到的有明確形狀的形象，而虛面是由點、線有秩序的排列所產生的不能具體界定卻可以感覺到的形象。在外形上，面又分為幾何形、自然形和偶然形。

2．簡述發射骨格的構成要素。

（1）

發射點——即發射中心，焦點所在。發射的骨格線都集中在此焦點上。發射點可以是一個也可是多個，可以在畫面內也可在畫面外，可大可小，可動可靜，

有可見，也有不可見。

（2）

發射線——即骨格線，具有方向性。根據發射的不同方向，在構成時形式上又各有不同的表現（多心式、同心式、離心式、向心式等）。

3．什么是環境色？

環境色是指物體受光后，由于周圍環境影響對該物體產生的反射或折射現象。把這種反射看作是二次光源，二次光源同樣對物體的固有色產生影響。在色彩學中環境色是一個非常重要的概念，他強調了自然界客觀物象之間的相互影響所形成的色彩關系。

4．簡述“重復與交錯”的形式法則。

在排版設計中，不斷重復使用的基本形或線，它們的形狀、大小、方向都是相同的。重復使設計產生安定、整齊、規律的統一。但重復構成的視覺感受有時容易顯的呆板、平淡、缺乏趣味性的變化，故此，我們在版面中可安排一些交錯與重疊，打破版面呆板、平淡的格局。

5.什么是漸變構成？

漸變是日常生活中極為常見的視覺現象。例如月亮的圓缺、水紋、魚鱗的排列等。漸變構成指的是基本形或骨格有規律的漸次變化。這種表現形式呈現出極強的節奏感和韻律感。

6．什么是線的形態？簡要說明線的種類及視覺感受。

在幾何學上，線是點移動的軌跡，有長度和位置，沒有厚度和寬度，但是在現實和設計中，線是可直接感知的形和形體。

線可分為直線、曲線兩大類。

曲線有自由、流動、柔美之感，垂直線有莊重、上升之感，線的粗細能產生遠近感等等。

7．網頁的主要版式類型有哪些？

答：網頁版式的基本類型主要有骨格型、滿版型、分割型、中軸型、曲線型、傾斜型、對稱型、焦點型、三角型和自由型。

8.

舉例簡述“紅色”的色彩印象及表情。

紅色：是火與血的顏色，最引人注目。象征熱情、朝氣、喜慶、幸福，另一方面又象征危險、俗艷等。在色彩的配合中常起對比調和的作用，是警覺點綴之色。心理學家的實驗表明，紅色能刺激荷爾蒙的變化，使肌肉的技能和血液的循環加強，與顏色的心理效果恰巧相符，就相當于波長長的暖色一樣能引起人的興奮感覺。紅色是熱烈、沖動的色彩，紅色的旗幟能夠喚起人們的斗志，中華民族用紅色來表達歡快和喜慶。在深紅色的底子上，紅色平靜下來，熱度在熄滅著；在藍綠色底子上，紅色就象熾熱燃燒的火焰；在黃綠色底子上，紅色變成一種冒失的、魯莽的闖入者，激烈而又尋常；在橙色底子上，紅色似乎被憂郁著，暗淡而無生命，好像焦干了似的。而淡紅色和粉紅色具有溫柔、可愛的感覺，暗紅色則給人以沉靜、高雅的印象。

9．什么是空間混合？

空間混合是視覺的另一種色彩混合方式。當眼睛觀察物體時，由于遠近距離的不同，會對物體的細部色彩產生很大的視差，即離的距離適度，眼睛對色彩的分辨準確，離得過近或過遠，由于視點對目標鄰近色的感覺，便會產生色彩混合效應。由于這種色彩混合受空間距離的影響，所以稱其為空間混合。又因為空間混合后的效果既不加光也不減光，所以空間混合屬于中性混合。

10．舉例說明平面設計的門類。

1.

裝飾設計——包括圖案、裝潢、裝禎、壁畫、繪畫、染織設計等。

2.

機能設計——包括家具設計、陶瓷設計、服裝設計、工業造型等。

3.

環境設計——包括建筑設計、園林設計、室內設計、城市規劃設計等。

4.

視覺傳媒設計——包括海報設計、廣告設計、多媒體視屏設計等。

五、操作題

1.射線

2.透明度類型

3.交互式透明工具

4.Ctrl＋I

5.噴灌

6.拆分藝術樣式組在圖層

7.Ctrl

篇（5）

二、考核方案

1.考核方案的制定

本考核采取學生小組合作（每組2-3名學生）完成一個規定主題網站項目的方式展開。總成績由操作考核成績、項目報告成績兩部分組成，權重分別為70％、30％，每一項按百分制評分后依權重比例計入總成績，總成績不及格者必須重修本課程并重新參加考試。因本校的現有學期總評成績是由平時成績30%、期中成績30%、期末成績40%組成，為了與學校的評分要求接軌，將本次考試所得的總成績作為學校學期總評成績的期末成績部分。并在此說明平時成績30%部分是由學生本學期的課程作業完成情況、出勤及上課表現綜合評定。本考核方案中的操作考核、項目報告都有具體的考核方案，其中操作考核實施的具體要求以試卷形式展現，內容要求以表“操作考核內容”為中心，以考核學生綜合網站制作能力為基本思路，通過小組合作完成主題網站的設計與制作，具體要求在此省略。此外要求學生撰寫項目報告不僅讓學生明確各自的份內工作，同時要求學生善于思考、總結，每做一個項目都有所收獲。項目報告實施的具體要求涉及以下幾個方面的內容：

（1）項目實施過程。項目實施過程包括前期策劃、資料搜集、網頁制作。在前期策劃階段，要求小組共同確定網站名稱、網站風格（列舉網頁采用主要色彩及網頁色調定位）、網站欄目、站點目錄結構的內容以形成完整的網站規劃，在此規劃的指導下進行資料搜集、協作完成網頁制作。其中網頁制作中要求頁面美工設計階段介紹所用軟件及提供至少首頁效果圖截圖；靜態頁面制作階段要求繪制網頁布局的結構圖及標注尺寸；程序開發階段列舉所用的開發工具、對數據庫、表進行截圖，以及繪制程序開發頁面流程圖。

（2）項目總結。對本項目完成情況進行分析、總結，并介紹項目實施過程中的收獲及體會。在作品展示時要求各小組派出代表對作品進行介紹，總結，便于相互交流經驗。

（3）項目組介紹。對該項目組成員進行介紹及項目實施過程中的人員分工情況進行報告。體現小組合作開發項目的工作模式，讓學生明白實際工作中不僅需要具備較高的技術能力，還要有合作意識，與合作者之間有效、和諧的溝通。

篇（6）

編劇：斯蒂芬?科洛弗

主演：丹尼爾?雷德克里夫

類型：劇情,動作,冒險,家庭,奇幻

級別：美國PG-13級

地域：歐美

國家：美國,英國

片長：145分鐘

出品年份：2010

上映日期：2011-08-04 中國

劇情

整整十年的魔幻歷險，即將落下帷幕。哈利（丹尼爾?雷德克里夫 飾演）出生后的每一分一秒，艱辛的成長與頑強的抗爭，都是為了這一刻的到來，他將要面對自己最后的命運――與伏地魔（拉爾夫?范恩斯 飾演）的正面對決。在摧毀了一個魂器，并得知三個死圣所具有的重要意義后，哈利、羅恩（魯伯特?格林特 飾演）和赫敏（艾瑪?沃特森 飾演）再次上路，繼續尋找可以摧毀伏地魔的其他魂器。同一時刻，伏地魔為了獲得無與倫比的長老魔杖的使用權，做著最終階段的準備。伏地魔發動了對于霍格沃茨魔法學校的致命襲擊，帶領黑暗勢力將學校層層包圍，這也使得哈利不得不現身面對他們之間的最后大戰……

篇（7）

一、多媒體輔助教學

多媒體技術是指把聲音、文字、圖形、圖象、動畫等多種媒體的信息通過計算機進行交互式綜合處理的技術，即通過計算機，用多種手段來存儲傳播和處理信息，人們利用多媒體計算機的文本、圖形、動畫、視頻和音頻綜合處理能力及其交互式的特點，編制的計算機輔助教學課件能達到生動、形象、逼真的效果。

多媒體教育技術飛速發展，教學過程中多媒體技術的運用越來越普遍。計算機教學是抽象理論與實際操作結合起來的教學的系統，要提高其教學效果，必須利用多種手段激發學生學習的興趣。這就要求教師在運用多媒體技術教學的同時，多關注教育理論的發展，隨時用先進的教育理論來指導自己的多媒體教學工作實踐，注重發揮多媒體教學的優勢。注重其合理應用，正確處理好教師、學生、多媒體之間的關系;多媒體與傳統教學，教學內容與教學形式的關系。

二、Flash軟件輔助教學

(一)Flash軟件功能概述

I.動畫處理。 FLASH可以創建兩類過渡動畫。第一類稱為運動過渡動畫，我們可以在某一幀即關鍵幀(KEYFRAME)定義某個對象的屬性，然后在另一關鍵幀中改變這些屬性，FLASH可以完成這些屬性的漸變過程，過渡的屬性包括對象的位置、大小、旋轉、扭曲、顏色、透明度等，FLASH還可直接導入其他類型動畫和電影，如GIF， FLASH播放器文件SWF，QUICKTIME電影文件MOV等。

2.聲音處理。在FLASH中有兩類聲音，分別稱為事件聲音(EVENT SOUND)和流聲音(STREAM SOUND)。事件聲音必須完全下載以后才可以播放，并直到有明確的停止指令才會停止播放，即使電影播放結束了，它也會播放到文件的結束。而流聲音只需要下載開始幾幀的聲音就可以播放，并且能和動畫的播放同步，這也是FLASH軟件的優點之一。與事件聲音不同的是，如果電影停止了，那么流聲音也就停止了。

3.建立交互。FLASH提供了豐富的交互方式:例如，文本、點/觸摸屏幕、移動對象、按鈕、點擊對象、熱鍵、下拉菜單、表單、列表框等等。

文本交互。可以建立可編輯文本框，可以設定文本的邊界和背景、是否密碼輸入(即顯示“*”號)、多行和自動換行、限定輸入字符的長度、是否能夠編輯和選定、大小寫、特定的字符等，這些文本交互方式很適合于多媒體課件中的單詞拼寫、注冊、密碼輸入、輸入變量、提交用戶信息等功能。

按鈕交互及鼠標事件。FLASH可創建按鈕并為按鈕分配在指定的事件發生時要執行的動作((ACT工ONS)。在這里，“按鈕”可以是文字、圖形、圖標等元素，“事件”是觸發動作執行的信號，如當鼠標在按鈕上按下時即發生了一個事件。

(二)Flash軟件輔助教學

1.以人為本，發揮學生的主體性。多媒體教學改變了傳統的以教師為中心的課堂教學模式，代之以新型的以學生為中心的教學模式。

2.概念闡明。在FLASH動畫知識教學中，涉及幀動畫、漸變動畫、移動動畫、引導層、打散、組合等概念，由于這些概念帶有一定的抽象性，對于計算機知識不是比較全面的來說，往往易混淆漸變動畫和移動動畫的概念，弄不清打散與組合的區別，不能正確理解引導層與層關系等，而采用多媒體輔助教學后，這些問題就迎刃而解了。

3.正確處理多媒體與傳統教學之間的關系。實際上，在教學中可以將多媒體教學理解為在傳統教學基礎生:所增加了多媒體 (包括計算機)這一特殊教學工具而以，它不可能拋棄所有的傳統教學手段。例如，在對課程進行復習時，必須要有停頓時間，以保證學生把要點記下來。也可以采取將學習要點打印出來的方式，在課后發給學生，以提高學生的學習效率。

(三)想法和建議

篇（8）

網頁制作技術伴隨著網絡的快速發展而快速興起，目前，國內外計算機行業對于網頁制作的研究較多，但是由于受到初學者個人風格和操作技巧的影響，在網頁制作中普遍存在不同程度的問題。而對圖像進行切圖處理也是一個存在網頁制作中的問題。基于此，本文就網頁設計中圖像切圖技巧進行了探討，并提出了一些有關的技巧，相信對圖像切圖的工作能有一定的幫助作用。

1 切圖技術

切圖就是指在網頁制作過程中，用圖形圖像處理軟件提供的切片工具，將美工設計的網頁效果圖這種大幅圖像，分割成為一系列小的圖像，這些小圖像稱為原大幅圖像的切片。一張圖可以有多種切圖方案，但不是所有的切圖方案都適合后期的網頁制作的。因此需要在眾多切圖方案中，找出一種適合后期網頁編程的最佳切圖方案。本文中所說的切圖技術，就是指的實現最佳切圖方案的切圖技術。由于它遵循一些切圖原則和技巧，所以它能夠實現最佳切圖方案。

由于切圖時，圖像的最小單位是像素，矩形對邊上的像素個數應該是相同，或者遇到圓角應該是銳化的。但是在人工操作時，可能會發生像素個數的變化，或者圓角產生頓挫角。因此，在切圖時，將原圖采用300%以上的放大倍數切圖。切完整個大圖后，把一系列的切片全部選中，接著利用軟件中的圖像優化工具，即菜單欄中“窗口”下拉菜單“優化”命令對所有的小切片進行優化來解決以上問題。然后利用文件菜單下的“導出”命令生成HTML網頁和圖像，最后在網頁制作軟件DREAMWEAVER中建立站點，將上面導出的網頁和小圖像都放在網站里。導出的網頁文件是不能用的。因為一個網站的頁面大小要求統一。因此，接下來的工作是在網頁制作軟件中制作表格。用分塊的思想來看整個網頁的布局，一個塊就是一個表格。把網頁看成是多個獨立的表格組成的。將導出的圖片插入到單元格中。日常工作中常用的圖形圖像處理軟件有Photoshop、Flash、Firework等，這些軟件中都有切片工具，但是在網頁制作時，圖形圖像處理軟件首選使用Firework。因為DREAMWEAVER中只要對圖像雙擊，系統會自動調用Firework軟件。

2 切圖原則

一張圖可以有多種相關的切圖方案，但不是所有的切圖方案都是合適網頁編程的。所以在切圖技術中，應該保證實現的是最佳切圖方案，因此切圖技術中還涉及了切圖的原則和切圖的技巧。

2.1 塊與切片的概念

在本文中所說的一個塊與切片概念是不同的。塊和切片都是網頁中的一部分，但是塊指的范圍比切片大。塊中可以包含一個或多個切片。塊是指在網頁上內容相關的區域范圍。切片是從圖中相關范圍中分割出來的一小圖形。如果轉換成網頁后，塊對應了網頁中的表格，而切片對應的是表格中的單元格。

2.2 分塊的原則一：以相關內容為一塊

根據原圖中相關內容，確定整體的切分策略，即切分要有分塊的思想，把整個網頁看成是多個塊構成的，每個塊就是一個table，塊中每一個細節內容就是table中單元格中內容。即將整個網頁看成是由多個table組成的，然后在具體到每個table，去考慮里面應該如何切。必須強調的是，應該把整個網頁看成是多個獨立的塊構成，切片是塊中的內容。依據這種思想去切圖，然后在網頁制作軟件中，插入多個表格。塊對應成了網頁中的表格，切片對應成表格中的單元格內容。在切圖時，同一塊中的內容是完整的，也就是說，要保證完整的一部分在一個塊內，例如某區域的標題文字，網頁的LOGO，網頁的廣告，網頁的導航區等可以分別是一個獨立的塊，這樣做的目的是方便日后網頁編程和修改。

2.3 分塊的原則二：盡量分成大行，平行的切

當一個網頁的內容比較多時，在顯示網頁時是有時間差的，這時要求內容的顯示是從上而下從左到右逐行顯示網頁的內容，決不允許一個網頁上的內容雜亂的跳出來。因此，在分塊時也應該貫穿逐行分塊的原則。切圖的時候要盡量平行的切，也就是說，分成大行，然后再逐行的切。如果一個網頁的顯示頁面是由多個表格構成的，這樣做的目的是當客戶端瀏覽一個網頁時，由于它是由多個表格構成的，因此，客戶端與網頁服務器會生成多個request請求，多個表格同時下載信息，因此網頁下載的速度就會相對快。避免出現把網頁整個頁面看成一個塊，然后塊里又分塊，出現塊中嵌套塊。因為這種結構在由切片轉換成網頁后就出現了表格的嵌套，表格的嵌套影響了客戶端網頁瀏覽的速度。

2.4 切片的原則：以屬性相同為依據

一般切圖原則是：屬性相同的區域適合分為一個切片。屬性相同主要是指顏色和形狀都沒有變化，或者在X或在Y方向上沒有變化。屬性漸變的區域適合分為一個切片，漸變有兩種表現形式顏色漸變，形狀漸變。

3 切圖的技巧

切圖也有技巧。構成一張圖片的信息量是非常大的，因此在服務器中存儲一張圖片時占的容量也是很大的，同時從服務器里下載圖片到客戶端也需要時間也就相當長。因此，在利用切片轉換成網頁時，可以利用一些技巧，即減少切片個數和減小切片的大小，可以解決以上存在的問題。

3.1 減少切片的個數

網頁上的文字與圖片信息都是存儲在網頁服務器上的，一個切片就是一張小的圖片。根據顯示的點陣原理可以知道，對于同一張大圖像來說，切片數減少，存儲在網頁服務器上這張圖的信息量也就減少了，也就是說在網頁服務器上占的空間減少。所以當切片的背景是單一顏色，切片的文字沒有效果，這時就可以采取這種特殊的處理方式對此切片進行處理。即可以將單一顏色和文字沒有效果的切片丟掉，在DREAMWEAVER中打開站點，插入表格，在對應的單元格中，利用DREAMWEAVER軟件提供的設置單元格的背景色，直接從鍵盤上輸入文字內容。這種做法實現了切片的效果，同時可以使網頁服務上存儲的切片數減少了。以“京東商城特賣新”網頁頁面為例，在實驗中保證網頁頁面效果相同的情況下，采用減少切片個數和未采用減少切片個數方法，可以得到下面表中的數據。從下面表中的數據可以看出兩種處理辦法造成的結果是：未采用減少切片個數方法時，圖片總容量為102MB，而采用減少切片個數方法后，圖片總容量為40.3MB，明顯前后圖片的總容量變化很大，值得提倡這種做法。

表1 采用減少切片個數和未采用減少切片個數的參數對照表

3.2 減小切片大小

大面積的顏色相同的，或者形狀相同圖塊，可以只從原圖中切出一個像素的切片，然后DREAMWEAVER里面，用切片平鋪形成所需要的圖。例如，圖1是一個帶圓角的矩形，這時可以切出三個切片，在DREAMWEAVER中插入一個一行三列的表格，左邊切片是圓角矩形的左圖，右邊切片是圓角矩形的右圖，圓角矩形中間部分是利用中間的小切片在單元格中平鋪形成。以圖1為例，在實驗中未采用減小切片大小和采用減小切片大小方法，可以得到下面表中的數據。從下面表中的數據可以看出兩種處理辦法造成的結果是：未采用減少切片個數方法時，圖片總容量為72KB，而采用減小切片大小方法后，圖片總容量為14.71KB。

圖1 圓角矩形切片示意圖

表2 采用減小切片大小和未采用減小切片大小的參數對照表

4 結束語

綜上所述，切圖技術是把美工設計的網頁效果圖轉換成網頁時所用的技術，切圖技術中貫穿了分塊和切片的思想。但是不是所有的切圖方案都適合網頁設計的，因此，選擇正確適用的切圖方案對于網頁制作設計有著非常重要的作用。

篇（9）

0 引言

HTML[1](HyperText Mark-up Language)，即超文本標記語言，是當前網絡上應用最為廣泛的語言，也是組成網頁文檔的基本語言。HTML主要包括頭部（Head）、主體（Body）兩大部分，頭部是描述瀏覽器所需要的信息，主體則包含所要說明的具體內容。在一般網頁設計中，我們需要設計的內容就體現在主體中。

DIV元素是用來為HTML文檔內大塊的內容提供布局的結構和背景。它是HTML中的一個標簽，此標簽的作用就是定位網頁內容中的圖片、文字、視頻等相關信息。一般我們也叫為DIV層定位。CSS(cascading style sheet)，層疊樣式表，是用于控制網頁樣式并允許將樣式信息與網頁分離的一種標識性語言。CSS 是 1996由W3C 審核通過，并且推薦使用的。CSS 的引入就是為了使 HTML語言更好的適應頁面的美工設計。它以 HTML語言為基礎，提供了豐富的格式化功能，如字體、顏色、背景和整體排版等，并且網頁設計者可以針對各種可視化瀏覽器（包括顯示器、打印機、打字機、投影儀和 PDA 等）來設置不同的樣式風格。CSS的引入引發了網頁設計一個又一個的新。使用CSS設計的優秀頁面層出不窮。

1 CSS盒子模型[2]

盒子模型是CSS控制頁面時一個很重要的概念，只有很好的掌握了盒子模型以及其中每個元素的用法，才能真正地控制好頁面中的各個元素。

所有頁面中的元素都可以看成是盒子，占據著一定的頁面空間，一般說來這些被占據的空間往往要比單純的內容大。換句話說，可以通過調整盒子的邊框和距離等參數，來調節盒子的位置和大小。一個頁面由很多這樣的盒子組成，這些盒子之間會相互影響，因此掌握盒子模型需要從兩方面來理解。一是理解一個孤立的盒子的內部結構，二是理解多個盒子之間的相互關系。

在CSS中，一個獨立的盒子模型由 cotent內容，border 邊框，padding內邊距和margin外邊距4 個部分組成。如圖1所示。

圖1 盒子模型

一個盒子實際所占有的寬度或高度是由內容+內邊距+邊框+外邊框組成的。在css中，可以通過設定width和height的值來控制內容所占的矩形的大小，并且對于任何一個盒子，都可以分別設定 4 條邊各自的 boder、padding 與margin。因此只要利用好這些屬性就很夠實現各種各樣的排版效果。

2 DIV+CSS的基本設計

若采取DIV和CSS的網頁布局結構，首先需要用DIV來分塊，定義語義結構；然后用CSS來定位和添加樣式，如浮動、位置、對齊屬性、加入背景等；最后在這個CSS定義的各個塊中添加相應的樣式，如文字、圖片等。下面通過最常用的三欄式自適應寬度布局實例介紹使用DIV+CSS布局網頁的基本方法。

用標記把網頁區分成不同的區塊,包括header、content（其中有sidebar邊欄區域和main主體區域）、footer三個區域，分別作為網頁的頭部、內容和版權區域。編寫HTML文檔代碼如下：

頭部

邊欄

主要內容

版權

var _gaq = _gaq || [];_gaq.push(['_setAccount', 'UA-22575914-1']);_gaq.push(['_setDomainName', '.省略']);_gaq.push(['_trackPageview']);(function () {var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;ga.src = ('https:' == document.location.protocol ? 'ssl' : 'www') + '.省略/ga.js';var s = document.getElementsByTagName('script')[0]; s.parentNode.省略';var _siteid =691;var _istoken = 1;var _model = 'Model01'; WebPageSpeed =359; UrchinTrack();

設置其CSS樣式文件代碼如下：

#container{margin:0 auto;width:90%;}

#header{height:200px;margin-top:20px;border:2px solid;}

#content{height:500px;width:100%;margin-bottom:10px;}

#sidebar{float:right;width:30%;height:500px;border:1px solid;}

#main{float:left;width:70%;height:400px;border:2px solid;}

#footer{height:60px;border:1px solid;}

其中，width屬性設置為百分比形式，表示當窗口大小發生變化時，頁面的寬度也隨之變化。container的margin屬性為0 auto，表示上下邊距為0像素，auto表示左右邊距為自動，實現網頁的居中顯示。sidebar的float屬性為right，標識靠右對齊，main的float屬性為left，表示靠左對齊，實現中間兩列豎欄的顯示效果。border屬性為2px solid，表示2個像素寬的實線邊框。

篇（10）

關鍵詞：微課；中職；計算機教學；促進作用

中圖分類號：G712；G718.3 文獻標志碼：A 文章編號：1008-3561（2017）17-0051-02

在信息技術飛速發展的今天，人們越來越推崇簡潔、易懂、易傳播的媒體。微博、微信等蓬勃發展，微課也為教育教學注入了一股清流。在數字化“微”時代，微課已成為一種新的教學模式和學習方式。計算機課程作為中等職業教育的一門重要公共基礎課程，微課的開發及使用也為計算機教學模式帶來了巨大的變革。

一、微課的概念

“微課”是指為使學習者自主學習獲得最佳效果，經過精心的信息化教學設計，以流媒體形式展示的，圍繞某個知識點或教學環節開展的簡短、完整的教學活動。它的方向是自主學習，目的是最佳效果，設計是精心的信息化教學設計，形式是流媒體，內容是某個知識點或教學環節，時間是簡短的，本質是完整的教學活動。因此，對于教師而言，制作微課最關鍵的是要從學生的角度出發，要體現以學生為本的教學思想。計算機教學更是注重對學生實際動手能力的培養，這就更需要教師從學生的實際需求出發制作微課。

二、微課對中職計算機教學的促進作用

（1）微課知識點集中，資源短小精悍，使用方便，有助于縮小中職學生之間的差距。與一節45分鐘的正課相比，微課一般只有5分鐘～8分鐘，可以算得上是“濃縮的精華”。教學過程中學生的注意力集中時間有限，如果能夠在短時間內集中講清本節的重點，無疑學生的接受情況會更好。傳統的計算機教學，教師一般講解一次，然后由學生進行操作。教師的講解過程不能重復播放，也缺乏針對性，較難實現差異化教學。而微課播放靈活，學生可以根據自己的學習進度進行暫停或重復觀看視頻，比起傳統教學模式更加符合學生的實際需要。相比普通高中而言，中職學校招生面廣，一個班級的學生往往來自不同的地區，計算機水平也存在很大的差異。大部分中職計算機教師在教學中會遇到這樣的問題：一個知識講解一次后，部分學生掌握了，還有一部分學生不能掌握。這種情況在傳統教學中，只能通過教師個別指導，或同學之間互助來解決學習上遇到的問題。當微課融入計算機教學后，這種局面就發生了改變。學習上比較慢的同學完全可以根據自己的學習情況，有針對性地觀看微課，自己解決學習中遇到的問題。例如，在教授“計算機操作系統基礎――鼠標的使用”這一節課時，有些學生的操作水平很高，教師講解一遍基本就能很好地掌握技巧。而部分來自農村的學生接觸電腦比較少，鼠標操作不熟練，對系統操作也不熟悉，教師講解一遍、兩遍也很難掌握全部知識，而且遺忘率高。如果在“計算機操作系統基礎――鼠標的使用”這節課中使用一個簡單的微課講清楚鼠標怎么操作，鼠標的單擊、雙擊、右擊的區別，將文件的刪除、復制、移動及重命名做成微課，那么這部分學生的學習就會變得有條不紊，能夠跟上教師的進度。多了一個學習途徑，學習就變得更加靈活。

（2）情境真實，知識更加可視化，便于學生理解吸收。微課作為一種視頻流媒體可以把計算機教學中教師難以通過言語表達的部分復雜的知識點轉化為可視化的教學視頻。學生可以通過觀看微課視頻，更加直觀地學習知識點。對于學生而言知識更加可視化，也多了一條學習知識的有效途徑。對于教師而言，微課模仿現實情境的能力可以讓計算機教師脫離教學條件的限制，在硬件條件之外創造出更多種可能。計算機教師完全可以使用微課為學生創設更好的學習情境。比如，在教學“微型計算機的組成部分”及“微型計算機的工作原理”時，就特別需要可視化的微課來助力。因為，即便教師在教學現場拆一臺主機來助力教學，也不可能讓全部同學看清主機中的情況，而通過微課的配合，學生卻可以近距離觀看微型計算機的內部結構及其全貌，也可以通過微課知道其工作原理，比教師單純的講解更加直觀。可視化，更加便于理解知識，全面掌握知識點。因此，對于中職計算機教學而言，如果能夠開發切實可行的微課，會使中職計算機的教學更加有效。

（3）有助于學生實現自主學習，課后學習，提高學生計算機操作技能。中職計算機課程作為一門以培養學生的實際動手操作能力為主的技術類學科，其教與學都特別強調學生實際動手操作。操作技巧需要反復觀看和練習才能掌握，而越是需要反復講解演示的技巧及知識點，傳統教學越是難以實現。傳統教學受課程進度、課堂教學時間的限制，教學上很難實現同一個操作技巧的多次反復講解演示。微課的使用正好解決了計算機教學中的這個難題。微課的容量小，播放容易，傳播方式多樣，學生不僅可以在課堂上使用微課進行學習，還可以在課后使用微課進行學習，從而真正實現把老師帶在身邊，隨時都可以學習。這樣的知識傳授形式，有效改變了傳統教學離不開教師的情況，讓學生養成自主學習的習慣。自主學習對提高學生的計算機操作技能有極大的幫助。中職計算機課程的內容，很多操作技巧對學生而言都是全新的嘗試，比如在Excel教學中，Excel中的鼠標狀態多種多樣，常常搞得學生無所是從，看似按照教師的要求操作，但是卻無法實現最終結果，原來是鼠標的狀態不對，導致操作錯誤。Excel初學者對于Excel中鼠標的多種狀態容易混淆，那么如果有一個微課視頻可以把鼠標的六種狀態進行區別講解，無疑會為學生學習解決很多的疑惑。學生可以通過復雜的知識重復看的過程，實現自主學習，掌握知識。自主學習習得的知識更容易內化，知識的內化也是教育教學的最終目的。

（4）一次制作，多次使用，實現資源的重復利用及共享。一個成熟的、優秀的微課開發完成之后，微課的開發者可以重復利用微課實現知識的傳播，更加重要的是可以實現資源的共享。一個優秀的微課開發出來常常占用了開發者大量的時間和精力，是教育工作者智慧的結晶。中職計算機應用基礎課的知識點多，其中很大一部分知識點可以做成微課，這就需要很多的人力來支持。作為中職計算機教師，除了要自己能夠制作出符合實際需要的微n之外，更重要的是要學會搜索微課資源，利用公共教育資源平臺，實現資源的共享使用，從而集中集體的智慧，使計算機課堂教學達到事半功倍的效果。

（5）計算機教程之外的相關知識，更加可以使用微課拓展。唯物主義告訴我們世界是普遍聯系的。在教育領域，任何一門學科的知識都是與其他科學普遍聯系的，計算機學科更是如此。這些內在聯系的知識點在課本教程中基本沒有體現，但是卻對學好本門課至關重要。比如在中職計算機應用基礎的powerpoint教學中，學生想完成優秀的幻燈片作品除了學習powerpoint操作的相關知識之外，排版及美工也是非常重要的因素，而“計算機應用基礎”課本中沒有涉及美工排版方面的專業知識。如果只掌握powerpoint的操作知識是很難做出高大上的幻燈片作品的，那么，教師在教學的過程中就可以借助美工設計方面人士做的微課，比如2015年的全國中職微課比賽一等獎作品“設計的四個原則”來進行補充教學，這樣學生通過觀看微課“設計的四個原則”，只要記住四點就可以像設計師一樣設計幻燈片。這種使用微課進行擴展性知識的補充教學，對計算機課程的“教”與“學”也是非常必要的。

三、結束語

綜上所述，微課對中職計算機課程教學的促進作用明顯。計算機作為一門信息化學科，必須與時俱進，緊握時代的脈搏。讓更多優秀的微課融入到一線教師的計算機課堂中，會給計算機教學帶來重大變革。計算機微課的開發使用和推廣，也必將給傳統計算機教學課堂注入新的活力，極大地提高學生的學習自主性，強化計算機教學效果，提高畢業生的計算機技術水平。

參考文獻：

篇（11）

多媒技術以其鮮明的圖像、生動的形象和靈活多變的特點引起學生的注意，激發學生的學習興趣和動機。采用幻燈、錄像、多媒體計算機等手段，能使呈現的教學內容形象、生動、富有感染力。運用多媒體技術圖、文、聲、像等豐富的媒體表觀功能，創設教學情境，能充分地激發學生的學習興趣和求知欲望，大大提高教學效率。例如，在演示“電流周圍有磁場”的奧斯特實驗時，通常是教師把演示器材放于講臺上進行，學生只能看到導線和小磁針的前側面。對小磁針的偏轉情況難以全面看清，若能通過攝像機把這一過程的各個角度均錄入電腦做成課件，其效率就完全不同了。

2.利用信息技術突破物理教學難點

物理課件的特點之一是能有效地把視覺和聽覺結合起來。利用物理課件動畫效果好，交互性強的優勢使抽象的理論具體化，間接的經驗直接化，幫助學生從感性認識上升到理性認識，從而有效地突破物理教學的難點。物理教學中有許多內容學生無法通過正常的演示進行觀察或通過自己的實驗來進行操作。而應用物理課件的演示則可使看不到、摸不著的物理現象變得直觀、生動、具體，使課堂中教師難以講清學生難于理解的物理知識變得清晰明了。

3.利用信息技術培養實驗操作能力

物理教學中演示實驗十分重要，演示效果對教學影響較大。但由于受時間、空間的限制有些演示實驗學生難以看清，或只能看到某一側面，因而起不到應有的演示效果，影響了教學效率和教學質量。物理課件的應用可以很大程度上克服上述缺陷，提高教學效率。物理課件的應用可以為學生提供更為詳細的演示過程，減小實驗受時間、空間或實驗設備的限制；還可以對觀察對象有目的地進行選擇、編緝，使之更集中、更典型，因而更具有代表性，往往可以取得更快更好的效果。比如，講述“碰撞實驗”時，老師在教學中通常將實驗引申到各種情況。比如：質量大小一樣的、質量大小不一樣的、正碰的、斜碰的等。這些引申如果一一演示，受時間和條件限制，無法全部完成。我利用計算機的動態模擬，使學生興趣盎然，既提高了興趣又提高了效率。但值得注意的是，模擬實驗是不能代替實驗操作的。模擬實驗的可信度不高，長期下去會造成學生對接受的知識持懷疑態度。如果熱衷于計算機的模擬實驗來代替實驗操作，強用多媒體教學手段，將喪失學生的質疑、創新能力，不利于學生動手能力的培養，不利于學生科學品質的養成。

4.利用信息技術提高物理教學效率，鞏固知識

利用計算機的可編程性，設計一些簡單的小程序，可以完成交互。當展示習題后，學生自己操縱計算機，選擇或寫出掌聲，錯了讓學生繼續再做或提示一下，這樣不僅可以使學生有很大的成就感，而且也可以使學生既學習了，也動手了，不再是面對枯燥的白紙黑字，使學生的學習積極性得到極大提高。我曾在幻燈片中制作了一個簡單的課件：屏幕上出現一道習題，然后讓學生在屏幕上選擇答案，選擇完成后讓計算機進行判斷，答案正確了有掌聲，錯誤了給出提示。學生應用后感到很神奇，教學反饋良好，受到學生的一致好評。

信息技術在物理教學中可以取得很好的效果。但在目前條件下廣泛使用還有一些問題需要克服，比如：硬件的配制并非每所學校能達到現代化教育的要求；軟件的開發不是每位老師能熟練掌握；教師個人的教學設計和教學風格不同，同一課件不一定每位教師都適用；教學中對學生科學品質、創新精神的培養受電腦程序化的影響還需探索；物理教學中以實驗為基礎的教學方法如何與電腦配合使用才更有效果；另外，運用信息技術課件時，教師的教學動作在鍵盤、計算機、投影設備等，學生的注意點在屏幕，不可避免地阻斷了師生間的情感交流。這些都要求我們在物理教學中采用信息技術應注意以下幾點：

首先，物理課件應該具有明確的教學目標，應使學生在掌握物理基本知識和基本技能、形成各種能力，特別是在物理概念掌握和開發學生的智力等方面發揮作用。在設計選題時應注意以下兩方面：（1）物理教學中教師難以講清，學生難以理解的問題。多媒體課件通過圖形或動嘶演示能把許多抽象的、難以理解的內容變得生動有趣，把復雜的事物簡化，把空間的距離變近。（2）物理教學中哪些微觀的、宏觀的，教師學生難以描述的問題。物理教學中有些內容無法讓學生直接看到其微觀、宏觀上的結構及變化情況。利用物理課件的動畫演示可使微觀的事物放大，宏觀的事物縮小，有效地觀察事物各個部分的結構。