摘要:高校的學(xué)生因為年齡的原因?qū)W(xué)習(xí)缺少興趣，只有創(chuàng)建一套適合學(xué)生實際能力又符合他們生活學(xué)習(xí)習(xí)慣，且能激發(fā)出他們學(xué)習(xí)興趣的教學(xué)計劃，才能夠更好地實現(xiàn)課程教學(xué)。因此本文通過對課程教學(xué)這一概念進行闡述，分析出我國“網(wǎng)頁設(shè)計與制作”課程教學(xué)的方式，發(fā)現(xiàn)教學(xué)過程中存在的問題，并提出有針對性的策略，為往后的研究提供借鑒和參考。

關(guān)鍵詞:課程教學(xué);網(wǎng)頁設(shè)計與制作;教學(xué)計劃

1引言

伴隨著時代進步，萬維網(wǎng)與人們的日常生活已經(jīng)逐漸融為一體。同樣，在現(xiàn)代企業(yè)發(fā)展過程中，也應(yīng)該隨大勢緊跟網(wǎng)絡(luò)的腳步，由此企業(yè)網(wǎng)站的門戶作用也逐漸凸顯，而作為關(guān)鍵的門戶，網(wǎng)站的設(shè)計制作更是重中之重，由此為提高網(wǎng)站水平，引進人才的舉措必不可少。而作為人才基地的高校，應(yīng)高度重視網(wǎng)頁設(shè)計與制作課程設(shè)計的發(fā)展，積極探索網(wǎng)頁設(shè)計與制作課程教學(xué)改革的科學(xué)方法。新課程改革的背景下，高校教育模式的限制就顯現(xiàn)出來，在此情況下，網(wǎng)頁設(shè)計與制作教學(xué)在實際操作中在各個板塊的弊端，都需要通過具有針對性的方案予以解決。而在本文中，針對具體教學(xué)問題進行分析，以期促進教學(xué)水平的提升，希望本文能對廣大教育工作者有所啟發(fā)，推動網(wǎng)企雙向發(fā)展。

2“網(wǎng)頁設(shè)計與制作”課程教學(xué)案例分析

“網(wǎng)頁設(shè)計與制作”課程是我校公共計算機課程改革試點項目的二級課程，它面向整個學(xué)校計算機管理專業(yè)，相關(guān)專業(yè)根據(jù)其專業(yè)特點和教學(xué)需要，具有五個課程特點，是一種自我選擇的課程，屬于“大學(xué)計算機基礎(chǔ)課程”之后的高級課程。2.1“網(wǎng)頁設(shè)計與制作”的教材分析。在進行“網(wǎng)頁設(shè)計與制作”課程的學(xué)習(xí)之前，必須要求學(xué)生掌握相關(guān)的網(wǎng)絡(luò)信息知識，這方面的知識包括網(wǎng)頁的瀏覽、網(wǎng)頁的搜索、知識的下載以及電子郵件的使用等，這些基礎(chǔ)知識是為了讓學(xué)生更好地具備對信息獲取的技能。但是，由于大多數(shù)學(xué)生設(shè)計和制作網(wǎng)站，只能依靠操作。因此，教師需要傳授“網(wǎng)頁設(shè)計與制作”課程，以幫助學(xué)生更好地理解什么是網(wǎng)頁，什么是網(wǎng)站？教會學(xué)生利用網(wǎng)頁的基本構(gòu)成元素以及超文本標(biāo)記語言，來進行網(wǎng)頁制作，幫助學(xué)生提高對“網(wǎng)頁設(shè)計與制作”學(xué)習(xí)的效果，同時也能為往后相關(guān)的互聯(lián)網(wǎng)知識學(xué)習(xí)打下基礎(chǔ)。2.2“網(wǎng)頁設(shè)計與制作”的學(xué)情分析。通常學(xué)生在對“網(wǎng)頁設(shè)計與制作”課程學(xué)習(xí)之后，他們能夠更好地了解什么是網(wǎng)絡(luò)信息，并且擁有利用信息的能力。他們通過了解網(wǎng)絡(luò)知識，從而來更好地掌握對網(wǎng)絡(luò)信息的下載、瀏覽、搜索、文件的發(fā)放及傳輸?shù)募夹g(shù)等。通過調(diào)查研究發(fā)現(xiàn)，大部分的學(xué)生都希望自己能夠制作出屬于自己的網(wǎng)頁，并把網(wǎng)頁在互聯(lián)網(wǎng)上。因此，大部分的學(xué)生對于“網(wǎng)頁的設(shè)計與制作”課程具有濃厚的興趣，而這些興趣對于學(xué)生的學(xué)習(xí)具有積極影響。2.3“網(wǎng)頁設(shè)計與制作”的教學(xué)目標(biāo)?！熬W(wǎng)頁設(shè)計與制作”中，高校教師的教學(xué)目標(biāo)主要分為三個方面，即知識與技能、過程與方法、情感態(tài)度與價值觀。首先是知識和技能，必須幫助學(xué)生理解網(wǎng)頁網(wǎng)站的基本概念，理解網(wǎng)頁的基本元素，理解基本網(wǎng)頁創(chuàng)建軟件的界面和功能，并識別網(wǎng)站的地址-URL，超文本標(biāo)記語言HTML，超文本傳輸協(xié)議HTTP；其次是過程與方法，老師通過分析和講解這兩種方法從而幫助學(xué)生掌握各項網(wǎng)頁和網(wǎng)站知識；最后是情感態(tài)度與價值觀，老師通過對“網(wǎng)頁設(shè)計與制作”的教學(xué)，培養(yǎng)學(xué)生嚴(yán)謹求實的學(xué)習(xí)態(tài)度和勇于探索、崇尚科學(xué)的意志和品德。

摘要:在互聯(lián)網(wǎng)飛速發(fā)展的當(dāng)下，注重用戶體驗、講求用戶心理需要的設(shè)計思維，成為網(wǎng)頁設(shè)計的一個重要發(fā)展趨勢。當(dāng)“以人為本”“以人為中心”的聲浪一浪高過一浪，我們的網(wǎng)頁設(shè)計師們，需要在開展網(wǎng)頁設(shè)計的同時，好好地對用戶的心理進行充分分析、并結(jié)合用戶對象的心理特點，相應(yīng)地設(shè)計出更合理、更有效的網(wǎng)頁，在更高地提升用戶體驗的同時，讓用戶對象獲得更好的瀏覽體驗。

關(guān)鍵詞:心理學(xué)；用戶體驗；網(wǎng)頁設(shè)計

設(shè)計的心理學(xué)，是運用心理學(xué)方面的理論、方法和研究的成果，基于心理學(xué)基礎(chǔ)上，用來解決設(shè)計領(lǐng)域與人的各種行為、意識等有關(guān)的設(shè)計研究問題。用戶體驗（UserExperience，簡稱UE/UX），一般指在用戶在使用某個產(chǎn)品之前、使用的過程中、以及使用后所產(chǎn)生的所有感受，包括生理、心理的反應(yīng)、情緒、情感的變化、行為、認識等方面的整體感受。而對于網(wǎng)頁設(shè)計范疇而言，研究用戶的心理變化是如何影響其對網(wǎng)頁的瀏覽體驗，成為一個重要的課題。網(wǎng)頁設(shè)計作為一個以互聯(lián)網(wǎng)為載體的信息交流平臺，用戶通過該平臺獲得新聞、進行交流等活動，網(wǎng)頁設(shè)計則是根據(jù)用戶的特點，用戶的需求等，有針對性地對網(wǎng)頁的視覺、功能等進行網(wǎng)頁的功能策劃和頁面的創(chuàng)意設(shè)計，網(wǎng)頁設(shè)計是一門新興的學(xué)科，是設(shè)計與網(wǎng)絡(luò)相互交融的學(xué)科，它以設(shè)計者在不斷更新的科技時代下，所積累的各項技術(shù)和經(jīng)驗為基礎(chǔ)，依照用戶的不同需求和特點，采用特殊的設(shè)計語言進行的創(chuàng)意設(shè)計活動。

1以小見大，注重瀏覽者的一些習(xí)慣

心理學(xué)應(yīng)用于網(wǎng)頁設(shè)計中，越來越成為一種趨勢，經(jīng)過專業(yè)地分析而后結(jié)合出分析的數(shù)據(jù)和結(jié)果等設(shè)計出的網(wǎng)頁，會更能貼合用戶的喜好，更利于網(wǎng)站在營銷方面轉(zhuǎn)化率的提高。用戶瀏覽在視覺方面的習(xí)慣的影響，比如網(wǎng)頁的相關(guān)欄目設(shè)置、版塊編排，以及圖文的結(jié)合、內(nèi)容的語言風(fēng)格等，都可以直接影響到用戶的瀏覽體驗。有幾個方法需要注意：1）瀏覽模式：人們總是習(xí)慣以“Z”字形瀏覽一個網(wǎng)頁，由左向右、由上到下、由大到小，由圖片到文字，作為設(shè)計師，應(yīng)了解這樣的瀏覽習(xí)慣，從而決定內(nèi)容的具體布局、編排。由此可見，常態(tài)下，網(wǎng)頁上半部的位置、以及左邊的欄目板塊更受重視，那么相應(yīng)的，把網(wǎng)頁想傳達的重點內(nèi)容，放置在網(wǎng)頁的上部，并著重進行精心設(shè)計，是網(wǎng)頁工作的重點所在。2）簡化設(shè)計語言：內(nèi)容過于冗繁、編排雜亂的網(wǎng)頁，用戶一般不會有更多的耐心去瀏覽，在讀圖時代的今天更是如此，因此將網(wǎng)站的設(shè)計元素進行簡化、規(guī)范化，在設(shè)計上清晰、簡潔明了地突出重點內(nèi)容，是網(wǎng)頁信息更有效傳達的方式。3）使用用戶的語言：即采用用戶更容易理解的文案，在設(shè)計上有意強化內(nèi)容的主次關(guān)系，使用戶更方便、更容易理解的設(shè)計語言，讓內(nèi)容信息的傳達更直接有力。4）強化重點：每一個網(wǎng)頁都應(yīng)該有一個重點，即視覺的焦點。最重要的，最想展示的內(nèi)容應(yīng)該成為網(wǎng)頁的焦點，設(shè)計的時候，需要借助設(shè)計的語言進行特別強化，讓瀏覽者在第一時間里知道他們在這個網(wǎng)頁里主要收到了什么信息。最是忌諱一個網(wǎng)頁里呈現(xiàn)太多內(nèi)容，太多信息，越是想傳達更多的內(nèi)容，結(jié)果越是適得其反。5）注意留白：條理清晰，錯落有致，一個編排得當(dāng)、設(shè)計優(yōu)秀的網(wǎng)頁，絕不會是畫面擁擠、滿滿當(dāng)當(dāng)?shù)木W(wǎng)頁，善于留白，善于利用設(shè)計語言引導(dǎo)訪客閱讀瀏覽的網(wǎng)頁設(shè)計，會給用戶帶好更良好的瀏覽體驗。

2分析研究用戶心理，對應(yīng)設(shè)計“合適的”而不是外觀“漂亮的”網(wǎng)頁

尊敬的各位領(lǐng)導(dǎo)、各位青年朋友：

下午好！

經(jīng)過兩個多月緊鑼密鼓的籌備，由團市委主辦，XX集團信息中心、中國電信XX分公司、XX信通公司、XX協(xié)助舉辦的XX青年招商創(chuàng)業(yè)網(wǎng)網(wǎng)頁設(shè)計大賽，于今天正式開始了，通過評委會專家對全市43位參賽選手作品的初步評選，來自全市各縣區(qū)、市直部分單位的19名選手進入了今天的最后決賽。此次網(wǎng)頁設(shè)計大賽是團市委在2003年圍繞市委、市政府“招商引資”工作所的“十件大事”之一，也是認真貫徹落實中央關(guān)于加快國民經(jīng)濟和社會信息化的有關(guān)精神，全面推進共青團信息化建設(shè)，以加強全團工作聯(lián)系和信息溝通為目的，實施縣縣上網(wǎng)工程，加快構(gòu)建共青團組織和青少年工作的信息網(wǎng)絡(luò)體系的一項重要舉措。下面請允許我介紹一下今天來到大賽現(xiàn)場的領(lǐng)導(dǎo)，他們是團市委副書記XX同志，團市委副書記XX同志，XX集團總經(jīng)辦主任XX同志，原XX總經(jīng)理、現(xiàn)XX縣電信分公司總經(jīng)理經(jīng)理XX同志，XX市天博網(wǎng)絡(luò)公司經(jīng)理XXX同志。擔(dān)任此次大賽的評委有團市委辦公室主任XXX、原XX總經(jīng)理、現(xiàn)XX縣電信公司總經(jīng)理XXX、XX師專計算機系高級講師XXX、XX職業(yè)學(xué)院計算機系講師XXX、XX集團團委副書記XX、新浪XX網(wǎng)網(wǎng)站高級工程師XXX。

此次大賽得到了XX集團信息中心、XX信通公司、XX等單位的鼎力支持，在此我代表團市委和所有的參賽選手對他們表示衷心的感謝！

一、三維動畫與網(wǎng)頁動畫概述

三維動畫又稱3D動畫，是近年來隨著計算機軟硬件技術(shù)的發(fā)展而產(chǎn)生的一項新興影視藝術(shù)。全電腦三維動畫主要是指完全由計算機生成的三維動畫，簡單來說，就是利用計算機進行動畫的設(shè)計、創(chuàng)作與制作，產(chǎn)生真實的立體場景與動畫。三維動畫藝術(shù)是一種影視藝術(shù)，包括視覺上的美感、聽覺上的享受等。真正的全電腦三維動畫藝術(shù)的歷史很短，可以追溯到8O年代。隨著計算機網(wǎng)絡(luò)技術(shù)的不斷發(fā)展，網(wǎng)頁設(shè)計也花樣翻新，層出不窮，在網(wǎng)頁中出現(xiàn)的小動畫越來越吸引人們的眼球，引起人們的重視，它的運用領(lǐng)域還會不斷的擴展。它已經(jīng)不僅僅是枯燥的廣告而是逐漸的受到重視，人們對它的審美要求更高了。

二、三維動畫的美學(xué)特點

1.意境美與精神美。動畫創(chuàng)作者創(chuàng)造三維動畫藝術(shù)，就是以虛擬性的動態(tài)影像和夸張性的敘事場景將人們的心緒和意識帶入一種奇特的審美情景之中，產(chǎn)生虛實相生、情景交融的精神意象。全電腦三維動畫用虛擬而又不受現(xiàn)實條件限制的創(chuàng)作手法，具有很強的開放性和擴張性，它能夠創(chuàng)造出人類的視覺在現(xiàn)實生活中所不能感受到的光影景象，甚至擬造出另外一個完全陌生的世界，這樣在這種與原有視覺景象和心理完形所形成的強烈的對比與反差中，增強了動畫受眾的好奇心與欣賞欲望，并使其審美想象力得到自由的發(fā)揮，迅速地融入到動畫影片的藝術(shù)氛圍之中，構(gòu)成審美意境。同時，三維動畫片依靠高科技手段，創(chuàng)造人類想象力所能抵達的任何情境、物像和人像，使人重溫童年時代的夢想與異念，洞察在現(xiàn)代工業(yè)文明車輪之下的人與自然互相戕害的殘酷，從而感受到無比強烈的精神震撼力。

2.運動美與造型美。三維動畫藝術(shù)是一種空間形式的時間藝術(shù)，空間形式?jīng)Q定了它擁有美術(shù)繪畫的色彩、光線、構(gòu)圖等造型特點，而“時間藝術(shù)”說明它能夠體現(xiàn)力量、速度、變化的運動特征。對于造型而言，角色形態(tài)和場景的構(gòu)成是屏幕視覺的中心，動畫在虛擬環(huán)境中的制作手段突破了現(xiàn)實中種種條件的限制，在對三維動畫的場景、人物的形、色、質(zhì)進行塑造的時候，可以有意的放或縮小某些細節(jié)，以營造強烈的視覺沖擊力和感染力，從而使受眾獲得奇特而新穎的審美感受。同樣，對于三維動畫中的運動，是通過設(shè)計師意識的加工而形成的一種對運動效果的模擬，它能夠表現(xiàn)出其它藝術(shù)所不能表現(xiàn)的運動美，也正是這些運動構(gòu)成了影視動畫富于表現(xiàn)力和吸引力的美學(xué)特征。

3.技術(shù)美。技術(shù)美是技術(shù)活動和藝術(shù)作品所表現(xiàn)的審美價值，是技術(shù)美學(xué)的最高范疇。技術(shù)美與技術(shù)緊密相連，沒有技術(shù)也就沒有技術(shù)美。全三維數(shù)碼動畫藝術(shù)是建立在計算機軟、硬件技術(shù)發(fā)展的基礎(chǔ)上的，它的審美價值很大程度上依賴于技術(shù)的環(huán)境，在全三維動畫產(chǎn)生發(fā)展之初，每一次視覺上產(chǎn)生的新沖擊，都與新技術(shù)的采用密切相關(guān)。技術(shù)與藝術(shù)的完美統(tǒng)一是電腦三維動畫制作的首要前提和最終目標(biāo)，從皮克斯對三維動畫的研究和探索中我們發(fā)現(xiàn)；在形態(tài)方面，角色的造型和動作越來越趨于優(yōu)美和流暢；在質(zhì)感的處理方面，其質(zhì)地也一步步地趨于真實；在效果的營造方面，其氣氛的烘托也逐漸步入成熟；在光效方面，其畫面效果也更加豐富和細膩。在這每一次視覺觀感改變的背后，都是技術(shù)在做支撐，技術(shù)所能達到的這種虛擬的真實，讓三維動畫的受眾不蘩一次次的感嘆于技術(shù)所創(chuàng)造的視覺沖擊。

論文關(guān)鍵詞：Dreamweaver、Adobephotoshop、FlashMX

論文摘要：網(wǎng)頁的內(nèi)容通常是由圖片和文字組成。由文字構(gòu)成網(wǎng)頁的主體，而圖片則能夠美化和增色你的網(wǎng)頁。那些包含了設(shè)計精美圖片的網(wǎng)站，往往能讓瀏覽者流連忘返。因此，有漂亮的圖片是你的網(wǎng)頁能吸引人的一個有力保證。

一、介紹

超鏈接是網(wǎng)頁中最活潑、最有吸引力的一種元素。表單用于特殊的信息，使用戶和網(wǎng)站進行交互，使你找到用戶的詳細信息。表格在許多工作中有著廣泛的應(yīng)用。

框架網(wǎng)頁是一種特殊的HTML網(wǎng)頁，使用框架網(wǎng)頁可以同時瀏覽幾個不同的Web頁面，使用Web頁面顯示一致的用戶界面和靈活的頁面內(nèi)容。

網(wǎng)頁制作的高級技術(shù)包括：在網(wǎng)頁中插入FLASH動畫利用Java或者javascript制作網(wǎng)頁的動態(tài)效果。網(wǎng)頁中使用插件，視頻等Web組件以及創(chuàng)建、和管理站點等技術(shù)。

論文關(guān)鍵詞：Dreamweaver、Adobephotoshop、FlashMX

論文摘要：網(wǎng)頁的內(nèi)容通常是由圖片和文字組成。由文字構(gòu)成網(wǎng)頁的主體，而圖片則能夠美化和增色你的網(wǎng)頁。那些包含了設(shè)計精美圖片的網(wǎng)站，往往能讓瀏覽者流連忘返。因此，有漂亮的圖片是你的網(wǎng)頁能吸引人的一個有力保證。

一、介紹

超鏈接是網(wǎng)頁中最活潑、最有吸引力的一種元素。表單用于特殊的信息，使用戶和網(wǎng)站進行交互，使你找到用戶的詳細信息。表格在許多工作中有著廣泛的應(yīng)用。

框架網(wǎng)頁是一種特殊的HTML網(wǎng)頁，使用框架網(wǎng)頁可以同時瀏覽幾個不同的Web頁面，使用Web頁面顯示一致的用戶界面和靈活的頁面內(nèi)容。

網(wǎng)頁制作的高級技術(shù)包括：在網(wǎng)頁中插入FLASH動畫利用Java或者javascript制作網(wǎng)頁的動態(tài)效果。網(wǎng)頁中使用插件，視頻等Web組件以及創(chuàng)建、和管理站點等技術(shù)。

論文關(guān)鍵詞：Dreamweaver、Adobephotoshop、FlashMX

論文摘要：網(wǎng)頁的內(nèi)容通常是由圖片和文字組成。由文字構(gòu)成網(wǎng)頁的主體，而圖片則能夠美化和增色你的網(wǎng)頁。那些包含了設(shè)計精美圖片的網(wǎng)站，往往能讓瀏覽者流連忘返。因此，有漂亮的圖片是你的網(wǎng)頁能吸引人的一個有力保證。

一、介紹

超鏈接是網(wǎng)頁中最活潑、最有吸引力的一種元素。表單用于特殊的信息，使用戶和網(wǎng)站進行交互，使你找到用戶的詳細信息。表格在許多工作中有著廣泛的應(yīng)用。

框架網(wǎng)頁是一種特殊的HTML網(wǎng)頁，使用框架網(wǎng)頁可以同時瀏覽幾個不同的Web頁面，使用Web頁面顯示一致的用戶界面和靈活的頁面內(nèi)容。

網(wǎng)頁制作的高級技術(shù)包括：在網(wǎng)頁中插入FLASH動畫利用Java或者javascript制作網(wǎng)頁的動態(tài)效果。網(wǎng)頁中使用插件，視頻等Web組件以及創(chuàng)建、和管理站點等技術(shù)。

摘要：根據(jù)《國家職業(yè)教育改革實施方案》提出的“三教”改革，結(jié)合該校教學(xué)改革措施，闡述了網(wǎng)頁制作與網(wǎng)站建設(shè)課程“兩融通一認證”教學(xué)模式的改革方案和實施。詳細介紹了課程在“雙室融通”“課證融通”和“有效學(xué)習(xí)課堂認證”教學(xué)改革方面的措施和方案。

關(guān)鍵詞：三教改革；網(wǎng)頁制作；任務(wù)型教學(xué)

國發(fā)〔2019〕4號文件《國家職業(yè)教育改革實施方案》提出了“三教”即教師、教材、教法改革的任務(wù)，解決了課程是由誰來教、教什么、怎么教的問題。我校根據(jù)國家職教改革方案，在“雙高”建設(shè)方案中推行“兩融通一認證”，全面深化“三教改革”的做法。

1“兩融通一認證”含義

為了更好落實《國家職業(yè)教育改革實施方案》提出的“三教改革”，我校全面推行“兩融通一認證”，“兩融通”是指教研室和研究室（設(shè)計室、工作室）相融通，“一認證”即有效學(xué)習(xí)課堂認證。

1.1“兩融通”

目錄

一、網(wǎng)站需求分析

二、設(shè)計要求及功能實現(xiàn)

三、中心網(wǎng)絡(luò)平臺模型和基本資料

四、網(wǎng)站系統(tǒng)內(nèi)容設(shè)計

五、網(wǎng)站架構(gòu)

一、現(xiàn)行的主流結(jié)構(gòu)

在Web開發(fā)中的弊端目前網(wǎng)頁設(shè)計師在設(shè)計網(wǎng)頁時常用的主流結(jié)構(gòu)是DIV+CSS，其中CSS是英語CascadingStyleSheets（層疊樣式表單）的縮寫，它是一種用來表現(xiàn)HTML或XML等文件式樣的計算機語言，負責(zé)前段頁面的美觀。但是編寫CSS文件是一個繁冗細致的工作，不但需要有一定的代碼編寫能力，更對美術(shù)設(shè)計功底有一定的要求。在網(wǎng)站項目開發(fā)中，往往需要編寫大量的CSS代碼，如果沒有一定的經(jīng)驗，很容易造成大量代碼混雜，尤其是DIV+CSS編碼，其本身并沒有統(tǒng)一的規(guī)范，很容易造成外聯(lián)樣式與行內(nèi)樣式冗余等其他問題。其次，瀏覽器兼容性也是在前端設(shè)計時無法避免的問題，由于目前瀏覽器對CSS的代碼識別不同，使得相同的CSS樣式在不同類型、不同版本的瀏覽器上存在較大的顯示差異。而解決這樣的問題不僅需要在編寫時高度注意，更需要通過大量的測試來確定最終的效果，反復(fù)的測試無疑在很大程度上降低了網(wǎng)頁開發(fā)效率。針對于以上問題，使用CSS框架就能夠很巧妙的避開這些弊端，無論是網(wǎng)頁設(shè)計新手，還是后臺開發(fā)人員，只需要對html有一定的了解，就能夠獨立完成一個頁面的展示。而針對于經(jīng)驗豐富的開發(fā)人員，CSS框架則無疑加快了開發(fā)速度，整體提升了全站建設(shè)的開發(fā)效率。

二、CSS框架的優(yōu)點與現(xiàn)有成熟框架

框架本身是指一種能夠使用在項目中概念上的結(jié)構(gòu)。CSS框架也是這樣的一種結(jié)構(gòu)，它是多個CSS代碼的集合文件，也可以說是一個開源的用于前端開發(fā)的工具包，里面包含支持該框架的字體排版，表單樣式，表格布局等等。在開發(fā)過程中，網(wǎng)頁工程師只需要給html元素加上所需的類，就可以快速的得到該風(fēng)格的相關(guān)組件，而無需像傳統(tǒng)編碼一樣一一實現(xiàn)，而現(xiàn)在成熟的CSS框架擁有較高的通用性和瀏覽器兼容性，省去了大量的測試修改時間。目前已經(jīng)存在的CSS框架日益增多，下面簡單介紹幾種較為流行的CSS框架：

1.ElementsCSS框架

Elements是一個基礎(chǔ)CSS框架，它不僅是一個框架，還擁有自己的工作流。