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

關鍵詞:課程教學;網(wǎng)頁設計與制作;教學計劃

1引言

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

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

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

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

關鍵詞:心理學；用戶體驗；網(wǎng)頁設計

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

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

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

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

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

下午好！

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

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

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

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

二、三維動畫的美學特點

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

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

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

論文關鍵詞：Dreamweaver、Adobephotoshop、FlashMX

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

一、介紹

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

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

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

論文關鍵詞：Dreamweaver、Adobephotoshop、FlashMX

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

一、介紹

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

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

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

論文關鍵詞：Dreamweaver、Adobephotoshop、FlashMX

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

一、介紹

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

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

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

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

關鍵詞：三教改革；網(wǎng)頁制作；任務型教學

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

1“兩融通一認證”含義

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

1.1“兩融通”

目錄

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

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

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

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

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

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

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

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

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

1.ElementsCSS框架

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