時(shí)間：2022-05-21 03:14:56
開篇：寫作不僅是一種記錄，更是一種創(chuàng)造，它讓我們能夠捕捉那些稍縱即逝的靈感，將它們永久地定格在紙上。下面是小編精心整理的12篇網(wǎng)頁制作論文，希望這些內(nèi)容能成為您創(chuàng)作過程中的良師益友，陪伴您不斷探索和進(jìn)步。
一、考核改革目的
通過《網(wǎng)頁設(shè)計(jì)與制作》多年的教學(xué)發(fā)現(xiàn)，應(yīng)用傳統(tǒng)的教學(xué)方式及考核方法學(xué)生只建立了的基礎(chǔ)的專業(yè)課程知識概念及單一的基本操作，并不能綜合應(yīng)用操作技能完成某主題網(wǎng)站的設(shè)計(jì)與制作。為了建立以網(wǎng)頁設(shè)計(jì)與制作技能考核為主線的開放式、全過程的考核體系，提高學(xué)生綜合項(xiàng)目實(shí)踐能力，更好的與社會需求接軌。有必要對傳統(tǒng)的考核方式進(jìn)行改革，同時(shí)經(jīng)過多年教學(xué)探索，結(jié)合人才培養(yǎng)方案制定了以下的考核方案。
二、考核方案
1.考核方案的制定
本考核采取學(xué)生小組合作（每組2-3名學(xué)生）完成一個(gè)規(guī)定主題網(wǎng)站項(xiàng)目的方式展開。總成績由操作考核成績、項(xiàng)目報(bào)告成績兩部分組成，權(quán)重分別為70％、30％，每一項(xiàng)按百分制評分后依權(quán)重比例計(jì)入總成績，總成績不及格者必須重修本課程并重新參加考試。因本校的現(xiàn)有學(xué)期總評成績是由平時(shí)成績30%、期中成績30%、期末成績40%組成，為了與學(xué)校的評分要求接軌，將本次考試所得的總成績作為學(xué)校學(xué)期總評成績的期末成績部分。并在此說明平時(shí)成績30%部分是由學(xué)生本學(xué)期的課程作業(yè)完成情況、出勤及上課表現(xiàn)綜合評定。本考核方案中的操作考核、項(xiàng)目報(bào)告都有具體的考核方案，其中操作考核實(shí)施的具體要求以試卷形式展現(xiàn)，內(nèi)容要求以表“操作考核內(nèi)容”為中心，以考核學(xué)生綜合網(wǎng)站制作能力為基本思路，通過小組合作完成主題網(wǎng)站的設(shè)計(jì)與制作，具體要求在此省略。此外要求學(xué)生撰寫項(xiàng)目報(bào)告不僅讓學(xué)生明確各自的份內(nèi)工作，同時(shí)要求學(xué)生善于思考、總結(jié)，每做一個(gè)項(xiàng)目都有所收獲。項(xiàng)目報(bào)告實(shí)施的具體要求涉及以下幾個(gè)方面的內(nèi)容：
（1）項(xiàng)目實(shí)施過程。項(xiàng)目實(shí)施過程包括前期策劃、資料搜集、網(wǎng)頁制作。在前期策劃階段，要求小組共同確定網(wǎng)站名稱、網(wǎng)站風(fēng)格（列舉網(wǎng)頁采用主要色彩及網(wǎng)頁色調(diào)定位）、網(wǎng)站欄目、站點(diǎn)目錄結(jié)構(gòu)的內(nèi)容以形成完整的網(wǎng)站規(guī)劃，在此規(guī)劃的指導(dǎo)下進(jìn)行資料搜集、協(xié)作完成網(wǎng)頁制作。其中網(wǎng)頁制作中要求頁面美工設(shè)計(jì)階段介紹所用軟件及提供至少首頁效果圖截圖；靜態(tài)頁面制作階段要求繪制網(wǎng)頁布局的結(jié)構(gòu)圖及標(biāo)注尺寸；程序開發(fā)階段列舉所用的開發(fā)工具、對數(shù)據(jù)庫、表進(jìn)行截圖，以及繪制程序開發(fā)頁面流程圖。
（2）項(xiàng)目總結(jié)。對本項(xiàng)目完成情況進(jìn)行分析、總結(jié)，并介紹項(xiàng)目實(shí)施過程中的收獲及體會。在作品展示時(shí)要求各小組派出代表對作品進(jìn)行介紹，總結(jié)，便于相互交流經(jīng)驗(yàn)。
（3）項(xiàng)目組介紹。對該項(xiàng)目組成員進(jìn)行介紹及項(xiàng)目實(shí)施過程中的人員分工情況進(jìn)行報(bào)告。體現(xiàn)小組合作開發(fā)項(xiàng)目的工作模式，讓學(xué)生明白實(shí)際工作中不僅需要具備較高的技術(shù)能力，還要有合作意識，與合作者之間有效、和諧的溝通。
2.考核方式
學(xué)生以小組合作形式完成項(xiàng)目。每小組都由組長擔(dān)任項(xiàng)目負(fù)責(zé)人進(jìn)行總體規(guī)劃并對項(xiàng)目任務(wù)進(jìn)行合理分工，協(xié)調(diào)組員之間的關(guān)系。最后作品的評價(jià)以小組各自展示作品的方式展開，按照教師評分、小組間評分、小組自評6：2：2的比例評定。至于項(xiàng)目報(bào)告成績由教師評定。該考核改革方案體現(xiàn)對學(xué)生知識技能、協(xié)作能力方面的科學(xué)、正確的評價(jià)，注重學(xué)生自主分析問題、解決問題能力的培養(yǎng)，讓學(xué)生投入到一個(gè)類似實(shí)際工作的項(xiàng)目開景中，發(fā)揮各自的能力，發(fā)現(xiàn)自身的弱點(diǎn)，不斷自我調(diào)整以適應(yīng)職業(yè)崗位的需求。
作者：張健單位：連云港工貿(mào)高等職業(yè)技術(shù)學(xué)校
論文參考文獻(xiàn)的引用當(dāng)中，作者要在論文引用的地方準(zhǔn)確的標(biāo)注出來，然后在論文的末尾用數(shù)字加方括號依次列出參考文獻(xiàn)。關(guān)注學(xué)術(shù)參考網(wǎng)查看更多優(yōu)秀的論文參考文獻(xiàn)，下面是小編整理的網(wǎng)站開發(fā)論文參考文獻(xiàn)來和大家一起分享。
網(wǎng)站開發(fā)論文參考文獻(xiàn)：
[1]黃寶玉，項(xiàng)國雄.國家精品課程建設(shè)現(xiàn)狀分析及思考[J].中國高教研究，2007(9)：72-75.
[2]史金昌.淺析基于ASP.NET的Web網(wǎng)絡(luò)應(yīng)用程序的安全開發(fā)[J].科技創(chuàng)新導(dǎo)報(bào)，2008(23)：37.
[3]李志勇，魏紅.高校精品課程數(shù)字化資源建設(shè)與推廣應(yīng)用研究[J].電腦知識與技術(shù)，20l0(2)：485-486.
[4]張書梅，符蘊(yùn)芳，劉智國.網(wǎng)站安全管理的方法與具體實(shí)現(xiàn)[J].石家莊學(xué)院學(xué)報(bào)，2005，7(6)：54-56.
[5]陽衛(wèi)文，王建斯，基于P2P流媒體系統(tǒng)模型的研究進(jìn)展[J].現(xiàn)代電子技術(shù)，2008(2)：159-161.
[6]萬榮澤.基于ASP.NET技術(shù)的統(tǒng)一后臺網(wǎng)站群的設(shè)計(jì)[J].微計(jì)算機(jī)信息，2007，23(8)：260-262.
[7]王紅雨，蔡成聞.基于ASP.NET的課程平臺設(shè)計(jì)與實(shí)現(xiàn)[J].聊城大學(xué)學(xué)報(bào)：自然科學(xué)版，2007，20(1)：78-82.
[8]顧正剛，畢海峰.網(wǎng)站規(guī)劃與建設(shè)[M].北京：機(jī)械工業(yè)出版社，2007：4-8.
網(wǎng)站開發(fā)論文參考文獻(xiàn)：
[1]孔祥鑫.基于PHP技術(shù)的校園網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)[D].天津：天津師范大學(xué)，2012.
[2]李良.基于PHP的商業(yè)站點(diǎn)設(shè)計(jì)與實(shí)現(xiàn)[D].南昌：南昌大學(xué)，2010.
[3]杜闖.PHP在動態(tài)網(wǎng)站開發(fā)中的優(yōu)勢[J].電腦知識與技術(shù)，2010（13）.
[4]賈素來.使用PHP和MySQL開發(fā)動態(tài)網(wǎng)站[J].大眾科技，2011（3）.
[5]李晶.PHP技術(shù)應(yīng)用于中小企業(yè)網(wǎng)站開發(fā)探討[J].軟件開發(fā)設(shè)計(jì)，2014（10）.
[6]杜闖.PHP在動態(tài)網(wǎng)站開發(fā)中的優(yōu)勢[J].電腦知識與技術(shù)，2010（13）.
[7]賈素來.使用PHP和MySQL開發(fā)動態(tài)網(wǎng)站[J].大眾科技，2011（3）.
網(wǎng)站開發(fā)論文參考文獻(xiàn)：
[1]靳瑩.基于緩存技術(shù)的內(nèi)容管理系統(tǒng)研究[D].吉林大學(xué)，2014.
[2]黃菊.分布式緩存技術(shù)及其在車輛監(jiān)控系統(tǒng)中的應(yīng)用[D].北京郵電大學(xué)，2015.
[3]崔解賓.分布式內(nèi)存緩存技術(shù)在數(shù)據(jù)處理平臺中的研究與應(yīng)用[D].北京郵電大學(xué)，2015.
[4]李光瑞.Map/Reduce型海量數(shù)據(jù)處理平臺中的內(nèi)存級數(shù)據(jù)緩存技術(shù)研究[D].北京工業(yè)大學(xué)，2013.
[5]易會戰(zhàn)，王鋒，左克，楊燦群，杜云飛，馬亞青.基于內(nèi)存緩存的異步檢查點(diǎn)容錯(cuò)技術(shù)[J].計(jì)算機(jī)研究與發(fā)展，2014（06）：1229-1239.
[6]韓陵宜.網(wǎng)頁制作課程教學(xué)及考核方式的研究與探索[J].計(jì)算機(jī)教學(xué)與教育信息，2008（03）.
論文摘要：網(wǎng)頁的內(nèi)容通常是由圖片和文字組成。由文字構(gòu)成網(wǎng)頁的主體，而圖片則能夠美化和增色你的網(wǎng)頁。那些包含了設(shè)計(jì)精美圖片的網(wǎng)站，往往能讓瀏覽者流連忘返。因此，有漂亮的圖片是你的網(wǎng)頁能吸引人的一個(gè)有力保證。
一、介紹
超鏈接是網(wǎng)頁中最活潑、最有吸引力的一種元素。表單用于特殊的信息，使用戶和網(wǎng)站進(jìn)行交互，使你找到用戶的詳細(xì)信息。表格在許多工作中有著廣泛的應(yīng)用。
框架網(wǎng)頁是一種特殊的HTML網(wǎng)頁，使用框架網(wǎng)頁可以同時(shí)瀏覽幾個(gè)不同的Web頁面，使用Web頁面顯示一致的用戶界面和靈活的頁面內(nèi)容。
網(wǎng)頁制作的高級技術(shù)包括：在網(wǎng)頁中插入FLASH動畫利用Java或者JavaScript制作網(wǎng)頁的動態(tài)效果。網(wǎng)頁中使用插件，視頻等Web組件以及創(chuàng)建、和管理站點(diǎn)等技術(shù)。
Web頁面往往是具有各種各樣的頁面元素、豐富的內(nèi)容和復(fù)雜的布局。因此僅僅使用到一種或者兩種網(wǎng)頁制作技術(shù)，不可能創(chuàng)作出一個(gè)優(yōu)秀的Web頁面，一個(gè)美觀而實(shí)用的Web頁面往往需要綜合利用各種技術(shù)。
二、概述
1. 網(wǎng)站名稱：“濟(jì)南中天環(huán)保設(shè)備有限公司”
2. 步驟：
(1) 確立主題
(2) 收集資料
(3) 創(chuàng)建網(wǎng)站
(4) 編輯網(wǎng)頁
(5) 美化網(wǎng)頁
三、目的
運(yùn)用已經(jīng)掌握的知識完成一個(gè)環(huán)境保護(hù)企業(yè)網(wǎng)站。通過此次設(shè)計(jì)可以達(dá)到全面理解、運(yùn)用網(wǎng)頁制作的知識，并使之得以融會貫通，在掌握運(yùn)用Dreamweaver制作網(wǎng)頁的基礎(chǔ)上再加以實(shí)踐，進(jìn)一步提高、加強(qiáng)自身的綜合能力。
四、要求
根據(jù)公司的要求，設(shè)計(jì)一個(gè)企業(yè)站點(diǎn)，以達(dá)到宣傳該公司及其產(chǎn)品的目的。有整體框架結(jié)構(gòu)，表格定位等，布局合理，色彩搭配協(xié)調(diào)統(tǒng)一，內(nèi)容豐富多彩，頁面風(fēng)格獨(dú)特。
五、設(shè)計(jì)工具
Dreamweaver、Flash、Photoshop等。
六、站點(diǎn)構(gòu)思
1.整體構(gòu)思：
本網(wǎng)站主題為：濟(jì)南中天環(huán)保設(shè)備有限公司。總共有網(wǎng)頁24個(gè)。主頁是一個(gè)總目錄的網(wǎng)頁，里面加有網(wǎng)頁動畫效果“滾動字幕”及Flash動畫，本站幾個(gè)主要分網(wǎng)頁分別為：公司簡介、資質(zhì)認(rèn)證、產(chǎn)品介紹、業(yè)務(wù)范圍、經(jīng)營業(yè)績、聯(lián)系方式。還有許多子網(wǎng)頁。
2.頁面構(gòu)思：
下面介紹一下網(wǎng)站中的幾個(gè)網(wǎng)頁的制作。
業(yè)務(wù)范圍中的二氧化氯發(fā)生器產(chǎn)品公司服務(wù)承諾頁面，背景色采用跟主頁一樣的藍(lán)色，淡藍(lán)色的背景給人以干凈大方的感覺，與環(huán)保網(wǎng)站的主旨相一致。上方為Flash動畫與鏈接頁，左下方是用Photoshop
處理過的圖片，與主頁是一致的。右邊的標(biāo)題是用Photoshop制作的圖片，小標(biāo)題采用斜體加黑，這樣制作豐富了頁面內(nèi)容，使整個(gè)頁面條理清晰。服務(wù)承諾分條目標(biāo)示，一目了然。最后的“空氣凈化服務(wù)范圍”標(biāo)題，即可以鏈接到空氣凈化服務(wù)范圍頁面。
標(biāo)題“服務(wù)范圍和承諾”是用Photoshop制作的，先用油漆桶工具把背景色填充為與頁面相同的淡藍(lán)色，調(diào)整文字的大小與位置，兩邊分別加上符號“【”、“】”和“”，使圖片看起來更加美觀。
經(jīng)營業(yè)績頁面，背景色與Flash動畫，鏈接頁與主頁保持一致。這一頁的主要內(nèi)容是用表格形式來固定的，邊框設(shè)置為1，顏色為淡灰色。表格寬度與Flash寬度一致。整個(gè)頁面清晰有致，比較大方，瀏覽者可以清楚的看到公司近年來的經(jīng)營業(yè)績。
聯(lián)系方式頁面，左下方的圖片與右邊的標(biāo)題都是用Photoshop制作的，在聯(lián)系方式中還添加了一個(gè)outlook express電子郵件，方便用戶與公司的聯(lián)系，用戶可以直接點(diǎn)擊給公司發(fā)送郵件。outlook express作為全球范圍內(nèi)的聯(lián)機(jī)通訊軟件，已經(jīng)被越來越多的人所接受，無論是與同事和朋友交換電子郵件，還是加入新聞組進(jìn)行思想與信息的交流，Outlook Express都已成為不可或缺的助手。聯(lián)系方式中除了電子郵件，還列出了公司地址，電話，傳真，郵編。
左邊的圖片是在Photoshop中，先用橢圓選框工具選中所要的部分，放置新建的畫布中，再用油漆桶工具把空白處填充為與頁面背景相同的藍(lán)色并對畫面進(jìn)行淡化處理。右邊的標(biāo)題是在Photoshop中，用油漆桶工具填充背景色，然后寫上“聯(lián)系方式”，調(diào)整其大小與位置，“方式”二字較“聯(lián)系”稍小一些，左右分別加上符號“”，“「”，“”，“”，使圖片放置頁面中顯得美觀，更突出了主題內(nèi)容。
FLS－系列風(fēng)淋室，凈化空調(diào)廠房，中效送風(fēng)機(jī)組，各種醫(yī)療器械設(shè)備及實(shí)驗(yàn)室設(shè)備等頁面由頁面“產(chǎn)品介紹”鏈接的，并且均以淡藍(lán)色為背景底色。頁面大部分有圖片和文字兩部分組成。文字部分由表格固定，表格邊框設(shè)為零，圖片是用Photoshop制作成的。
所有頁面整齊劃一，設(shè)計(jì)風(fēng)格保持一致，加上淡藍(lán)色的背景，給人簡潔、明了、大方的感覺。
七 所用各技術(shù)的特點(diǎn)
1.Dreamweaver : Dreamweaver是美國MACROMEDIA公司開發(fā)的集網(wǎng)頁制作和管理網(wǎng)站于一身的網(wǎng)頁編輯器，它是第一套針對專業(yè)網(wǎng)頁設(shè)計(jì)師特別發(fā)展的視覺化網(wǎng)頁開發(fā)工具，利用它可以輕而易舉地制作出跨越平臺限制和跨越瀏覽器限制的充滿動感的網(wǎng)頁。Dreamweaver是當(dāng)前主流的站點(diǎn)和網(wǎng)頁編輯器，其代碼簡潔、兼容性和整體功能都很強(qiáng)。Dreamweaver的介入，使得網(wǎng)頁一些部分的實(shí)現(xiàn)變得更加直觀簡便。
Dreamweaver的主要特點(diǎn)：
最佳的制作效率
Dreamweaver可以用最快速的方式將Fireworks，F(xiàn)reeHand，或Photoshop等檔案移至網(wǎng)頁上。使用檢色吸管工具選擇熒幕上的顏色可設(shè)定最接近的網(wǎng)頁安全色。對于選單，快捷鍵與格式控制，都只要一個(gè)簡單步驟便可完成。Dremweaver能與您喜愛的設(shè)計(jì)工具，如Playback Flash，Shockwave和外掛模組等搭配，不需離開Dremweaver便可完成，整體運(yùn)用流程自然順暢。除此之外，只要單擊便可使Dreamweaver自動開啟Firework或Photoshop來進(jìn)行編輯與設(shè)定圖檔的最佳化。
網(wǎng)站管理
使用網(wǎng)站地圖可以快速制作網(wǎng)站雛形，設(shè)計(jì)，更新和重組網(wǎng)頁。改變網(wǎng)頁位置或檔案名稱，Dreamweaver會自動更新所有鏈接。使用支援文字，HTML碼，HTML屬性標(biāo)簽和一般語法的搜尋及置換功能使得復(fù)雜的網(wǎng)站更新變得迅速又簡單。
無可比擬的控制能力
Dreamweaver是唯一提供Roundtrip HTML、視覺化編輯與原始碼編輯同步的設(shè)計(jì)工具。它包含HomeSite和BBEdit等主流文字編輯器。幀(frames)和表格的制作速度快的令您無法想像。進(jìn)階表格編輯功能使您簡單的選擇單格、行、欄或作未連續(xù)之選取。甚至可以排序或格式化表格群組，Dreamweaver支援精準(zhǔn)定位，利用可輕易轉(zhuǎn)換成表格的圖層以拖拉置放的方式進(jìn)行版面配置。
所供即所得
Dreamweaver成功整合動態(tài)式出版視覺編輯及電子商務(wù)功能，提供超強(qiáng)的支援能力給Third-party廠商，包含ASP， Apache，BroadVision， Cold Fusion，iCAT， Tango與自行發(fā)展的應(yīng)用軟體。當(dāng)您正使用Dreamweaver在設(shè)計(jì)動態(tài)網(wǎng)頁時(shí)，所供即所得的功能，讓您不需要透過瀏覽器就能預(yù)覽網(wǎng)頁。
夢幻樣版和XML
Dreamweaver將內(nèi)容與設(shè)計(jì)分開，應(yīng)用于快速網(wǎng)頁更新和團(tuán)隊(duì)合作網(wǎng)頁編輯。建立網(wǎng)頁外觀的樣版，指定可編輯或不可編輯的部分，內(nèi)容提供者可直接編輯以樣式為主的內(nèi)容，卻不會不小心改變既定之樣式。您也可以使用樣版正確地匯入或輸出XML內(nèi)容。
全方位的呈現(xiàn)
利用Dreamweaver設(shè)計(jì)的網(wǎng)頁，可以全方位的呈現(xiàn)在任何平臺的熱門瀏覽器上。對于cascading style sheets的動態(tài)HTML支援和鼠標(biāo)換圖效果，聲音和動畫的DHTML效果資料庫可在Netscape和Microsoft瀏覽器上執(zhí)行。使用不同瀏覽器檢示功能，Dreamweaver可以告知您在不同瀏覽器上執(zhí)行的成效如何。當(dāng)有新的瀏覽器上市時(shí)，只要從Dreamweaver的網(wǎng)站下載它的描述檔，便可得知詳盡的成效報(bào)告。
2.Photoshop:Adobe photoshop 在繪圖、色彩調(diào)整等諸多方面有著出色的功能，集成度高、適應(yīng)面廣和操作簡便。他不僅提供強(qiáng)大的繪圖工具，可以直接繪制藝術(shù)圖形，還能直接從掃描儀，數(shù)碼相機(jī)等設(shè)備中采集圖像，并對他們進(jìn)行編輯、修復(fù)、以及調(diào)整效果，同時(shí)可以改變圖像的顏色模式，并能在圖像中制作藝術(shù)文字等。Photoshop中的高級繪圖工具，可自動生成背景紋理、圖層效果，多種特殊效果濾鏡，可創(chuàng)建多種藝術(shù)效果和絢麗的web圖形并可直接在photoshop中定義和編輯切片的工具透明控制，包括用于混合到任意背景中的邊緣的仿色透明度。強(qiáng)大的彩色校正工具——修復(fù)畫筆，可在消除瑕疵的同時(shí)保留色調(diào)和紋理圖層。Photoshop的強(qiáng)大工具可以使操作者不管制作任何圖像都游刃有余。對于設(shè)計(jì)網(wǎng)頁，photoshop是不可或缺的工具，是強(qiáng)大的圖片處理工具。
3.FlashMX: Macromedia公司出品的Flash是制作網(wǎng)頁動畫的利器。嚴(yán)格來說， F1ash是網(wǎng)絡(luò)多媒體制作工具而不是網(wǎng)頁編輯工具。F1ash是制作動感網(wǎng)頁的權(quán)威。對于使用者來說，只需很短時(shí)間的學(xué)習(xí)，就可以用它制作出美觀的網(wǎng)頁動畫。可以讓制作者隨心所欲地實(shí)現(xiàn)各種創(chuàng)意，并且可以和JavaScript一起創(chuàng)作出具有強(qiáng)大交互性的網(wǎng)頁動畫。
Flash是一種繪制矢量圖形和創(chuàng)作互動多媒體動畫的軟件。它可以用少量的矢量數(shù)據(jù)就可以描述相當(dāng)復(fù)雜的對象，所以生成的文件尺寸小，便于在網(wǎng)上傳輸。Flash創(chuàng)建的動畫集可以插入到html文檔中，也可以單獨(dú)制作網(wǎng)頁。使網(wǎng)頁的效果更加完美。
八 網(wǎng)頁制作的優(yōu)缺點(diǎn)
比較明確，風(fēng)格統(tǒng)一。并運(yùn)用了一些其它的設(shè)計(jì)軟件加以輔助設(shè)計(jì)。使網(wǎng)頁更加具有動感，形式豐富。就內(nèi)容而言，比較豐富。大量運(yùn)用了圖片，并進(jìn)行了文字說明，做到了圖文并茂。但是由于我們剛接觸網(wǎng)頁制作，做出的效果還是有些稚嫩的，需要以后不斷的實(shí)踐。
九 代碼
1．滾動字幕
style="FONT-WEIGHT: normal; LEFT: 0px; MARGIN-LEFT: 1px; TOP: 1px; TEXT-ALIGN: center"
onmouseout=this.start() scrollAmount=1 scrollDelay=50
direction=up behavior=loop width=250 height=150 background="">
href="Untitled-21.htm" target=_blank>二氧化氯的發(fā)展史
href="Untitled-22.htm" target=_blank>二氧化氯對健康的影響
href="Untitled-23.htm"
target=_blank>二氧化氯作為水體消毒劑的特性
href="Untitled-24.htm"
target=_blank>二氧化氯的主要應(yīng)用領(lǐng)域：用于造紙、用于飲用水處理、用于環(huán)境廢物處理、用于油田......
2．鏈接站點(diǎn)
style="MARGIN: 0px; COLOR: #000000; BACKGROUND-COLOR: #ffffff"
onChange=javascript:window.open(this.options[this.selectedIndex].value)
size=1 name=select>
友情鏈接站點(diǎn)
value=sina.com.cn>新浪網(wǎng)
value=163.com>網(wǎng)易
value=sohu.com>搜狐網(wǎng)
value=jnnc.com>新視聽
value=china.com>中華網(wǎng)
value=yahoo.com>雅虎
value=263.net>263首都在線
value=soim.com>索易
class=ourfont
style="MARGIN: 0px; COLOR: #000000; BACKGROUND-COLOR: #ffffff"
onChange=javascript:window.open(this.options[this.selectedIndex].value)
size=1 name=number1>
環(huán)境保護(hù)站點(diǎn)
value=zhb.gov.cn/>國家環(huán)境保護(hù)總局
value=bjepb.gov.cn/>北京市環(huán)境保護(hù)局
value=sdein.gov.cn/>山東環(huán)境
value=jnepb.gov.cn/default.aspx>濟(jì)南市環(huán)境保護(hù)局
value=hisun-cn.com/>青島海晟環(huán)保技術(shù)
3．下拉列表
style="MARGIN: 0px; COLOR: #000000; BACKGROUND-COLOR: #ffffff"
onChange=javascript:window.open(this.options[this.selectedIndex].value)
size=1 name=select>
產(chǎn)品介紹
value="Untitled-6.htm" target="_blank">二氧化氯發(fā)生器-WPR型
value="Untitled-7.htm" target="_blank">二氧化氯發(fā)生器-WPRⅠ型
value="Untitled-8.htm" target="_blank">二氧化氯發(fā)生器-WPRⅡ型
value="Untitled-18.htm" target="_blank">二氧化氯發(fā)生器型號說明
value="Untitled-9.htm" target="_blank">破氰、除鉻一體化設(shè)備
value="Untitled-10.htm" target="_blank">ZT系列空氣凈化工作臺
value="Untitled-11.htm" target="_blank">ZT系列百級層流罩
value="Untitled-12.htm" target="_blank">ZT系列高效自凈器
value="Untitled-13.htm" target="_blank">ZT系列高效空氣過濾器
value="Untitled-14.htm" target="_blank">FLS-系列風(fēng)淋室
value="Untitled-15.htm" target="_blank">凈化空調(diào)廠房
value="Untitled-16.htm" target="_blank">中效送風(fēng)機(jī)組
value="Untitled-17.htm" target="_blank">各種醫(yī)療器械設(shè)備及實(shí)驗(yàn)室
參考文獻(xiàn)
1.魏洪斌 《Dreamweaver MX網(wǎng)頁設(shè)計(jì)》清華大學(xué)出版社
2.馬波 《Dreamweaver MX完美網(wǎng)頁設(shè)計(jì)與制作》中國青年出版社
3.黃夢 《Dreamweaver MX完全征服手冊》中國青年出版社
4.周明濤 《Dreamweaver MX網(wǎng)頁設(shè)計(jì)指南》機(jī)械工程出版社
5.陳青、劉時(shí)燕、macromedia 《Flash MX標(biāo)準(zhǔn)案例教材》人民郵電出版社
6.劉淼 《Flash MX入門與提高》人民郵電出版社
7.李偉 《Flash MX動畫制作實(shí)例教程》清華大學(xué)出版社
8.劉睿、陳志宇 《Photoshop6.0實(shí)用教程》山東科學(xué)技術(shù)出版社
論文摘要：網(wǎng)頁的內(nèi)容通常是由圖片和文字組成。由文字構(gòu)成網(wǎng)頁的主體，而圖片則能夠美化和增色你的網(wǎng)頁。那些包含了設(shè)計(jì)精美圖片的網(wǎng)站，往往能讓瀏覽者流連忘返。因此，有漂亮的圖片是你的網(wǎng)頁能吸引人的一個(gè)有力保證。
一、介紹
超鏈接是網(wǎng)頁中最活潑、最有吸引力的一種元素。表單用于特殊的信息，使用戶和網(wǎng)站進(jìn)行交互，使你找到用戶的詳細(xì)信息。表格在許多工作中有著廣泛的應(yīng)用。
框架網(wǎng)頁是一種特殊的HTML網(wǎng)頁，使用框架網(wǎng)頁可以同時(shí)瀏覽幾個(gè)不同的Web頁面，使用Web頁面顯示一致的用戶界面和靈活的頁面內(nèi)容。
網(wǎng)頁制作的高級技術(shù)包括：在網(wǎng)頁中插入FLASH動畫利用Java或者javascript制作網(wǎng)頁的動態(tài)效果。網(wǎng)頁中使用插件，視頻等Web組件以及創(chuàng)建、和管理站點(diǎn)等技術(shù)。
Web頁面往往是具有各種各樣的頁面元素、豐富的內(nèi)容和復(fù)雜的布局。因此僅僅使用到一種或者兩種網(wǎng)頁制作技術(shù)，不可能創(chuàng)作出一個(gè)優(yōu)秀的Web頁面，一個(gè)美觀而實(shí)用的Web頁面往往需要綜合利用各種技術(shù)。
二、概述
1.網(wǎng)站名稱：“濟(jì)南中天環(huán)保設(shè)備有限公司”
2.步驟：
(1)確立主題
(2)收集資料
(5)美化網(wǎng)頁
三、目的
運(yùn)用已經(jīng)掌握的知識完成一個(gè)環(huán)境保護(hù)企業(yè)網(wǎng)站。通過此次設(shè)計(jì)可以達(dá)到全面理解、運(yùn)用網(wǎng)頁制作的知識，并使之得以融會貫通，在掌握運(yùn)用Dreamweaver制作網(wǎng)頁的基礎(chǔ)上再加以實(shí)踐，進(jìn)一步提高、加強(qiáng)自身的綜合能力。
四、要求
根據(jù)公司的要求，設(shè)計(jì)一個(gè)企業(yè)站點(diǎn)，以達(dá)到宣傳該公司及其產(chǎn)品的目的。有整體框架結(jié)構(gòu)，表格定位等，布局合理，色彩搭配協(xié)調(diào)統(tǒng)一，內(nèi)容豐富多彩，頁面風(fēng)格獨(dú)特。
五、設(shè)計(jì)工具
Dreamweaver、Flash、Photoshop等。
六、站點(diǎn)構(gòu)思
1.整體構(gòu)思：
本網(wǎng)站主題為：濟(jì)南中天環(huán)保設(shè)備有限公司。總共有網(wǎng)頁24個(gè)。主頁是一個(gè)總目錄的網(wǎng)頁，里面加有網(wǎng)頁動畫效果“滾動字幕”及Flas，本站幾個(gè)主要分網(wǎng)頁分別為：公司簡介、資質(zhì)認(rèn)證、產(chǎn)品介紹、業(yè)務(wù)范圍、經(jīng)營業(yè)績、聯(lián)系方式。還有許多子網(wǎng)頁。
2.頁面構(gòu)思：
下面介紹一下網(wǎng)站中的幾個(gè)網(wǎng)頁的制作。
業(yè)務(wù)范圍中的二氧化氯發(fā)生器產(chǎn)品公司服務(wù)承諾頁面，背景色采用跟主頁一樣的藍(lán)色，淡藍(lán)色的背景給人以干凈大方的感覺，與環(huán)保網(wǎng)站的主旨相一致。上方為Flas與鏈接頁，左下方是用Photoshop
處理過的圖片，與主頁是一致的。右邊的標(biāo)題是用Photoshop制作的圖片，小標(biāo)題采用斜體加黑，這樣制作豐富了頁面內(nèi)容，使整個(gè)頁面條理清晰。服務(wù)承諾分條目標(biāo)示，一目了然。最后的“空氣凈化服務(wù)范圍”標(biāo)題，即可以鏈接到空氣凈化服務(wù)范圍頁面。
標(biāo)題“服務(wù)范圍和承諾”是用Photoshop制作的，先用油漆桶工具把背景色填充為與頁面相同的淡藍(lán)色，調(diào)整文字的大小與位置，兩邊分別加上符號“【”、“】”和“”，使圖片看起來更加美觀。
經(jīng)營業(yè)績頁面，背景色與Flas，鏈接頁與主頁保持一致。這一頁的主要內(nèi)容是用表格形式來固定的，邊框設(shè)置為1，顏色為淡灰色。表格寬度與Flash寬度一致。整個(gè)頁面清晰有致，比較大方，瀏覽者可以清楚的看到公司近年來的經(jīng)營業(yè)績。
聯(lián)系方式頁面，左下方的圖片與右邊的標(biāo)題都是用Photoshop制作的，在聯(lián)系方式中還添加了一個(gè)outlookexpress電子郵件，方便用戶與公司的聯(lián)系，用戶可以直接點(diǎn)擊給公司發(fā)送郵件。outlookexpress作為全球范圍內(nèi)的聯(lián)機(jī)通訊軟件，已經(jīng)被越來越多的人所接受，無論是與同事和朋友交換電子郵件，還是加入新聞組進(jìn)行思想與信息的交流，OutlookExpress都已成為不可或缺的助手。聯(lián)系方式中除了電子郵件，還列出了公司地址，電話，傳真，郵編。
左邊的圖片是在Photoshop中，先用橢圓選框工具選中所要的部分，放置新建的畫布中，再用油漆桶工具把空白處填充為與頁面背景相同的藍(lán)色并對畫面進(jìn)行淡化處理。右邊的標(biāo)題是在Photoshop中，用油漆桶工具填充背景色，然后寫上“聯(lián)系方式”，調(diào)整其大小與位置，“方式”二字較“聯(lián)系”稍小一些，左右分別加上符號“”，“「”，“”，“”，使圖片放置頁面中顯得美觀，更突出了主題內(nèi)容。
FLS－系列風(fēng)淋室，凈化空調(diào)廠房，中效送風(fēng)機(jī)組，各種醫(yī)療器械設(shè)備及實(shí)驗(yàn)室設(shè)備等頁面由頁面“產(chǎn)品介紹”鏈接的，并且均以淡藍(lán)色為背景底色。頁面大部分有圖片和文字兩部分組成。文字部分由表格固定，表格邊框設(shè)為零，圖片是用Photoshop制作成的。
所有頁面整齊劃一，設(shè)計(jì)風(fēng)格保持一致，加上淡藍(lán)色的背景，給人簡潔、明了、大方的感覺。
七所用各技術(shù)的特點(diǎn)
1.Dreamweaver:Dreamweaver是美國MACROMEDIA公司開發(fā)的集網(wǎng)頁制作和管理網(wǎng)站于一身的網(wǎng)頁編輯器，它是第一套針對專業(yè)網(wǎng)頁設(shè)計(jì)師特別發(fā)展的視覺化網(wǎng)頁開發(fā)工具，利用它可以輕而易舉地制作出跨越平臺限制和跨越瀏覽器限制的充滿動感的網(wǎng)頁。Dreamweaver是當(dāng)前主流的站點(diǎn)和網(wǎng)頁編輯器，其代碼簡潔、兼容性和整體功能都很強(qiáng)。Dreamweaver的介入，使得網(wǎng)頁一些部分的實(shí)現(xiàn)變得更加直觀簡便。
Dreamweaver的主要特點(diǎn)：
最佳的制作效率
Dreamweaver可以用最快速的方式將Fireworks，F(xiàn)reeHand，或Photoshop等檔案移至網(wǎng)頁上。使用檢色吸管工具選擇熒幕上的顏色可設(shè)定最接近的網(wǎng)頁安全色。對于選單，快捷鍵與格式控制，都只要一個(gè)簡單步驟便可完成。Dremweaver能與您喜愛的設(shè)計(jì)工具，如PlaybackFlash，Shockwave和外掛模組等搭配，不需離開Dremweaver便可完成，整體運(yùn)用流程自然順暢。除此之外，只要單擊便可使Dreamweaver自動開啟Firework或Photoshop來進(jìn)行編輯與設(shè)定圖檔的最佳化。
網(wǎng)站管理
使用網(wǎng)站地圖可以快速制作網(wǎng)站雛形，設(shè)計(jì)，更新和重組網(wǎng)頁。改變網(wǎng)頁位置或檔案名稱，Dreamweaver會自動更新所有鏈接。使用支援文字，HTML碼，HTML屬性標(biāo)簽和一般語法的搜尋及置換功能使得復(fù)雜的網(wǎng)站更新變得迅速又簡單。
無可比擬的控制能力
Dreamweaver是唯一提供RoundtripHTML、視覺化編輯與原始碼編輯同步的設(shè)計(jì)工具。它包含HomeSite和BBEdit等主流文字編輯器。幀(frames)和表格的制作速度快的令您無法想像。進(jìn)階表格編輯功能使您簡單的選擇單格、行、欄或作未連續(xù)之選取。甚至可以排序或格式化表格群組，Dreamweaver支援精準(zhǔn)定位，利用可輕易轉(zhuǎn)換成表格的圖層以拖拉置放的方式進(jìn)行版面配置。
所供即所得
Dreamweaver成功整合動態(tài)式出版視覺編輯及電子商務(wù)功能，提供超強(qiáng)的支援能力給Third-party廠商，包含ASP，Apache，BroadVision，ColdFusion，iCAT，Tango與自行發(fā)展的應(yīng)用軟體。當(dāng)您正使用Dreamweaver在設(shè)計(jì)動態(tài)網(wǎng)頁時(shí)，所供即所得的功能，讓您不需要透過瀏覽器就能預(yù)覽網(wǎng)頁。
夢幻樣版和XML
Dreamweaver將內(nèi)容與設(shè)計(jì)分開，應(yīng)用于快速網(wǎng)頁更新和團(tuán)隊(duì)合作網(wǎng)頁編輯。建立網(wǎng)頁外觀的樣版，指定可編輯或不可編輯的部分，內(nèi)容提供者可直接編輯以樣式為主的內(nèi)容，卻不會不小心改變既定之樣式。您也可以使用樣版正確地匯入或輸出XML內(nèi)容。
全方位的呈現(xiàn)
利用Dreamweaver設(shè)計(jì)的網(wǎng)頁，可以全方位的呈現(xiàn)在任何平臺的熱門瀏覽器上。對于cascadingstylesheets的動態(tài)HTML支援和鼠標(biāo)換圖效果，聲音和動畫的DHTML效果資料庫可在Netscape和Microsoft瀏覽器上執(zhí)行。使用不同瀏覽器檢示功能，Dreamweaver可以告知您在不同瀏覽器上執(zhí)行的成效如何。當(dāng)有新的瀏覽器上市時(shí)，只要從Dreamweaver的網(wǎng)站下載它的描述檔，便可得知詳盡的成效報(bào)告。
2.Photoshop:Adobephotoshop在繪圖、色彩調(diào)整等諸多方面有著出色的功能，集成度高、適應(yīng)面廣和操作簡便。他不僅提供強(qiáng)大的繪圖工具，可以直接繪制藝術(shù)圖形，還能直接從掃描儀，數(shù)碼相機(jī)等設(shè)備中采集圖像，并對他們進(jìn)行編輯、修復(fù)、以及調(diào)整效果，同時(shí)可以改變圖像的顏色模式，并能在圖像中制作藝術(shù)文字等。Photoshop中的高級繪圖工具，可自動生成背景紋理、圖層效果，多種特殊效果濾鏡，可創(chuàng)建多種藝術(shù)效果和絢麗的web圖形并可直接在photoshop中定義和編輯切片的工具透明控制，包括用于混合到任意背景中的邊緣的仿色透明度。強(qiáng)大的彩色校正工具——修復(fù)畫筆，可在消除瑕疵的同時(shí)保留色調(diào)和紋理圖層。Photoshop的強(qiáng)大工具可以使操作者不管制作任何圖像都游刃有余。對于設(shè)計(jì)網(wǎng)頁，photoshop是不可或缺的工具，是強(qiáng)大的圖片處理工具。
3.FlashMX:Macromedia公司出品的Flash是制作網(wǎng)頁動畫的利器。嚴(yán)格來說，F(xiàn)1ash是網(wǎng)絡(luò)多媒體制作工具而不是網(wǎng)頁編輯工具。F1ash是制作動感網(wǎng)頁的權(quán)威。對于使用者來說，只需很短時(shí)間的學(xué)習(xí)，就可以用它制作出美觀的網(wǎng)頁動畫。可以讓制作者隨心所欲地實(shí)現(xiàn)各種創(chuàng)意，并且可以和javascript一起創(chuàng)作出具有強(qiáng)大交互性的網(wǎng)頁動畫。
Flash是一種繪制矢量圖形和創(chuàng)作互動多媒體動畫的軟件。它可以用少量的矢量數(shù)據(jù)就可以描述相當(dāng)復(fù)雜的對象，所以生成的文件尺寸小，便于在網(wǎng)上傳輸。Flash創(chuàng)建的動畫集可以插入到html文檔中，也可以單獨(dú)制作網(wǎng)頁。使網(wǎng)頁的效果更加完美。
八網(wǎng)頁制作的優(yōu)缺點(diǎn)
比較明確，風(fēng)格統(tǒng)一。并運(yùn)用了一些其它的設(shè)計(jì)軟件加以輔助設(shè)計(jì)。使網(wǎng)頁更加具有動感，形式豐富。就內(nèi)容而言，比較豐富。大量運(yùn)用了圖片，并進(jìn)行了文字說明，做到了圖文并茂。但是由于我們剛接觸網(wǎng)頁制作，做出的效果還是有些稚嫩的，需要以后不斷的實(shí)踐。
九代碼
1．滾動字幕
<tdheight="167"><MARQUEEid=newsonmouseover=this.stop()
style="FONT-WEIGHT:normal;LEFT:0px;MARGIN-LEFT:1px;TOP:1px;TEXT-ALIGN:center"
onmouseout=this.start()scrollAmount=1scrollDelay=50
direction=upbehavior=loopwidth=250height=150background="">
<Pstyle="MARGIN-TOP:5px;MARGIN-BOTTOM:5px"><A
href="Untitled-21.htm"target=_blank>二氧化氯的發(fā)展史</A></P>
<Pstyle="MARGIN-TOP:5px;MARGIN-BOTTOM:5px"><A
href="Untitled-22.htm"target=_blank>二氧化氯對健康的影響</A></P>
<Pstyle="MARGIN-TOP:5px;MARGIN-BOTTOM:5px"><A
href="Untitled-23.htm"
target=_blank>二氧化氯作為水體消毒劑的特性</A></P>
<Pstyle="MARGIN-TOP:5px;MARGIN-BOTTOM:5px"><A
href="Untitled-24.htm"
target=_blank>二氧化氯的主要應(yīng)用領(lǐng)域：用于造紙、用于飲用水處理、用于環(huán)境廢物處理、用于油田......</A></P>
</MARQUEE> </td>
2．鏈接站點(diǎn)
<selectclass=ourfont
style="MARGIN:0px;COLOR:#000000;BACKGROUND-COLOR:#ffffff"
onChange=javascript:window.open(this.options[this.selectedIndex].value)
size=1name=select>
<optionselected>友情鏈接站點(diǎn)</option>
<option
value=>新浪網(wǎng)</option>
<option
value=>網(wǎng)易</option>
<option
value=>搜狐網(wǎng)</option>
<option
value=>新視聽</option>
<option
value=>中華網(wǎng)</option>
<option
value=>雅虎</option>
<option
value=>263首都在線</option>
<option
value=>索易</option>
</select>
</p>
<palign="center"><fontcolor="#333333"size="2">
<select
class=ourfont
style="MARGIN:0px;COLOR:#000000;BACKGROUND-COLOR:#ffffff"
onChange=javascript:window.open(this.options[this.selectedIndex].value)
size=1name=number1>
<optionselected>環(huán)境保護(hù)站點(diǎn)</option>
<option
value=/>國家環(huán)境保護(hù)總局
<option
value=/>北京市環(huán)境保護(hù)局
<option
value=/>山東環(huán)境
<option
value=/default.aspx>濟(jì)南市環(huán)境保護(hù)局
<option
value=hisun-/>青島海晟環(huán)保技術(shù)
</select>
3．下拉列表
<selectclass=ourfont
style="MARGIN:0px;COLOR:#000000;BACKGROUND-COLOR:#ffffff"
onChange=javascript:window.open(this.options[this.selectedIndex].value)
size=1name=select>
<optionselected>產(chǎn)品介紹</option>
<option
value="Untitled-6.htm"target="_blank">二氧化氯發(fā)生器-WPR型</option>
<option
value="Untitled-7.htm"target="_blank">二氧化氯發(fā)生器-WPRⅠ型</option>
<option
value="Untitled-8.htm"target="_blank">二氧化氯發(fā)生器-WPRⅡ型</option>
<option
value="Untitled-18.htm"target="_blank">二氧化氯發(fā)生器型號說明</option>
<option
value="Untitled-9.htm"target="_blank">破氰、除鉻一體化設(shè)備</option>
<option
value="Untitled-10.htm"target="_blank">ZT系列空氣凈化工作臺</option>
<option
value="Untitled-11.htm"target="_blank">ZT系列百級層流罩</option>
<option
value="Untitled-12.htm"target="_blank">ZT系列高效自凈器</option>
<option
value="Untitled-13.htm"target="_blank">ZT系列高效空氣過濾器</option>
<option
value="Untitled-14.htm"target="_blank">FLS-系列風(fēng)淋室</option>
<option
value="Untitled-15.htm"target="_blank">凈化空調(diào)廠房</option>
<option
value="Untitled-16.htm"target="_blank">中效送風(fēng)機(jī)組</option>
<option
value="Untitled-17.htm"target="_blank">各種醫(yī)療器械設(shè)備及實(shí)驗(yàn)室</option>
</select>
參考文獻(xiàn)
1.魏洪斌《DreamweaverMX網(wǎng)頁設(shè)計(jì)》清華大學(xué)出版社
2.馬波《DreamweaverMX完美網(wǎng)頁設(shè)計(jì)與制作》中國青年出版社
3.黃夢《DreamweaverMX完全征服手冊》中國青年出版社
4.周明濤《DreamweaverMX網(wǎng)頁設(shè)計(jì)指南》機(jī)械工程出版社
5.陳青、劉時(shí)燕、macromedia《FlashMX標(biāo)準(zhǔn)案例教材》人民郵電出版社
6.劉淼《FlashMX入門與提高》人民郵電出版社
7.李偉《FlashMX動畫制作實(shí)例教程》清華大學(xué)出版社
8.劉睿、陳志宇《Photoshop6.0實(shí)用教程》山東科學(xué)技術(shù)出版社
關(guān)鍵詞：高職高專；動態(tài)網(wǎng)頁制作；調(diào)查
中圖分類號：G712 文獻(xiàn)標(biāo)識碼：A 文章編號：1672-5727（2012）03-009
《ASP動態(tài)網(wǎng)頁制作》課程特點(diǎn)與難點(diǎn)
“ASP動態(tài)網(wǎng)頁制作”課程是一門抽象、靈活運(yùn)用要求高的課程。該課程的學(xué)習(xí)不僅要求學(xué)生掌握每個(gè)知識點(diǎn)，同時(shí)也要求學(xué)生能夠在動態(tài)網(wǎng)站開發(fā)過程中靈活運(yùn)用所學(xué)知識，達(dá)到理論知識學(xué)習(xí)和實(shí)踐運(yùn)用的高度統(tǒng)一。正因?yàn)樵撜n程的抽象性和靈活性導(dǎo)致許多學(xué)生對于本課程的學(xué)習(xí)感覺難度大，興趣不高、淺嘗輒止，知識的學(xué)習(xí)通常浮于表面，深入不夠，升華不夠，沒能與實(shí)踐很好地結(jié)合，課程的整體教學(xué)效果不佳。
學(xué)生學(xué)習(xí)現(xiàn)狀調(diào)查
教學(xué)是教師的“教”與學(xué)生的“學(xué)”這兩個(gè)部分組成的，這兩部分應(yīng)該緊密結(jié)合、和諧統(tǒng)一才能很好地完成整個(gè)教學(xué)過程。其中，教學(xué)的主體是學(xué)生，教師教學(xué)方法的運(yùn)用應(yīng)該時(shí)刻圍繞著學(xué)生的實(shí)際情況展開。通過筆者多年教學(xué)調(diào)查發(fā)現(xiàn)，高職高專的學(xué)生在學(xué)習(xí)《ASP動態(tài)網(wǎng)頁制作》這門課程時(shí)普遍存在以下幾個(gè)問題：
學(xué)習(xí)目的不明確 學(xué)生作為課程的初學(xué)者，在學(xué)習(xí)過程中，他們很難對整個(gè)課程的知識點(diǎn)有一個(gè)宏觀的把握，他們不知道每一個(gè)知識點(diǎn)的學(xué)習(xí)是為了什么，每個(gè)知識點(diǎn)在動態(tài)網(wǎng)站開發(fā)過程中作用又是什么。這種情況導(dǎo)致學(xué)生學(xué)習(xí)目的不明確，學(xué)習(xí)多處于被動狀態(tài)，積極性自然不高。
代碼中單詞拼寫錯(cuò)誤多導(dǎo)致學(xué)生的學(xué)習(xí)興趣受到打擊 相當(dāng)一部分高職高專學(xué)生的英語基礎(chǔ)不好，看到英語單詞就有畏懼感，而動態(tài)網(wǎng)頁腳本開發(fā)過程中對象的方法和屬性等都是較長的英文單詞，如何幫助學(xué)生快速記住這些單詞也應(yīng)該是教師需要考慮的一個(gè)問題。
腳本程序排錯(cuò)能力差 腳本程序設(shè)計(jì)過程中出現(xiàn)各類語法、算法錯(cuò)誤是不可避免的，很多學(xué)生碰到錯(cuò)誤后，手足無措，不知該如何下手去改正錯(cuò)誤，這也極大地降低了學(xué)生學(xué)習(xí)的積極性和自信心。
低層次模仿多，網(wǎng)頁創(chuàng)作靈活性不夠 相當(dāng)一部分學(xué)生在課堂學(xué)習(xí)中能夠認(rèn)真記錄教學(xué)實(shí)例，但是到了實(shí)驗(yàn)課時(shí)，這部分學(xué)生對于課堂記錄依賴性太強(qiáng)，只是將課堂記錄的實(shí)例代碼原封不動地輸入，實(shí)驗(yàn)課堂對于他們來講幾乎變成了打字練習(xí)課，枯燥而乏味。
教學(xué)方法研究
要提高《ASP動態(tài)網(wǎng)頁制作》課程的教學(xué)質(zhì)量，教師的“教”應(yīng)從所教學(xué)生的具體情況出發(fā)，結(jié)合該課程的特點(diǎn)，合理調(diào)整教學(xué)內(nèi)容、改進(jìn)教學(xué)方法、合理利用輔助教學(xué)手段等來促進(jìn)教學(xué)與學(xué)習(xí)質(zhì)量的提高。
案例教學(xué)法明確教學(xué)目的 案例教學(xué)是一種以問題為核心，以案例為基點(diǎn)設(shè)計(jì)教學(xué)過程的教學(xué)模式。通過使用案例教學(xué)能夠明確教學(xué)目的，可以充分調(diào)動學(xué)生學(xué)習(xí)積極性，提高學(xué)生發(fā)現(xiàn)、探索、解決問題的能力。本課程中，案例教學(xué)法的展開實(shí)施分成三個(gè)階段：首先是案例集中展示階段。案例集中展示安排在第一次課中實(shí)施。在第一次課中通過對多個(gè)完整案例的展示分析，讓學(xué)生對本課程所學(xué)的知識及如何運(yùn)用所學(xué)知識有直觀的了解。這也能夠使學(xué)生明確學(xué)習(xí)目的、調(diào)動起學(xué)生學(xué)習(xí)的積極性。該階段的案例選擇應(yīng)該選取典型性的、與學(xué)生生活學(xué)習(xí)相關(guān)的、功能完整的網(wǎng)站進(jìn)行展示，如購物網(wǎng)站、信息管理網(wǎng)站等。在案例的展示過程中，教師應(yīng)當(dāng)在宏觀上指出每個(gè)案例網(wǎng)站具備的功能模塊及相關(guān)技術(shù)點(diǎn)，當(dāng)教師講解2至3個(gè)案例網(wǎng)站后，本課程的知識結(jié)構(gòu)、重點(diǎn)就已經(jīng)明了。這時(shí)，可讓學(xué)生翻看教材目錄，尋找各個(gè)功能模塊及技術(shù)知識點(diǎn)所在的章節(jié)，讓學(xué)生對于本課程在整體上有個(gè)正確的把握。其次是案例分析講解階段。本階段教學(xué)由網(wǎng)站案例的整體教學(xué)展示轉(zhuǎn)變?yōu)榘咐植考夹g(shù)知識點(diǎn)的學(xué)習(xí)，所選擇案例保持不變，任課教師可以根據(jù)教材的章節(jié)安排及教學(xué)需要，逐步地講解各技術(shù)知識點(diǎn)。講解過程中，也應(yīng)當(dāng)遵循學(xué)生的認(rèn)知過程，先展示案例并提出問題，接著引導(dǎo)學(xué)生分析問題，最后完成問題的解答。案例分析講解把枯燥乏味的灌輸式教學(xué)與被動學(xué)習(xí)變成了師生間思想的碰撞，把教與學(xué)的雙方帶到了矛盾的焦點(diǎn)，課堂的學(xué)習(xí)實(shí)際上變成了解決問題的公開討論。這樣，讓學(xué)生帶著問題完成了知識學(xué)習(xí)的全過程，學(xué)生學(xué)習(xí)目的明確，參與度高、學(xué)習(xí)積極性強(qiáng)。該階段的教學(xué)教師在操作過程中需要注意教學(xué)思路的連貫性，知識點(diǎn)的展開需要環(huán)環(huán)相扣。最后是案例擴(kuò)展階段。案例擴(kuò)展階段是在案例分析階段要求學(xué)生將所學(xué)知識進(jìn)一步靈活地運(yùn)用和總結(jié)。也就是教師在完成基本知識點(diǎn)教學(xué)后，本著精益求精的態(tài)度，在原有基礎(chǔ)上提出新要求，引導(dǎo)學(xué)生進(jìn)一步探究、拓展提高。例如，在學(xué)生掌握網(wǎng)站用戶注冊功能后，可以引導(dǎo)學(xué)生從用戶角度轉(zhuǎn)到管理員層次，提出管理員如何進(jìn)行批量用戶的預(yù)注冊。這樣。問題的解答核心知識點(diǎn)沒變，還是數(shù)據(jù)庫的寫操作，但是知識層次又進(jìn)入了一個(gè)新的高度，學(xué)生的思考也進(jìn)入了一個(gè)新的階段。本階段中，教師要充分調(diào)動學(xué)生去尋找原案例的不足之處，以新要求促進(jìn)新思考，對學(xué)生提出的問題和方案進(jìn)行批判性的肯定和分析，并作為課后作業(yè)要求學(xué)生予以完成，這種類型的作業(yè)靈活，能激發(fā)學(xué)生創(chuàng)新意識，為以后知識的靈活運(yùn)用奠定了良好的基礎(chǔ)。
重復(fù)教學(xué)法促進(jìn)學(xué)生記憶 動態(tài)網(wǎng)頁設(shè)計(jì)中涉及的腳本語言屬于第四代編程語言，其表達(dá)能力強(qiáng)，效率高，更接近現(xiàn)在普遍使用的英語。腳本程序設(shè)計(jì)中涉及的對象、對象方法、對象屬性、基本編程結(jié)構(gòu)都是通過英文單詞形式表現(xiàn)出來的，這也就意味著學(xué)生必須先記住這些單詞才能用好它們。但是現(xiàn)實(shí)情況是大部分學(xué)生對英語有畏懼情緒，總認(rèn)為單詞難記憶，課后也提不起興趣去看，這樣導(dǎo)致代碼中有很多拼寫錯(cuò)誤，程序調(diào)試不成功，極大打擊了學(xué)生學(xué)習(xí)的積極性和自信心。在教學(xué)過程中，通過使用重復(fù)法能很好地促進(jìn)學(xué)生對于單詞的記憶。基本操作過程如下：課堂中教師講解知識點(diǎn)時(shí)，涉及的英文單詞任課教師要有意識地多次反復(fù)地讀和寫，同時(shí)盡量要求學(xué)生讀出來。這樣通過課堂集中重復(fù)多次記憶，絕大部分學(xué)生能夠完成所教單詞的記憶。同時(shí)，授課過程中也要注意一次性單詞量不要太大，每次課控制在10個(gè)以內(nèi)。這樣將大量專業(yè)詞匯分散開來教學(xué)，可使學(xué)生的學(xué)習(xí)效果更好。同時(shí)要注意的是，復(fù)習(xí)要及時(shí)，人的遺忘是有先快后慢的規(guī)律的。因此在第二次授課時(shí)必須復(fù)習(xí)，甚至可以采取單詞默寫的方法幫助學(xué)生重復(fù)進(jìn)行記憶。這樣再重復(fù)一次后，學(xué)生單詞記憶就牢固了。
錯(cuò)誤示范教學(xué)法促進(jìn)學(xué)生找錯(cuò)、排錯(cuò)能力提高 學(xué)生在編寫程序過程中犯錯(cuò)誤是正常的也是不可避免的，但是相當(dāng)一部分學(xué)生發(fā)現(xiàn)錯(cuò)誤后只能求助教師幫助解決，解決后的印象不深刻，下次容易再犯。如何提高學(xué)生找錯(cuò)、排錯(cuò)能力也是本課程急需解決的問題之一。錯(cuò)誤示范教學(xué)法的核心就是教師模仿學(xué)生去犯他們常犯的一些錯(cuò)誤，這些錯(cuò)誤應(yīng)該具有代表性，包含的錯(cuò)誤類型要盡量多，要能引起學(xué)生的共鳴。在授課過程和實(shí)驗(yàn)過程中，教師模仿學(xué)生思路去講解包含錯(cuò)誤的教學(xué)實(shí)例，邊講解邊讓學(xué)生發(fā)現(xiàn)一些顯而易見的語法錯(cuò)誤，最后通過演示發(fā)現(xiàn)程序不能運(yùn)行或出現(xiàn)與預(yù)期結(jié)果不符的效果后，在根據(jù)報(bào)錯(cuò)提示引導(dǎo)學(xué)生發(fā)現(xiàn)算法上的錯(cuò)誤。這種方法的要點(diǎn)在于以學(xué)生為主體，教師負(fù)責(zé)引導(dǎo)他們自己發(fā)現(xiàn)錯(cuò)誤改正錯(cuò)誤，讓學(xué)生充分參與，逐步積累經(jīng)驗(yàn)教訓(xùn)。由于問題是學(xué)生自己發(fā)現(xiàn)的，因此印象深刻，下次再犯的概率會大大降低。
任務(wù)驅(qū)動法在實(shí)驗(yàn)課堂運(yùn)用促進(jìn)學(xué)生靈活運(yùn)用技術(shù)知識點(diǎn) 學(xué)生實(shí)驗(yàn)課堂過多模仿理論課堂的教學(xué)實(shí)例一直是實(shí)驗(yàn)課中矛盾的焦點(diǎn)，過多模仿使學(xué)生思路僵化、缺乏創(chuàng)新，不利于知識的靈活應(yīng)用。本課程中使用任務(wù)驅(qū)動法的核心就是針對學(xué)生的不同情況，在課程學(xué)習(xí)初就為每一個(gè)學(xué)生安排一個(gè)總的實(shí)驗(yàn)任務(wù)，一般為一個(gè)完整的網(wǎng)站系統(tǒng)的開發(fā)設(shè)計(jì)。在這個(gè)大任務(wù)下，每位學(xué)生根據(jù)平時(shí)的授課知識點(diǎn)，逐步地去完成、完善自己的網(wǎng)站系統(tǒng)開發(fā)。使用這個(gè)方法后，學(xué)生會感到學(xué)有所用，學(xué)習(xí)的知識能立即解決實(shí)際問題。低層次的模仿已經(jīng)無從進(jìn)行，學(xué)生必須根據(jù)自己開發(fā)的網(wǎng)站系統(tǒng)的性質(zhì)進(jìn)行靈活運(yùn)用，效果良好。
我院經(jīng)過多年的實(shí)踐，證明了通過上述教學(xué)方法的綜合運(yùn)用，學(xué)生對課程的掌握及實(shí)際動態(tài)網(wǎng)頁制作能力有了明顯提高，從學(xué)生畢業(yè)的選題、畢業(yè)設(shè)計(jì)過程及答辯情況來看，學(xué)生具備了獨(dú)立的動態(tài)網(wǎng)頁制作能力。我院學(xué)生成功完成了課題《高校學(xué)生管理系統(tǒng)設(shè)計(jì)》，同時(shí)該課題被定為“江蘇省高等學(xué)校大學(xué)生實(shí)踐創(chuàng)新項(xiàng)目”，同時(shí)學(xué)生撰寫的畢業(yè)論文《局域網(wǎng)qq的設(shè)計(jì)實(shí)現(xiàn)》獲得“江蘇省本專科優(yōu)秀論文三等獎”，教學(xué)成果顯著。
參考文獻(xiàn)：
[1]馬曉娟.非計(jì)算機(jī)專業(yè)visual basic案例教學(xué)模式探討[J].計(jì)算機(jī)教育，2009，（22）：48-50.
[2]陳帝伊，馬孝義，辛全才.“計(jì)算機(jī)軟件技術(shù)基礎(chǔ)”課程教學(xué)方法探析[J].計(jì)算機(jī)教育，2009，（22）：68-69.
[3]付興宏，羅雨滋.項(xiàng)目教學(xué)法在《ASP網(wǎng)站編程技術(shù)》課中的應(yīng)用[J].廣西民族師范學(xué)院學(xué)報(bào)，2010，（5）：108-110.
[4]閔兆娥，肖欣欣.ASP網(wǎng)絡(luò)編程語言課程教學(xué)思考[J].計(jì)算機(jī)教育，2010，（22）：116-118.
[5]覃曉康，盛雪豐.高職院校“程序設(shè)計(jì)”課程教學(xué)改革探析[J].計(jì)算機(jī)教育，2009，（24）：19-21.
[6]劉巧紅.高職“ASP程序設(shè)計(jì)”項(xiàng)目課程教學(xué)法的探索與實(shí)踐[J].中國電力教育，2009，（23）：66-67.
隨著多媒體技術(shù)在地理教學(xué)中的廣泛應(yīng)用,地理CAI課件也迅速發(fā)展起來,這給地理課堂教學(xué)帶來一場革命。地理本身的學(xué)科特性,決定了它在與多媒體技術(shù)結(jié)合方面有著勿用質(zhì)疑的優(yōu)勢。近年來,在各級多媒體課件評比中,地理CAI課件都占有較大比例,并且許多開發(fā)人員還是中學(xué)地理教師。地理CAI課件在我國雖然起步較晚,但起點(diǎn)高,發(fā)展快,近年來還出現(xiàn)了以下一些發(fā)展趨勢:
一、信息容量越來越大
早期的地理CAI課件在媒體選擇上一般都比較單一,僅為一些文字和圖片,有人稱其為“電子幻燈”。從某種意義上說,這不是真正的地理CAI課件,與傳統(tǒng)的地理幻燈片沒有本質(zhì)區(qū)別。這種課件的信息容量很小。近年來,地理CAI課件所使用的媒體越來越多,如:文字、圖片、動畫、聲音、視頻等等,信息容量越來越大。多種媒體的應(yīng)用,使地理CAI課件能夠給學(xué)生帶來大量信息,能夠讓學(xué)生看到許多地理課堂和生活中難以看到的地理現(xiàn)象和景觀,可以清楚地了解那些速度很快或極慢的地理變化過程。現(xiàn)在很多地理CAI課件還與Internet建立鏈接,使教師和學(xué)生可以隨意調(diào)用網(wǎng)絡(luò)資源,極大地?cái)U(kuò)展了地理課件信息容量。地理課件信息容量的擴(kuò)展使教師的教學(xué)更加生動有趣,更加直觀;使學(xué)生的學(xué)習(xí)更輕松有趣,更有選擇性,取得更好的教學(xué)效果。
二、網(wǎng)絡(luò)課件迅速發(fā)展
隨著校園網(wǎng)的建立和完善以及Internet的逐步普及,使網(wǎng)絡(luò)教學(xué)成為可能。網(wǎng)絡(luò)課件正是在這樣一個(gè)背景下悄悄發(fā)展起來的。地理網(wǎng)絡(luò)課件的廣泛使用,將使地理多媒體教學(xué)從多媒體教室走向計(jì)算機(jī)網(wǎng)絡(luò)教室。網(wǎng)絡(luò)課件具有更強(qiáng)的交互性,學(xué)生可以通過鍵盤和鼠標(biāo)隨意獲取網(wǎng)絡(luò)相關(guān)資源,自由參加提問和討論。學(xué)生也不再是簡單的聽和看,而是更多的參與,并且學(xué)生的學(xué)習(xí)將有更多的選擇余地。
隨著地理新教材的使用以及研究性學(xué)習(xí)的深入開展,如何調(diào)動學(xué)生的學(xué)習(xí)興趣,如何引導(dǎo)學(xué)生開展研究性學(xué)習(xí)等等是擺在地理教師面前的新課題。地理CAI課件的開發(fā)也要適應(yīng)這種新的要求。以往的課件多是課堂演示性課件,操作課件的主體是教師。而網(wǎng)絡(luò)課件的操作主體將逐步轉(zhuǎn)化為以學(xué)生為主,也就是學(xué)生來控制鼠標(biāo)和鍵盤,主動的從課件中獲取地理信息。網(wǎng)絡(luò)課件往往與英特網(wǎng)上的相關(guān)地理資源網(wǎng)站建立鏈接,其內(nèi)容涉及的范圍廣泛、包含的信息量龐大。學(xué)生可以根據(jù)自己的基礎(chǔ)、興趣、時(shí)間自由地選擇信息,并可以利用網(wǎng)絡(luò)課件開展研究性學(xué)習(xí),撰寫學(xué)科小論文,參與網(wǎng)絡(luò)討論交流等等。
網(wǎng)絡(luò)課件的制作和使用對硬件設(shè)備和開發(fā)人員的素質(zhì)都有較高要求,因此網(wǎng)絡(luò)課件現(xiàn)在只在少數(shù)條件較好的學(xué)校試用。同時(shí)網(wǎng)絡(luò)課件又有其顯而易見的優(yōu)越性,它的發(fā)展將會很快。如2002年9月底在北京舉行的第六屆全國多媒體教學(xué)軟件大賽中,網(wǎng)絡(luò)課件的比重比以往任何一屆都大,涌現(xiàn)出了許多優(yōu)秀的網(wǎng)絡(luò)課件,并得到了評委和專家的肯定。
三、課件開發(fā)平臺的多樣化
常有教師問我,做課件用什么樣的軟件最好?我的回答是,無所謂最好,只要能將多種媒體組合并能實(shí)現(xiàn)交互就行。近年來課件開發(fā)平臺呈現(xiàn)出明顯的多樣化趨勢,各種多媒體制作軟件各顯神通,各有千秋。如:Powerpoint使用簡單,并且支持視頻和聲音,可以通過超級鏈接實(shí)現(xiàn)交互,適合開發(fā)對動畫要求不高的演示課件;Authorware是專業(yè)多媒體制作軟件,應(yīng)用非常廣泛,它特有的流程線圖設(shè)計(jì),使課件結(jié)構(gòu)一目了然,強(qiáng)大的交互功能更是其他軟件不可比的,但用其制作的作品一般很大,只有用光盤交流;Flash是一種網(wǎng)頁動畫制作軟件,但其強(qiáng)大的交互動畫制作功能、放大不變形的矢量圖格式及的作品占用磁盤空間少,使其成為地理CAI課件制作的新寵。還有許多專門的課件制作軟件,如國產(chǎn)的“課件大師”等都是不錯(cuò)的課件制作軟件,這里不可能一一列舉。還有許多并非多媒體制作的軟件,也被一些教師用來做課件,效果很好,如網(wǎng)頁制作軟件(Frontpage,Dreamweaver等),它們支持.swf、.gif等格式的動畫,還支持視頻,其強(qiáng)大的超級鏈接可以開發(fā)交互性強(qiáng)的課件,用網(wǎng)頁制作軟件開發(fā)的課件,有一個(gè)明顯的優(yōu)勢就是占用字節(jié)少,運(yùn)行速度快,非常適合網(wǎng)上傳輸。現(xiàn)在的地理網(wǎng)絡(luò)課件多是采用網(wǎng)頁制作軟件開發(fā)。
論文關(guān)鍵詞：平面設(shè)計(jì)軟件；實(shí)訓(xùn)課程；項(xiàng)目設(shè)計(jì)；實(shí)訓(xùn)項(xiàng)目；成果評價(jià)；職業(yè)能力
平面設(shè)計(jì)軟件實(shí)訓(xùn)是配合《平面設(shè)計(jì)軟件》課程開設(shè)的為時(shí)2周的實(shí)訓(xùn)課，是培養(yǎng)學(xué)生職業(yè)能力的一個(gè)重要環(huán)節(jié)。以往的實(shí)訓(xùn)課通常是通過讓學(xué)生做一些課業(yè)進(jìn)行的，教師給出一個(gè)課題，學(xué)生在指定時(shí)間按教師的要求完成作品，整個(gè)過程在教師的輔導(dǎo)下完成。在這樣的教學(xué)過程中，學(xué)生的職業(yè)能力難以得到很好的訓(xùn)練，團(tuán)隊(duì)精神難以得到有效的培養(yǎng)。所以，在實(shí)訓(xùn)課上進(jìn)行項(xiàng)目教學(xué)是很有必要的，因?yàn)轫?xiàng)目教學(xué)法的核心是在教師的指導(dǎo)下，由學(xué)生去探尋得到最終結(jié)果的途徑，學(xué)習(xí)的重點(diǎn)在學(xué)習(xí)過程而非學(xué)習(xí)結(jié)果，這對學(xué)生能力的培養(yǎng)是很有幫助的。在2周的時(shí)間里，如何設(shè)計(jì)項(xiàng)目才能使學(xué)生真實(shí)地體驗(yàn)一個(gè)項(xiàng)目的完整制作過程，是需要教師研討的問題。
實(shí)訓(xùn)項(xiàng)目設(shè)計(jì)分析
實(shí)訓(xùn)課的教學(xué)不同于理論課。由于學(xué)生已經(jīng)初步具備了該課程的知識和技能基礎(chǔ)，實(shí)訓(xùn)課要在理論課的基礎(chǔ)上重點(diǎn)訓(xùn)練學(xué)生的專業(yè)技能和職業(yè)能力。所以，項(xiàng)目的設(shè)計(jì)要求更能體現(xiàn)實(shí)際工作環(huán)境的特點(diǎn)，學(xué)生通過項(xiàng)目能更好地應(yīng)用學(xué)過的知識解決實(shí)際問題，鍛煉自己的實(shí)際工作能力。
設(shè)計(jì)理念平面設(shè)計(jì)是近十幾年逐步發(fā)展起來的一個(gè)復(fù)合性職業(yè)，涉及面非常廣泛，涵蓋的職業(yè)范疇包括商業(yè)展示設(shè)計(jì)、商業(yè)廣告設(shè)計(jì)、商業(yè)環(huán)境藝術(shù)設(shè)計(jì)、書籍裝幀設(shè)計(jì)、包裝結(jié)構(gòu)與裝潢設(shè)計(jì)、服裝設(shè)計(jì)、工業(yè)產(chǎn)品設(shè)計(jì)、商業(yè)插畫設(shè)計(jì)、標(biāo)志設(shè)計(jì)、企業(yè)CI設(shè)計(jì)、網(wǎng)頁設(shè)計(jì)等等。針對目前平面設(shè)計(jì)行業(yè)及社會其他相關(guān)崗位對人才的需求和對教學(xué)內(nèi)容及教學(xué)方法的研討，實(shí)訓(xùn)項(xiàng)目設(shè)計(jì)應(yīng)該圍繞著專業(yè)方向和培養(yǎng)目標(biāo)進(jìn)行設(shè)計(jì)；圍繞著用完整的實(shí)際工作流程訓(xùn)練學(xué)生綜合設(shè)計(jì)制作能力的目標(biāo)進(jìn)行項(xiàng)目開發(fā)，即按照實(shí)際工作“調(diào)研策劃創(chuàng)意設(shè)計(jì)制作提交審核”的流程進(jìn)行教學(xué)設(shè)計(jì)；以項(xiàng)目小組的形式開展教學(xué)活動；通過實(shí)訓(xùn)項(xiàng)目訓(xùn)練，培養(yǎng)學(xué)生的創(chuàng)新精神和團(tuán)隊(duì)精神，使學(xué)生能夠綜合運(yùn)用美學(xué)思想、平面藝術(shù)設(shè)計(jì)的基本原理和設(shè)計(jì)規(guī)律及計(jì)算機(jī)圖形圖像設(shè)計(jì)軟件，完成符合實(shí)際要求的平面設(shè)計(jì)作品，實(shí)現(xiàn)平面設(shè)計(jì)專業(yè)的教學(xué)目標(biāo)。項(xiàng)目的設(shè)計(jì)理念應(yīng)當(dāng)是以培養(yǎng)學(xué)生完成實(shí)際工作任務(wù)的職業(yè)能力為目標(biāo)，但設(shè)計(jì)的項(xiàng)目不一定非要來源于企業(yè)，因?yàn)楸菊n程的學(xué)生是“廣告設(shè)計(jì)與制作”專業(yè)的一年級新生，還沒有學(xué)過平面設(shè)計(jì)方面的專業(yè)課，用2周的時(shí)間完成一個(gè)真實(shí)的企業(yè)項(xiàng)目有一定的難度。為了順利實(shí)現(xiàn)《平面設(shè)計(jì)軟件》實(shí)訓(xùn)課程的教學(xué)目標(biāo)，可采取將虛擬項(xiàng)目按照真實(shí)項(xiàng)目完成的形式進(jìn)行教學(xué)設(shè)計(jì)。
設(shè)計(jì)思路平面設(shè)計(jì)專業(yè)的能力目標(biāo)是使學(xué)生能夠根據(jù)平面藝術(shù)設(shè)計(jì)的基本原理和設(shè)計(jì)規(guī)律，針對不同的用戶要求進(jìn)行各種平面作品的設(shè)計(jì)與制作。所以，“網(wǎng)站頁面設(shè)計(jì)制作”項(xiàng)目、“POP廣告設(shè)計(jì)制作”項(xiàng)目、“商業(yè)插畫設(shè)計(jì)制作”等項(xiàng)目都可以用來作為《平面設(shè)計(jì)軟件》實(shí)訓(xùn)課程的實(shí)訓(xùn)項(xiàng)目。產(chǎn)品類廣告設(shè)計(jì)可以重點(diǎn)培養(yǎng)學(xué)生市場調(diào)研、策劃、創(chuàng)意等能力；文化類廣告設(shè)計(jì)可以培養(yǎng)學(xué)生掌握完整的設(shè)計(jì)制作流程；“網(wǎng)站頁面設(shè)計(jì)制作”可以通過圖形、色彩、文字等設(shè)計(jì)元素的運(yùn)用培養(yǎng)學(xué)生綜合的平面設(shè)計(jì)能力。下面以“某集團(tuán)房地產(chǎn)網(wǎng)站頁面設(shè)計(jì)制作”項(xiàng)目為例，分析實(shí)訓(xùn)項(xiàng)目的設(shè)計(jì)方案。
實(shí)訓(xùn)項(xiàng)目設(shè)計(jì)方案
項(xiàng)目背景隨著互聯(lián)網(wǎng)的飛速發(fā)展，網(wǎng)絡(luò)已經(jīng)成為人們生活中不可缺少的一部分，利用網(wǎng)絡(luò)查找各種所需要的信息已經(jīng)是人們習(xí)以為常的手段。在這種形勢下，很多企業(yè)、個(gè)人都需要擁有自己的網(wǎng)站和網(wǎng)頁。某房地產(chǎn)企業(yè)為了更好地宣傳企業(yè)形象和推介企業(yè)產(chǎn)品，需要制作一個(gè)引人注目的精美網(wǎng)站展示自己。
項(xiàng)目內(nèi)容該設(shè)計(jì)項(xiàng)目是為某房地產(chǎn)開發(fā)商的網(wǎng)站進(jìn)行網(wǎng)頁設(shè)計(jì)和制作，需要學(xué)生進(jìn)行市場調(diào)研，了解企業(yè)名稱和受眾群體，并采集各種信息，通過進(jìn)行實(shí)際調(diào)查和需求分析，確定網(wǎng)站的市場定位，進(jìn)行網(wǎng)頁的規(guī)劃和整體方案設(shè)計(jì)。在網(wǎng)頁效果上要注意網(wǎng)站形象設(shè)計(jì)，以滿足人們的審美需求；在制作過程中要合理運(yùn)用藝術(shù)設(shè)計(jì)的理論知識和軟件技術(shù)，按計(jì)劃完成符合客戶要求的精美網(wǎng)站制作。具體任務(wù)內(nèi)容包括市場調(diào)研、網(wǎng)站策劃、網(wǎng)頁整體方案設(shè)計(jì)、網(wǎng)頁設(shè)計(jì)制作、完稿處理、資料整理等，其中市場調(diào)研包括收集相關(guān)房地產(chǎn)企業(yè)的宣傳資料和網(wǎng)站形象調(diào)研。網(wǎng)站需求分析要通過對宣傳資料進(jìn)行整理分析，明確用戶需求，并撰寫分析報(bào)告。網(wǎng)站整體方案設(shè)計(jì)包括標(biāo)準(zhǔn)字、LOGO小樣、標(biāo)準(zhǔn)色彩、圖標(biāo)設(shè)計(jì)、網(wǎng)頁平面設(shè)計(jì)等內(nèi)容。網(wǎng)頁設(shè)計(jì)制作可利用平面設(shè)計(jì)軟件Photoshop、Illustrator等。
項(xiàng)目能力目標(biāo)為達(dá)到專業(yè)要求的職業(yè)能力培養(yǎng)目標(biāo)，在項(xiàng)目執(zhí)行過程中，要求學(xué)生能進(jìn)行基本的市場調(diào)研，明確客戶需求，撰寫廣告策劃書；能根據(jù)策劃書進(jìn)行創(chuàng)意構(gòu)思，繪制出設(shè)計(jì)草圖；能進(jìn)行一定的創(chuàng)意設(shè)計(jì)；能將藝術(shù)設(shè)計(jì)理論知識與軟件技術(shù)相結(jié)合，具備項(xiàng)目執(zhí)行能力、與人溝通能力及小組協(xié)作能力。
項(xiàng)目技術(shù)指導(dǎo)在項(xiàng)目執(zhí)行過程中，教師承擔(dān)著指導(dǎo)的責(zé)任，在設(shè)計(jì)項(xiàng)目方案時(shí)，教師要全盤考慮項(xiàng)目中的一些技術(shù)問題，對學(xué)生可能遇到的知識和技能問題做到心中有數(shù)，以使項(xiàng)目能夠順利進(jìn)行。
1.網(wǎng)頁設(shè)計(jì)流程。按照一定的設(shè)計(jì)流程策劃、設(shè)計(jì)、制作網(wǎng)站可以減少失誤，確保項(xiàng)目的正確進(jìn)行。因此，要了解項(xiàng)目的制作步驟及網(wǎng)頁的設(shè)計(jì)流程：（1）市場調(diào)研，收集資料；（2）網(wǎng)站策劃；（3）網(wǎng)頁詳細(xì)設(shè)計(jì)；（4）網(wǎng)頁制作；（5）驗(yàn)收作品。
2.市場調(diào)研。在調(diào)研之前首先要確定調(diào)查報(bào)告內(nèi)容，對問題進(jìn)行分析、排除、鎖定。這樣在與客戶溝通時(shí)可避免問題模糊、范圍過大。資料收集要翔實(shí)、豐富，包括該企業(yè)的介紹、樓盤信息、圖片等一切相關(guān)信息。
3.網(wǎng)站策劃。網(wǎng)站策劃是網(wǎng)站設(shè)計(jì)的關(guān)鍵步驟，只有真正策劃好了，才有可能成為讓客戶或用戶滿意的網(wǎng)站。在本項(xiàng)目中，網(wǎng)站策劃是了解客戶需求、進(jìn)行信息收集與分析、對網(wǎng)頁設(shè)計(jì)等方面的問題進(jìn)行整體規(guī)劃并提供解決方案、撰寫“需求分析報(bào)告”的過程。在這個(gè)過程中最為重要的是需求分析，就是了解、分析、明確用戶需求，利用創(chuàng)意草圖，對網(wǎng)頁進(jìn)行合理科學(xué)的規(guī)劃，即對網(wǎng)頁定位、受眾群體、網(wǎng)站色調(diào)、網(wǎng)站頁面總體風(fēng)格、各種頁面特殊效果及其數(shù)量進(jìn)行確定。
4.網(wǎng)頁詳細(xì)設(shè)計(jì)方案。在需求分析的基礎(chǔ)上，要進(jìn)一步針對內(nèi)容建設(shè)、網(wǎng)站布局、網(wǎng)站結(jié)構(gòu)方面設(shè)計(jì)具體的方案。需要畫出網(wǎng)站結(jié)構(gòu)圖，其中包括網(wǎng)站欄目、結(jié)構(gòu)層次、連接內(nèi)容、首頁中的功能按鈕、內(nèi)容要點(diǎn)、友情鏈接等，都要體現(xiàn)出來，要切題并突出重點(diǎn)。設(shè)計(jì)方案要充分展示房地產(chǎn)網(wǎng)頁設(shè)計(jì)的特點(diǎn)，網(wǎng)站形象要莊重平和，信息量要全面、細(xì)致，具有人性化特點(diǎn)。網(wǎng)頁結(jié)構(gòu)應(yīng)層次清晰、創(chuàng)意新穎、顏色搭配合理、網(wǎng)頁頁面設(shè)計(jì)符合審美要求，網(wǎng)頁功能要融入設(shè)計(jì)方案中，網(wǎng)頁的內(nèi)容與表現(xiàn)形式要統(tǒng)一，要對內(nèi)容進(jìn)行合理的分析、加工，按類別分類，欄目設(shè)置要一目了然。（1）首頁設(shè)計(jì)。首頁設(shè)計(jì)包括創(chuàng)意設(shè)計(jì)、結(jié)構(gòu)設(shè)計(jì)、色彩調(diào)配和布局設(shè)計(jì)。在進(jìn)行首頁設(shè)計(jì)時(shí)，標(biāo)題要有概括性，要用標(biāo)題性的文字使訪問者快速了解網(wǎng)站所能提供的信息，可將具體內(nèi)容放到子頁里完成；要符合設(shè)計(jì)時(shí)的主題和風(fēng)格；文字與背景要合理搭配；整個(gè)頁面色彩選擇要統(tǒng)一。（2）網(wǎng)頁版式設(shè)計(jì)。在網(wǎng)頁設(shè)計(jì)中，網(wǎng)頁的版式設(shè)計(jì)以及色彩搭配是很重要的，字體的設(shè)計(jì)和圖片的放置都要考慮整個(gè)頁面的排版，要合理地運(yùn)用空間，使網(wǎng)頁疏密有致，井井有條，留下必要的空白，使瀏覽者感覺輕松，沒有壓抑感，但也要注意不能只追求版面效果而忽視功能方面的問題。（3）網(wǎng)頁背景。網(wǎng)頁背景設(shè)計(jì)不好會影響訪問者對整個(gè)網(wǎng)站的印象，選用的背景應(yīng)該與整套頁面的色調(diào)相協(xié)調(diào)。不同的顏色會給人不同的視覺心理感受，要合理運(yùn)用色彩，造成良好的視覺效果。使用圖片做背景時(shí)，要考慮大尺寸給傳輸速度帶來的影響。
5.網(wǎng)頁制作。網(wǎng)頁制作是通過應(yīng)用Photoshop、Illustrator等平面設(shè)計(jì)軟件的各種技術(shù)實(shí)現(xiàn)網(wǎng)頁策劃所要求的效果的過程。在制作時(shí)既要結(jié)合平面設(shè)計(jì)的基本知識，也要遵循網(wǎng)頁設(shè)計(jì)獨(dú)特的設(shè)計(jì)要求與原則。（1）網(wǎng)頁圖標(biāo)設(shè)計(jì)。圖標(biāo)是具有明確指代含義的具有標(biāo)識性質(zhì)的圖形，不僅是一種圖形，更是一種標(biāo)識，具有高度濃縮并快捷傳達(dá)信息、便于記憶的特性，應(yīng)用范圍很廣，例如各種交通標(biāo)志、學(xué)校的校徽、商品的商標(biāo)等。圖標(biāo)也是網(wǎng)頁中重要的設(shè)計(jì)元素，應(yīng)根據(jù)不同的應(yīng)用有所區(qū)分，既可以用來標(biāo)識一個(gè)欄目，也可以作為鏈接元素實(shí)現(xiàn)網(wǎng)頁間的跳轉(zhuǎn)。精美的網(wǎng)頁設(shè)計(jì)圖標(biāo)往往能起到畫龍點(diǎn)睛的作用，從而提升軟件的視覺效果。網(wǎng)頁常用的圖標(biāo)有“導(dǎo)航圖標(biāo)”、“按鈕”、“標(biāo)志”等。圖標(biāo)設(shè)計(jì)要簡單、直觀、可識別性強(qiáng)；要能準(zhǔn)確表達(dá)相應(yīng)的操作；按鈕的設(shè)計(jì)采用圖標(biāo)和文字可以提高圖標(biāo)的可用性；為吸引用戶眼球，顏色應(yīng)簡潔；使用矢量格式可以讓圖標(biāo)隨意放大縮小；在導(dǎo)航欄上或網(wǎng)頁的某些地方使用合適的圖標(biāo)，不僅可以美化網(wǎng)站，還可以引領(lǐng)用戶瀏覽網(wǎng)頁。一般制作流程是先做出基本的外形，再進(jìn)行上色修飾，最后增加一些光影使其具有立體感。（2）導(dǎo)航欄設(shè)計(jì)。導(dǎo)航欄是網(wǎng)頁中用來裝飾和展示網(wǎng)頁的，是非常重要的組成部分，功能豐富的導(dǎo)航欄可以引導(dǎo)閱覽者獲取多方面的信息。導(dǎo)航欄的設(shè)計(jì)應(yīng)遵循“導(dǎo)航數(shù)量適當(dāng)”、“導(dǎo)航提示明確、清晰、醒目”等原則。（3）網(wǎng)頁色彩設(shè)計(jì)。網(wǎng)頁的色彩是網(wǎng)頁最重要的部分，是給訪問者登錄頁面時(shí)的第一印象，好的頁面色彩能給人帶來很強(qiáng)的視覺沖擊力，可以使瀏覽者對整個(gè)網(wǎng)站產(chǎn)生深刻印象。在設(shè)計(jì)網(wǎng)頁時(shí)如果忽視了色彩設(shè)計(jì)，網(wǎng)站最后的視覺效果可能與客戶期望不匹配。因此，設(shè)計(jì)時(shí)需要先了解網(wǎng)站的定位、網(wǎng)頁的風(fēng)格，學(xué)習(xí)有關(guān)的色彩知識，在此基礎(chǔ)上合理進(jìn)行色彩搭配。在配色時(shí)應(yīng)注意盡量將顏色控制在三種以內(nèi)，一般而言，網(wǎng)頁的背景色應(yīng)該柔和一些、素雅一些，如配上深色的文字，會使人看起來自然、舒暢，文字的顏色在不同底色的襯托下，會給人不同的視覺效果，設(shè)計(jì)時(shí)應(yīng)綜合考慮多方面的因素，設(shè)計(jì)出能產(chǎn)生好的視覺效果、能營造整體氛圍的網(wǎng)頁。網(wǎng)頁設(shè)計(jì)還有很多方面的知識，教師可以給學(xué)生提供一些資料，讓學(xué)生通過自主學(xué)習(xí)掌握這些知識，提高學(xué)生的自學(xué)能力。
[關(guān)鍵詞]網(wǎng)頁布局與人機(jī)學(xué)；研究意義；研究目標(biāo)；研究過程；教學(xué)實(shí)踐
中圖分類號：U46 文獻(xiàn)標(biāo)識碼：A 文章編號：1009-914X（2016）04-0216-01
我們生活的21世紀(jì)已經(jīng)進(jìn)入了信息時(shí)代，近年來隨著智能手機(jī)，平板電腦的不斷發(fā)展發(fā)展。人機(jī)界面的設(shè)計(jì)和開發(fā)已經(jīng)成為國際上計(jì)算機(jī)設(shè)計(jì)領(lǐng)域最為活躍的研究方向。在網(wǎng)站策劃、網(wǎng)站設(shè)計(jì)和網(wǎng)站運(yùn)營的過程中，人機(jī)交互和用戶體驗(yàn)是經(jīng)常被談及與運(yùn)用的概念。一個(gè)網(wǎng)站布局得不合理，首先會表現(xiàn)在功能和頁面設(shè)計(jì)的契合度上，具體表現(xiàn)就是用戶在網(wǎng)站上找不到需要的信息，或者是我想完成一個(gè)操作找不到相應(yīng)的按鈕。這就是在設(shè)計(jì)網(wǎng)站時(shí)沒有從用戶的角度出發(fā)所造成的。為了讓學(xué)生運(yùn)用網(wǎng)站配色與布局知識設(shè)計(jì)出人性化的網(wǎng)站，更好的與就業(yè)崗位對接，在本階段的課題研究中我將“網(wǎng)頁布局與人機(jī)學(xué)的研究與實(shí)踐”作為我研究的課題。學(xué)生在設(shè)計(jì)作品時(shí)能夠運(yùn)用人機(jī)學(xué)的知識，提高用戶體驗(yàn)的舒適度。
一、網(wǎng)頁布局與人機(jī)學(xué)的研究意義
通過本課題的研究，學(xué)生能夠運(yùn)用色彩原理進(jìn)行網(wǎng)頁顏色的搭配并且能夠運(yùn)用布局技巧進(jìn)行網(wǎng)頁的布局設(shè)計(jì)。同時(shí)能從臨摹網(wǎng)頁到自主設(shè)計(jì)，讓網(wǎng)頁效果設(shè)計(jì)真正從想法逐漸變成現(xiàn)實(shí)。在綜合項(xiàng)目實(shí)戰(zhàn)中，貫穿網(wǎng)頁配色與布局的知識，綜合運(yùn)用人機(jī)學(xué)的原理，達(dá)到對網(wǎng)頁設(shè)計(jì)制作的整體把握。有助于提高中職學(xué)生網(wǎng)頁制作的能力。
二、網(wǎng)頁布局與人機(jī)學(xué)的研究目標(biāo)
通過對網(wǎng)頁布局與人機(jī)學(xué)的研究與實(shí)踐，不斷改進(jìn)網(wǎng)頁布局綜合案例的教學(xué)策略，力求找到提高我校學(xué)生網(wǎng)頁設(shè)計(jì)能力的方式方法，提高教育教學(xué)質(zhì)量，有效的把課堂變?yōu)檎嬲墓ぷ魇摇Ｔ诰C合項(xiàng)目實(shí)訓(xùn)中設(shè)計(jì)出與就業(yè)崗位充分對接的網(wǎng)頁作品，為學(xué)生就業(yè)打下堅(jiān)實(shí)基礎(chǔ)。
三、網(wǎng)頁布局與人機(jī)學(xué)的研究過程
（1）準(zhǔn)備階段（2013年7月～2013年8月）
專題研究準(zhǔn)備階段的主要任務(wù)是學(xué)習(xí)與課題研究有關(guān)知識，確定專題研究目標(biāo)、研究對象、研究方法和研究內(nèi)容，制定研究實(shí)施計(jì)劃。
（2）實(shí)施階段（2013年9月～2014年6月）
根據(jù)市場調(diào)研結(jié)果明確專業(yè)核心能力，制定相應(yīng)的計(jì)劃，編寫技能檢測手冊。
（3）總結(jié)階段（2014年7月～2014年9月）
對本課題研究過程及資料進(jìn)行收集整理，形成課題總結(jié)報(bào)告，并將專題論文、調(diào)查報(bào)告和研究個(gè)案匯編成集，撰寫個(gè)人結(jié)題研究報(bào)告。
四、教學(xué)實(shí)踐的成果和結(jié)論
在學(xué)校課題的研究分類中，我主要承擔(dān)的是《網(wǎng)站配色與布局》這本教材中網(wǎng)頁布局與人機(jī)學(xué)這部分的教學(xué)研究。在幾年的網(wǎng)頁制作課程的教學(xué)實(shí)踐中，不斷嘗試應(yīng)用多種信息化教學(xué)手段，以“學(xué)生為主體教師為主導(dǎo)”的教學(xué)理念貫穿整個(gè)教學(xué)過程。體現(xiàn)了“做中學(xué)，做中教”的職業(yè)教學(xué)理念，充分調(diào)動了學(xué)生學(xué)習(xí)的主動性和積極性，較好的培養(yǎng)了學(xué)生獨(dú)立思考，分析與解決問題的能力，取得了很好的教學(xué)效果。在教學(xué)中旨在網(wǎng)頁布局與人機(jī)學(xué)的教學(xué)實(shí)踐中有更為突出的成果，培養(yǎng)中職學(xué)生的職業(yè)能力，為學(xué)生今后成為一名優(yōu)秀的網(wǎng)頁設(shè)計(jì)師打下堅(jiān)實(shí)基礎(chǔ)。2013年7月在撫順市信息化教學(xué)設(shè)計(jì)中獲得一等獎；2013年9月遼寧省“創(chuàng)新杯“信息技術(shù)說課大賽一等獎；2013年11月獲得國家級”創(chuàng)新杯“信息技術(shù)說課大賽一等獎；2013年12月獲得撫順市級優(yōu)秀課。2015年11月獲得國家級信息技術(shù)教學(xué)設(shè)計(jì)大賽二等獎。
1.網(wǎng)頁布局與人機(jī)學(xué)的相關(guān)概念研究
通過對此概念的研究，在教學(xué)過程中，我采用實(shí)例講解的方式。從iPad看人機(jī)學(xué)。iPad是當(dāng)今社會較為流行的電子設(shè)備，也可以稱之為街機(jī)。同學(xué)們對我列舉的實(shí)例會非常感興趣，由此學(xué)生會非常渴望即將要講解的知識。iPad是著名的蘋果公司出的平板電腦。iPad在人機(jī)交互操作上做得非常細(xì)致。為什么iPad無論老人小孩都會用，其基本操作甚至很少需要別人的協(xié)助和說明書？究竟是孩子容易接受iPad？還是iPad容易讓孩子接受？iPad的設(shè)計(jì)可謂“童叟無欺”，老人、孩子都可以流暢使用。人機(jī)學(xué)應(yīng)該是“傻瓜式”的，去追求一種更“本能”的操作，就像吃飯穿衣一樣簡單。通過以上實(shí)例的講解，學(xué)生很快理解人機(jī)學(xué)的概念，并且知道在網(wǎng)站配色與布局這本書中為什么給我們介紹人機(jī)學(xué)的概念。讓學(xué)生充分理解了網(wǎng)頁的易用性和美觀性非常重要，這樣同學(xué)們就能很認(rèn)真的學(xué)習(xí)人機(jī)界面設(shè)計(jì)的原則及設(shè)計(jì)方法。在教學(xué)中有效的突出了教學(xué)重點(diǎn)，突破教學(xué)難點(diǎn)。
2.網(wǎng)頁布局綜合案例的設(shè)計(jì)風(fēng)格研究
引入案例――網(wǎng)頁布局的風(fēng)格類型。本案例的主要目的是在不改變網(wǎng)頁內(nèi)容的前提下，改變網(wǎng)頁的風(fēng)格類型。這就需要用的布局的知識。在之前的學(xué)習(xí)中我們已經(jīng)掌握了各種網(wǎng)頁布局的知識與技巧。不同的網(wǎng)頁有不同布局。這樣綜合起來就形成了不同的網(wǎng)頁風(fēng)格類型。那我們常見的網(wǎng)頁風(fēng)格類型有哪些？有什么特點(diǎn)？引入理論學(xué)習(xí)知識，教學(xué)過程很自然的過度。經(jīng)過理論講解后，進(jìn)行實(shí)戰(zhàn)案例――設(shè)計(jì)臨摹典型商業(yè)型網(wǎng)站。
在教學(xué)過程中引入實(shí)際案例，教師通過案例講解相關(guān)理論知識，再讓學(xué)生應(yīng)用所學(xué)理論知識完成實(shí)戰(zhàn)案例，使學(xué)生能夠 “學(xué)以致用”，完成本課的技能目標(biāo)。這樣不僅增強(qiáng)了講解的直觀性，降低了學(xué)生學(xué)習(xí)的難度，還可以有效的激發(fā)學(xué)生的學(xué)習(xí)興趣，充分調(diào)動和發(fā)揮了學(xué)生學(xué)習(xí)的積極性、主動性、創(chuàng)造性，培養(yǎng)職業(yè)核心能力，實(shí)現(xiàn)教、學(xué)、做一體化。
3.電子商務(wù)網(wǎng)站個(gè)案研究
網(wǎng)頁設(shè)計(jì)是一項(xiàng)系統(tǒng)工程，它包含了從用戶調(diào)研到最終上線的全過程。我將以一個(gè)電子商務(wù)網(wǎng)站為例，系統(tǒng)地講解整個(gè)網(wǎng)頁的設(shè)計(jì)過程。
在項(xiàng)目實(shí)戰(zhàn)案例――新蛋購物網(wǎng)站主頁制作講解過程中。首先了解技術(shù)要點(diǎn)，包括（1）確定網(wǎng)站整體風(fēng)格。（2）網(wǎng)頁色彩搭配。（3）網(wǎng)頁布局技巧。其次進(jìn)行案例分析：隨著網(wǎng)絡(luò)的普及，網(wǎng)購已經(jīng)火起來，給同學(xué)們闡述 “沒有人上街不代表沒有人逛街”的現(xiàn)象。同學(xué)們在這個(gè)過程中就會紛紛議論都在哪些網(wǎng)站上買過東西，喜歡瀏覽哪些網(wǎng)站，為什么喜歡去瀏覽那些網(wǎng)站，引出網(wǎng)頁設(shè)計(jì)的重要性。電子商務(wù)網(wǎng)站作為網(wǎng)購的首要利器，是用戶和商家的唯一互動平臺。所以界面設(shè)計(jì)的好壞，對其銷售額起著重要的影響作用。在授課過程中自然引入案例，要求在設(shè)計(jì)制作過程中注意體會如何運(yùn)用網(wǎng)頁配色與布局的知識來設(shè)計(jì)出人性化的購物網(wǎng)站。使學(xué)生能夠自主學(xué)習(xí)、獨(dú)立操作和自我評測。
通過對新蛋購物網(wǎng)站首頁的制作，更加熟練的使用之前學(xué)過的技巧。深入了解頁面的合理用色和顏色之間搭配使網(wǎng)頁更有效果；圖片在畫面中的合理擺放；準(zhǔn)確劃分頁面結(jié)構(gòu)等。對前面所學(xué)的知識融會貫通，學(xué)以致用。在設(shè)計(jì)網(wǎng)站的時(shí)候，要分析網(wǎng)站的主題內(nèi)容，選擇符合主題表現(xiàn)形式的布局，采用搭配合理的色彩表現(xiàn)主題的風(fēng)格，加上細(xì)心的構(gòu)思和新穎的創(chuàng)意，必然可以設(shè)計(jì)出優(yōu)秀的網(wǎng)站。
五、存在的問題和今后的設(shè)想
學(xué)生到企業(yè)學(xué)習(xí)的機(jī)會太少，沒有實(shí)際開發(fā)項(xiàng)目的經(jīng)驗(yàn)。每個(gè)企業(yè)都有自己的團(tuán)隊(duì)，每個(gè)人都有自己指定的設(shè)計(jì)項(xiàng)目，這就要求都得是有經(jīng)驗(yàn)的設(shè)計(jì)師。而我們的學(xué)恰恰就缺少這中間的鍛煉過程，很少會給我們中職學(xué)生提供實(shí)踐的機(jī)會。這使我們中職學(xué)生不能夠很好的與企業(yè)對接。
要想解決這一問題，我覺得我們?nèi)握n教師必須走入企業(yè)，先接觸一些開發(fā)網(wǎng)站的公司，在企業(yè)參觀學(xué)習(xí)。在網(wǎng)頁制作的課堂上，拿一些企業(yè)的真正案例讓學(xué)生實(shí)踐，制作網(wǎng)頁配色和布局的整個(gè)流程，這樣同學(xué)們才能真正的得到鍛煉。讓學(xué)生深刻體會網(wǎng)頁界面布局的人性化設(shè)計(jì)，真正的將課堂變?yōu)槠髽I(yè)的創(chuàng)作工作室，使學(xué)生能快速適應(yīng)工作環(huán)境，提高中職學(xué)生的就業(yè)率。
參考文獻(xiàn)
專題學(xué)習(xí)網(wǎng)站的本質(zhì)是一種基于網(wǎng)絡(luò)資源的研究性學(xué)習(xí)系統(tǒng)，它通過在網(wǎng)絡(luò)學(xué)習(xí)環(huán)境中，向?qū)W習(xí)者提供協(xié)作學(xué)習(xí)交流工具和大量的專題學(xué)習(xí)資源，讓學(xué)習(xí)者自己選擇和確定研究課題，自己收集、分析并選擇資料，應(yīng)用知識和工具去解決實(shí)際問題。專題學(xué)習(xí)網(wǎng)站不同于一般的網(wǎng)絡(luò)課件，它主要是提供實(shí)現(xiàn)研究性學(xué)習(xí)的學(xué)習(xí)資源和協(xié)作研究學(xué)習(xí)環(huán)境。專題學(xué)習(xí)網(wǎng)站主要由專題學(xué)習(xí)內(nèi)容、專題學(xué)習(xí)資源庫、專題協(xié)作學(xué)習(xí)支撐平臺、專題評價(jià)系統(tǒng)四大部分組成，四大部分從學(xué)習(xí)內(nèi)容、學(xué)習(xí)策略、學(xué)習(xí)方式、學(xué)習(xí)評價(jià)等角度相互補(bǔ)充，相互配合，從而實(shí)現(xiàn)學(xué)習(xí)資源與學(xué)習(xí)過程的整合。結(jié)合前期的調(diào)查結(jié)果，確定網(wǎng)站的內(nèi)容版塊如下：
1、專題知識學(xué)習(xí)
專題知識部分提供有關(guān)創(chuàng)新教育和網(wǎng)絡(luò)教學(xué)的專題資源，分為創(chuàng)新教育基本理論和知識、網(wǎng)絡(luò)教學(xué)模式、網(wǎng)絡(luò)教學(xué)策略、網(wǎng)絡(luò)教學(xué)評價(jià)四個(gè)部分，供學(xué)習(xí)者自學(xué)。
2、專題協(xié)作學(xué)習(xí)
協(xié)作學(xué)習(xí)部分實(shí)質(zhì)上是一個(gè)協(xié)作學(xué)習(xí)平臺，應(yīng)用協(xié)作學(xué)習(xí)平臺，為本專題的學(xué)習(xí)者創(chuàng)造一個(gè)協(xié)作、探索、交流、互動學(xué)習(xí)的環(huán)境。學(xué)習(xí)者能夠自己建立研究專題，感興趣的學(xué)習(xí)者可以加入研究小組參加討論，從而促進(jìn)交流實(shí)現(xiàn)師生、生生的互動。此版塊分為研究性學(xué)習(xí)、綜合實(shí)踐、GEMS項(xiàng)目活動三個(gè)專題部分。
3、專題資源庫
專題資源庫既有“創(chuàng)新教育”相關(guān)的拓展性知識資源，又有本校“創(chuàng)新教育與中學(xué)生能力發(fā)展實(shí)踐研究”的研究成果和相關(guān)資源，滿足學(xué)習(xí)者自主探索學(xué)習(xí)時(shí)用。分為創(chuàng)新教學(xué)課例、創(chuàng)新教學(xué)模塊、創(chuàng)新教學(xué)論文、創(chuàng)新教學(xué)參考文獻(xiàn)等。
4、成果展示與在線評價(jià)
教師和學(xué)生在此版塊中，可以將自主學(xué)習(xí)的成果和專題研究所取得的成果在此，通過在線評價(jià)整合成為網(wǎng)站資源，成果便捷、接受并參與開放評價(jià)、充分交流與溝通，有利于成果的用戶界定與推廣。在此版塊開展虛擬的答辯活動，關(guān)注學(xué)習(xí)過程的反思、活動中的感悟，及時(shí)捕捉認(rèn)識上的獨(dú)特性、表達(dá)上的獨(dú)創(chuàng)性，促進(jìn)形成新問題和新的研究內(nèi)容。在學(xué)生答辯、總結(jié)和反思后，鼓勵學(xué)生把自己的研究成果以論文、報(bào)告或?qū)ｎ}網(wǎng)頁的形式，由教師審定，通過網(wǎng)站管理人員統(tǒng)一分類在此版塊上，既是對學(xué)生成果的肯定，又是網(wǎng)站的校本資源，還達(dá)到了歷屆學(xué)生成果的長期積累保存。
5、專家講座
作為一個(gè)學(xué)術(shù)交流、實(shí)踐學(xué)習(xí)的窗口，聘請高級專家作專題講座是必不可少的。在此部分，我們將搜集相關(guān)專家、學(xué)者的學(xué)術(shù)報(bào)告進(jìn)行有機(jī)整理、不斷充實(shí)內(nèi)容，使之成為一個(gè)聆聽各位高級專家講座的講堂。
6、互動空間
此版塊為教師與教師、教師與學(xué)生、學(xué)生與學(xué)生提供了交流和互動的空間。在此塊中，設(shè)立了教師論壇、學(xué)生論壇、師生論壇，以論壇的形式，促進(jìn)師生就某個(gè)專題進(jìn)行的探討和互動聯(lián)系。
7、家校論壇
此版塊為學(xué)生家長與家長之間、家長與學(xué)校教師之間提供了一個(gè)共同探討、交流的空間，以便增進(jìn)家校聯(lián)系。
8、研究課題
這部分內(nèi)容包括相關(guān)課題簡介、參與此課題的其它學(xué)校名單及其網(wǎng)站鏈接，主要作用是提供“創(chuàng)新教育”相關(guān)課題及“專題學(xué)習(xí)網(wǎng)站建設(shè)與應(yīng)用”相關(guān)課題當(dāng)前的科研項(xiàng)目，提供參與項(xiàng)目的單位等信息，便于大家了解和參與課題研究。
2.4.4系統(tǒng)的設(shè)計(jì)
（一）網(wǎng)站特色的定位
1、強(qiáng)大的專題學(xué)習(xí)功能
網(wǎng)站的內(nèi)容圍繞特定的專題而鋪設(shè)，所有的版塊均圍繞這一專題進(jìn)行設(shè)計(jì)和開發(fā)，具有強(qiáng)大的專題學(xué)習(xí)和研討功能。
2、豐富的專題學(xué)習(xí)資源
網(wǎng)站的資源建設(shè)以“專題”為導(dǎo)向，以“整合”為特征，主題明確，在資源建設(shè)時(shí)注重資源與主題的“關(guān)聯(lián)度”。在對資源建設(shè)的過程中，注重與專題相關(guān)學(xué)科知識的“整合”。它以“創(chuàng)新教育與中學(xué)生能力發(fā)展”課題為專題，在教育專家的指導(dǎo)下，提供大量有關(guān)“創(chuàng)新教育”的基本知識、擴(kuò)展知識，提供大量的實(shí)踐案例和實(shí)踐成果。
3、靈活、有效的協(xié)作學(xué)習(xí)工具[3]
網(wǎng)站提供了功能強(qiáng)大的協(xié)作平臺和內(nèi)容豐富的專題研討區(qū)，為學(xué)習(xí)者開展協(xié)作學(xué)習(xí)、交流和探討相關(guān)問題、展示成果提供了良好的環(huán)境和場所。應(yīng)用專題協(xié)作學(xué)習(xí)平臺，學(xué)習(xí)者可以自己創(chuàng)建專題，也可以查閱其他專題，并加入；在協(xié)作小組內(nèi)，學(xué)習(xí)者可以制定研究計(jì)劃、進(jìn)行組內(nèi)分工、共享收集到的資料、撰寫小組報(bào)告、作品等等。
4、以培養(yǎng)學(xué)生的創(chuàng)新精神、實(shí)踐能力，提高學(xué)生的信息素養(yǎng)為目標(biāo)
專題學(xué)習(xí)網(wǎng)站不僅提供大量與專題有關(guān)的學(xué)習(xí)資料，同時(shí)強(qiáng)調(diào)學(xué)生自主研究的能力，通過學(xué)習(xí)者參與網(wǎng)站資源的建設(shè)和應(yīng)用，通過研究與協(xié)作求解生活中的問題，從而讓學(xué)生在體驗(yàn)中培養(yǎng)創(chuàng)新意識、創(chuàng)新能力，提高信息素養(yǎng)。學(xué)習(xí)目標(biāo)強(qiáng)調(diào)創(chuàng)新精神與實(shí)踐能力的培養(yǎng)，學(xué)習(xí)過程重視自主與協(xié)作。
5、師生廣泛參與，注重師生、生生之間的互動
專題學(xué)習(xí)網(wǎng)站具有獨(dú)特的開放性，其開放性體現(xiàn)在師生的共同參與，以及多種教育教學(xué)資源與手段的融合上。專題學(xué)習(xí)網(wǎng)站為師生提供了交流的平臺，在網(wǎng)站的互動空間里，可以實(shí)現(xiàn)教師與教師、教師與學(xué)生、學(xué)生與學(xué)生之間的互動交流。
6、學(xué)習(xí)成果以學(xué)生具有創(chuàng)造性的電子作品為主
這種基于專題學(xué)習(xí)網(wǎng)站的學(xué)習(xí)，體現(xiàn)學(xué)生學(xué)習(xí)效果的重要方面就是電子作品的制作。這種電子作品既要反映學(xué)生對專題知識內(nèi)容的理解和創(chuàng)新，還要體現(xiàn)學(xué)生對信息技術(shù)的掌握和應(yīng)用，是學(xué)生綜合能力的一種體現(xiàn)。
（二）網(wǎng)站風(fēng)格的設(shè)計(jì)
風(fēng)格是指網(wǎng)站的整體形象給瀏覽者的綜合感受。這個(gè)“整體形象”包括站點(diǎn)的標(biāo)志、色彩、字體、標(biāo)語、版面布局、瀏覽方式、交互性、文字、語氣、內(nèi)容價(jià)值、存在意義、站點(diǎn)榮譽(yù)等等諸多因素。作為針對中學(xué)生的專題學(xué)習(xí)性的網(wǎng)站，其風(fēng)格按照以下的幾個(gè)方面進(jìn)行設(shè)計(jì)：
（1）科學(xué)嚴(yán)謹(jǐn)與生動活潑并存；
（2）豐富多樣的學(xué)習(xí)資源 ；
（3）良好的學(xué)習(xí)交互能力 ；
（4）直觀友好的界面設(shè)計(jì)；
（三）網(wǎng)站系統(tǒng)框架的設(shè)計(jì)
根據(jù)內(nèi)容版塊和功能定位的設(shè)計(jì)，確定網(wǎng)站的系統(tǒng)框架構(gòu)。如下圖所示：
2．5專題學(xué)習(xí)網(wǎng)站開發(fā)的技術(shù)與工具
專題學(xué)習(xí)網(wǎng)站的開發(fā)分為文字稿本的寫作和技術(shù)開發(fā)兩個(gè)部分，文字稿本主要由經(jīng)過集中培訓(xùn)的學(xué)科教師，根據(jù)統(tǒng)一規(guī)范的格式編寫而成。網(wǎng)站開發(fā)技術(shù)工作主要計(jì)算機(jī)專業(yè)教師負(fù)責(zé)完成。網(wǎng)站的開發(fā)基于B/S（瀏覽器/服務(wù)器）模式，服務(wù)器端以Windows2000Server為運(yùn)行環(huán)境。開發(fā)技術(shù)主要用了：
1.靜態(tài)網(wǎng)頁制作技術(shù)。靜態(tài)網(wǎng)頁制作技術(shù)是一種通過標(biāo)記語言，按照一定的格式整合各種媒體，如圖片、文字、聲音等，結(jié)合服務(wù)器實(shí)現(xiàn)信息網(wǎng)絡(luò)的技術(shù)。“創(chuàng)新教育專題學(xué)習(xí)網(wǎng)站”采用Dreamweaver 4.0網(wǎng)頁制作工具制作靜態(tài)網(wǎng)頁，網(wǎng)站中“專題知識”、“專家講座”、“課題研究”等版塊就是應(yīng)用靜態(tài)網(wǎng)頁制作技術(shù)來制作完成的。
2.動態(tài)網(wǎng)頁技術(shù)。動態(tài)網(wǎng)頁技術(shù)是客戶端與服務(wù)器端的一種交互技術(shù)。這種技術(shù)使得用戶在網(wǎng)頁中輸入信息并提交以后，可以得到網(wǎng)站的及時(shí)反饋信息。“創(chuàng)新教育專題學(xué)習(xí)網(wǎng)站”使用了PHP4.1.1語言編寫，各應(yīng)用模塊均是基于MVC框架開發(fā)的。網(wǎng)站中的“協(xié)作學(xué)習(xí)”、“在線評價(jià)”、“互動空間”等版塊就是采用動態(tài)網(wǎng)頁技術(shù)開發(fā)的。
3.數(shù)據(jù)庫技術(shù)。數(shù)據(jù)庫技術(shù)主要用來支持實(shí)現(xiàn)協(xié)作學(xué)習(xí)平臺、互動空間等動態(tài)網(wǎng)頁部分?jǐn)?shù)據(jù)的存取。“創(chuàng)新教育專題學(xué)習(xí)網(wǎng)站”采用MySQL3.23.41數(shù)據(jù)庫技術(shù)來完成。
第三章 專題學(xué)習(xí)網(wǎng)站應(yīng)用實(shí)踐研究的實(shí)施過程
專題學(xué)習(xí)網(wǎng)站建成之后，其維護(hù)和更新是一個(gè)長期的過程，在應(yīng)用的過程中建設(shè)，在建設(shè)的過程中應(yīng)用。當(dāng)專題學(xué)習(xí)網(wǎng)站已經(jīng)初建成之后，我們就著力于網(wǎng)站應(yīng)用的研究。以教學(xué)設(shè)計(jì)和專題研討為載體實(shí)施專題學(xué)習(xí)網(wǎng)站的應(yīng)用實(shí)踐研究。
3.1以行動研究法開展的專題學(xué)習(xí)網(wǎng)站應(yīng)用實(shí)踐研究
實(shí)踐研究以本校學(xué)生為主要對象，環(huán)境是基于專題學(xué)習(xí)網(wǎng)站的多媒體網(wǎng)絡(luò)教室和多媒電教室。以專題學(xué)習(xí)網(wǎng)站應(yīng)用于教學(xué)的途徑、模式研究為例，此行動研究分三輪進(jìn)行，具體設(shè)計(jì)如下：
一、第一輪行動研究
（一）設(shè)計(jì)方案
研究目標(biāo)：探索專題學(xué)習(xí)網(wǎng)站應(yīng)用于課堂教學(xué)的模式
教學(xué)內(nèi)容：高一信息技術(shù)學(xué)科中關(guān)于計(jì)算機(jī)硬件部分的內(nèi)容，課題為“DIY個(gè)人電腦” [20]。
教學(xué)設(shè)計(jì)：
[教學(xué)目標(biāo)]
1、掌握計(jì)算機(jī)硬件的組成；
（知識目標(biāo)）
2、運(yùn)用知識解決實(shí)際問題的能力； （能力目標(biāo)）
3、培養(yǎng)創(chuàng)新思維能力。
（能力目標(biāo)）
[教學(xué)重點(diǎn)] 計(jì)算機(jī)硬件的組成
[教學(xué)難點(diǎn)] 將理論運(yùn)用于實(shí)踐，組裝出適用性強(qiáng)、性價(jià)比高的電腦
[教學(xué)輔件] 計(jì)算機(jī)硬件組成知識講解課件、“電腦超市”網(wǎng)站、DIY電腦評估系統(tǒng)軟件、組裝電腦的計(jì)劃表
[設(shè)計(jì)思想] 教材中計(jì)算機(jī)硬件系統(tǒng)組成部分的內(nèi)容，講解的是硬件系統(tǒng)大的框架，與我們實(shí)際所用的計(jì)算機(jī)比較脫節(jié)，把這部分內(nèi)容作為純理論性的知識來講解，不容易激發(fā)學(xué)生的學(xué)習(xí)興趣，也不利用學(xué)習(xí)掌握。如何把枯燥的理論知識與實(shí)踐相結(jié)合，激發(fā)學(xué)生的興趣，培養(yǎng)學(xué)生把理論運(yùn)用于實(shí)踐的能力，培養(yǎng)學(xué)生創(chuàng)新思維的能力，從而進(jìn)一步發(fā)展學(xué)生創(chuàng)新個(gè)性，是本課教學(xué)主要涉及的問題。
以人腦與電腦作類比，由學(xué)生推斷出電腦硬件的組成，培養(yǎng)學(xué)生知識的遷移能力和推理的能力。
通過“電腦超市”網(wǎng)站的使用，激發(fā)學(xué)生自主學(xué)習(xí)的熱情，培養(yǎng)學(xué)生運(yùn)用知識解決實(shí)際問題的能力和創(chuàng)新思維的能力。在教學(xué)的過程中，通過學(xué)生模擬在電腦超市選購組裝自己的計(jì)算機(jī)，培養(yǎng)學(xué)生運(yùn)用知識解決實(shí)際問題的能力。在此過程中，學(xué)生由最先的計(jì)劃?選購?模擬組裝?測試評估?反思?重新選購?模擬組裝?測試評估…直到組裝成功，最后由老師和同學(xué)對個(gè)案進(jìn)行評價(jià)。通過發(fā)散思維與聚合思維相結(jié)合的操作方式，使學(xué)生思維的計(jì)劃性、嚴(yán)密性、擴(kuò)展性、反思性得到培養(yǎng)，從而達(dá)到培養(yǎng)學(xué)生創(chuàng)新思維能力的目的。
在學(xué)生都能成功地模擬組裝電腦的情況下，為了進(jìn)一步擴(kuò)展學(xué)生的思維，培養(yǎng)創(chuàng)新個(gè)性，布置“設(shè)計(jì)自己的智能型家用電腦方案”的課后作業(yè)。
創(chuàng)新教學(xué)策略的運(yùn)用：
⑴以任務(wù)促進(jìn)自主活動的策略：用任務(wù)激發(fā)學(xué)生自主的學(xué)習(xí)，通過自主的活動——組裝自己的電腦，促進(jìn)學(xué)生的發(fā)展。
⑵運(yùn)用激發(fā)元認(rèn)知活動的策略：通過課件“DIY電腦評估系統(tǒng)”對學(xué)生的模擬組裝進(jìn)行監(jiān)測評估，促使學(xué)生進(jìn)行反思，再活動再反思再活動，從而激發(fā)學(xué)生的元認(rèn)知活動。
⑶運(yùn)用專題學(xué)習(xí)網(wǎng)站與課堂教學(xué)有機(jī)結(jié)合的策略：為了激發(fā)學(xué)生自主學(xué)習(xí)的興趣，教師把資料做成圖文并茂的網(wǎng)頁，存放在“創(chuàng)新教育專題學(xué)習(xí)網(wǎng)站”的專題協(xié)作學(xué)習(xí)版塊中，學(xué)生通過瀏覽網(wǎng)頁內(nèi)容的形式進(jìn)行自主學(xué)習(xí)，有機(jī)地把信息技術(shù)整合于課堂教學(xué)中。
（二）教學(xué)資源
在專題學(xué)習(xí)網(wǎng)站上提供教學(xué)需要的相關(guān)資源，包括：
1、硬件相關(guān)知識介紹
2、網(wǎng)上電腦超市
3、模擬組裝系統(tǒng)
4、DIY電腦評估系統(tǒng)
（三）教學(xué)實(shí)踐的過程
1、新課引入
提出本節(jié)課的主要任務(wù)——自己動手組裝電腦，而要能較好地完成此任務(wù)，必須先學(xué)習(xí)計(jì)算機(jī)硬件組成的有關(guān)知識。
新知識的掌握
⑴對計(jì)算機(jī)系統(tǒng)組成的講解。
⑵提出問題引導(dǎo)學(xué)生積極思考，從而得出人腦處理問題的系統(tǒng)組成。
問題1：請回答 “3+5-2”等于多少？
問題2：你能說說你在回答問題1的過程中，你的身體有哪些器官參與了此項(xiàng)活動以及它們各自的作用？
⑶由人腦的組成推斷出電腦的組成。
問題三：電腦是人腦的仿生結(jié)構(gòu)，想一想電腦應(yīng)該由哪些部件組成，如果你要購買一臺電腦，請計(jì)劃一下它的結(jié)構(gòu)。
3、任務(wù)的完成
（1）提出任務(wù)：DIY個(gè)人電腦
（2）計(jì)劃：用途、金額、選用的部件
（3）進(jìn)入網(wǎng)上電腦超市，選擇組裝電腦的具體部件。
（4）進(jìn)入“DIY電腦評估系統(tǒng)”，進(jìn)行模擬組裝，并由評估系統(tǒng)對其正確性和價(jià)格進(jìn)行評估。如果不能通過評估，重新審核計(jì)劃，再進(jìn)入電腦超市，修正選項(xiàng)，再進(jìn)行模擬組裝，直到通過評估。
參加教育工作以來，時(shí)刻銘記自己作為一名人民教師的使命，嚴(yán)格要求自己，認(rèn)真鉆研教育教學(xué)方法，學(xué)習(xí)新課程理念，研究課堂、研究學(xué)生。而付出終有回報(bào)，在第四輪教育教學(xué)基本功競賽中我榮獲二等獎，而且得到校領(lǐng)導(dǎo)和學(xué)習(xí)的接受，這事我非常感到欣慰的，下面是本人工作鑒定，個(gè)人工作鑒定。
在班主任工作方面，向有經(jīng)驗(yàn)的老班主任學(xué)習(xí)，研究班主任工作方法，陸續(xù)擔(dān)任**班見習(xí)班主任和**班見習(xí)班主任，兩個(gè)班級都被評為校文明班級。在20**年度本人被學(xué)校評為優(yōu)秀見習(xí)班主任。從20**年9月至今，本人擔(dān)任電子商務(wù)專業(yè)綜職班班主任，在20**學(xué)年上半學(xué)期，班級被評為“保護(hù)財(cái)產(chǎn)先進(jìn)集體”“值周工作先進(jìn)班級”在首屆校運(yùn)會上，班級榮獲“精神文明風(fēng)尚獎”通過學(xué)習(xí)本人基本上已經(jīng)掌握了先進(jìn)的教學(xué)手段和多媒體制作技術(shù)，能夠靈活的運(yùn)用flash、ppt和authorware制作教學(xué)課件以及網(wǎng)頁制作技術(shù)。由本人制作的課件《牛頓第一運(yùn)動定律》榮獲校課件評比三等獎。由本人設(shè)計(jì)的網(wǎng)站《走進(jìn)電子商務(wù)》在20**年專題頁評比中榮獲三等獎。
在教學(xué)之余，我也思考著教學(xué)與科研，嘗試撰寫教學(xué)論文。由本人撰寫的論文《怎樣說好一節(jié)物理課》榮獲溧陽市職教論文二等獎。經(jīng)過仔細(xì)修改后，論文《怎樣說好一節(jié)物理課》又榮獲XX年常州市職教論文一等獎，之后本人陸續(xù)撰寫了師德交流論文《紅專并進(jìn)、為人師表》和《淺談以問題為中心的教學(xué)創(chuàng)新模式》等校級交流論文。
本人積極參加各種繼續(xù)教育培訓(xùn)，參加了信息技術(shù)與課程整合培訓(xùn)，被選為信息技術(shù)與課程整合骨干培訓(xùn)教師。
經(jīng)歷磨練就會擁有收獲，在這個(gè)充滿激情的社會，只有不斷強(qiáng)化自己，不斷裝備自己，才會適應(yīng)社會對自己的要求，做到一名合格的社會人才。
關(guān)鍵詞:創(chuàng)新教育;Dreamweaver;網(wǎng)頁制作;教學(xué)實(shí)踐
中圖分類號:G642 文獻(xiàn)標(biāo)識碼:B
1引言
21世紀(jì)是知識經(jīng)濟(jì)時(shí)代,知識經(jīng)濟(jì)的核心是知識的創(chuàng)新。以計(jì)算機(jī)技術(shù)為核心的信息技術(shù)的飛速發(fā)展,不僅影響著人們的日常生活,也對人們的思想觀念產(chǎn)生了強(qiáng)烈的沖擊。現(xiàn)今,對計(jì)算機(jī)技術(shù)的掌握程度,已成為衡量一個(gè)人受教育程度和科學(xué)文化素質(zhì)的重要指標(biāo)。在這樣的社會大背景下,全面推行素質(zhì)教育,培養(yǎng)學(xué)生的創(chuàng)新能力已成為開展教育的重要目標(biāo)。近年來,素質(zhì)教育的口號已深入人心,但教學(xué)中陳舊的、急功近利的因素仍大量存在,片面強(qiáng)調(diào)知識的傳承功能,而不重視培養(yǎng)學(xué)生的創(chuàng)新能力,這嚴(yán)重阻礙了創(chuàng)新能力的形成。針對這種教育現(xiàn)狀,培養(yǎng)創(chuàng)新人才的任務(wù)刻不容緩。
1.1創(chuàng)新教育觀綜述
1.1.1創(chuàng)新教育思想的發(fā)展背景
“創(chuàng)新”的概念由美籍奧地利經(jīng)濟(jì)學(xué)家熊彼德在1912年的《經(jīng)濟(jì)發(fā)展理論》中首次提出。近年來,發(fā)展中國家也開始把培養(yǎng)創(chuàng)造力的創(chuàng)新教育作為教育的基本方向和根本目標(biāo)。1996年知識經(jīng)濟(jì)概念的正式提出,使全世界對創(chuàng)新有了新的期望和要求,創(chuàng)新教育引起了社會的普遍關(guān)注,并得到了高度的重視和研究。未來教育的新使命是知識的創(chuàng)新和創(chuàng)新型人才的培養(yǎng)。知識經(jīng)濟(jì)、科教興國與建立國家創(chuàng)新體系知識經(jīng)濟(jì)的興起,表明了綜合國力的競爭。而國家創(chuàng)新能力的基礎(chǔ)在于人才的數(shù)量、質(zhì)量、結(jié)構(gòu)和整體作用的發(fā)揮,而傳播知識,造就創(chuàng)新人才的途徑是教育,因此,教育是國家創(chuàng)新體系的支柱和基礎(chǔ)。現(xiàn)在大力推行的素質(zhì)教育是以培養(yǎng)學(xué)生的創(chuàng)新精神為重點(diǎn)的。
1.1.2創(chuàng)新教育思想的主要觀點(diǎn)
創(chuàng)新是知識經(jīng)濟(jì)時(shí)代教育的基本職能。在知識經(jīng)濟(jì)時(shí)代里,知識和信息的作用越來越大,人的素質(zhì)、技能,特別是知識創(chuàng)新成為知識經(jīng)濟(jì)實(shí)現(xiàn)的先決條件,不斷創(chuàng)新的知識就是財(cái)富,就是生產(chǎn)力,是經(jīng)濟(jì)增長的源泉和推動力量。農(nóng)業(yè)時(shí)代教育的基本技能是對知識的繼承和積累。工業(yè)時(shí)代教育的基本技能是對知識的普及和擴(kuò)張。在現(xiàn)在這個(gè)時(shí)代里教育的基本技能是對知識的創(chuàng)新和探索。
教育是知識創(chuàng)新、傳播和應(yīng)用的主要基礎(chǔ)。教育是培育創(chuàng)新精神和創(chuàng)新人才的重要搖籃,教育是國家創(chuàng)新體系的重要組成部分。國家創(chuàng)新體系是由知識創(chuàng)新和技術(shù)創(chuàng)新相關(guān)的機(jī)構(gòu)和組織構(gòu)成的網(wǎng)絡(luò)系統(tǒng)。國家創(chuàng)新體系的主體包括企業(yè)研究開發(fā)機(jī)構(gòu)、科研機(jī)構(gòu)、教育和培訓(xùn)機(jī)構(gòu)、政府部門四個(gè)方面。
培養(yǎng)創(chuàng)新精神和能力是素質(zhì)教育的重要目標(biāo)。創(chuàng)新教育把素質(zhì)教育推向了一個(gè)新的臺階,創(chuàng)新教育是素質(zhì)教育的核心、靈魂,創(chuàng)新素質(zhì)的培養(yǎng)為實(shí)施素質(zhì)教育、深化素質(zhì)教育找到了一個(gè)好的切入點(diǎn)。
創(chuàng)新教育的關(guān)鍵在于培養(yǎng)學(xué)生的創(chuàng)新性學(xué)習(xí)。創(chuàng)新性學(xué)習(xí)就是要求能善于系統(tǒng)地提出問題,并把問題集中起來。它對公認(rèn)的典型的解決問題方法所抱的態(tài)度是:在采用之前先加以判斷,然后根據(jù)價(jià)值來決定是否采用。創(chuàng)新性學(xué)習(xí)是通過重建整體而不是分裂現(xiàn)實(shí)來促進(jìn)我們思維的,因此,它是以整體性思維為主導(dǎo)的,反映了綜合-分析的時(shí)代精神。創(chuàng)新教育的關(guān)鍵是培養(yǎng)學(xué)習(xí)的創(chuàng)新性學(xué)習(xí)。從教師方面來看,不在于教,而在于指導(dǎo)學(xué)生自我學(xué)習(xí)。從學(xué)生方面來看,不能依靠老師和書本,要學(xué)會創(chuàng)新性學(xué)習(xí), 邊學(xué)邊問。通過兩方面的分析,我們認(rèn)識到,實(shí)施創(chuàng)新教育的關(guān)鍵就是要培養(yǎng)學(xué)生的創(chuàng)新性學(xué)習(xí)。
1.1.3創(chuàng)新教育的實(shí)施原則
個(gè)性化原則:要求教師把自己的角色定位在引導(dǎo)者上,因材施教,尊重學(xué)生的差異性和多樣性,激發(fā)學(xué)生的主動性和創(chuàng)造性,與學(xué)生建立起平等、民主的關(guān)系,把培養(yǎng)學(xué)生積極進(jìn)取各具特色的個(gè)性作為一項(xiàng)重要的教育任務(wù)來抓。
自主性原則:指在教學(xué)過程中,學(xué)生要充分發(fā)揮其主觀能動性,要主動積極而不是消極被動地學(xué)習(xí);對所學(xué)的知識要真正理解和善于運(yùn)用,而不是“生吞活剝”、呆讀死記。
探索性原則:指在教育教學(xué)活動中,要求教師應(yīng)富有探索性,為學(xué)生創(chuàng)設(shè)探索情境,提出探索性問題。引導(dǎo)學(xué)生在教育教學(xué)活動中不斷地探索,得出科學(xué)的結(jié)論;并且在此活動中讓學(xué)生養(yǎng)成勇于探索的精神。探索性原則是培養(yǎng)學(xué)生創(chuàng)造性思維的基本方法之一。
開放性原則:指在教育教學(xué)過程中,所有的教育教學(xué)活動向廣大師生開放,向現(xiàn)代社會開放,向國內(nèi)外最新的教育理論和成功的教育經(jīng)驗(yàn)開放。這里的開放不是目的,而是要達(dá)到使教育資源的最優(yōu)化配置,從而實(shí)現(xiàn)我們的教育教學(xué)活動向積極的健康的方向發(fā)展。
民主性原則:指在教學(xué)活動過程中教師與學(xué)生、學(xué)生與學(xué)生之間形成的一種民主、平等的關(guān)系,在這種氛圍中,更有利于教學(xué)活動的開展和教學(xué)效果的提高。民主性原則提倡民主,反對專制。教師的民主作風(fēng)是建立良好師生關(guān)系的主要因素,也與創(chuàng)新能力的培養(yǎng)息息相關(guān)。教師在教育教學(xué)中發(fā)揚(yáng)民主作風(fēng),不僅會得到學(xué)生的贊許,也會促進(jìn)學(xué)生自覺地學(xué)習(xí)。同樣,學(xué)生之間民主關(guān)系的培養(yǎng),也有利于學(xué)生個(gè)性的發(fā)展和創(chuàng)造力的培養(yǎng)。
實(shí)踐性原則:指教師在教學(xué)活動中要引導(dǎo)學(xué)生學(xué)會并運(yùn)用知識于實(shí)際,學(xué)會基本技能,養(yǎng)成分析問題和解決問題的能力,包括手腦并用的操作能力。
啟發(fā)性原則:指教師在教學(xué)工作中依據(jù)學(xué)習(xí)過程的客觀規(guī)律,引導(dǎo)學(xué)生主動、積極、自覺地掌握知識,而不是硬牽著學(xué)生走,代替學(xué)生得出現(xiàn)成的結(jié)論。
1.2創(chuàng)新教育思想的現(xiàn)實(shí)意義
創(chuàng)新教育思想的認(rèn)識意義是深化了對教育的創(chuàng)新職能的認(rèn)識。提高了對創(chuàng)新素質(zhì)作為重點(diǎn)目標(biāo)的認(rèn)識,樹立創(chuàng)新教育觀念。創(chuàng)新教育思想的實(shí)踐意義是深化教育教學(xué)改革,突出創(chuàng)新素質(zhì)的培養(yǎng)和教育;創(chuàng)造各種教育環(huán)境,引導(dǎo)培養(yǎng)學(xué)生的創(chuàng)新性學(xué)習(xí);貫徹創(chuàng)新教育原則,探索提高學(xué)生創(chuàng)新素質(zhì)的途徑和方法。
2要點(diǎn)與教學(xué)實(shí)踐
以這門課程為例,我們在長期的多媒體輔助教學(xué)實(shí)踐中發(fā)現(xiàn),這種操作實(shí)踐性很強(qiáng)的課程,不需要教師“填鴨式”地說教,只需要將基本原理、基本操作步驟進(jìn)行引導(dǎo)后,學(xué)生完全可以根據(jù)自己的社會背景選擇不同的實(shí)例進(jìn)行實(shí)踐,在完成實(shí)例制作的交互過程中很自然地建構(gòu)了整個(gè)知識結(jié)構(gòu)。
2.1進(jìn)行創(chuàng)新性的教學(xué)設(shè)計(jì)
創(chuàng)新教育觀下的教學(xué)設(shè)計(jì)與傳統(tǒng)的教學(xué)設(shè)計(jì)不同,它以學(xué)生為中心,教學(xué)過程的最終目的是完成創(chuàng)新學(xué)習(xí)(而非完成教學(xué)目標(biāo)),強(qiáng)調(diào)培養(yǎng)學(xué)生的創(chuàng)新能力,重視學(xué)習(xí)環(huán)境(而非教學(xué)環(huán)境的設(shè)計(jì)),重視情境和協(xié)作學(xué)習(xí)對創(chuàng)新的重要作用。
在課程教學(xué)中,我們運(yùn)用創(chuàng)新教育觀的教學(xué)法,嘗試進(jìn)行了創(chuàng)新性的教學(xué)設(shè)計(jì)。如在“網(wǎng)頁頁面布局”中,進(jìn)行了如下教學(xué)設(shè)計(jì):
(1) 教學(xué)目標(biāo)分析。確定當(dāng)前所學(xué)知識的主題“網(wǎng)頁頁面布局”。讓學(xué)生認(rèn)識到網(wǎng)頁布局對整個(gè)網(wǎng)頁元素的組織編排的重要性,并讓學(xué)生掌握實(shí)現(xiàn)網(wǎng)頁布局的基本方法,最終讓學(xué)生能動手完成一個(gè)簡單的網(wǎng)頁布局的設(shè)計(jì)。在創(chuàng)新性上,培養(yǎng)學(xué)生在進(jìn)行自主學(xué)習(xí)的過程中勇于克服困難,體驗(yàn)到成功后的快樂。
(2) 情境創(chuàng)設(shè)和確定問題。創(chuàng)設(shè)與主題相關(guān)的,盡可能真實(shí)的情境。在學(xué)習(xí)制作實(shí)例時(shí),由淺入深,在同一層次的學(xué)習(xí)者可以根據(jù)自己的實(shí)際情況自由選擇,符合以學(xué)生為中心的模式,同時(shí)要求學(xué)習(xí)者首先從總體上思考解決實(shí)例中的關(guān)鍵問題。
(3) 自主學(xué)習(xí)設(shè)計(jì)。在情境創(chuàng)設(shè)和問題確定的基礎(chǔ)上,啟發(fā)學(xué)生自己思考如何來實(shí)現(xiàn)實(shí)例,并讓學(xué)生自主思考創(chuàng)新設(shè)計(jì)。
(4) 協(xié)作學(xué)習(xí)環(huán)境設(shè)計(jì)。為學(xué)生合作,教學(xué)信息反饋提供一個(gè)平臺。引導(dǎo)小組協(xié)作進(jìn)而歸納、研究出網(wǎng)頁布局的內(nèi)在規(guī)律性。
(5) 效果評價(jià)。根據(jù)基本知識的掌握和實(shí)例完成情況給出一個(gè)比較適當(dāng)?shù)脑u價(jià)系統(tǒng)。
2.2教學(xué)實(shí)踐難點(diǎn)及網(wǎng)頁制作的關(guān)鍵技術(shù)
學(xué)生在學(xué)習(xí)這門課程中往往存在一種誤區(qū),認(rèn)為只要掌握一些獨(dú)立的功能,就算是學(xué)會Dreamweaver這個(gè)軟件了,而忽視了解決實(shí)例的能力培養(yǎng)。我們先從網(wǎng)頁布局作用的基本概念與實(shí)現(xiàn)入手,在教師的幫助下,先從總體上有個(gè)把握,再讓學(xué)習(xí)者自主選擇例子,根據(jù)自己剛剛學(xué)的知識,先試試獨(dú)立完成,再進(jìn)行評估,最后給出正確的演示過程,符合學(xué)科的教學(xué)規(guī)律。在課堂教學(xué)中,創(chuàng)新教育觀下的創(chuàng)新性教育仍存在著問題:學(xué)生沒有自行解決問題的積極性,教師又不可能對每一個(gè)學(xué)生采取激勵措施。因此,利用現(xiàn)代計(jì)算機(jī)教學(xué)工具,讓學(xué)生不僅可以自由選擇學(xué)習(xí)內(nèi)容,而且計(jì)算機(jī)程序可以提供一對一的指導(dǎo),從而真正發(fā)揮出創(chuàng)新性教學(xué)的優(yōu)勢。
2.3教學(xué)設(shè)計(jì)過程及設(shè)計(jì)思想
(1) 新課的引入(教師監(jiān)控)
教師以“誘思探究導(dǎo)學(xué)法”為指導(dǎo)思想,主要體現(xiàn) “誘”和“導(dǎo)”兩個(gè)環(huán)節(jié)。首先是“誘疑”使學(xué)生“生疑”;然后要“導(dǎo)向”,比如教師的操作:在Dreamweaver中刪除頁中的頁面元素后出現(xiàn)的表格,讓學(xué)生的思維沿著正確方向發(fā)展,最終達(dá)到“釋疑”的目的。
(2) 新課的學(xué)習(xí)(教師監(jiān)控)
根據(jù)資源網(wǎng)的指導(dǎo)學(xué)會表中表的使用,并完成表格制作。在布局的基礎(chǔ)上插入圖片及文字,完成一個(gè)如例題的簡單網(wǎng)頁制作。通過屬性的設(shè)計(jì)美化網(wǎng)頁。然后指導(dǎo)學(xué)生帶著講解中的問題,利用教師準(zhǔn)備的學(xué)習(xí)資源網(wǎng)自主學(xué)習(xí),探索交流,小組互助,“助教”指導(dǎo),量力而行完成操作任務(wù)。在整個(gè)教學(xué)中教師要注意這樣兩個(gè)因素,一是在設(shè)置例題時(shí)要為所有學(xué)生充分考慮到學(xué)生的個(gè)別差異,體現(xiàn)分層教學(xué)的重要性。二是以探索問題來引導(dǎo)和維持學(xué)生學(xué)習(xí)的興趣和動機(jī)。讓學(xué)生充分利用教學(xué)資源自主學(xué)習(xí),同時(shí)優(yōu)秀學(xué)生做好“助教”的角色互幫互學(xué),既能激發(fā)他們的學(xué)習(xí)積極性,給他們一個(gè)鍛煉成長的機(jī)會,又能使更多的學(xué)生得到幫助,有利于全面提高學(xué)生動手動腦的能力,體現(xiàn)“因材施教”。
(3) 師生互動
尋找學(xué)生在完成任務(wù)中會遇到的第一個(gè)問題:“表格線互擾問題”并及時(shí)以該問題為切入點(diǎn)將學(xué)生的思維引入到本節(jié)的重點(diǎn)內(nèi)容――表中表的使用。引導(dǎo)學(xué)生發(fā)現(xiàn)例子中的新問題:各部分表格線的差異。將本節(jié)的內(nèi)容推向另一個(gè)熱點(diǎn)。師生以“例題”為主線,學(xué)生不斷地發(fā)現(xiàn)問題,教師及時(shí)地鼓勵準(zhǔn)確地導(dǎo)向,調(diào)控學(xué)生主動地探究,利用各種方法解決問題。例如教師搭建的網(wǎng)上學(xué)習(xí)資源,平時(shí)建立的小組協(xié)作關(guān)系等,主動想辦法解決問題。
(4) 學(xué)生作品評價(jià)
評價(jià)小結(jié)是本節(jié)課的一個(gè)部分。充分利用評價(jià)方式對學(xué)生起到激勵作用,一改過去的以教師為權(quán)威的做法。此時(shí),教師把主動權(quán)交給學(xué)生,使他們更具參與意識,引發(fā)學(xué)習(xí)的主動性,學(xué)會正確地、善意地、藝術(shù)地評價(jià)他人和自己。評價(jià)方式的改革可達(dá)到引導(dǎo)學(xué)生客觀評價(jià)自己,不能過分謙虛而失去在同學(xué)們面前表現(xiàn)自己才干的機(jī)會,又不能過分張揚(yáng)引起同學(xué)們的反感,影響自己的形象。在互評、點(diǎn)評中要引導(dǎo)學(xué)生正確看待別人對自己的評價(jià),學(xué)會寬以等人;學(xué)會巧妙地運(yùn)用語言藝術(shù)對存在問題的同學(xué)提出批評。同時(shí)通過點(diǎn)評、互評各自的作品,鞏固本節(jié)的知識點(diǎn),達(dá)到強(qiáng)調(diào)重點(diǎn),攻破難點(diǎn)的目的。
該教學(xué)設(shè)計(jì)是對教師綜合運(yùn)用“任務(wù)驅(qū)動―體驗(yàn)探究”、“分層教學(xué)”、“表揚(yáng)激勵”等教學(xué)方法能力及如何引導(dǎo)學(xué)生選擇確實(shí)可行的學(xué)習(xí)方法能力的考驗(yàn)。讓學(xué)生帶著真實(shí)的任務(wù)學(xué)習(xí),這是任務(wù)驅(qū)動的精髓,同時(shí),通過評價(jià)的過程,潛移默化地鞏固知識,提高解決問題、評判的能力。為學(xué)有余力的學(xué)生創(chuàng)造繼續(xù)發(fā)展的廣闊天空,激發(fā)他們的興趣,培養(yǎng)他們的創(chuàng)新精神。
3結(jié)束語
大力提倡和推行創(chuàng)新教育是時(shí)展的需要,本文以創(chuàng)新教育理念為指導(dǎo),首先提出實(shí)施創(chuàng)新教育的必要性,然后分析當(dāng)前教學(xué)情況及創(chuàng)新教育的實(shí)施現(xiàn)狀,由此探討在網(wǎng)頁設(shè)計(jì)課程中實(shí)施創(chuàng)新教育的途徑。借鑒現(xiàn)有的創(chuàng)新教學(xué)模式,構(gòu)建出“Dreamweaver”網(wǎng)頁設(shè)計(jì)課程的創(chuàng)新教學(xué)模式,并應(yīng)用于教學(xué)實(shí)踐。通過教學(xué)實(shí)踐,證明這一創(chuàng)新教學(xué)模式的教學(xué)效果是顯著的,是該課程實(shí)施創(chuàng)新教育的可行途徑之一。
參考文獻(xiàn):
[1] 趙志剛. 基于網(wǎng)絡(luò)環(huán)境下創(chuàng)新教育的學(xué)習(xí)模式探討[D]. 武漢:華中師范大學(xué)碩士學(xué)位論文,2004.
[2] 趙建華. 知識經(jīng)濟(jì)與創(chuàng)新教育[J]. 寧波教育學(xué)院學(xué)報(bào),1999(9):1.
[3] 李緋. 計(jì)算機(jī)輔助教學(xué)中基于問題解決學(xué)習(xí)的教學(xué)模式的設(shè)計(jì)[J]. 電化教育研究,1999(3):54.
The Dreamweaver of Webpage Facture and Practice Teaching Based on the Teaching Concept of Creativity
WU Xiao-yan
(Dept. of Computer Science, Sichuan University of Arts and Science, Sichuan 635000, China)
中圖分類號 U212.33 文獻(xiàn)標(biāo)識碼 A 文章編號 1674-6708（2016）161-0057-02
網(wǎng)站建設(shè)程度與水平與平面設(shè)計(jì)、技術(shù)之間關(guān)系密切，只有不斷提升設(shè)計(jì)與技術(shù)水平才能更好的滿足實(shí)際需要。網(wǎng)站建設(shè)中強(qiáng)調(diào)的是相關(guān)專業(yè)人員通過設(shè)計(jì)、建模相關(guān)方式達(dá)到信息的互聯(lián)網(wǎng)通信，并從形式上達(dá)到以圖形界面的瀏覽為特征。為此，網(wǎng)站建設(shè)過程中就需要將設(shè)計(jì)與技術(shù)之間結(jié)合起來，并為用戶提供良好服務(wù)。
1 網(wǎng)站建設(shè)相關(guān)信息
網(wǎng)站建設(shè)需要具備一定的功能，因此，網(wǎng)頁制作主要可以劃分為靜態(tài)網(wǎng)頁、動態(tài)網(wǎng)頁兩種。兩者之間具有一定的區(qū)別，通常情況下，靜態(tài)網(wǎng)頁會對網(wǎng)站當(dāng)中的產(chǎn)品效果以及相關(guān)進(jìn)行說明。動態(tài)網(wǎng)站則會對產(chǎn)品的功能以及操作數(shù)據(jù)情況加以闡釋。
網(wǎng)站建設(shè)方面，靜態(tài)網(wǎng)頁方面進(jìn)行平面設(shè)計(jì)相對較簡單，如果需要對網(wǎng)站當(dāng)中增加其他的功能，則需要應(yīng)用相關(guān)技術(shù)。網(wǎng)頁更加具備一定實(shí)用性。平面設(shè)計(jì)過程中采用Adobe Dream Weaver技術(shù)可以實(shí)現(xiàn)數(shù)據(jù)庫訪問方面的自動生成，并對程序以及數(shù)據(jù)庫兩者之間進(jìn)行有效融合，這樣可以更好的提升網(wǎng)站建設(shè)的功能性需要，也能夠在外觀設(shè)計(jì)方面提供幫助。
2 網(wǎng)站建設(shè)平面設(shè)計(jì)中存在的不足
2.1 網(wǎng)站外觀設(shè)計(jì)
隨著電子網(wǎng)絡(luò)的高速發(fā)展，電子商務(wù)發(fā)展趨勢越來越好，較多網(wǎng)站設(shè)計(jì)中在外觀設(shè)計(jì)上存在一定問題，主要表現(xiàn)為自身性質(zhì)條件與外觀整體設(shè)計(jì)不符合。在網(wǎng)站建設(shè)中不同的客戶的對網(wǎng)站外觀需求不同，所喜歡的風(fēng)格也不同，設(shè)計(jì)人員要根據(jù)客戶的實(shí)際需求進(jìn)行網(wǎng)站外觀設(shè)計(jì)。在調(diào)查中了解到部分網(wǎng)站平面設(shè)計(jì)人員為了節(jié)省時(shí)間，在外觀設(shè)計(jì)上直接參考其他網(wǎng)站，進(jìn)行抄襲或模仿設(shè)計(jì)，這種情況對電子商務(wù)網(wǎng)站造成較大不良影響，對其長遠(yuǎn)發(fā)展及相關(guān)產(chǎn)業(yè)擴(kuò)展都有著制約影響
2.2 網(wǎng)站平面圖片處理
網(wǎng)站平面建設(shè)過程中，圖片是其主要構(gòu)成要素。通過對部分典型網(wǎng)站建設(shè)的調(diào)查了解到，部分以宣傳為主的網(wǎng)站，圖片對實(shí)現(xiàn)宣傳意義有著重要作用，也是其產(chǎn)品宣傳的主要途徑。但就其內(nèi)部網(wǎng)站圖片設(shè)計(jì)的實(shí)際情況來看，卻不十分樂觀。首先在圖片的技術(shù)處理上，技術(shù)水平不夠，使其清晰度不夠，無法達(dá)到企業(yè)進(jìn)行產(chǎn)品或資料的宣傳目的。其次在圖片處理上還存在著網(wǎng)站平面建設(shè)人員對圖片選擇與制作不佳的問題，無法滿足圖片設(shè)計(jì)質(zhì)量，達(dá)不到企業(yè)宣傳需求，這對網(wǎng)站發(fā)展有著不利影響。
3 網(wǎng)頁設(shè)計(jì)技術(shù)發(fā)展
從互聯(lián)網(wǎng)角度出發(fā)進(jìn)行分析，在IT行業(yè)發(fā)展的數(shù)十年時(shí)間內(nèi)，整個(gè)行業(yè)發(fā)展速度進(jìn)入到全新時(shí)代。網(wǎng)頁作為一項(xiàng)能夠很好展現(xiàn)互聯(lián)網(wǎng)信息的重要形式，其地位更加不可撼動。為此，網(wǎng)頁設(shè)計(jì)技術(shù)發(fā)展就成為了當(dāng)前最為重要的任務(wù)。
網(wǎng)頁設(shè)計(jì)具體指的是應(yīng)用標(biāo)識語言，并利用相關(guān)設(shè)計(jì)以及建模方式完成對電子格式相關(guān)信息內(nèi)容的傳輸，最終可以以圖形的形式展現(xiàn)在用戶界面當(dāng)中。可以說網(wǎng)頁設(shè)計(jì)產(chǎn)生的目的應(yīng)當(dāng)是建設(shè)網(wǎng)站。借助超文本標(biāo)記語言以及可擴(kuò)展超文本形式能夠完成任何意義上的信息建設(shè)。在建設(shè)更加復(fù)雜信息內(nèi)容方面，包括矢量圖形以及相關(guān)文檔則需要安裝插件。
網(wǎng)頁建設(shè)的早期階段，更多受到了技術(shù)因素影響，設(shè)計(jì)均采用的是靜態(tài)設(shè)計(jì)。因此，網(wǎng)頁則呈現(xiàn)出展示功能較強(qiáng)的特征。網(wǎng)頁交互能力不強(qiáng)，缺少必要的設(shè)計(jì)技術(shù)。在這個(gè)時(shí)期，表格技術(shù)成為了設(shè)計(jì)網(wǎng)頁的重要手段。不同元素均能夠通過表格進(jìn)行建設(shè)。可以說，網(wǎng)頁設(shè)計(jì)技術(shù)的專業(yè)性讓非專業(yè)人員對其無法深度研究。
設(shè)計(jì)技術(shù)發(fā)展，促進(jìn)了動態(tài)網(wǎng)頁技術(shù)的形成，并逐步取代靜態(tài)網(wǎng)頁開始成為主流，其中JSP、PHP等作為全新的變成語言，對網(wǎng)頁設(shè)計(jì)技術(shù)發(fā)展具有重要意義。其實(shí)現(xiàn)了設(shè)計(jì)與實(shí)現(xiàn)分離以及設(shè)計(jì)與內(nèi)容之間的分離。
設(shè)計(jì)―實(shí)現(xiàn)分離強(qiáng)調(diào)的是并不對整體布局設(shè)計(jì)以及相關(guān)程序之間進(jìn)行同步編寫，而是采用了設(shè)計(jì)先行的方式，最后通過設(shè)計(jì)分析，完成整體布局。此項(xiàng)設(shè)計(jì)中采用的工具包括REWAMWEAVER等可視化工具。設(shè)計(jì)―內(nèi)容分離設(shè)計(jì)理念的產(chǎn)生強(qiáng)調(diào)的是網(wǎng)頁展示性以及內(nèi)容的展示性，因此，內(nèi)容上的增多或者減少都并不會對整個(gè)網(wǎng)頁產(chǎn)生影響，至少并不會對首頁產(chǎn)生影響。
最終，通過程序員的開發(fā)，具有開源性質(zhì)的內(nèi)容管理系統(tǒng)得以研發(fā)成功。這些CMS等進(jìn)一步進(jìn)行了深化，并形成了前文中的2個(gè)概念。由此可知，網(wǎng)頁設(shè)計(jì)技術(shù)發(fā)展從本質(zhì)上看就是對原本復(fù)雜深奧的工作通過一種更加先進(jìn)的方式呈現(xiàn)出來的完整過程。
4 網(wǎng)站建設(shè)中的平面設(shè)計(jì)與技術(shù)結(jié)合對策
網(wǎng)站建設(shè)實(shí)施階段，需要提升器視覺效果，現(xiàn)代IT產(chǎn)業(yè)發(fā)展水平進(jìn)入到全新領(lǐng)域，平面設(shè)計(jì)能夠?qū)ζ髽I(yè)發(fā)展以及產(chǎn)品的附加價(jià)值提供幫助。科學(xué)技術(shù)獲得長足發(fā)展使得平面設(shè)計(jì)水平也顯效提升。一些新興程序語言編程當(dāng)中也開始出現(xiàn)JSP等技術(shù)，為此，針對平面設(shè)計(jì)與技術(shù)的結(jié)合問題就表現(xiàn)出重要意義。
4.1 結(jié)合客戶需求的設(shè)計(jì)與技術(shù)
網(wǎng)站建設(shè)的過程中相關(guān)設(shè)計(jì)人員需要利用十分復(fù)雜的技術(shù)手段，為此，網(wǎng)站建設(shè)人員應(yīng)與平面設(shè)計(jì)之間形成必要的溝通，客戶需要對網(wǎng)站建設(shè)提出符合自身需要的意見，并應(yīng)用但網(wǎng)頁設(shè)計(jì)方面，以此滿足自身需要。例如，一些客戶可能需要網(wǎng)站建設(shè)具有較強(qiáng)的展示性，希望可以圖文并茂，因此設(shè)計(jì)人員就需要充分考慮著想因素，讓網(wǎng)站界面能夠?qū)D文聲像等因素更好得的結(jié)合在一起。相關(guān)網(wǎng)站建設(shè)工作也應(yīng)當(dāng)將客戶作為重要因素，依據(jù)用戶提出的相關(guān)意見進(jìn)行必要的修改，促使新型技術(shù)與平面設(shè)計(jì)之間相結(jié)合。
4.2 網(wǎng)站建設(shè)中加入視覺因素
現(xiàn)階段網(wǎng)站建設(shè)更加依賴視覺感應(yīng)效果，由此實(shí)現(xiàn)信息傳達(dá)的效果也更加明顯。現(xiàn)代互聯(lián)網(wǎng)技術(shù)長驅(qū)發(fā)展，使得平面建設(shè)以及多媒體網(wǎng)頁建設(shè)更加完美的融合在一起。網(wǎng)頁設(shè)計(jì)根據(jù)其顯像方式使用RGB的色彩模式，更注重的是信息結(jié)構(gòu)關(guān)系的梳理，如果將色彩運(yùn)用的過多過強(qiáng)，很容易引起視覺的疲勞感，就需要考慮的更為全面，并且在字體的選用范圍上也很小，為了讓輸出的成品大小不對服務(wù)器造成壓力，基于html的特性，所有字體都是根據(jù)用戶操作系統(tǒng)內(nèi)默認(rèn)字體而定的，當(dāng)然近年隨著技術(shù)的沿革與發(fā)展，這個(gè)差距也逐步在縮小。通常意義上也會應(yīng)用到三維平面因素，這樣建立起來的網(wǎng)站在感觀效果方面更加立體。這也是體現(xiàn)出網(wǎng)站建設(shè)中平面效果與技術(shù)結(jié)合的集中表現(xiàn)。除此之外，現(xiàn)代網(wǎng)站建設(shè)也開始融合大量的動態(tài)網(wǎng)頁制作相關(guān)技術(shù)，并通過數(shù)字科學(xué)技術(shù)手段促使用戶的需求得到滿足。
4.3 實(shí)現(xiàn)平面設(shè)計(jì)與技術(shù)的有效交流
網(wǎng)站建設(shè)中需要客戶與設(shè)計(jì)與人以及技術(shù)人員進(jìn)行有效交流，對平面設(shè)計(jì)以及技術(shù)之間進(jìn)行結(jié)合，才能夠最終為用戶提供更好的服務(wù)。平面設(shè)計(jì)方面不同設(shè)計(jì)人員之間也需要有效溝通，網(wǎng)站設(shè)計(jì)中的用戶也應(yīng)當(dāng)被放在首要地位，只有這樣才可以設(shè)計(jì)出優(yōu)秀的網(wǎng)站建設(shè)。
5 結(jié)論
綜上所述，網(wǎng)站建設(shè)對于我國來說仍然屬于新興技術(shù)產(chǎn)業(yè)，當(dāng)然，其在我國國民經(jīng)濟(jì)發(fā)展中所占據(jù)的地位也同樣重要。網(wǎng)站建設(shè)需要充分發(fā)揮平面設(shè)計(jì)的功能，為此，相關(guān)設(shè)計(jì)人員就需要能夠充分利用現(xiàn)代化的科學(xué)技術(shù)手段，并最終實(shí)現(xiàn)網(wǎng)站建設(shè)方面的安全穩(wěn)定發(fā)展。
參考文獻(xiàn)
[1]苗菊，劉明.多語種網(wǎng)站建設(shè)與翻譯――語言服務(wù)行業(yè)主體業(yè)務(wù)透析[J].中國翻譯，2013（1）：85-88.
[2]袁鑫.MOODLE平臺下高職電子商務(wù)專業(yè)課程教學(xué)資源庫的建設(shè)與應(yīng)用――以《商務(wù)網(wǎng)站平面美工》課程為例[J].職業(yè)時(shí)空，2015（7）：44-47，51.
[3]烏蓓華，王藝.網(wǎng)站群系統(tǒng)在高校網(wǎng)站建設(shè)中的應(yīng)用研究[C]//IEEE武漢分會、武漢大學(xué)、重慶郵電大學(xué)、蘭州大學(xué)、電子科技大學(xué)、山東大學(xué)、中南民族大學(xué)、福州大學(xué)、工程信息研究院.2012年互聯(lián)網(wǎng)技術(shù)與應(yīng)用國際學(xué)術(shù)會議論文集，IEEE武漢分會、武漢大學(xué)、重慶郵電大學(xué)、蘭州大學(xué)、電子科技大學(xué)、山東大學(xué)、中南民族大學(xué)、福州大學(xué)、工程信息研究院，2012：4.
[4]馮占江.下一站：用戶體驗(yàn)――檔案網(wǎng)站建設(shè)新思考[C]//檔案管理與利用――方法技術(shù)實(shí)踐[C]，2013：6.
[5]董燕.Web挖掘?qū)﹄娮由虅?wù)網(wǎng)站建設(shè)的影響[C]//華中科技大學(xué)管理學(xué)院.第11屆海峽兩岸信息管理發(fā)展策略研討會論文集.華中科技大學(xué)管理學(xué)院，2005（3）：123-124
