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