網頁設計報告

前言：想要寫出一篇令人眼前一亮的文章嗎？我們特意為您整理了5篇網頁設計報告范文，相信會為您的寫作帶來幫助，發現更多的寫作思路和靈感。

網頁設計報告范文第1篇

一、網站整體規劃，要做網頁的第一步便是做網站的整體規劃這主要包括四個方面的內容。

1.討論網站的主題。

網站整體規劃是做網頁的第一步也是制作網頁最關鍵的一步它決定了你要表答的信息，因此我選擇了我選擇我最喜愛的服飾來為它做網頁。在平時我也對服裝的網頁比較關心，無論是淘寶網上的衣店還是各種品牌裝。這次我是為“易菲”服飾做的網頁。

2.定位網站的CI形象。“易菲”植根中國文化之精髓，汲取自然稟賦之靈性，形成一個既有濃厚文化底蘊，又有現代自然人文氣息的特色品牌。“易”即是容，是包容，是寬容，是五千年中華民族的文化精髓，是厚德載物，是對人性寬度的一種拓展。“菲”通非，是生機、是個性、是春意盎然、是自強不息，是對人性深度的一種挖掘。“生活如花，自在快樂”是YIFINI易菲的設計理念，倡導一種與自然和諧相處，如花兒綻放般美好舒適、自在快樂的生活方式。這也便是我網站的CI形象。

3.確定欄目和板塊。

于時間的關系在本次我準備做四張網頁：一張主頁三張二級頁面。分別設計了“時尚首頁、時尚衣秀、推薦產品、潮流信息”等四個欄目。在這四張頁面中我打算都用淡藍色做背景顏色來映襯我網頁的主打色綠色。

2.網站的整體風格和創意。

整個網站的創意就在于顏色的搭配，與各種圖片的搭配，它們相互輝映，相互襯托。以便達到表現其品牌的和諧之美、自然之美。我踩用淡藍色和綠色為我網站的主打色主要是因為我的產品特性。在設計上，YIEINI易菲推崇“自然美”，將帶表女性氣質的花卉和自然元素融入設計之中，充分體現設計師和顧客所追求的一種灑脫、舒適的生活氛圍，力求表現悠閑、舒暢、自然的生活情趣。因此我用天空與自然的顏色來表達這張自然之美、和諧之美。

二、網頁制作的前期策劃與準備，在本階級主要有兩方面的工作。

1.資料的搜集。

在做網頁我上網收集了許多方面的資料主要是有關網站的布局與服飾品牌方面的資料，我首先進它的企業網站找了一些關于“易菲”服飾的圖片主要是一些代言形象還有代表其企業形象的圖片。其次我去瀏覽了許多的網頁觀察其網頁的布局、顏色搭配、欄目、板塊等方面的內容，同時也搜集了一些對我有用的資料。在搜索資料最困難的便是動態圖片的搜集，動態圖片其gif格式的還是好保存，但是要搜集flash動態圖片就相對較難了。我用了一天的時間來搜集我的flash都不太成功，不過還搜到了可以換自己圖片的代碼。在開始時我根本就不知道flash是怎樣搜索，不過經過三次像老實詢問我終于懂得一些關于代碼的搜索。在搜集資料的過程之中我發現了自己的許多不足之處，最關鍵就是平時對知識的掌握不夠，連最基本的資料搜尋都覺得困難。也是我平時不夠認真和努力的表現。通過這次的教訓在以后我一定會做得更好，爭取不范類似錯誤。

2.熟悉制作軟件。

做網頁主要用的工具便是Dremweaver、Photoshop、Flash軟件。在這些軟件我對Dremweaver、Photoshop相對比較熟悉，因為在平時上課是老師帶領我們運用過。所以我還可以正常的運用，但是出現的問題還是有很多。有很多不懂如何操作，只有通過在次去看書才能夠了解，這也體現了我學習方面的缺點，它是我平時不夠認真的具體表現。

三、網頁制作，這便進入我該次的主題了具體制作流程如下。

1.構建站點框架。

在我打開Dremweaver后第一步便是新建站點，我把我的站點建立在F\儀下面。并將我搜集的全部資料都保存在其文件夾中，以便網頁制作時可以方便的使用。

2.設計主頁及二級頁面。

在主頁我設首頁制作時，時刻考慮著網頁的基本原則：統一，連貫，分割，對比及和諧的原則，內容統一，都是為了主題服務，美容美體，一個網站強調的就是一個整體，只有圍繞一個統一的目標所做的設計才是成功的；連貫，頁面之間關系連貫，統成一體；每版內容都自成一體，顏色各異，便于瀏覽；整個網頁有動有靜，色彩呼應，搭配協調，不呆板，富有生氣；顏色各異，但又不同之中又相同，渾然一體。而且制作過程中，不忘以下原則：

簡潔實用：這是非常重要的，網絡特殊環境下，盡量以最高效率的方式將用戶所要想得到的信息傳送給他就是最好的，所以要去掉所有的冗余的東西。使用方便：同第一個是相一致的，滿足使用者的要求，網頁做得越適合使用，就越顯示出其功能美；頁面用色協調，布局符合形式美的要求：布局有條理，充分利用美的形式，是網頁富有可欣賞性，提高檔次。當然雅俗共賞是人人都追求的。

交互式強：發揮網絡的優勢，是每個使用者都參與到其中來，這樣的設計才能算成功的設計。這樣的網頁才算真正的美的設計。每個子頁都設有上導航欄，便于瀏覽和跳轉。3個二級網頁制作時，使用的是表格，每一個頁面都用表格為它布局好，然后在插入圖片文字及其他，這樣有一定的規劃性，體現了連貫統一性，不同的內容根據各自的特色建立了不同的表格，突出各自的主題，增強了對比性。在做這些網頁的時候我就進行了如上所述的方法。但我所以網頁的背景顏色及主題顏色都是相同的以便突出我每一個網頁都是為凸顯我主題而服務。

3.實現網頁間的鏈接。

我的鏈接按鈕主要有四個“時尚首頁、時尚衣秀、推薦產品、潮流信息”它分別鏈接到我所做的四個網頁。鏈接的過程其實很簡單，主要是把要鏈接的文字選擇在選擇工具欄的鏈接按鈕最后選擇自己要鏈接的網頁單擊確定便可以了。

4.向靜太網頁插入動態效果。

在這一階段我遇到了許多的問題，主要是我在主頁插入我的flash的時候，開是我將帶碼粘貼到我的網頁上可是在瀏覽網頁的時候flash卻不能夠顯示。最后我向老師的請教后終于在老師的幫助下我成功的在我的主頁插入了flash。而在其它的二級網頁我主頁插入的是一些gif格式的動態圖片。

網頁設計報告范文第2篇

計算機將具備更多的智能成分，它將具有多種感知能力、一定的思考與判斷能力及一定的自然語言能力。除了提供自然的輸入手段(如語音輸入、手寫輸入)外，讓人能產生身臨其境感覺的各種交互設備已經出現，虛擬現實技術是這一領域發展的集中體現。今天人們談到計算機必然地和網絡聯系起來，一方面孤立的未加入網絡的計算機越來越難以見到，另一方面計算機的概念也被網絡所擴展。二十世紀九十年代興起的Internet在過去如火如荼地發展，其影響之廣、普及之快是前所未有的。從沒有一種技術能像Internet一樣，劇烈地改變著我們的學習、生活和習慣方式。全世界幾乎所有國家都有計算機網絡直接或間接地與Internet相連，使之成為一個全球范圍的計算機互聯網絡。人們可以通過Internet與世界各地的其它用戶自由地進行通信，可從Internet中獲得各種信息。人們已充分領略到網絡的魅力，Internet大大縮小了時空界限，通過網絡人們可以共享計算機硬件資源、軟件資源和信息資源。“網絡就是計算機”的概念被事實一再證明，被世人逐步接受。

通過這兩年的學習實踐中和老師的指導下以大量明晰的操作步驟和典型的應用實例，教會我們。使更豐富全面的軟件技術和應用技巧，使我們真正對所學的軟件融會貫通，熟練在手。所以本人結合所學專業的內容制作了個人網站，作為實習的成果。其內容是多樣化的。制作網頁用的軟件是Dreamweaver，Fireworks，Flash軟件。(文章來源：)Dreamweaver大大加速了網絡時代電子交易應用中的項目交付。它提供了網頁和表單的動態生成到企業級的解決方案，如電子商店，庫存管理系統和企業內部局域網的數據庫應用等功能。Fireworks是目前最流行的網頁圖象制作軟件。只要將Dreamweaver的默認圖象編輯器設為Fireworks，那么在Fireworks中制作完成網頁圖象后將其輸出就會立即在Dreamweaver中更新。Fireworks還可以安裝使用所有的Photoshop濾鏡，并且可以直接導入PSD格式圖象。更方便的是它不僅結合了Photoshop位圖功能以及CoreIDRAW矢量圖的功能，而且提供了大量的網頁圖象模板供用戶使用，例如，網頁上很流行的陰影和立體按紐等效果，只需單擊一下就可以制作完成。當然，其最方便之處是，它可以將圖象切割，圖象映射，懸停按紐，圖象翻轉等效果直接生成HTML代碼，或者嵌入到現有的網頁中，或者作為單獨的網頁出現。Flash是目前最流行的矢量動畫制作軟件，與其他Wed動畫軟件相比，它具很多優點。制作的是矢量圖形。只要用少量矢量數據就可以描述一個復雜的對象，而占用的儲存空間只是位圖的幾千分之一，非常適合在網格上使用。同時，矢量圖象不會隨瀏覽器窗口大小的改變而改變畫面質量。使用插件方式工作。用戶只需安裝一次插件，以后就可以快速啟動并觀看動畫，而不比像Java那樣每次都要啟動虛擬機。Flash插件也不大，只有170KB左右，很容易下載并安裝。還提供其他一些增強功能。例如，支持位圖，聲音，漸變色和Alpha透明等。擁用了這些功能，用戶就完全可以建立一個全部由Flash制作的站點。Flash影片也是一種流式文件。這就是說，瀏覽者在觀看一個大動畫時，可以不必等到影片全部下載到本地再觀看，而是可以隨時觀看，即使后面的內容還沒有完全下載，也可以開始欣賞動畫。主圖是一個網頁的門面，它能體現出這個網頁的整體風格。網站名字為藍晴驛站，藍色的天空給人帶來好的心情，給人帶來輕松愉快的心情來瀏覽網頁。

首頁的地址為“lansxqing.51.net”，內容精彩豐富，簡潔明快，語言風趣，通俗易懂。頁面可愛清爽。

首頁主要是導航作用，上方共有六個導航條，用fireworks編輯的懸停按紐。各分為六個內容，左側的為‘星座物語’，‘動感地帶’，‘愛情感悟’。下面的六個字幕是銜接。右側的為‘五花八門’，‘心情留言’，‘海闊天空’。中間為一段笑話。下面的橫幅是一個flash動畫，效果是色彩漸變。接著藍色的一個橫幅上的是flash動畫銜接。接下來是一個搜索菜單，方便快捷。其它的為gif動畫。

單擊“星座物語”，進入內容左側的字體是fireworks編輯的gif動畫。左側下方是篇有關星座的文章，右側的星座專題有三個關于星座的內容可單擊。‘漂亮穿衣法則’內有廣告條，鼠標放在上面時停止浮動，鼠標離開時繼續浮動。‘星座愛情特點’內有鼠標特效。它的代碼為：

function YY_Layerfx(yyleft，yytop，yyfnx，yyfny，yyp，yybilder，yyloop，

yyto，yycnt，yystep) { //v1.2

//copyright (c)1999 Yaromat， Jaro von Flocken

if ((document.layers)||(document.all)){

with (Math) {yynextx= eval(yyfnx)}

with (Math) {yynexty= eval(yyfny)}

yycnt=(yyloop && yycnt>=yystep*yybilder)?0:yycnt+yystep;

if (document.layers){

eval(yyp+".top="+(yynexty+yytop))

網頁設計報告范文第3篇

關鍵詞:計算機;圖像處理技術;網頁設計;運用

隨著信息技術的進步以及人們生活水平的提高，互聯網已經深入家家戶戶。網站是目前人們最常用的信息獲取渠道，而網頁設計直接決定了網站的質量。計算機圖像處理技術是網頁設計中的常用技術，主要目的是提高網頁的整體藝術感，將多樣化的內容呈現在瀏覽者面前。通過計算機圖像處理技術進行網頁設計，能有效提高網頁設計的藝術感，使網頁更具有感染力，獲得瀏覽者的共鳴。

1圖像在網頁設計中的重要性

圖像在網頁設計中占有較大的比重，也是最能吸引瀏覽者的因素之一。圖像在網頁設計中的功能可以分為以下兩方面：第一，視覺吸引功能。圖像和文字相比，對瀏覽者的感覺更直觀，能有效吸引瀏覽者的注意力，激發瀏覽者的興趣，從而提高網站的瀏覽率。正是因此，圖像的直觀功能能為整個網頁設計起到畫龍點睛的作用，提高整體網頁設計的藝術感。有調查報告顯示，圖像是決定瀏覽者對網站興趣的重要影響因素；其次，信息引導功能。網頁設計的根本目的是滿足不同瀏覽者的多樣化需求，使瀏覽者能迅速在網頁中發現自己所需的信息。而圖像則具有一定的信息引導功能，能夠使瀏覽者在眾多的信息中迅速發現自己需要的內容，節省了大量的時間。同時也可以通過圖像對單純的文字進行美觀，提高網頁的吸引力，從而保證網站的瀏覽量。

2計算機圖像處理技術

計算機圖像處理技術即對圖像進行針對性的加工、設計以及美化等，從而表達出相應的含義。目前，計算機圖像處理技術主要包括以下幾方面：

2.1圖像去噪

計算機系統在采取圖像的過程中，可能會出現一定的噪音，這主要是由計算機的硬件特性所導致的。而這些噪聲也會對圖像的質量造成相應的影響，因此可以通過計算機圖像處理技術進行去噪處理，從而提高圖像的質量。

2.2圖像增強

圖像增強指的是對圖像的某個固定區域進行針對性的加強，從而突出圖片的核心信息，同時削弱非重要信息的影響，方便之后圖像在網頁設計中的應用。圖片增強是網頁設計中較常用的圖像處理方法，主要用來改變圖像的畫質。這是由于計算機在對圖像進行采集時，會受到環境、分辨率等多種因素的限制，導致畫面的立體感不強，因此需要進行相應的增強處理。目前，圖像增強的方法較多，例如邊緣增強、色彩增強、銳化增強等。雖然圖像增強技術沒有增加圖像的信息量，但卻突出的重點內容，對網頁設計具有重要的意義。

2.3圖像壓縮

圖像壓縮也是較常用的處理類型之一，根據網頁設計的需求，對圖像的數據進行適當的壓縮，從而保證圖像傳輸的有效性，同時也避免了圖像傳輸過程中可能出現的失真情況。

3計算機圖像處理技術在網頁設計中的應用

網頁設計中，計算機圖像處理技術的核心在于體現出圖像的效果，提高整體設計的合理性與藝術性。而多數計算機所采取的原始圖片并不能達到此要求，因此，就需要通過計算機圖像處理技術進行相應的加工：

3.1滿足網頁設計對圖片格式的需求

網頁設計一般都會對圖片的格式進行一定的要求，在設計過程中，需要結合網頁設計的要求設置相應的圖片格式。在實踐過程中，圖像的種類較多，例如攝影圖像、截圖、連接圖片等等，不同的圖片類型給瀏覽者帶來的直觀感受也不同。一般網頁設計中應用較多的為攝影圖片，通過搭配文字的方式吸引瀏覽者的注意力。但這種方式也會直接增加網頁設計的工作量，影響整體的網頁效果，無法充分表現出網頁的目的。因此，計算機圖像處理技術必須要結合網頁設計的實際情況，選擇合理的圖像格式。

3.2控制網頁設計對圖片大小的需求

這主要是由于計算機屏幕的長度、寬度有限，因此網頁設計中的圖像也需要有一定的限制，一般不能超過計算機屏幕的長寬。其次，網頁設計中的圖像大小與情緒度之間有一定的聯系，若通過圖片處理技術后放大圖片，則其清晰度就會有一定程度的下降。但如果圖片的清晰度過高，也會大大提高網頁的加載速度，對瀏覽者造成一定的影響。因此，必須要根據具體情況，把握圖片大小與清晰度的平衡。

3.3優化網頁設計對圖片定位的需求

不同的圖片在網頁設計中的作用也不同，需要通過圖像來表現出網頁的風格。例如圖像可以通過背景、表格、導航等多種方式存在，也可以直接展現出網站的內容。當需要圖像在網頁設計中作為背景時，不能將單一的圖片作為網頁背景，而是要結合內容，設置文字或其他類型的資料，從而提高網頁的層次感，提高瀏覽者對網頁的興趣。此外，在網頁設計中，可以應用一些篇幅較小或線條型的圖片，取代單一的連接標志，動靜結合，提高網頁的美觀性。

4結語

通過計算機圖像處理技術在網頁設計中的應用，能夠對圖像進行多樣化的設計，提高網頁瀏覽的速度、效率，也是目前網頁設計中的核心。通過計算機圖像處理技術，能根據網頁的具體需求調整圖像的格式，并在清晰度與大小間保持一個良好的平衡，提高網頁的加載速度。此外，還能夠根據圖片定位充分發揮圖片的作用，提高網頁設計的美觀度和藝術感，從而提高網站的瀏覽率。

參考文獻

[1]雷萌.如何在網頁設計中運用計算機圖像處理技術[J].信息與電腦,2016(02):156-157.

[2]智立甫,王春寫.淺談網頁設計中的圖像處理技術[J].中小企業管理與科技,2015(05):213-213,214.

[3]吳明珠.網頁設計中圖像處理的最佳化分析[J].電腦知識與技術,2017,13(05):164-165.

[4]韋燕.網頁設計中計算機圖像處理技術的應用[J].現代商貿工業,2013(22):181-182.

網頁設計報告范文第4篇

關鍵詞：大數據；學習通平臺；翻轉課堂教學模式

隨著網絡信息化和大數據技術的發展以及“互聯網+教育”的普及，學習通等網絡移動平臺在應用型本科教育中應用得越來越廣泛。學習通等網絡移動平臺的應用，有效促進翻轉課堂教學模式的開發和實施。本文基于超星學習通平臺探索電子商務專業《網頁設計》課程翻轉課堂教學模式，進而以學生為中心，探索有效促進學生發展的教學方法。

1超星學習通簡介

超星學習通是基于微服務架構打造的課程學習、知識傳播與管理分享平臺，也是一款基于互聯網環境，滿足教師和學生課堂內、外活動，及時反饋教學互動的個性化學習平臺。在“互聯網+教育”模式不斷發展的新形式下，學習通平臺為翻轉課堂及跨界課堂等課堂教學新模式的開發和實施奠定堅實的技術基礎。教師在課前、課中、課后可在學習通中學習資料、學習任務及要求、學習路線等內容；同時，教師可通過學習通預習及鞏固測試等，并運用學習通的自動批改作業功能，形成成績統計數據并反饋給學生。學生在課前可通過學習通自學教師的學習資料，根據學習任務書及學習要求、學習路線學習課堂教學內容及重、難點內容。

2《網頁設計》課程簡介

2.1課程定位

《網頁設計》是電子商務本科專業開設的一門專業必修課，通過學習使學生掌握網頁制作三劍客DreamWeaver、Fireworks、Flash在網頁設計過程中的應用，使學生具備網站策劃、網頁設計與制作、效果圖設計與制作等方面的技能，提高學生分析問題、解決問題的能力和項目實施能力，注重學生在學習和實踐過程中職業素質的養成《網頁設計》重點培養學生網頁設計等實踐技能，服務5G視商農產品網絡營銷工作中互聯網營銷工作內容。根據《網頁設計》課程對電商專業畢業需求指標點的支撐關系以及對學年實踐教學目標的支撐關系明確該課程的教學目標為：教學目標1：能運用HTML屬性及標記等創造性地構建網站站點；教學目標2：能運用CSS樣式、選擇器等創造性地制作圖文混排網頁；教學目標3：能運用表格、列表、超鏈接等創造性地制作表格布局網頁；教學目標4：能運用表單控件等創造性地制作表單網頁；教學目標5：能運用標準文檔流、盒子模型、浮動與定位等創造性地布局與美化網頁。

2.2課程設計

本門課程共48課時，其中24學時為理論教學學時，24學時為實踐教學學時。一方面，加強學生對網頁設計基本概念和基本理論學習，注重學生的知識再現能力和知識應用能力；另一方面，注重學生實踐應用，要求學生在掌握基本概念和基本理論的同時，能應用所學知識根據5G視商企業需求進行網頁設計與美化，重點要掌握網頁設計的思維和方法，培養自己的網頁設計實踐操作能力。2.2.1教學項目選擇根據電商專業人才培養方案要求本課程培養出既會設計網頁又懂理論的本科應用型人才，首先選擇本課程教學內容，制訂教學大綱，也就是確定課點的質量。學科體系重理論輕實踐，而且課點抽象，為更好地依托課點落實課程教學目標，將學科課程體系下的章節內容依托工作過程，重構為行動課程體系下由簡單到復雜的三個項目，三個項目又依托對應子項目完成知識和技能提升。項目選擇一方面考慮依據專業人才培養服務面向定位：“涉農電商”；一方面考慮課程思政元素，致力于培養學生服務地方經濟發展的社會責任感和家國情懷。從專業項目庫中選擇涉農電商企業5G視商項目，對應開發出二級矩陣，確保教學目標達成；2.2.2課程思政設計源于以往的教學經驗、總結和反思，密切結合專業課程的特點和課程內容選擇課程思政內容。從知識點中發掘思政元素：如網頁設計知識的來源和發展、技術應用、產業與市場、與社會生活的關系；知識內涵的價值觀、哲學、思想、思維、邏輯、情感。發掘教學內容中所蘊含的哲學思想與元素：如認識論、方法論、自然辯證法的思路和方法；思維方式（歷史思維、辯證思維、系統思維、創新思維）的啟發與建立。（1）選擇真實案例國內、外典型網頁設計實踐，也可是電子商務專業學生的真人、真事，使學生端正學習態度，受身邊故事感染，逐漸養成愛學習的好習慣，主動按職業道德要求約束自己；（2）失敗的教訓、警示性的問題多維度分析原因（術、道、德、主客觀原因）對學生心理和情感的影響。課程思政教學過程設計包括課堂內活動和課堂外活動兩部分。課堂內活動：導課時師生講故事、談啟示，以激發學生學習興趣，適當采用翻轉課堂，最好的學習是講；課中分析網頁設計案例，點評學生完成作業中反映的學習態度、認識論與方法論；小結時學生總結學習過程中領悟的道理。（3）課外活動教師通過學習通課程思政案例，學生在學習通中討論課程思政案例，將優秀的課程思政案例在線傳播，通過師生自媒體工具擴散，傳播正能量。《網頁設計》課程本學期采用線上線下混合式教學，線上通過學習通學習路線及學習資料等，學生課前通過學習通學習線上學習資料，實現生生互評、互教，本課程運用先行課程《農產品網絡推廣》中農產品網絡推廣策略以及《程序設計基礎》中程序設計思維和方法，重點培養學生用網頁制作三劍客DreamWeaver、Fireworks、Flash進行網站策劃、網頁設計與制作、詳情頁設計與制作的能力，為以后學習《電子商務網站建設》等后續課程提供技術支撐。

2.3課程實施路徑和方法

課程實施按PDCA循環進行，每個環節均要抓好人、機、料、法、環、測六個要素。2.3.1P（Plan）：完成教學設計此階段教師要搜集5G視商項目資料、分析教學目標、分析學情、研究制度與學法、教法、設計預習作業、設計測評量表，最終形成教案；2.3.2D（Do）：實施教學設計實施教學設計，在課前、課中、課后實施中，都要抓住六要素。尤其是人：手把手，教師抓兩頭、帶中間，發動骨干，為課上團隊PK做準備；2.3.3C（Check）：檢查教學效果檢查教學效果，以料為基礎，以測為手段，判斷其它要素的成績與不足。檢查的關鍵也是人，對教師而言，一看教師教學內容是否符合專業需求，是否得到專業長的支持；二看與輔導員的配合；三看對學生團隊的培育與指導。對學生而言，每次課課前、課中、課后均需及時檢查學習效果，及時發現學習中存在的問題并解決問題；2.3.4A（Action）：優化教學設計優化教學設計時，教師不但自己要反思，還要指導學生反思，生成學習反思檔案，通過PDCA循環不斷提升人才培養質量。每次課課程實施都遵循PDCA過程，同時PDCA又分別是人、機、料、法、環、測充分發揮作用的過程，由此構成循環。從專業項目庫中選擇5G視商產業園項目，根據工作過程劃分為三個由簡單到復雜的項目，分為課前、課中、課后三個階段實施。在專業質量管理體系保障下，在課程實施中，在課前通過前測分出差異化學生，從而分配差異化項目，同時在師生課前簽訂的課程協議等“法”的約束下，最終產出課程產品，并測量課程產品。通過組織團建、課程沙龍等營造出快樂學習、娛樂考核的大環境。以項目1.2為例，課程實施分課前、課中、課后三個階段，在課前教師通過學習通下發預習指導書等并歸納典型問題等。學長導師主要通過學習通等手段負責督促、指導、發現問題并反饋教師，學生線上預習、完成網頁作品雛形。“三五”融入：課前預習圖像標記等內容培養學生自我學習能力、設計網頁雛形鍛煉學生實踐動手能力等。課前學習產出測量觀測點分態度、知識、技能三個方面。課中、課后采用類似思路和方法以充分發揮學長導師作用，完成企業任務，人、機、料、法、環、測整個過程充分發揮作用。

2.4課程評價

在課程評價中，充分發揮課程監理師作用，為有效測評課程教學目標達成度，檢測課點掌握程度，開發了七個子項目的項目矩陣，也就是三級矩陣，從而明確每個項目的課點學習產出測量標準，以其中一個項目為例，重點是告知學生如何測量學習成果，比如課點1塊級元素和行內元素中知識點要求學生能區分夠塊級元素和行內元素，正確率100%，合格；技能點要求能使用塊級元素和行內元素設計網頁等；態度點要求作品中能正確處理全局和布局的美觀設計，對自己作品承擔設計責任等。通過三級矩陣確保每個課點達成度，進而達成二級矩陣中項目目標從而完成一級矩陣中教學目標進而保障學年實踐教學目標中達成本課程分解目標；同時與本學年其它課程一起確保達成學年教學目標從課程定位自上而下分解目標通過課程評價完成自下而上達成目標。采用四方評價：教師+企業+學長導師+學生，從知識、技能、態度三方面觀測，并分別設計對應學習產出測量表。最終形式成果檔案袋、學生成果展、優秀學生成長故事會。故事會則推選出優秀學生進行展示和交流，以樹立培育優秀典型輸入專業導師團中。關于課堂出席政策及要求，要求每位同學需出席并參與每一節課程中，課堂上按要求認真記筆記，筆記要求字跡工整，內容詳實，課堂筆記是重要的復習資料。教師將抽查學生筆記，對字跡不工整等不認真記筆記的同學，將根據評分標準扣除本人和團隊成員“出勤”相應分數。每位同學需出席并參與每一節課程中，每節課均會進行考勤登記，由班長將缺勤同學的請假條交給任課教師進行登記，經輔導員批準的假條方為有效。出勤扣分細則如下：出勤每少一次，扣1分；出勤少1/3者，取消考試資格。關于上課行為規范、誠信學習要求如下：每位同學需攜帶必需的上課材料，提前5分鐘進入教室；每發現一次不攜帶教材、筆記本、筆等必需學習用品，從期末平時成績總分中扣除1分。認真記筆記，筆記內容、進度與書寫質量是筆記檢查的重點，筆記內容要求包括網頁設計、表單、超鏈接等相關知識、相關圖表及個人聽課感悟，書寫質量要求圖表繪制美觀、字跡工整。衣冠整潔，儀表儀容得體，上課不能吃零食、喝飲料。課堂上認真聽講，積極參與課堂學習活動，不做影響他人聽課或干擾教師授課的行為，諸如上課玩手機、睡覺、私自離開教室等行為將被視為違反課堂紀律；對做與課堂無關的事，諸如玩手機、睡覺、私自離開教室等行為，每出現一次從期末平時成績總分中扣除1分。所有測試卷的雷同者或考試作弊者取消當事人（雙方）本次測試成績。關于參與實踐環節的要求如下：實踐學時共24學時，主要根據5G視商企業需求進行網頁設計實踐，學生應在實踐前完成相關實踐準備，撰寫實踐報告，并通過與其它小組開展PK，掌握網頁設計的主要技能，實踐完成后，不斷完善項目實踐報告，撰寫實驗報告。學習小組按4人為上限劃分，在部分課堂中嘗試團隊式學習，也會安排一定任務的分組、匯報等環節，要求學生積極參與，此部分內容將計入“課堂參與”成績考核中。

3學習通在《網頁設計》翻轉課堂模式中的應用

3.1課前

在課前教師通過學習通平臺下發預習指導書、預習資料、預習要求及預習測試等內容，通過學習通的自動批改試卷功能自動生成預習測試成績等，教師及時通過學習通平臺將預習測試結果反饋給學生，幫助學生及時發現預習中存在的問題。學生在課前通過學習通平臺自學預習內容并按時完成學習通中對應的預習測試，及時總結和反思在預習中遇到的問題。

3.2“三五”融入

“三五”是指“五種素質能力”、“五種通用能力”、“五種做事能力”。其中“五種素質能力”包括政治鑒別能力、自我學習能力、實踐動手能力、合作協調能力、身心承受能力；“五種通用能力”包括開發項目、集體討論、團隊合作、陳述報告、評估取舍；“五種做事能力”包括調查研究能力、職業漢語能力、外語運用能力、漢字書寫能力、網絡運營能力。在課前預習中注重培養學生“三五”能力，比如課前預習圖像標記等內容培養學生自我學習能力、設計網頁設計作品雛形,鍛煉學生實踐動手能力等。

3.3課中

教師能運用學習通的簽到功能進行考勤，方便又快捷，給考勤帶來了便利。課堂中能運用學習通中選人功能進行隨機搖號選人或隨機指定學生進行提問或匯報，這種線上選人方法的隨機性，給學生創造均等的被提問的機會以及分享、交流、展示的機會，能使學生的陳述報告能力得到充分的鍛煉；同時學習通中還提供搶答、問卷、主題討論等模塊，有利于教師進行課堂互動和交流。

3.4課后

在課后教師可通過學習通鞏固測試題、鞏固作業等內容，及時鞏固學生在課前、課中所學內容，實現知識、技能、態度從課前到課中、課后的螺旋式提升；同時，課后教師可通過學習通反饋學生學習效果數據，及時發現學生學習中存在的問題，并通過學習通將學習效果數據公布給學生，形成及時反饋機制，以達到督促學生學習的效果，實現以學生為中心的教學理念。

4小結

超星學習通平臺為翻轉課堂教學模式的實施提供便利條件，隨著“互聯網+大數據”技術的發展，在翻轉課堂教學模式中應用學習通等網絡移動平臺是一種必然的選擇和趨勢。在大數據時代，應用信息技術進行教學模式和方法的改革是必經之路。優質數字化教學資源是教學內容與信息技術有機結合的最佳呈現形式。

參考文獻

[1]黃海龍.數字化教學資源建設與應用研究[J].中國現代教育裝備，2019（15）：17-20．

[2]胡梅，錢明珠，王海棚.基于超星學習通混合教學模式在動物微生物課程中的應用[J].河南農業，2021（6）：30-31.

[3]王東娟，戴培赟，李曉麗，等.高職院校數字化課程資源建設與應用研究現狀分析[J].無線互聯科技，2021（8）：115-117.

網頁設計報告范文第5篇

本文分析電子商務專業學生學習網頁設計與制作課程教學現狀，并探討了電子商務專業網頁設計與制作課程教學設計、實施及考核環節，通過該課程教學改革提高學生學習興趣，并能提升個人建設網站的綜合能力和素質。

關鍵詞：

電子商務；網頁設計與制作；學習反饋；任務循環

1網頁設計與制作課程教學現狀

（1）學生欠缺計算機和美學設計基礎知識。

沒有計算機基礎課程，且課程學習課時較少，對網頁基礎知識理解較為費解，美學設計的欠缺，導致網頁設計能力差，雖然能夠也能制作簡單網頁，往往布局不合理。審美能力弱，有時追求個性，制作的網頁往往花里胡哨，內容和主題不一致，導致網頁視覺效果差。

（2）學生邏輯思維能力差。

由于文科類電子商務專業特點，該專業學生邏輯思維相比理工類專業學生邏輯思維相對欠缺，對于網頁布局處理能力和網站的規劃能力較弱，甚至理解有一定困難。在這些方面的不足，導致學生學習起來感覺難度較大，學習積極性不高。

2網頁設計與制作課程教學設計

任課教師首先選用結構設置全面，講授內容多較為充實的教材，這樣使學習興趣比較高的學生課下可繼續學習。同時給學生提供一些關于計算機基礎和平面設計類參考資料。向學生介紹網絡上一些比較專業網站開發論壇。任課教師在設計教案時設計內容以選取教材為主，以選取其他同類教材為輔。盡量使章節框架齊全，章節內知識點豐富全面。每個知識點都選取相應案例，這樣學生易于理解。將網頁設計與制作課程內容分為七個模塊，按照每個模塊的知識點，依據教學目標設計要求學生課堂和課后完成的小任務[1]。第一個模塊為網頁設計與制作理論基礎知識：介紹INTERNET基礎知識、網頁設計相關概念、網頁制作開發相關技術和工具，共2個課時，使學生掌握該課程整體框架。第二個模塊為HTML基礎知識：修飾標簽實現網頁文字的設置；設置列表；插入圖片和多媒體內容；設置超鏈接。共10課時，通過該模塊學習，學生能掌握HTML網頁標簽建立個人主頁。第三個模塊為表格和表單：表格基本概念和常用屬性；表單基本概念和常用屬性。共6個課時，通過該模塊學習，學生掌握使用表格整理數據和布局網頁，利用表單設計注冊頁面。第四個模塊為層疊樣式表（CSS）：CSS的基本語法；CSS的選擇器；CSS的使用方法；CSS的屬性單位。共12個課時，通過該模塊學習，學生能夠利用CSS樣式美化網頁。第五個模塊為CSS網頁布局與定位：div標簽；span標簽；盒子模型；display屬性；float屬性；position屬性；css+div布局類型。共9個課時，通過該模塊學習，學生能夠運用制作學校網站導航條和實現圖文并茂的效果。第六個模塊為超鏈接偽類、表單設計和導航菜單：共6個課時，通過該模塊學習，學生能夠使用偽類美化超鏈接，用CSS美化表單并能夠制作各式各樣的導航條。第七個模塊為網站建設：網站建設的步驟；網站建設的原則。共6個課時，通過該模塊學習，學生能夠建立主題網站。

3網頁設計與制作課程教學實施

3.1課程教學

（1）課堂教學

①基礎知識學習，任課教師將課程的知識點通過多媒體教學進行詳細的講授，選擇合適案例進行演示，盡量涵蓋能夠覆蓋每個知識點，這樣圖文并茂的傳授能夠調動學生的學習興趣，提高課堂教學效果。②任務實踐，任課教師根據知識點設定各個任務，布置的任務能夠覆蓋所講授內容所有的知識點，每個任務和前后任務都具有連貫性，這樣能夠在前次的任務基礎開拓這次任務，對以前學習的知識點不斷鞏固。③學習反饋，在學生初次完成任務后，任課教師總結學生在任務執行過程中存在的問題并給出解決問題的辦法和技巧，這樣能都深化學生對知識的理解。④任務循環，學生在反饋學習之后再次根據老師指出的問題和提示對自己的作品進行改進。通過這種任務循環的方式使學生對于知識點的掌握會更加的深入理解，培養其精益求精的網站開發人員的素質。⑤任務總結，在所有的學生完成任務后，教師再次強調任務知識點的難點和重點，分析技術問題和處理技巧，并布置學生要在課下完成的小任務。

（2）課下自學

學生僅僅依靠在課堂上學習和練習，以達到對該課程熟練掌握的目的是遠遠不夠的，所以要按照每個模塊的知識點，依據教學目標設計學生課后完成的小任務。通過qq群和微信群溝通平臺，學生之間和師生之間可以隨時隨地進行溝通和資源共享。鼓勵學生多參加學科競賽，達到以賽促學。

3.2課程考核

①平時考核。學生根據所學知識點，獨立完成任課教師布置的任務。根據完成情況，記錄為平時成績，成績等級分為沒完成（C）、基本完成（B）、超越完成（A）。該成績真實反饋學生知識掌握情況和動手能力的高低。平時考核在課堂結束前10分鐘內完成。②項目考核。在第17周課程教學結束時布置設計并制作網站項目任務，網站項目作為該課程完成后的綜合性考核，要求每個學生設計并制作一個表達某個主題的網站，向學生明確對網站評價的一系列標準，并要求根據提交項目設計制作報告書。并在課程教學第18周進行網站項目演示，每個同學在全班同學面前通過多媒體演示自己的作品，限時十分鐘，教師進行點評，指出需要改進的地方。該過程既是學生利用所學知識展示自己的能力的時候，又是學生學習別人的機會。③考核成績。該課程考核成績計算方式及其所占比例如下所示：平時考核成績=(完成每個子任務成績之和÷子任務個數)×40%+出勤率×40%+課堂討論×10%+課堂筆記×10%項目考核成績=項目網站設計與制作報告書成績*30%+項目網站設計與制作成績×70%學期成績=平時考核成績*30%+項目考核成績*70%

4結束語

該課程教學改革后對大部分學生進行調查訪談，雖然有很多學生反映課程壓力較大，但是學習興趣很高，學生實踐中開發了自己的潛力，并激發了他們直面困難客服困難的創作創新精神。

作者：張亞杰 劉 單位：宿州學院

參考文獻：

[1]李月輝,姜還紅,云巖.基于CDIO的Java系列課程教學改革的研究[J].黑龍江科技信息,2015(11)：162.