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

關鍵詞:課程教學;網頁設計與制作;教學計劃

1引言

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

2“網頁設計與制作”課程教學案例分析

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

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

關鍵詞:心理學；用戶體驗；網頁設計

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

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

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

2分析研究用戶心理，對應設計“合適的”而不是外觀“漂亮的”網頁

尊敬的各位領導、各位青年朋友：

下午好！

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

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

一、三維動畫與網頁動畫概述

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

二、三維動畫的美學特點

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

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

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

論文關鍵詞：Dreamweaver、Adobephotoshop、FlashMX

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

一、介紹

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

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

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

論文關鍵詞：Dreamweaver、Adobephotoshop、FlashMX

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

一、介紹

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

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

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

論文關鍵詞：Dreamweaver、Adobephotoshop、FlashMX

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

一、介紹

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

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

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

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

關鍵詞：三教改革；網頁制作；任務型教學

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

1“兩融通一認證”含義

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

1.1“兩融通”

目錄

一、網站需求分析

二、設計要求及功能實現

三、中心網絡平臺模型和基本資料

四、網站系統內容設計

五、網站架構

一、現行的主流結構

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

二、CSS框架的優點與現有成熟框架

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

1.ElementsCSS框架

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