前言：想要寫出一篇令人眼前一亮的文章嗎？我們特意為您整理了5篇網(wǎng)頁(yè)設(shè)計(jì)報(bào)告范文，相信會(huì)為您的寫作帶來幫助，發(fā)現(xiàn)更多的寫作思路和靈感。

網(wǎng)頁(yè)設(shè)計(jì)報(bào)告范文第1篇

一、網(wǎng)站整體規(guī)劃，要做網(wǎng)頁(yè)的第一步便是做網(wǎng)站的整體規(guī)劃這主要包括四個(gè)方面的內(nèi)容。

1.討論網(wǎng)站的主題。

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

2.定位網(wǎng)站的CI形象。“易菲”植根中國(guó)文化之精髓，汲取自然稟賦之靈性，形成一個(gè)既有濃厚文化底蘊(yùn)，又有現(xiàn)代自然人文氣息的特色品牌?！耙住奔词侨荩前?，是寬容，是五千年中華民族的文化精髓，是厚德載物，是對(duì)人性寬度的一種拓展?！胺啤蓖ǚ?，是生機(jī)、是個(gè)性、是春意盎然、是自強(qiáng)不息，是對(duì)人性深度的一種挖掘?！吧钊缁ǎ栽诳鞓贰笔荵IFINI易菲的設(shè)計(jì)理念，倡導(dǎo)一種與自然和諧相處，如花兒綻放般美好舒適、自在快樂的生活方式。這也便是我網(wǎng)站的CI形象。

3.確定欄目和板塊。

于時(shí)間的關(guān)系在本次我準(zhǔn)備做四張網(wǎng)頁(yè)：一張主頁(yè)三張二級(jí)頁(yè)面。分別設(shè)計(jì)了“時(shí)尚首頁(yè)、時(shí)尚衣秀、推薦產(chǎn)品、潮流信息”等四個(gè)欄目。在這四張頁(yè)面中我打算都用淡藍(lán)色做背景顏色來映襯我網(wǎng)頁(yè)的主打色綠色。

2.網(wǎng)站的整體風(fēng)格和創(chuàng)意。

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

二、網(wǎng)頁(yè)制作的前期策劃與準(zhǔn)備，在本階級(jí)主要有兩方面的工作。

1.資料的搜集。

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

2.熟悉制作軟件。

做網(wǎng)頁(yè)主要用的工具便是Dremweaver、Photoshop、Flash軟件。在這些軟件我對(duì)Dremweaver、Photoshop相對(duì)比較熟悉，因?yàn)樵谄綍r(shí)上課是老師帶領(lǐng)我們運(yùn)用過。所以我還可以正常的運(yùn)用，但是出現(xiàn)的問題還是有很多。有很多不懂如何操作，只有通過在次去看書才能夠了解，這也體現(xiàn)了我學(xué)習(xí)方面的缺點(diǎn)，它是我平時(shí)不夠認(rèn)真的具體表現(xiàn)。

三、網(wǎng)頁(yè)制作，這便進(jìn)入我該次的主題了具體制作流程如下。

1.構(gòu)建站點(diǎn)框架。

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

2.設(shè)計(jì)主頁(yè)及二級(jí)頁(yè)面。

在主頁(yè)我設(shè)首頁(yè)制作時(shí)，時(shí)刻考慮著網(wǎng)頁(yè)的基本原則：統(tǒng)一，連貫，分割，對(duì)比及和諧的原則，內(nèi)容統(tǒng)一，都是為了主題服務(wù)，美容美體，一個(gè)網(wǎng)站強(qiáng)調(diào)的就是一個(gè)整體，只有圍繞一個(gè)統(tǒng)一的目標(biāo)所做的設(shè)計(jì)才是成功的；連貫，頁(yè)面之間關(guān)系連貫，統(tǒng)成一體；每版內(nèi)容都自成一體，顏色各異，便于瀏覽；整個(gè)網(wǎng)頁(yè)有動(dòng)有靜，色彩呼應(yīng)，搭配協(xié)調(diào)，不呆板，富有生氣；顏色各異，但又不同之中又相同，渾然一體。而且制作過程中，不忘以下原則：

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

交互式強(qiáng)：發(fā)揮網(wǎng)絡(luò)的優(yōu)勢(shì)，是每個(gè)使用者都參與到其中來，這樣的設(shè)計(jì)才能算成功的設(shè)計(jì)。這樣的網(wǎng)頁(yè)才算真正的美的設(shè)計(jì)。每個(gè)子頁(yè)都設(shè)有上導(dǎo)航欄，便于瀏覽和跳轉(zhuǎn)。3個(gè)二級(jí)網(wǎng)頁(yè)制作時(shí)，使用的是表格，每一個(gè)頁(yè)面都用表格為它布局好，然后在插入圖片文字及其他，這樣有一定的規(guī)劃性，體現(xiàn)了連貫統(tǒng)一性，不同的內(nèi)容根據(jù)各自的特色建立了不同的表格，突出各自的主題，增強(qiáng)了對(duì)比性。在做這些網(wǎng)頁(yè)的時(shí)候我就進(jìn)行了如上所述的方法。但我所以網(wǎng)頁(yè)的背景顏色及主題顏色都是相同的以便突出我每一個(gè)網(wǎng)頁(yè)都是為凸顯我主題而服務(wù)。

3.實(shí)現(xiàn)網(wǎng)頁(yè)間的鏈接。

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

4.向靜太網(wǎng)頁(yè)插入動(dòng)態(tài)效果。

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

網(wǎng)頁(yè)設(shè)計(jì)報(bào)告范文第2篇

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

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

首頁(yè)的地址為“l(fā)ansxqing.51.net”，內(nèi)容精彩豐富，簡(jiǎn)潔明快，語(yǔ)言風(fēng)趣，通俗易懂。頁(yè)面可愛清爽。

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

單擊“星座物語(yǔ)”，進(jìn)入內(nèi)容左側(cè)的字體是fireworks編輯的gif動(dòng)畫。左側(cè)下方是篇有關(guān)星座的文章，右側(cè)的星座專題有三個(gè)關(guān)于星座的內(nèi)容可單擊。‘漂亮穿衣法則’內(nèi)有廣告條，鼠標(biāo)放在上面時(shí)停止浮動(dòng)，鼠標(biāo)離開時(shí)繼續(xù)浮動(dòng)?！亲鶒矍樘攸c(diǎn)’內(nèi)有鼠標(biāo)特效。它的代碼為：

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))

網(wǎng)頁(yè)設(shè)計(jì)報(bào)告范文第3篇

關(guān)鍵詞:計(jì)算機(jī);圖像處理技術(shù);網(wǎng)頁(yè)設(shè)計(jì);運(yùn)用

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

1圖像在網(wǎng)頁(yè)設(shè)計(jì)中的重要性

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

2計(jì)算機(jī)圖像處理技術(shù)

計(jì)算機(jī)圖像處理技術(shù)即對(duì)圖像進(jìn)行針對(duì)性的加工、設(shè)計(jì)以及美化等，從而表達(dá)出相應(yīng)的含義。目前，計(jì)算機(jī)圖像處理技術(shù)主要包括以下幾方面：

2.1圖像去噪

計(jì)算機(jī)系統(tǒng)在采取圖像的過程中，可能會(huì)出現(xiàn)一定的噪音，這主要是由計(jì)算機(jī)的硬件特性所導(dǎo)致的。而這些噪聲也會(huì)對(duì)圖像的質(zhì)量造成相應(yīng)的影響，因此可以通過計(jì)算機(jī)圖像處理技術(shù)進(jìn)行去噪處理，從而提高圖像的質(zhì)量。

2.2圖像增強(qiáng)

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

2.3圖像壓縮

圖像壓縮也是較常用的處理類型之一，根據(jù)網(wǎng)頁(yè)設(shè)計(jì)的需求，對(duì)圖像的數(shù)據(jù)進(jìn)行適當(dāng)?shù)膲嚎s，從而保證圖像傳輸?shù)挠行?，同時(shí)也避免了圖像傳輸過程中可能出現(xiàn)的失真情況。

3計(jì)算機(jī)圖像處理技術(shù)在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用

網(wǎng)頁(yè)設(shè)計(jì)中，計(jì)算機(jī)圖像處理技術(shù)的核心在于體現(xiàn)出圖像的效果，提高整體設(shè)計(jì)的合理性與藝術(shù)性。而多數(shù)計(jì)算機(jī)所采取的原始圖片并不能達(dá)到此要求，因此，就需要通過計(jì)算機(jī)圖像處理技術(shù)進(jìn)行相應(yīng)的加工：

3.1滿足網(wǎng)頁(yè)設(shè)計(jì)對(duì)圖片格式的需求

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

3.2控制網(wǎng)頁(yè)設(shè)計(jì)對(duì)圖片大小的需求

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

3.3優(yōu)化網(wǎng)頁(yè)設(shè)計(jì)對(duì)圖片定位的需求

不同的圖片在網(wǎng)頁(yè)設(shè)計(jì)中的作用也不同，需要通過圖像來表現(xiàn)出網(wǎng)頁(yè)的風(fēng)格。例如圖像可以通過背景、表格、導(dǎo)航等多種方式存在，也可以直接展現(xiàn)出網(wǎng)站的內(nèi)容。當(dāng)需要圖像在網(wǎng)頁(yè)設(shè)計(jì)中作為背景時(shí)，不能將單一的圖片作為網(wǎng)頁(yè)背景，而是要結(jié)合內(nèi)容，設(shè)置文字或其他類型的資料，從而提高網(wǎng)頁(yè)的層次感，提高瀏覽者對(duì)網(wǎng)頁(yè)的興趣。此外，在網(wǎng)頁(yè)設(shè)計(jì)中，可以應(yīng)用一些篇幅較小或線條型的圖片，取代單一的連接標(biāo)志，動(dòng)靜結(jié)合，提高網(wǎng)頁(yè)的美觀性。

4結(jié)語(yǔ)

通過計(jì)算機(jī)圖像處理技術(shù)在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用，能夠?qū)D像進(jìn)行多樣化的設(shè)計(jì)，提高網(wǎng)頁(yè)瀏覽的速度、效率，也是目前網(wǎng)頁(yè)設(shè)計(jì)中的核心。通過計(jì)算機(jī)圖像處理技術(shù)，能根據(jù)網(wǎng)頁(yè)的具體需求調(diào)整圖像的格式，并在清晰度與大小間保持一個(gè)良好的平衡，提高網(wǎng)頁(yè)的加載速度。此外，還能夠根據(jù)圖片定位充分發(fā)揮圖片的作用，提高網(wǎng)頁(yè)設(shè)計(jì)的美觀度和藝術(shù)感，從而提高網(wǎng)站的瀏覽率。

參考文獻(xiàn)

[1]雷萌.如何在網(wǎng)頁(yè)設(shè)計(jì)中運(yùn)用計(jì)算機(jī)圖像處理技術(shù)[J].信息與電腦,2016(02):156-157.

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

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

[4]韋燕.網(wǎng)頁(yè)設(shè)計(jì)中計(jì)算機(jī)圖像處理技術(shù)的應(yīng)用[J].現(xiàn)代商貿(mào)工業(yè),2013(22):181-182.

網(wǎng)頁(yè)設(shè)計(jì)報(bào)告范文第4篇

關(guān)鍵詞：大數(shù)據(jù)；學(xué)習(xí)通平臺(tái)；翻轉(zhuǎn)課堂教學(xué)模式

隨著網(wǎng)絡(luò)信息化和大數(shù)據(jù)技術(shù)的發(fā)展以及“互聯(lián)網(wǎng)+教育”的普及，學(xué)習(xí)通等網(wǎng)絡(luò)移動(dòng)平臺(tái)在應(yīng)用型本科教育中應(yīng)用得越來越廣泛。學(xué)習(xí)通等網(wǎng)絡(luò)移動(dòng)平臺(tái)的應(yīng)用，有效促進(jìn)翻轉(zhuǎn)課堂教學(xué)模式的開發(fā)和實(shí)施。本文基于超星學(xué)習(xí)通平臺(tái)探索電子商務(wù)專業(yè)《網(wǎng)頁(yè)設(shè)計(jì)》課程翻轉(zhuǎn)課堂教學(xué)模式，進(jìn)而以學(xué)生為中心，探索有效促進(jìn)學(xué)生發(fā)展的教學(xué)方法。

1超星學(xué)習(xí)通簡(jiǎn)介

超星學(xué)習(xí)通是基于微服務(wù)架構(gòu)打造的課程學(xué)習(xí)、知識(shí)傳播與管理分享平臺(tái)，也是一款基于互聯(lián)網(wǎng)環(huán)境，滿足教師和學(xué)生課堂內(nèi)、外活動(dòng)，及時(shí)反饋教學(xué)互動(dòng)的個(gè)性化學(xué)習(xí)平臺(tái)。在“互聯(lián)網(wǎng)+教育”模式不斷發(fā)展的新形式下，學(xué)習(xí)通平臺(tái)為翻轉(zhuǎn)課堂及跨界課堂等課堂教學(xué)新模式的開發(fā)和實(shí)施奠定堅(jiān)實(shí)的技術(shù)基礎(chǔ)。教師在課前、課中、課后可在學(xué)習(xí)通中學(xué)習(xí)資料、學(xué)習(xí)任務(wù)及要求、學(xué)習(xí)路線等內(nèi)容；同時(shí)，教師可通過學(xué)習(xí)通預(yù)習(xí)及鞏固測(cè)試等，并運(yùn)用學(xué)習(xí)通的自動(dòng)批改作業(yè)功能，形成成績(jī)統(tǒng)計(jì)數(shù)據(jù)并反饋給學(xué)生。學(xué)生在課前可通過學(xué)習(xí)通自學(xué)教師的學(xué)習(xí)資料，根據(jù)學(xué)習(xí)任務(wù)書及學(xué)習(xí)要求、學(xué)習(xí)路線學(xué)習(xí)課堂教學(xué)內(nèi)容及重、難點(diǎn)內(nèi)容。

2《網(wǎng)頁(yè)設(shè)計(jì)》課程簡(jiǎn)介

2.1課程定位

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

2.2課程設(shè)計(jì)

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

2.3課程實(shí)施路徑和方法

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

2.4課程評(píng)價(jià)

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

3學(xué)習(xí)通在《網(wǎng)頁(yè)設(shè)計(jì)》翻轉(zhuǎn)課堂模式中的應(yīng)用

3.1課前

在課前教師通過學(xué)習(xí)通平臺(tái)下發(fā)預(yù)習(xí)指導(dǎo)書、預(yù)習(xí)資料、預(yù)習(xí)要求及預(yù)習(xí)測(cè)試等內(nèi)容，通過學(xué)習(xí)通的自動(dòng)批改試卷功能自動(dòng)生成預(yù)習(xí)測(cè)試成績(jī)等，教師及時(shí)通過學(xué)習(xí)通平臺(tái)將預(yù)習(xí)測(cè)試結(jié)果反饋給學(xué)生，幫助學(xué)生及時(shí)發(fā)現(xiàn)預(yù)習(xí)中存在的問題。學(xué)生在課前通過學(xué)習(xí)通平臺(tái)自學(xué)預(yù)習(xí)內(nèi)容并按時(shí)完成學(xué)習(xí)通中對(duì)應(yīng)的預(yù)習(xí)測(cè)試，及時(shí)總結(jié)和反思在預(yù)習(xí)中遇到的問題。

3.2“三五”融入

“三五”是指“五種素質(zhì)能力”、“五種通用能力”、“五種做事能力”。其中“五種素質(zhì)能力”包括政治鑒別能力、自我學(xué)習(xí)能力、實(shí)踐動(dòng)手能力、合作協(xié)調(diào)能力、身心承受能力；“五種通用能力”包括開發(fā)項(xiàng)目、集體討論、團(tuán)隊(duì)合作、陳述報(bào)告、評(píng)估取舍；“五種做事能力”包括調(diào)查研究能力、職業(yè)漢語(yǔ)能力、外語(yǔ)運(yùn)用能力、漢字書寫能力、網(wǎng)絡(luò)運(yùn)營(yíng)能力。在課前預(yù)習(xí)中注重培養(yǎng)學(xué)生“三五”能力，比如課前預(yù)習(xí)圖像標(biāo)記等內(nèi)容培養(yǎng)學(xué)生自我學(xué)習(xí)能力、設(shè)計(jì)網(wǎng)頁(yè)設(shè)計(jì)作品雛形,鍛煉學(xué)生實(shí)踐動(dòng)手能力等。

3.3課中

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

3.4課后

在課后教師可通過學(xué)習(xí)通鞏固測(cè)試題、鞏固作業(yè)等內(nèi)容，及時(shí)鞏固學(xué)生在課前、課中所學(xué)內(nèi)容，實(shí)現(xiàn)知識(shí)、技能、態(tài)度從課前到課中、課后的螺旋式提升；同時(shí)，課后教師可通過學(xué)習(xí)通反饋學(xué)生學(xué)習(xí)效果數(shù)據(jù)，及時(shí)發(fā)現(xiàn)學(xué)生學(xué)習(xí)中存在的問題，并通過學(xué)習(xí)通將學(xué)習(xí)效果數(shù)據(jù)公布給學(xué)生，形成及時(shí)反饋機(jī)制，以達(dá)到督促學(xué)生學(xué)習(xí)的效果，實(shí)現(xiàn)以學(xué)生為中心的教學(xué)理念。

4小結(jié)

超星學(xué)習(xí)通平臺(tái)為翻轉(zhuǎn)課堂教學(xué)模式的實(shí)施提供便利條件，隨著“互聯(lián)網(wǎng)+大數(shù)據(jù)”技術(shù)的發(fā)展，在翻轉(zhuǎn)課堂教學(xué)模式中應(yīng)用學(xué)習(xí)通等網(wǎng)絡(luò)移動(dòng)平臺(tái)是一種必然的選擇和趨勢(shì)。在大數(shù)據(jù)時(shí)代，應(yīng)用信息技術(shù)進(jìn)行教學(xué)模式和方法的改革是必經(jīng)之路。優(yōu)質(zhì)數(shù)字化教學(xué)資源是教學(xué)內(nèi)容與信息技術(shù)有機(jī)結(jié)合的最佳呈現(xiàn)形式。

參考文獻(xiàn)

[1]黃海龍.數(shù)字化教學(xué)資源建設(shè)與應(yīng)用研究[J].中國(guó)現(xiàn)代教育裝備，2019（15）：17-20．

[2]胡梅，錢明珠，王海棚.基于超星學(xué)習(xí)通混合教學(xué)模式在動(dòng)物微生物課程中的應(yīng)用[J].河南農(nóng)業(yè)，2021（6）：30-31.

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

網(wǎng)頁(yè)設(shè)計(jì)報(bào)告范文第5篇

本文分析電子商務(wù)專業(yè)學(xué)生學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)與制作課程教學(xué)現(xiàn)狀，并探討了電子商務(wù)專業(yè)網(wǎng)頁(yè)設(shè)計(jì)與制作課程教學(xué)設(shè)計(jì)、實(shí)施及考核環(huán)節(jié)，通過該課程教學(xué)改革提高學(xué)生學(xué)習(xí)興趣，并能提升個(gè)人建設(shè)網(wǎng)站的綜合能力和素質(zhì)。

關(guān)鍵詞：

電子商務(wù)；網(wǎng)頁(yè)設(shè)計(jì)與制作；學(xué)習(xí)反饋；任務(wù)循環(huán)

1網(wǎng)頁(yè)設(shè)計(jì)與制作課程教學(xué)現(xiàn)狀

（1）學(xué)生欠缺計(jì)算機(jī)和美學(xué)設(shè)計(jì)基礎(chǔ)知識(shí)。

沒有計(jì)算機(jī)基礎(chǔ)課程，且課程學(xué)習(xí)課時(shí)較少，對(duì)網(wǎng)頁(yè)基礎(chǔ)知識(shí)理解較為費(fèi)解，美學(xué)設(shè)計(jì)的欠缺，導(dǎo)致網(wǎng)頁(yè)設(shè)計(jì)能力差，雖然能夠也能制作簡(jiǎn)單網(wǎng)頁(yè)，往往布局不合理。審美能力弱，有時(shí)追求個(gè)性，制作的網(wǎng)頁(yè)往往花里胡哨，內(nèi)容和主題不一致，導(dǎo)致網(wǎng)頁(yè)視覺效果差。

（2）學(xué)生邏輯思維能力差。

由于文科類電子商務(wù)專業(yè)特點(diǎn)，該專業(yè)學(xué)生邏輯思維相比理工類專業(yè)學(xué)生邏輯思維相對(duì)欠缺，對(duì)于網(wǎng)頁(yè)布局處理能力和網(wǎng)站的規(guī)劃能力較弱，甚至理解有一定困難。在這些方面的不足，導(dǎo)致學(xué)生學(xué)習(xí)起來感覺難度較大，學(xué)習(xí)積極性不高。

2網(wǎng)頁(yè)設(shè)計(jì)與制作課程教學(xué)設(shè)計(jì)

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

3網(wǎng)頁(yè)設(shè)計(jì)與制作課程教學(xué)實(shí)施

3.1課程教學(xué)

（1）課堂教學(xué)

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

（2）課下自學(xué)

學(xué)生僅僅依靠在課堂上學(xué)習(xí)和練習(xí)，以達(dá)到對(duì)該課程熟練掌握的目的是遠(yuǎn)遠(yuǎn)不夠的，所以要按照每個(gè)模塊的知識(shí)點(diǎn)，依據(jù)教學(xué)目標(biāo)設(shè)計(jì)學(xué)生課后完成的小任務(wù)。通過qq群和微信群溝通平臺(tái)，學(xué)生之間和師生之間可以隨時(shí)隨地進(jìn)行溝通和資源共享。鼓勵(lì)學(xué)生多參加學(xué)科競(jìng)賽，達(dá)到以賽促學(xué)。

3.2課程考核

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

4結(jié)束語(yǔ)

該課程教學(xué)改革后對(duì)大部分學(xué)生進(jìn)行調(diào)查訪談，雖然有很多學(xué)生反映課程壓力較大，但是學(xué)習(xí)興趣很高，學(xué)生實(shí)踐中開發(fā)了自己的潛力，并激發(fā)了他們直面困難客服困難的創(chuàng)作創(chuàng)新精神。

作者：張亞杰 劉 單位：宿州學(xué)院

參考文獻(xiàn)：

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