眾所周知,實踐是審視真理的唯一準繩,為了表達自己工作的真正情況,寫報告是必不可少的。寫報告時應注意實際情況,明確觀點。您已經(jīng)收集并整理了多少報告范文呢?如需了解有關“網(wǎng)站設計報告”的信息,請參考本文,感謝您的閱讀!
網(wǎng)站設計報告【篇1】
1.1課題來源
教師虛擬。
1.2教學網(wǎng)站設計的目的和意義
教學網(wǎng)站的設計開發(fā),使學生除了在傳統(tǒng)的課堂教學學習知識外,還增加了通過教學網(wǎng)站學習的方式。單項課程的教學網(wǎng)站旨在以網(wǎng)絡為紐帶,快速、高效、方便的實現(xiàn)知識的傳遞,一現(xiàn)代化手段促進教學改革,探索一種以互聯(lián)網(wǎng)為基礎的教學模式。通過這種模式,為學生營造一種新的教學環(huán)境,使教學工作突破時空限制,提高工作效率,使教師、學生可以隨時、隨地進行教學工作。
《信號與系統(tǒng)》課程是通信專業(yè)一門重要的基礎理論課,該課程的學習對于學生理解信號分析,系統(tǒng)分析具有重要的意義。設計和開發(fā)一套《信號與系統(tǒng)》課程教學網(wǎng)站,將課程多媒體課件、教案、實驗素材等教學資源發(fā)布到網(wǎng)上,供學習者隨時隨地在線學習,不僅可以共享教學資源,更重要的是可以在一定程度上激發(fā)學習者的積極性,提高教學質量。
網(wǎng)站,在剛一出現(xiàn)時,就以其強大的資源共享性贏得了無數(shù)用戶的心,也吸引了很多國內外很多專家的興趣,而其后的交互性也奠定了其后迅猛發(fā)展的基石,WWW技術的出現(xiàn)使這股史無前例的旋風席卷全世界,尤其是近幾年來,網(wǎng)站建設業(yè)務一直呈快速上升勢頭,行業(yè)市場越來越大,范圍也更加的廣闊。任何事物的發(fā)展壯大都會引起技術的變革,網(wǎng)站自然也不會例外,由最初的單純注入代碼到各種編程工具的出現(xiàn)再到各種編程語言的應運而生,而且隨著技術融合與發(fā)展,許多在其他行業(yè)熱門應用的技術如視頻、三維動畫、虛擬現(xiàn)實等技術都已經(jīng)實現(xiàn)向互聯(lián)網(wǎng)上移植,使得網(wǎng)站的制作技術不斷地完善,而新技術的完善也必將促使網(wǎng)站的設計更具魅力,更富挑戰(zhàn)性。
從國內外很多專家來看,網(wǎng)站未來很可能有以下幾種發(fā)展趨勢: 1.網(wǎng)絡、應用和服務融合
今后網(wǎng)絡的發(fā)展將由應用服務主導,由智能終端將各種應用疊加起來,疊加之后網(wǎng)絡對應地要做到服務的融合,而服務的融合則會推動網(wǎng)絡的融合。
2.計算機系統(tǒng)重新整合
隨著計算機技術(包括軟、硬件技術)的發(fā)展,以前在計算機里面做的東西會慢慢拿到網(wǎng)絡上做。
3.網(wǎng)絡進行整合
以前網(wǎng)絡的層次分得很清楚,是完全分開的。但是隨著技術的發(fā)展,以前沒什么關系的技術也會融合在一起,比如說,以前光是光、路由是路由,現(xiàn)在隨著新的技術出現(xiàn),比如路由技術,變成了光的IP轉換。
4.計算機系統(tǒng)結構改變
隨著網(wǎng)絡的發(fā)展,網(wǎng)絡的帶寬越來越寬,網(wǎng)絡一樣可以有總線,就是說,CPU——外設、CPU——內存中間的總線功能是網(wǎng)絡可以實現(xiàn)的,這個改變帶來的好處是出現(xiàn)新的概念:虛擬系統(tǒng)總線。虛擬總線可以帶來的最大好處是虛擬化,共享會更理想。將來計算機本身也會變,現(xiàn)在很多設備本身就在改變,比如把外設拿出來,但沒有把內存拿出來。以后會達到把內存拿出來,已經(jīng)有一些新的技術往這個方向走了。
3.1課題的任務要求 該教學網(wǎng)站應該具有:
1、 良好的交互界面
2、 資源上傳和下載的功能
3、 能提供師生和生生之間的同步或異步交流的論壇、留言板、聊天室等板塊新聞發(fā)布的功
能
3.2實現(xiàn)預期目標可行性分析
本網(wǎng)站主要為學生在網(wǎng)上進行本課程的學習和網(wǎng)上互動,用戶可以在客戶端方便的流覽教學網(wǎng)站上有關的信息(如教學課件、公告信息、資源信息等),通過最新公告讓學生清楚知道接下來要完成的事,通過網(wǎng)絡資源方便找到該課程的相關資料,通過留言板,提出自己的問題,管理員(教師)可以在后臺對同學的問題做出回答,形成一種互動,提高師生之間的溝通和了解,并且還可以是同學之間的交流,加強了知識的流暢性,能夠最大程度的實現(xiàn)課下再次互動學習。而且管理員(教師)在后臺進行文章相關操作:發(fā)表文章、修改文章、刪除文章、批量移動文章等。 其具體內容大概如下:
(1)實現(xiàn)諸多教學環(huán)節(jié)的網(wǎng)絡化
本站將實現(xiàn)教學過程中的教學通知、答疑、作業(yè)發(fā)布、批改等諸多環(huán)節(jié)的網(wǎng)絡化,減輕了教師教學負擔,提高了教師工作效率。
(2)教學網(wǎng)站的自動生成系統(tǒng)
本網(wǎng)站適應于各專業(yè)課程的教學。任課教師可以以本平臺為基礎,創(chuàng)建自己的網(wǎng)絡課程,結構合理、管理方便。
(3)以學生自主學習、教師課程管理為主線的網(wǎng)絡教學平臺
對于學生用戶而言,登錄后的主界面以課程內容導航為主線,同時配合教學文件查詢、習題、作業(yè)、課件瀏覽等各項學習環(huán)節(jié)。
對于教師用戶,登錄后的主界面以課程教學管理為主線,允許教師進行課程信息設置、發(fā)布教學文件、教學通知、作業(yè)等信息;實現(xiàn)教師在線回收作業(yè)并批改作業(yè)、設置課件庫等功能;允許教師在線答疑、網(wǎng)上命題等。
(4)已建成的網(wǎng)絡課程形式豐富、邏輯性強、吸引力高
各種現(xiàn)成的課程資源綜合使用了文字、數(shù)據(jù)、圖形、圖像、視頻、音頻、動畫等多種媒體技術,符合教學規(guī)律和特點,通過聽覺視覺的直觀效果增加藝術性、實用性,使學生對課程能夠更好地學習和理解,教學內容內在邏輯性強,科學性高,利于提高學生的積極性,教學效果得以較大幅度地提高。 主要的實施方案,技術路線:
1.項目實施方案:
首先要解決的就是網(wǎng)站的功能模塊,其功能構想大概如下:
(1)用戶管理系統(tǒng)
為保護網(wǎng)站信息的安全性,網(wǎng)站實行用戶注冊分級授權的認證管理制度,用戶必須使用真實姓名注冊才可以得到網(wǎng)站認證;用戶登錄時,系統(tǒng)自動識別用戶的身份及等級并賦予不同的網(wǎng)站操作權力,網(wǎng)站同時記錄用戶登錄的時間和IP地址。
(2)課程管理系統(tǒng)
允許在線增加、修改、刪除任意課程的名稱、課時、所屬專業(yè)、學分、類型等屬性。任課教師可以增加或刪除允許瀏覽自己任教課程的信息的用戶,其他用戶只有被授權后才可以瀏覽到該課程的信息。
(3)文章發(fā)表管理系統(tǒng)
允許教師用戶發(fā)表、修改、刪除教學文件、課程通知、課程講稿等文章。
(4)課件上傳及瀏覽、下載系統(tǒng)
允許教師上傳圖片、文本、動畫、音頻、視頻等各種格式的課件。發(fā)布的課件可以在課堂教學時直接調出作為教學的輔助材料,也可供學生課后在線反復瀏覽以加深對知識點的理解。
(5)信息查詢
允許教師及學生根據(jù)關鍵詞、發(fā)布時間、發(fā)布人等字段在線查詢站內所有資料。
(6)習題庫系統(tǒng)
允許教師按照課程、章、節(jié)以及單選題、多選題、填空題、簡答題、計算題、繪圖題等類別發(fā)布、編輯、查詢習題。
(7)組卷系統(tǒng)
可以根據(jù)教師的要求,自動從習題庫和試題庫篩選題目組成試卷,并生成符合考試卷要求格式的word文檔,同時生成試卷標準答案,供教師下載。
(8)資源鏈接
允許用戶通過本網(wǎng)站鏈接到本學科的學術雜志網(wǎng)站、專業(yè)網(wǎng)站和常用搜索引擎網(wǎng)站
(9)教學論壇
提供了教師和學生遠程交流的平臺,實現(xiàn)了教師與學生間的異地同步雙向互動。教師可以建立專門的課程交流室,學生登錄后可以在線留言、提問或相互交流學習經(jīng)驗、學習資料,教師可以在線解答學生疑問或發(fā)布教學信息。學生的問題可以隨時提問并能夠得到及時解答,改變了傳統(tǒng)教學模式中必須在規(guī)定的答疑時間和地點上才能進行師生交流的限制。師生互動的信息在網(wǎng)站上能夠較長時間地保留,學生也可以瀏覽到其他同學的問題以及教師的解答,這樣既節(jié)省了師生的時間,又擴展了師生間歷史交流信息的影響性。 2.實現(xiàn)其構想所要用到的東西以及它的可行性:
利用Dreamweaver和Photoshop以及Flash等網(wǎng)頁處理工具,保證網(wǎng)站正常使用的前提下,頁面清新淡雅,內容豐富多彩,神形兼?zhèn)洹?BR> 《信號與系統(tǒng)》的課程網(wǎng)站是個小型網(wǎng)站,開發(fā)經(jīng)費小,采用的相關技術應用普遍簡單易用,并且管理方便,十分有利于教學事務的高效管理。同時在網(wǎng)站設計開發(fā)過程中海鍛煉了我們學生的創(chuàng)新能力和專研精神,所以該網(wǎng)站的設計和建設是很有必要的。
教學網(wǎng)站的目的就是讓學生更好的學習和理解課程,讓教師減輕教學負擔,提高工作效率,以便將精力更好的用在教學上。
基于這一目本網(wǎng)站的建設關鍵問題就可想而知了:將所有的資源合理的整合在一起,不能顯得不合理或是突兀,要讓其看起來自然流暢。
難點自然也就是由網(wǎng)站中的關鍵問題體現(xiàn)出的,主要有以下方面:
1. 除了要求用到多個數(shù)據(jù)庫,數(shù)據(jù)庫相關聯(lián)之外,還需要設置不同用戶的數(shù)據(jù)訪問權限。
2.組卷時的評分問題。
工作條件:要求有一定的Photoshop、Dreamweaver及Flash設計基礎,熟悉軟件的使用。 解決辦法:使用Dreamwave,Flash,Photoshop、Access20xx等工具和相關的技術來完成教學網(wǎng)站的設計與開發(fā)。同時也要認真研讀相關書籍或期刊,對其文本進行系統(tǒng)、細致的分析,歸納已版的研究成果,結合自己的思路分析綜合,推陳出新。
20xx年10月31日----11月30日 下達任務書,初步了解設計任務
20xx年12月1日-----12月10日 查找資料,理清設計思路,并完成開題報告
20xx年12月1日----12月31日 修改開題報告,設計框架的建立
20xx年1月1日 -----1月15日 設計內容的充實
20xx年3月1日-----3月31日 設計內容的修改完善
20xx年4月1日------4月15日 畢業(yè)設計說明書的撰寫階段
20xx年4月16日-------4月30日 畢業(yè)設計答辯準備;
[1] 任江明.計算機教學網(wǎng)站的系統(tǒng)設計[M].《現(xiàn)代計算機(專業(yè)版)》,20xx,9:4~5.
[2] 林忠會.模塊化教學法在Asp.Net動態(tài)網(wǎng)站開發(fā)技術課程中的應用.《科技傳播》,20xx,21:25~30. [3] 張偉民. 教學網(wǎng)站的輔助教學研究[D] . 蘭州:西北師范大學,20xx.
[4] 吳晨、張亮、張靜. ASP.NET + SQL Server數(shù)據(jù)庫開發(fā)與實例[M].《清華大學出版社》, 20xx. [5] 余金山、王濤、徐建軍.ASP.NET 2.0+SQL Server 20xx企業(yè)項目開發(fā)與實戰(zhàn)[M].《電子工業(yè)出版社》,20xx.
[6] 風火輪小組.Asp建站編程高手指南[M].北京:大恒電子出版社,20xx.
[7] 孟宗潔.天津職業(yè)院校聯(lián)合學報[J].NET 三層結構在企業(yè)人事管理系統(tǒng)中的應用,20xx,12(2):64~67. [8] 劉好增.ASP動態(tài)網(wǎng)站開發(fā)實踐教程[J].計算機應用與研究,20xx,2(2):186~199.
網(wǎng)站設計報告【篇2】
1、理論意義;
面臨21世紀,社會的高度國際化、信息化使現(xiàn)代教育面臨著深刻改變,傳統(tǒng)的教育模式也因此受到?jīng)_擊,網(wǎng)站開題報告。以計算機為核心的信息技術必將導致教育教學領域的深刻改變,網(wǎng)絡教學、遠程教學、教育資源共享的教育新時代正向我們走來,在線系統(tǒng)網(wǎng)絡的建設,為建構現(xiàn)代教育新型教學教育模式提供了最理想的教學環(huán)境。讓學生共享網(wǎng)上教育資源,計算機和網(wǎng)絡進行工作、交流和學習,計算機改變了人的教學方式,同時也改變了人的思維方式和學習方式,這是對教育的挑戰(zhàn),也是為教育的改革發(fā)展提供了千載難逢的機遇。
2、現(xiàn)實意義;
1、建立先進的教學資源創(chuàng)作與管理應用模式
1)以主題為導向,提供結構化的主題知識庫,增加學習資源的趣味性、可讀性。
2)以學生為主要創(chuàng)作者,充分體現(xiàn)學生的學習思想與智慧。
2、提供良好的網(wǎng)絡協(xié)作學習工具,支持基于網(wǎng)絡的研究性學習
強調通過學習者主體性的探索、研究、協(xié)作來求得問題解決,從而讓學習者體驗和了解科學探索過程,提高學習者獲取信息、分析信息、加工信息的實踐能力和培養(yǎng)良好的創(chuàng)新意識與信息素養(yǎng)。
3、廣泛參與、分散開發(fā)、集中使用的實施方式
1)讓當?shù)刂袑W師生廣泛參與網(wǎng)站建設。
2)所有主題與中學實際教學密切相關
3)網(wǎng)站建設采用資源分散開發(fā),集中使用的實施原則。
4)強調主題網(wǎng)站資源建設與教學試驗相結合。一在線教學的特點。多媒體計算機網(wǎng)絡是集多媒體的長處于網(wǎng)絡的優(yōu)點于一身,是當今科學技術發(fā)展的結晶,主要有以下幾個方面的特點;
(1)網(wǎng)絡教學過程的交互性,網(wǎng)絡教學最大特點是它的實時交互性,實時交互性是指在網(wǎng)絡上的各個終端可以即時實施回答,交互的方式有學生和教師之間,學生之間,通過課件還可以有效地獲得圖、文、聲、像并茂的教育信息,師生之間的交互可以獲得教師的指導,學生之間的交互可以進行協(xié)作學習,這種雙向交互活動不僅使學生通過視、聽手段獲取教學信息,而且它還代表著一種學生所能接受到的、前所未有的興趣。有課堂學習的過程中,通過交互學生能及時地了解自己的進步與不足,并按要求調整學習,從而極大地提高了學習的質量與效率。
(2)網(wǎng)絡教學資源的共享性,學生通過網(wǎng)絡資源可以共享資源,其中包括硬件的共享和軟件的共享,核心是軟件的共享,網(wǎng)上資源豐富多彩、圖文并茂、形聲兼?zhèn)?,學習者在鏈接或教師指導下,可輕松自如地在知識海洋中沖浪,取之不盡、用之不竭的信息資源,神奇的網(wǎng)絡環(huán)境,對教育個性化的形成,對學生創(chuàng)造思維的培養(yǎng),對實現(xiàn)教學過程要素關系的轉變,對促進從應試教育向素質教育轉軌都將產(chǎn)生重大而深遠的影響。
(3)多媒體信息的綜合性,多媒體網(wǎng)絡融超媒體和超文本于一體,集圖形、圖像、圖表、聲音、文字于一體,有利于學生多種感官參與認知,促進學生對知識的建構,有利于激發(fā)學生興趣,培養(yǎng)學生的情感,有利于素質教育的實施。
(4)教學方式的先進性,傳統(tǒng)教學的中心是教師教,網(wǎng)絡教學的中心是學生的學,在網(wǎng)絡教學中,教學不再是滿堂灌,學生的學習應在教師的指導下根據(jù)自己的需要進行學生,學生之間也應是自由的,教師的作用主要是組織、調控,并以作業(yè)的評價方式幫助學生,至于學生的步調、方式、進度、內容的數(shù)量和難易程度等則由學生本人決定。
(5)教學目標的多樣性。學生的個體差異,如學生的學習方法,學習風格,學習的起點等決定了教學目標的多樣性,在傳統(tǒng)的"教學流水線"上難以實現(xiàn)因材施教,網(wǎng)絡教學克服了這些弊端。多媒體網(wǎng)絡課堂教學,帶來了許多真實的情境,將生活中五光十色的現(xiàn)象帶進了課堂,學生的學習效率將得到提高,有利于學生的身心健康。
(6)教學內容的豐富性。網(wǎng)上的教學內容不僅有本校學科教師編制的CAI課件,而且有來自于不同類型,不同地區(qū)學校的課件內容,學生通過比較借鑒,選取那些內容結構組織嚴密的優(yōu)秀網(wǎng)站或課件進行學習,從而提高單位時間內的學習效率。
(二)網(wǎng)絡在線學習可以為教育帶來以下好處:
1、教育信息的共享(資源增值)
2、不受時空限制(受教育的機會增多,學習更加方便,便于全民教育、終身教育的實現(xiàn))
3、多媒體多感官刺激效果好
4、超級連接,溝通便捷,便于合作、協(xié)商、求助
1、國外有關研究的綜述;
國外關于基于網(wǎng)絡的教學和學習的研究較早,并已取得諸多成果,如E-learning、Webquest、Web-based Inquiry(WBI)以及Online Project-based Learning(NetPBL)等諸多模式,許多西方國家的研究已走過試驗階段進入普及實施階段。尤其是美國,已具有較好的應用網(wǎng)絡的物質條件,網(wǎng)絡對于教師和學生而言,唾手可得,幾乎在每個教室都有。"無機不聯(lián)"已是當今美國計算機使用情況的真實寫照。據(jù)nces.ed.gov統(tǒng)計,僅在1994和1999年之間,(如96年秋美小學和初中的計算機互聯(lián)網(wǎng)接入率就分別為42%和67%)普通學校的互聯(lián)網(wǎng)接入率就從35%上升到98%。所以,計算機網(wǎng)絡已成為教師和學生必不可少的工具。利用網(wǎng)絡促進學生創(chuàng)造力和解決問題的能力是西方相關學者研究的重點,同時他們也將網(wǎng)絡作為學科教學中不可缺少的工具,促進學生自主學習、合作學習以及挑戰(zhàn)性的探究學習。
2、國內研究的綜述;
隨著新課程改革的開展以及對優(yōu)質教育資源的需求,許多研究者已經(jīng)意識到主題學習網(wǎng)站建設的重要性,針對主題學習網(wǎng)站進行了一系列實踐探索和理論研究,并已取得初步成果。
3、本人對以上綜述的評價;
歸納而言,西方對于基于主題的學習的實踐和研究并不特意強調利用某一種工具或媒體(如網(wǎng)站),而著重于圍繞主題培養(yǎng)學習者的多種能力。中國對主題的網(wǎng)站的學習的實踐和研究與建構主義學習理論相配合,目的是發(fā)展學生的學習興趣。
1、理論依據(jù)
1.靜態(tài)網(wǎng)頁制作技術。靜態(tài)網(wǎng)頁制作技術是一種通過HTML標記語言,按照一定的格式整合各種媒體,如圖片、文字、聲音等,結合Web服務器實現(xiàn)信息網(wǎng)絡發(fā)布的技術。覺見的靜態(tài)網(wǎng)頁制作工具有Photoshop、Dreamweaver、Flash等。該主題學習網(wǎng)站靜態(tài)網(wǎng)頁的開發(fā)采用了Dreamweaver8網(wǎng)頁制作工具,并運用了CSS技術和DIV技術。網(wǎng)站中"專題知識"、"課題研究"等部分就是應用靜態(tài)網(wǎng)頁制作技術來制作完成的。
2.動態(tài)網(wǎng)頁發(fā)布技術。動態(tài)網(wǎng)頁發(fā)布技術是指客戶端與服務器端的一種交互技術。這種技術使得用戶在網(wǎng)頁中輸入信息并提交以后,可以得到網(wǎng)站的及時反饋信息。常用的動態(tài)網(wǎng)頁發(fā)布技術有:C#、JSP、PHP、ASP等。該主題學習網(wǎng)站采用了ASP.NET語言編寫。
3.數(shù)據(jù)庫技術。網(wǎng)站開發(fā)中,數(shù)據(jù)庫技術主要來支持實現(xiàn)協(xié)作學習平臺、專題研討等動態(tài)網(wǎng)頁部分數(shù)據(jù)的存取。該網(wǎng)站采用SQL數(shù)據(jù)庫。整個網(wǎng)站是在WindowsXP系統(tǒng)下運行。
2、研究方法
1.資料收集。按照網(wǎng)站建設的具體要求,搜集網(wǎng)站所需素材和資料。
2.系統(tǒng)設計。系統(tǒng)設計是對網(wǎng)站的整體規(guī)劃,主要包括界面風格設計、導航設計、數(shù)據(jù)庫設計等。這是網(wǎng)站開發(fā)的基礎。
(1)界面風格設計:確定網(wǎng)站的整體色調、界面形式、跳轉或鏈接方式等;
(2)導航設計:這是網(wǎng)站開發(fā)中非常重要的一個環(huán)節(jié)。導航的設計要明確、簡單、完整,只有這樣,學習者在流星網(wǎng)站時,才能不迷航,才能輕松地在網(wǎng)站內尋找、瀏覽自己想要的資源,才能方便地應用網(wǎng)站進行研究性學習和協(xié)作交流。本丫的導航設計采用覺的按鈕、菜單和結構圖等導航方式,簡單、明了、易用;
數(shù)據(jù)庫設計:主要考慮動態(tài)生成協(xié)作學習模塊和專題研討模塊的網(wǎng)頁。由于網(wǎng)站數(shù)據(jù)關聯(lián)的復雜性不高,所以該網(wǎng)站的數(shù)據(jù)庫采用了免費的,但性能良好的SQL數(shù)據(jù)庫系統(tǒng)。
3.編碼實現(xiàn)。
(1)按照系統(tǒng)設計的內容,運用Dreamweaver開發(fā)網(wǎng)站的靜態(tài)網(wǎng)頁;
(2)使用SQL數(shù)據(jù)庫系統(tǒng)建立網(wǎng)站所需的數(shù)據(jù)庫;
(3)運用C#編寫網(wǎng)站的動態(tài)網(wǎng)頁發(fā)布程序。
3、研究內容基于知識管理理論,尋求學習資源管理,從而實現(xiàn)智能化管理和動態(tài)搜索功能。
本次研究的論文為合作模式,因知識不足可能對某些方面有缺陷。
充分利用所學習的網(wǎng)絡技術及網(wǎng)絡營銷知識制作出一個能讓主題學習網(wǎng)站增加宣傳軌道、打造主題學習網(wǎng)站形象、宣傳主題學習網(wǎng)站產(chǎn)品
(一)前言
在教學過程中,如何有效地設計、開發(fā)與利用網(wǎng)上資源、如何有效地與學科教學整合、如何有效地評估教學效果等一系列問題,目前還沒有得到很好的解決,網(wǎng)絡教學的設計與評價就是其中的關鍵課題之一。全國教育科學"十五"規(guī)劃教育部重點課題"網(wǎng)絡教學的設計與評價研究"就是在這樣的背景下產(chǎn)生的,而"網(wǎng)絡教學設計"專題學習網(wǎng)站的建立就是這一課題的重要組成部分。該網(wǎng)站集學術性、創(chuàng)新性、指導性、服務性和交流性為一體,內容涵蓋網(wǎng)絡教學設計的方方面面,并且不斷推出該領域最新的發(fā)展動態(tài)、高水平講座和優(yōu)秀網(wǎng)絡教學設計案例等。
(二)提綱
主要展示了以下模塊的大概內容,頂部是Flash小動畫,圖片展示,并有在線咨詢等媒體內容,并且列出了公告,學習提示及將要介紹的三個模塊的大概內容。
(2)走進課文
主要展示了關于《秦始皇陵》的一些課文歷史意義等主要人物展開,主要依據(jù)教學大綱要求進行介紹,學習內容圖文并茂、編排生動、突出重點。激發(fā)了學生的學習積極性,學生通過學習可以掌握《秦始皇陵》相關課文的主要內容
(3)秦始皇陵資源庫
這部分是秦始皇陵擴展知識資源展示,主要從歷史、地理、經(jīng)濟、文學、人文等學科進行擴展,分為秦朝文化、秦朝歷史、秦朝軍事、秦陵知識四部分。秦朝文化包含了描寫秦朝的書法、皇帝制度等有關秦朝的傳說;秦朝歷史中學生可以領略秦朝風土人情、習俗、節(jié)慶;或許很多人更想去秦朝旅游,在旅游名勝通過大量視頻和圖片讓學生全面的了解西安的秦始皇兵馬俑…;秦朝軍事主要介紹了秦朝的兵役制度,軍隊的構成等等內容;秦陵知識則介紹了秦俑的繪制等文化。
(4)欣賞園地
這部分主要是秦始皇陵圖片和視頻的欣賞。
(5)古往今來
這部分主要展示了發(fā)掘保護的過程和保護,以及秦始皇陵在歷史的地位。未解之迷主要是寫了兵馬俑未解之迷以及陵圓修建了多少年等問題。游客眼中的秦兵馬俑等部分
(6)交流討論
有利于學生利用以掌握的知識進行討論,并掌握不懂的知識。
(三)結論
1、第一階段填寫開題報告
(1)確定主題,并和指導教師進行交流和溝通,填寫開題報告。
(2)時間:20xx-12-1至20xx-12-15 2、第二階段寫作設計方案
(1)根據(jù)開題報告書寫畢業(yè)設計論文。
(2)時間時間:20xx-12-20至20xx-2-00 3、第三階段設計作品
4.15畫出網(wǎng)站規(guī)劃圖
4.18-4.20搜集素材、制作站標
4.21-4.30設計導航并制作模版
5.1-5.10運用模板開始前臺靜態(tài)頁面的制作
5.11-5.15網(wǎng)站測試并進行完善
時間:20xx-2-1至20xx-5-00 4、第四階段答辯
時間:20xx-5-00至20xx-5-30
(1)會分析網(wǎng)站的特色。牢記建站意義,站點功能的介紹。借此實驗來充分展現(xiàn)主題學習網(wǎng)站的優(yōu)異性。
網(wǎng)站設計報告【篇3】
一、 選題的依據(jù)及意義
在互聯(lián)網(wǎng)的“大統(tǒng)一”時代,各類信息爆炸式增長,許多信息造成了人類的比起文字信息的繁雜,冗長,圖片正在成為互聯(lián)網(wǎng)和移動互聯(lián)網(wǎng)上越來越重要的內容和應用。然而傳統(tǒng)對于上傳圖片功能技術不夠完善。在20xx年,新創(chuàng)立的Pinterest網(wǎng)站依托“視覺+興趣+瀑布流”的獨特社交途徑大受歡迎,網(wǎng)站用戶增長趕上了五年前的Facebook。在此基礎上,更好借鑒Pinterest模式,催生屬于中國基于興趣的圖片收集社交網(wǎng)站也應該不斷發(fā)展起來,為更多需要圖片的用戶創(chuàng)造平臺是很有必要的。
1.傳統(tǒng)圖片收藏功能不夠完善,不便于用戶查找。傳統(tǒng)瀏覽模式,往往會使用戶在PC的圖片收藏夾里存儲了大量圖片,找圖時卻要慢慢搜尋,用U盤拷貝圖片,同時嗨喲忍受圖片上傳的漫長時間.而如今,社交網(wǎng)絡的興起,讓我們的文字和言論的分享更加自由,在圖片收藏分享這個細分領域,我們需要更加細分,在圖片格式上,國內如花瓣網(wǎng)等圖片收集網(wǎng)站以帶原始網(wǎng)頁鏈接的方式,需要時,可以通過圖片鏈接回到原來的網(wǎng)頁,這使得圖片的收集和存儲更方便,瀏覽體驗快速、順暢,并且巧妙的避免了版權問題。
2.傳統(tǒng)瀏覽模式單一,不夠新穎,時尚。如今“視覺+興趣+瀑布流布局”的獨特圖片瀏覽社交途徑大受歡迎,這種模式能夠很好地吸引用戶,視覺沖擊力帶來更為潮流化的刺激。
3.這是一種基于強興趣的弱社交模式,通過注冊網(wǎng)站用戶,既可以上傳發(fā)表自己的作品,通過點贊,私信功能達到一種比較弱的社交關系,卻更專注于興趣的相互交流。
我希望我也能設計一個網(wǎng)站為眾多攝影、繪畫愛好者以及藝術設計師提供一個靈感激發(fā)、心得交流的平臺,通過精美的界面設計以及詳實的內容不斷吸引更多優(yōu)秀的愛好者加入,共同建設。
二、 國內外研究現(xiàn)狀及發(fā)展趨勢(含文獻綜述)
國外,以Pinterest為例,由Pinterest名稱由Pin(圖釘)+Interest(興趣)組成,網(wǎng)站旨在用戶不斷發(fā)現(xiàn)和分享新圖片。Pinterest最為便利的是在頁面底端實現(xiàn)自動加載而無需翻頁,為用戶提供在線收藏和分享視覺藝術圖片的服務。她是基于視覺分享和興趣社交的網(wǎng)站,是個人獵酷實用工具,用戶可以把自己感興趣的圖片在網(wǎng)絡上用圖釘釘在頂板上(PinBoard)上歸類收藏并與朋友分享,真正全是每個圖釘背后的獨特“故事”。
Pinterest打破以往圖片瀏覽模式,如列表或者田字格,而采取瀑布流展示形式使信息更加隨意,它的模式用戶可以隨意的蜻蜓點水式的信息獲取。更適合在大量信息中漫無目的的隨意獲取;相對來說用戶獲取信息會更輕松,只要覺得好看就可以停留下來(收集)。省去了傳統(tǒng)圖片網(wǎng)站進行來回瀏覽的麻煩。Pinterest以其高質量極其視覺沖擊力的圖片的精巧搭配,吸引著大批受眾,女性是視覺動物,傾向于感性認知,所以,Pinterest圖片留尤其能引起女性的情感共鳴。以興趣為基礎,通過瀑布流展示圖片的形式也讓它在美工迅速穿紅。成為繼Twitter和Facebook之后第三大社交媒體。同時,在中國很多網(wǎng)站也相繼崛起,步其后塵。如以蘑菇街,美麗說為首的采用瀑布流式電商網(wǎng)站占領一份女性市場。由于作為圖片網(wǎng)站,中國有微博,空間,微信等關系社交網(wǎng)絡同時也支持上傳,編輯圖片。所以以興趣圖譜為社交網(wǎng)絡在中國想要占領鰲頭目前還是有局限性的。但像知美網(wǎng),花瓣網(wǎng)則相當于完全承襲了Pinterest的網(wǎng)頁布局以及圖片收藏板功能。這類網(wǎng)站更多作為興趣愛好者棲居地,并非純商類網(wǎng)站,不僅如此,它的界面設計簡直大方,唯美舒適,深受設計人員,攝影愛好者,動漫繪畫等熱愛藝術人們所喜愛。
三、 本課題研究內容
本課題研究前端旨在通過JavaScript編程語言完成前端與后臺開發(fā),實現(xiàn)用戶注冊、登錄、安全性設置以及圖片的上傳、在線收藏、分類、點贊等功能。完成網(wǎng)站總體功能模塊設計,并完成對網(wǎng)站的測試。
本網(wǎng)站的設計與開發(fā)是在如今如花瓣網(wǎng),Pinterest等圖片社交網(wǎng)站的基礎上進行不針對本站功能刪減增進,前端界面設計優(yōu)化,后臺加強圖片收集,圖片上傳功能。
四、 本課題研究方案
本網(wǎng)站前端與后端均使用JavaScript編程語言,遵循CommonJS模塊化規(guī)范實現(xiàn),配合MongoDB鍵值對數(shù)據(jù)庫、Gulp.js等構件工具,完成用戶系統(tǒng)以及對圖片的更新、上傳、收集、點贊等功能。前端采用破不留風格驚醒設計,后端采用Koa.js框架,運行在基于Google V8引擎的Node.js平臺上,整體采用MVC架構,是數(shù)據(jù)與代碼分離,便與開發(fā)和維護。
五、 研究目標、主要特色及工作進度
本課題的目標完成為使用JavaScript編程語言實現(xiàn)坡卜留布局的用戶界面、用戶注冊、登錄、安全性設置以及圖片上傳、收集、更新、點贊。
主要包含用戶系統(tǒng)、圖片系統(tǒng)量大組件,具體功能表現(xiàn)為:用戶登錄、注冊、安全性設置和圖片上傳、收集、更新、點贊。
主要特點是:為眾多攝影、繪畫愛好者以及藝術設計師提供一個靈感激發(fā)、心得交流的平臺,通過精美的界面設計以及詳實的內容不斷吸引更多優(yōu)秀的愛好者加入,共同建設。
六、工作進度
1.畢業(yè)設計選題。20xx.12.01-20xx.12.02
2.資料收集與整理。20xx.12.02-20xx.12.07
3.系統(tǒng)可行性分析,填寫需求分析。20xx.12.07-20xx.12.15
4.畢業(yè)設計開題。20xx.12.15-20xx.12.1x
5.具體設計,前臺頁面設計,模塊設計,圖片加工修正,后臺數(shù)據(jù)庫設計,前段與后臺數(shù)據(jù)庫連接。代碼編寫和單元測試,系統(tǒng)綜合測試。20xx.12.1x-20xx.12.30
6.技術報告和使用功能手冊編寫,準備答辯材料。20xx.1.02-20xx.1.15
7.進行畢業(yè)設計答辯。20xx.5.2-20xx.5.7
七、參考文獻
[1]劉穎.由Pinterest引發(fā)的對圖片門戶網(wǎng)站的思考--《電子測試》20xx年18期.
[2]基于MySQL數(shù)據(jù)庫的優(yōu)化--《電子科技》20xx年09期
[3]基于JavaScript的瀑布流式網(wǎng)頁布局的設計與實現(xiàn).萍鄉(xiāng)學院學報本20xx年3月
[4] 溫曉南.基于興趣的分享式社交網(wǎng)絡開發(fā).《吉林大學》20xx
[5] 羅婷婷,余先榮.MYSQL數(shù)據(jù)庫在科研管理系統(tǒng)中的應用--《消費電子》, 20xx, 第2期
[6] 鐘強. Node.js平臺下Web前端架構的研究. 華中科技大學, 20xx
[7] 蔡柳青.基于MongoDB的云監(jiān)控設計與應用[D].北京交通大學.20xx
[8] 曹劉陽 WebAp和HTML5給Web前端帶來的變化《程序員》, 20xx
[9] 孫朝云,孫向科,沙愛民 基于MVC架構網(wǎng)絡教學管理系統(tǒng)的設計與開發(fā)《計算機工程與設計》, 20xx
[10] 應金航 基于MVC架構的公安部門網(wǎng)站內容管理系統(tǒng)的設計與實現(xiàn)《電子科技大學》, 20xx
[11] 張孝祥 JavaScrip 網(wǎng)頁開發(fā)清華大學出版社, 20xx
網(wǎng)站設計報告【篇4】
在互聯(lián)網(wǎng)的“大統(tǒng)一”時代,各類信息爆炸式增長,許多信息造成了人類的比起文字信息的繁雜,冗長,圖片正在成為互聯(lián)網(wǎng)和移動互聯(lián)網(wǎng)上越來越重要的內容和應用。然而傳統(tǒng)對于上傳圖片功能技術不夠完善。在20xx年,新創(chuàng)立的Pinterest網(wǎng)站依托“視覺+興趣+瀑布流”的獨特社交途徑大受歡迎,網(wǎng)站用戶增長趕上了五年前的Facebook。在此基礎上,更好借鑒Pinterest模式,催生屬于中國基于興趣的圖片收集社交網(wǎng)站也應該不斷發(fā)展起來,為更多需要圖片的用戶創(chuàng)造平臺是很有必要的。
1.傳統(tǒng)圖片收藏功能不夠完善,不便于用戶查找。傳統(tǒng)瀏覽模式,往往會使用戶在PC的圖片收藏夾里存儲了大量圖片,找圖時卻要慢慢搜尋,用U盤拷貝圖片,同時嗨喲忍受圖片上傳的漫長時間.而如今,社交網(wǎng)絡的興起,讓我們的文字和言論的分享更加自由,在圖片收藏分享這個細分領域,我們需要更加細分,在圖片格式上,國內如花瓣網(wǎng)等圖片收集網(wǎng)站以帶原始網(wǎng)頁鏈接的方式,需要時,可以通過圖片鏈接回到原來的網(wǎng)頁,這使得圖片的收集和存儲更方便,瀏覽體驗快速、順暢,并且巧妙的避免了版權問題。
2.傳統(tǒng)瀏覽模式單一,不夠新穎,時尚。如今“視覺+興趣+瀑布流布局”的獨特圖片瀏覽社交途徑大受歡迎,這種模式能夠很好地吸引用戶,視覺沖擊力帶來更為潮流化的刺激。
3.這是一種基于強興趣的弱社交模式,通過注冊網(wǎng)站用戶,既可以上傳發(fā)表自己的作品,通過點贊,私信功能達到一種比較弱的社交關系,卻更專注于興趣的相互交流。
我希望我也能設計一個網(wǎng)站為眾多攝影、繪畫愛好者以及藝術設計師提供一個靈感激發(fā)、心得交流的平臺,通過精美的界面設計以及詳實的內容不斷吸引更多優(yōu)秀的愛好者加入,共同建設。
國外,以Pinterest為例,由Pinterest名稱由Pin(圖釘)+Interest(興趣)組成,網(wǎng)站旨在用戶不斷發(fā)現(xiàn)和分享新圖片。Pinterest最為便利的是在頁面底端實現(xiàn)自動加載而無需翻頁,為用戶提供在線收藏和分享視覺藝術圖片的服務。她是基于視覺分享和興趣社交的網(wǎng)站,是個人獵酷實用工具,用戶可以把自己感興趣的圖片在網(wǎng)絡上用圖釘釘在頂板上(PinBoard)上歸類收藏并與朋友分享,真正全是每個圖釘背后的獨特“故事”。
Pinterest打破以往圖片瀏覽模式,如列表或者田字格,而采取瀑布流展示形式使信息更加隨意,它的模式用戶可以隨意的蜻蜓點水式的信息獲取。更適合在大量信息中漫無目的的隨意獲取;相對來說用戶獲取信息會更輕松,只要覺得好看就可以停留下來(收集)。省去了傳統(tǒng)圖片網(wǎng)站進行來回瀏覽的麻煩。Pinterest以其高質量極其視覺沖擊力的圖片的精巧搭配,吸引著大批受眾,女性是視覺動物,傾向于感性認知,所以,Pinterest圖片留尤其能引起女性的情感共鳴。以興趣為基礎,通過瀑布流展示圖片的形式也讓它在美工迅速穿紅。成為繼Twitter和Facebook之后第三大社交媒體。同時,在中國很多網(wǎng)站也相繼崛起,步其后塵。如以蘑菇街,美麗說為首的采用瀑布流式電商網(wǎng)站占領一份女性市場。由于作為圖片網(wǎng)站,中國有微博,空間,微信等關系社交網(wǎng)絡同時也支持上傳,編輯圖片。所以以興趣圖譜為社交網(wǎng)絡在中國想要占領鰲頭目前還是有局限性的。但像知美網(wǎng),花瓣網(wǎng)則相當于完全承襲了Pinterest的網(wǎng)頁布局以及圖片收藏板功能。這類網(wǎng)站更多作為興趣愛好者棲居地,并非純商類網(wǎng)站,不僅如此,它的界面設計簡直大方,唯美舒適,深受設計人員,攝影愛好者,動漫繪畫等熱愛藝術人們所喜愛。
本課題研究前端旨在通過JavaScript編程語言完成前端與后臺開發(fā),實現(xiàn)用戶注冊、登錄、安全性設置以及圖片的上傳、在線收藏、分類、點贊等功能。完成網(wǎng)站總體功能模塊設計,并完成對網(wǎng)站的測試。
本網(wǎng)站的設計與開發(fā)是在如今如花瓣網(wǎng),Pinterest等圖片社交網(wǎng)站的基礎上進行不針對本站功能刪減增進,前端界面設計優(yōu)化,后臺加強圖片收集,圖片上傳功能。
本網(wǎng)站前端與后端均使用JavaScript編程語言,遵循CommonJS模塊化規(guī)范實現(xiàn),配合MongoDB鍵值對數(shù)據(jù)庫、Gulp.js等構件工具,完成用戶系統(tǒng)以及對圖片的更新、上傳、收集、點贊等功能。前端采用破不留風格驚醒設計,后端采用Koa.js框架,運行在基于Google V8引擎的Node.js平臺上,整體采用MVC架構,是數(shù)據(jù)與代碼分離,便與開發(fā)和維護。
本課題的目標完成為使用JavaScript編程語言實現(xiàn)坡卜留布局的用戶界面、用戶注冊、登錄、安全性設置以及圖片上傳、收集、更新、點贊。
主要包含用戶系統(tǒng)、圖片系統(tǒng)量大組件,具體功能表現(xiàn)為:用戶登錄、注冊、安全性設置和圖片上傳、收集、更新、點贊。
主要特點是:為眾多攝影、繪畫愛好者以及藝術設計師提供一個靈感激發(fā)、心得交流的平臺,通過精美的界面設計以及詳實的內容不斷吸引更多優(yōu)秀的愛好者加入,共同建設。
1.畢業(yè)設計選題。20xx.12.01-20xx.12.02
2.資料收集與整理。20xx.12.02-20xx.12.07
3.系統(tǒng)可行性分析,填寫需求分析。20xx.12.07-20xx.12.15
4.畢業(yè)設計開題。20xx.12.15-20xx.12.1x
5.具體設計,前臺頁面設計,模塊設計,圖片加工修正,后臺數(shù)據(jù)庫設計,前段與后臺數(shù)據(jù)庫連接。代碼編寫和單元測試,系統(tǒng)綜合測試。20xx.12.1x-20xx.12.30
6.技術報告和使用功能手冊編寫,準備答辯材料。20xx.1.02-20xx.1.15
7.進行畢業(yè)設計答辯。20xx.5.2-20xx.5.7
[1]劉穎.由Pinterest引發(fā)的對圖片門戶網(wǎng)站的思考--《電子測試》20xx年18期.
[2]基于MySQL數(shù)據(jù)庫的優(yōu)化--《電子科技》20xx年09期
[3]基于JavaScript的瀑布流式網(wǎng)頁布局的設計與實現(xiàn).萍鄉(xiāng)學院學報本20xx年3月
[4] 溫曉南.基于興趣的分享式社交網(wǎng)絡開發(fā).《吉林大學》20xx
[5] 羅婷婷,余先榮.MYSQL數(shù)據(jù)庫在科研管理系統(tǒng)中的應用--《消費電子》, 20xx, 第2期
[6] 鐘強. Node.js平臺下Web前端架構的研究. 華中科技大學, 20xx
[7] 蔡柳青.基于MongoDB的云監(jiān)控設計與應用[D].北京交通大學.20xx
[8] 曹劉陽 WebAp和HTML5給Web前端帶來的變化《程序員》, 20xx
[9] 孫朝云,孫向科,沙愛民 基于MVC架構網(wǎng)絡教學管理系統(tǒng)的設計與開發(fā)《計算機工程與設計》, 20xx
[10] 應金航 基于MVC架構的公安部門網(wǎng)站內容管理系統(tǒng)的設計與實現(xiàn)《電子科技大學》, 20xx
[11] 張孝祥 JavaScrip 網(wǎng)頁開發(fā)清華大學出版社, 20xx
網(wǎng)站設計報告【篇5】
一、網(wǎng)頁藝術設計的內容
設計活動中包含著主觀和客觀兩方面的因素,在確立了網(wǎng)頁主題之后,首先要明確和熟悉設計的對象和構成的要素。網(wǎng)頁藝術設計涉及的具體內容很多,可以概括為視聽元素和版式設計兩個方面。
1、視聽元素
這里所說的視聽元素,主要包括:文本、背景、按鈕、圖標、圖像、表格、顏色、導航工具、背景音樂、動態(tài)影像等。無論是文字、圖形、動畫,還是音頻、視頻,網(wǎng)頁設計者所要考慮的是如何以感人的形式把它們放進頁面這個“大畫布”里。多媒體技術的運用大大豐富了網(wǎng)頁藝術設計的表現(xiàn)力。
以上各視聽元素大多數(shù)瀏覽器本身都可以顯示或收聽,無需任何外部程序或模塊支持。比如,大部分瀏覽器都可以顯示GIF、JPEG圖形和GIF89a動畫。還有些多媒體文件(如MP3音樂)需要先下載到本地硬盤上,然后啟動相應的外部程序來播放。另外,在瀏覽器使用插件(Plug-in)可以播放更多格式的多媒體文件。微軟推出IE瀏覽器后,提供了基于OLE的ActiveX技術,用來在網(wǎng)頁中播放多媒體。目前ActiveX已經(jīng)成為熱門技術。另一種播放多媒體的技術是JavaApplet。它是用Java語言編寫的應用于網(wǎng)頁之中的小應用程序,相比于插件和ActiveX,JavaApplet具有更大的靈活性和良好的跨平臺能力,因此具有很好的發(fā)展前景??傊?,技術的不斷發(fā)展使多媒體元素在網(wǎng)頁藝術設計中的綜合運用越來越廣泛,使瀏覽者可以享受到更加完美的視聽效果。這些新技術的出現(xiàn),也對網(wǎng)頁的藝術設計提出了更高的要求。
2、版式設計
網(wǎng)頁的版式設計同報刊雜志等平面媒體的版式設計有很多共同之處,它在網(wǎng)頁的藝術設計中占據(jù)著重要的地位。所謂網(wǎng)頁的版式設計,是在有限的屏幕空間上將視聽多媒體元素進行有機的排列組合,將理性思維個性化的表現(xiàn)出來,是一種具有個人風格和藝術特色的視聽傳達方式。它在傳達信息的同時,也產(chǎn)生感官上的美感和精神上的享受。
但網(wǎng)頁的排版與書籍雜志的排版又有很多差異。印刷品都有固定的規(guī)格尺寸,網(wǎng)頁則不然,它的尺寸是由讀者來控制的。這使網(wǎng)頁設計者不能精確控制頁面上每個元素的尺寸和位置。而且,網(wǎng)頁的組織結構不像印刷品那樣為線性組合,這給網(wǎng)頁的版式設計帶來了一定的難度。
二、網(wǎng)頁藝術設計的原則
網(wǎng)頁作為傳播信息的一種載體,同其他出版物如報紙、雜志等在設計上有許多共同之處,也要遵循一些設計的基本原則。但是,由于表現(xiàn)形式、運行方式和社會功能的不同,網(wǎng)頁設計又有其自身的特殊規(guī)律。網(wǎng)頁的藝術設計,是技術與藝術的結合,內容與形式的統(tǒng)一。它要求設計者必須掌握以下三個主要原則:
1、主題鮮明
視覺設計表達的是一定的意圖和要求,有明確的主題,并按照視覺心理規(guī)律和形式將主題主動地傳達給觀賞者。訴求的目的,是使主題在適當?shù)沫h(huán)境里被人們即時地理解和接受,以滿足人們的實用和需求,這就要求視覺設計不但要單純、簡練、清晰和精確,而且在強調藝術性的同時,更應該注重通過獨特的風格和強烈的視覺沖擊力,來鮮明地突出設計主題。
根據(jù)認知心理學的理論,大多數(shù)人在短期記憶中只能同時把握4到7條分立的信息,而對多于7條的分立信息或者不分立的信息容易產(chǎn)生記憶上的模糊或遺忘,概括起來就是:較小而分立的信息要比較長而不分立的信息更為有效和容易瀏覽。這個規(guī)律蘊含在人們尋找信息和使用信息的實踐活動中,它要求視覺設計者的設計活動必須自覺地掌握和遵從。
作為視覺設計范疇一種的網(wǎng)頁藝術設計,其最終目的是達到最佳的主題訴求效果。這種效果的取得,一方面通過對網(wǎng)頁主題思想運用邏輯規(guī)律進行條理性處理,使之符合瀏覽者獲取信息的心理需求和邏輯方式,讓瀏覽者快速地理解和吸收;另一方面通過對網(wǎng)頁構成元素運用藝術的形式美法則進行條理性處理,更好地營造符合設計目的的視覺環(huán)境,突出主題,增強瀏覽者對網(wǎng)頁的注意力,增進對網(wǎng)頁內容的理解。只有兩個方面有機地統(tǒng)一,才能實現(xiàn)最佳的主題訴求效果。
優(yōu)秀的網(wǎng)頁設計必然服務于網(wǎng)站的主題,就是說,什么樣的網(wǎng)站,應該有什么樣的設計。例如,設計類的個人站點與商業(yè)站點性質不同,目的也不同,所以評論的標準也不同。網(wǎng)頁藝術設計與網(wǎng)站主題的關系應該是這樣:首先,設計是為主題服務的;其次,設計是藝術和技術結合的產(chǎn)物,就是說,即要“美”,又要實現(xiàn)“功能”;最后,“美”和“功能”都是為了更好地表達主題。當然,有些情況下,“功能”即是“主題”,還有些情況下,“美”即是主題。例如,雅虎作為一個搜索引擎,首先要實現(xiàn)“搜索”的“功能”。它的主題即是它的“功能”。而一個個人網(wǎng)站,可以只體現(xiàn)作者的設計思想,或者僅僅以設計出“美”的網(wǎng)頁為目的。它的主題只有一個,就是——美。
只注重主題思想的條理性而忽視網(wǎng)頁構成元素空間關系的形式美組合,或者只重視網(wǎng)頁形式上的條理而淡化主題思想的邏輯,都將削弱網(wǎng)頁主題的最佳訴求效果,難以吸引瀏覽者的注意力,出現(xiàn)平庸的網(wǎng)頁設計或使網(wǎng)頁設計以失敗而告終。
要使網(wǎng)頁從形式上獲得良好的誘導力,鮮明地突出訴求主題,具體可以通過對網(wǎng)頁的空間層次、主從關系、視覺秩序及彼此間的邏輯性的把握運用來達到。
2、形式與內容統(tǒng)一
任何設計都有一定的內容和形式。內容是構成設計的一切內在要素的總和,是設計存在的基礎,被稱為“設計的靈魂”;形式是構成內容諸要素的內部結構或內容的外部表現(xiàn)方式。設計的內容就是指它的主題、形象、題材等要素的總和,形式就是它的結構、風格或設計語言等表現(xiàn)方式。內容決定形式,形式反作用于內容。一個優(yōu)秀的`設計必定是形式對內容的完美表現(xiàn)。正如黑格爾所說:“工藝的美就不在于要求實用品的外部造型、色彩、紋樣去摹擬事物,再現(xiàn)現(xiàn)實,而在于使其外部形式傳達和表現(xiàn)出一定的情緒、氣氛、格調、風尚、趣味,使物質經(jīng)由象征變成相似于精神生活的有關環(huán)境?!保ê诟駹枴睹缹W》第三卷)
一方面,網(wǎng)頁設計所追求的形式美,必須適合主題的需要,這是網(wǎng)頁設計的前提。只講花哨的表現(xiàn)形式以及過于強調“獨特的設計風格”而脫離內容,或者只求內容而缺乏藝術的表現(xiàn),網(wǎng)頁設計都會變的空洞而無力。設計者只有將二者有機地統(tǒng)一起來,深入領會主題的精髓,再融合自己的思想感情,找到一個完美的表現(xiàn)形式,才能體現(xiàn)出網(wǎng)頁設計獨具的分量和特有的價值。另一方面,要確保網(wǎng)頁上的每一個元素都有存在的必要性,不要為了炫耀而使用冗余的技術。那樣得到的效果可能會適得其反。只有通過認真設計和充分的考慮來實現(xiàn)全面的功能并體現(xiàn)美感才能實現(xiàn)形式與內容的統(tǒng)一。
據(jù)有關資料所做的保守估計,目前在WWW上網(wǎng)頁數(shù)據(jù)傳輸平均以每秒1、5k的速度到達客戶端。假設某個網(wǎng)頁為了豐富其藝術性而追趕時髦地大量使用圖像或其它多媒體元素等,雖然達到了其靜態(tài)形式美的效果,卻造成多達幾十K甚至更大的網(wǎng)頁數(shù)據(jù),使瀏覽者必須等待很長時間才能看到“廬山真面目”,這樣的網(wǎng)頁就不是一個優(yōu)秀的網(wǎng)頁,因為它不符合網(wǎng)頁傳播信息的突出特性之一——快捷性,使網(wǎng)頁內容不能很快地到達訪問者,影響了訪問效果和質量,損害了訪問者的情趣和積極性,這種技術要素影響了傳達信息的效果,因而不是形式與內容的完美統(tǒng)一。
網(wǎng)頁具有多屏、分頁、嵌套等特性,設計者可以對其進行形式上的適當變化以達到多變性處理效果,豐富整個網(wǎng)頁的形式美。這就要求設計者在注意單個頁面形式與內容統(tǒng)一的同時,更不能忽視同一主題下多個分頁面組成的整體網(wǎng)頁的形式與整體內容的統(tǒng)一。
因此,在網(wǎng)頁設計中必須注意形式與內容的高度統(tǒng)一。
3、強調整體
網(wǎng)頁的整體性包括內容和形式上的整體性,這里主要討論設計形式上的整體性。
網(wǎng)頁是傳播信息的載體,它要表達的是一定的內容、主題和意念,在適當?shù)臅r間和空間環(huán)境里為人們所理解和接受,它以滿足人們的實用和需求為目標。設計時強調其整體性,可以使瀏覽者更快捷、更準確、更全面地認識它、掌握它,并給人一種內部有機聯(lián)系、外部和諧完整的美感。整體性也是體現(xiàn)一個站點獨特風格的重要手段之一。
網(wǎng)頁的結構形式是由各種視聽要素組成的。在設計網(wǎng)頁時,強調頁面各組成部分的共性因素或者使諸部分共同含有某種形式特征,是求得整體的常用方法。這主要從版式、色彩、風格等方面入手。例如:在版式上,將頁面中各視覺要素作通盤考慮,以周密的組織和精確的定位來獲得頁面的秩序感,即使運用“散”的結構,也是經(jīng)過深思熟慮之后的決定;一個站點通常只使用兩到三種標準色,并注意色彩搭配的和諧;對于分屏的長頁面,不可設計完第一屏再考慮下一屏。同樣,整個網(wǎng)頁內部的頁面,都應統(tǒng)一規(guī)劃,統(tǒng)一風格,讓瀏覽者體會到設計者完整的設計思想。
從某種意義上講,強調網(wǎng)頁結構形式的視覺整體性必然會犧牲靈活的多變性,“物極必反”就是這個道理。因此,在強調網(wǎng)頁整體性設計的同時必須注意:過于強調整體性可能會使網(wǎng)頁呆板、沉悶,以致影響訪問者的情趣和繼續(xù)瀏覽的欲望?!罢w”是“多變”基礎上的整體。
三、網(wǎng)頁藝術設計的特點
1、交互性與持續(xù)性
網(wǎng)頁不同于傳統(tǒng)媒體之處,就在于信息的動態(tài)更新和即時交互性。即時的交互性是Web成為熱點的主要原因,也是網(wǎng)頁設計時必須考慮的問題。傳統(tǒng)媒體(如廣播、電視節(jié)目、報刊雜志等)都以線性方式提供信息,即按照信息提供者的感覺、體驗和事先確定的格式來傳播。而在Web環(huán)境下,人們不再是一個傳統(tǒng)媒體方式的被動接受者,而是以一個主動參與者的身份加入到信息的加工處理和發(fā)布之中。這種持續(xù)的交互,使網(wǎng)頁藝術設計不像印刷品設計那樣,發(fā)表之后就意味著設計的結束。網(wǎng)頁設計人員必須根據(jù)網(wǎng)站各個階段的經(jīng)營目標,配合網(wǎng)站不同時期的經(jīng)營策略,以及用戶的反饋信息,經(jīng)常地對網(wǎng)頁進行調整和修改。例如,為了保持瀏覽者對網(wǎng)站的新鮮感,很多大型網(wǎng)站總是定期或不定期的進行改版,這就需要設計者在保持網(wǎng)站視覺形象一貫性的基礎上,不斷創(chuàng)作出新的網(wǎng)頁設計作品。
2、多維性
多維性源于超級鏈接,主要體現(xiàn)在網(wǎng)頁設計中對導航的設計上。由于超級鏈接的出現(xiàn),網(wǎng)頁的組織結構更加豐富,瀏覽者可以在各種主題之間自由跳轉,從而打破了以前人們接收信息的線性方式。例如,可將頁面的組織結構分為序列結構、層次結構、網(wǎng)狀結構、復合結構等。但頁面之間的關系過于復雜,不僅使瀏覽者檢索和查找信息增加了難度,也給設計者帶來了更大的困難。為了讓瀏覽者在網(wǎng)頁上迅速找到所需的信息,設計者必須考慮快捷而完善的導航設計。
印刷品中導航問題不是那么突出,如果一個句子在頁尾突然終止,讀者會很自然地翻到下一頁查找剩余部分,為了幫助讀者找到他們要找的信息,出版者提供了目錄、索引或腳注。如果文章從期刊中的一頁跳到后面的非順序頁時,讀者會看到類似于“續(xù)68頁”這樣的指引語句。然而,作為一名網(wǎng)頁設計者,你以前所學的導航技術沒有一種完全適合于網(wǎng)頁導航。在替瀏覽者考慮得很周到的網(wǎng)頁中,導航提供了足夠的、不同角度的鏈接,幫助讀者在網(wǎng)頁的各個部分之間跳轉,并告知瀏覽者現(xiàn)在所在的位置、當前頁面和其他頁面之間的關系等。而且,每頁都有一個返回主頁的按鈕或鏈接,如果頁面是按層次結構組織的,通常還有一個返回上級頁面的鏈接。對于網(wǎng)頁設計者來說,面對的不是按順序排列的印刷頁面,而是自由分散的網(wǎng)頁,因此必須考慮更多的問題。如:怎樣構建合理的頁面組織結構,讓瀏覽者對你提供的巨量信息感到條理?怎樣建立包括站點索引、幫助頁面、查詢功能在內的導航系統(tǒng)?這一切從哪兒開始,到哪兒結束?
3、多種媒體的綜合性
目前網(wǎng)頁中使用的多媒體視聽元素主要有文字、圖像、聲音、視頻等,隨著網(wǎng)絡帶寬的增加、芯片處理速度的提高以及跨平臺的多媒體文件格式的推廣,必將促使設計者綜合運用多種媒體元素來設計網(wǎng)頁,以滿足和豐富瀏覽者對網(wǎng)絡信息傳輸質量提出的更高要求。目前國內網(wǎng)頁已經(jīng)出現(xiàn)了模擬三維的操作界面,在數(shù)據(jù)壓縮技術的改進和流(Stream)技術的推動下,Internet網(wǎng)上出現(xiàn)實時的音頻和視頻服務,典型的有在線音樂、在線廣播、網(wǎng)上電影、網(wǎng)上直播等。因此,多種媒體的綜合運用是網(wǎng)頁藝術設計的特點之一,是未來的發(fā)展方向。
4、版式的不可控性
網(wǎng)頁版式設計與傳統(tǒng)印刷版式設計有著極大的差異:
(1)印刷品設計者可以指定使用的紙張和油墨,而網(wǎng)頁設計者卻不能要求瀏覽者使用什么樣的電腦或瀏覽器;
(2)網(wǎng)絡正處于不斷發(fā)展之中,不象印刷那樣基本具備了成熟的印刷標準;
(3)網(wǎng)頁設計過程中有關Web的每一件事都可能隨時發(fā)生變化。
這一切說明,網(wǎng)絡應用尚處在發(fā)展之中,關于網(wǎng)絡應用也很難在各個方面都制訂出統(tǒng)一的標準,這必然導致網(wǎng)頁版式設計的不可控制性。其具體表現(xiàn)為:
(1)網(wǎng)頁頁面會根據(jù)當前瀏覽器窗口大小自動格式化輸出;
(2)網(wǎng)頁的瀏覽者可以控制網(wǎng)頁頁面在瀏覽器中的顯示方式;
(3)不同種類、版本的瀏覽器觀察同一個網(wǎng)頁頁面,效果會有所不同;
(4)用戶的瀏覽器工作環(huán)境不同,顯示效果也會有所不同。
把所有這些問題歸結為一點,即網(wǎng)頁設計者無法控制頁面在用戶端的最終顯示效果,但這也正是網(wǎng)頁設計的吸引人之處。
5、技術與藝術結合的緊密性
設計是主觀和客觀共同作用的結果,是在自由和不自由之間進行的,設計者不能超越自身已有經(jīng)驗和所處環(huán)境提供的客觀條件限制,優(yōu)秀設計者正是在掌握客觀規(guī)律基礎上得到了完全的自由,一種想象和創(chuàng)造的自由。網(wǎng)絡技術主要表現(xiàn)為客觀因素,藝術創(chuàng)意主要表現(xiàn)為主觀因素,網(wǎng)頁設計者應該積極主動地掌握現(xiàn)有的各種網(wǎng)絡技術規(guī)律,注重技術和藝術緊密結合,這樣才能窮盡技術之長,實現(xiàn)藝術想象,滿足瀏覽者對網(wǎng)頁信息的高質量需求。
例如,瀏覽者欣賞一段音樂或電影,以前必須先將這段音樂或電影下載回本地機器,然后使用相應的程序來播放,由于音頻或視頻文件都比較大,需要較長的下載時間。流(Stream)技術出現(xiàn)以后,網(wǎng)頁設計者充分、巧妙地應用此技術,讓瀏覽者在下載過程中就可以欣賞這段音樂或電影,實現(xiàn)了實時的網(wǎng)上視頻直播服務和在線欣賞音樂服務,無疑增強了頁面?zhèn)鞑バ畔⒌谋憩F(xiàn)力和感染力。
網(wǎng)絡技術與藝術創(chuàng)意的緊密結合,使網(wǎng)頁的藝術設計由平面設計擴展到立體設計,由純粹的視覺藝術擴展到空間聽覺藝術,網(wǎng)頁效果不再近似于書籍或報刊雜志等印刷媒體,而更接近于電影或電視的觀賞效果。技術發(fā)展促進了技術與藝術的緊密結合,把瀏覽者帶入一個真正現(xiàn)實中的虛擬世界。
技術與藝術的緊密結合在網(wǎng)頁藝術設計中體現(xiàn)得尤為突出。
網(wǎng)站設計報告【篇6】
一、網(wǎng)站整體規(guī)劃,要做網(wǎng)頁的第一步便是做網(wǎng)站的整體規(guī)劃這主要包括四個方面的內容。
網(wǎng)站整體規(guī)劃是做網(wǎng)頁的第一步也是制作網(wǎng)頁最關鍵的一步它決定了你要表答的信息,因此我選擇了我選擇我最喜愛的服飾來為它做網(wǎng)頁。在平時我也對服裝的網(wǎng)頁比較關心,無論是淘寶網(wǎng)上的衣店還是各種品牌裝。這次我是為“易菲”服飾做的網(wǎng)頁。
定位網(wǎng)站的CI形象。
“易菲”植根中國文化之精髓,汲取自然稟賦之靈性,形成一個既有濃厚文化底蘊,又有現(xiàn)代自然人文氣息的特色品牌?!耙住奔词侨?,是包容,是寬容,是五千年中華民族的文化精髓,是厚德載物,是對人性寬度的一種拓展?!胺啤蓖ǚ?,是生機、是個性、是春意盎然、是自強不息,是對人性深度的一種挖掘。“生活如花,自在快樂”是YIFINI易菲的設計理念,倡導一種與自然和諧相處,如花兒綻放般美好舒適、自在快樂的生活方式。這也便是我網(wǎng)站的CI形象。
于時間的關系在本次我準備做四張網(wǎng)頁:一張主頁三張二級頁面。分別設計了“時尚首頁、時尚衣秀、推薦產(chǎn)品、潮流信息”等四個欄目。在這四張頁面中我打算都用淡藍色做背景顏色來映襯我網(wǎng)頁的主打色綠色。
網(wǎng)站的整體風格和創(chuàng)意。
整個網(wǎng)站的創(chuàng)意就在于顏色的搭配,與各種圖片的搭配,它們相互輝映,相互襯托。以便達到表現(xiàn)其品牌的和諧之美、自然之美。我踩用淡藍色和綠色為我網(wǎng)站的主打色主要是因為我的產(chǎn)品特性。在設計上,YIEINI易菲推崇“自然美”,將帶表女性氣質的花卉和自然元素融入設計之中,充分體現(xiàn)設計師和顧客所追求的一種灑脫、舒適的生活氛圍,力求表現(xiàn)悠閑、舒暢、自然的生活情趣。因此我用天空與自然的顏色來表達這張自然之美、和諧之美。
二、網(wǎng)頁制作的前期策劃與準備,在本階級主要有兩方面的工作。
在做網(wǎng)頁我上網(wǎng)收集了許多方面的資料主要是有關網(wǎng)站的布局與服飾品牌方面的資料,我首先進它的企業(yè)網(wǎng)站找了一些關于“易菲”服飾的圖片主要是一些代言形象還有代表其企業(yè)形象的圖片。其次我去瀏覽了許多的網(wǎng)頁觀察其網(wǎng)頁的布局、顏色搭配、欄目、板塊等方面的內容,同時也搜集了一些對我有用的資料。在搜索資料最困難的便是動態(tài)圖片的搜集,動態(tài)圖片其gif格式的還是好保存,但是要搜集flash動態(tài)圖片就相對較難了。我用了一天的時間來搜集我的flash都不太成功,不過還搜到了可以換自己圖片的代碼。在開始時我根本就不知道flash是怎樣搜索,不過經(jīng)過三次像老實詢問我終于懂得一些關于代碼的搜索。在搜集資料的過程之中我發(fā)現(xiàn)了自己的許多不足之處,最關鍵就是平時對知識的掌握不夠,連最基本的資料搜尋都覺得困難。也是我平時不夠認真和努力的表現(xiàn)。通過這次的教訓在以后我一定會做得更好,爭取不范類似錯誤。
做網(wǎng)頁主要用的工具便是Dremweaver、Photoshop、Flash軟件。在這些軟件我對Dremweaver、Photoshop相對比較熟悉,因為在平時上課是老師帶領我們運用過。所以我還可以正常的運用,但是出現(xiàn)的問題還是有很多。有很多不懂如何操作,只有通過在次去看書才能夠了解,這也體現(xiàn)了我學習方面的缺點,它是我平時不夠認真的具體表現(xiàn)。
三、網(wǎng)頁制作,這便進入我該次的主題了具體制作流程如下。
在我打開Dremweaver后第一步便是新建站點,我把我的站點建立在F儀下面。并將我搜集的全部資料都保存在其文件夾中,以便網(wǎng)頁制作時可以方便的使用。
設計主頁及二級頁面。
在主頁我設首頁制作時,時刻考慮著網(wǎng)頁的基本原則:統(tǒng)一,連貫,分割,對比及和諧的原則,內容統(tǒng)一,都是為了主題服務,美容美體,一個網(wǎng)站強調的就是一個整體,只有圍繞一個統(tǒng)一的目標所做的設計才是成功的;連貫,頁面之間關系連貫,統(tǒng)成一體;每版內容都自成一體,顏色各異,便于瀏覽;整個網(wǎng)頁有動有靜,色彩呼應,搭配協(xié)調,不呆板,富有生氣;顏色各異,但又不同之中又相同,渾然一體。而且制作過程中,不忘以下原則:
簡潔實用: 這是非常重要的,網(wǎng)絡特殊環(huán)境下,盡量以最高效率的方式將用戶所要想得到的信息傳送給他就是最好的,所以要去掉所有的冗余的東西。使用方便:同第一個是相一致的,滿足使用者的要求,網(wǎng)頁做得越適合使用,就越顯示出其功能美;頁面用色協(xié)調,布局符合形式美的要求: 布局有條理,充分利用美的形式,是網(wǎng)頁富有可欣賞性,提高檔次。當然雅俗共賞是人人都追求的。
交互式強: 發(fā)揮網(wǎng)絡的優(yōu)勢,是每個使用者都參與到其中來,這樣的設計才能算成功的設計。這樣的網(wǎng)頁才算真正的美的設計。每個子頁都設有上導航欄,便于瀏覽和跳轉。3個二級網(wǎng)頁制作時,使用的是表格,每一個頁面都用表格為它布局好,然后在插入圖片文字及其他,這樣有一定的規(guī)劃性,體現(xiàn)了連貫統(tǒng)一性,不同的內容根據(jù)各自的特色建立了不同的表格,突出各自的主題,增強了對比性。在做這些網(wǎng)頁的時候我就進行了如上所述的方法。但我所以網(wǎng)頁的背景顏色及主題顏色都是相同的以便突出我每一個網(wǎng)頁都是為凸顯我主題而服務。
實現(xiàn)網(wǎng)頁間的鏈接。
我的鏈接按鈕主要有四個“時尚首頁、時尚衣秀、推薦產(chǎn)品、潮流信息”它分別鏈接到我所做的四個網(wǎng)頁。鏈接的過程其實很簡單,主要是把要鏈接的文字選擇在選擇工具欄的鏈接按鈕最后選擇自己要鏈接的網(wǎng)頁單擊確定便可以了。
向靜太網(wǎng)頁插入動態(tài)效果。
在這一階段我遇到了許多的問題,主要是我在主頁插入我的flash的時候,開是我將帶碼粘貼到我的網(wǎng)頁上可是在瀏覽網(wǎng)頁的時候flash卻不能夠顯示。最后我向老師的請教后終于在老師的幫助下我成功的在我的主頁插入了flash。而在其它的二級網(wǎng)頁我主頁插入的是一些gif格式的動態(tài)圖片。
在做完網(wǎng)站才發(fā)現(xiàn),怎么所有的圖片素材并不是在一個文件夾中,而有許多的子文件夾,從網(wǎng)上下載的網(wǎng)頁全都是一個網(wǎng)頁對應一個文件夾。制作過程中,才發(fā)現(xiàn),原來自己懂的太少了,好多不知道的地方,才趕緊查書,開始的時候只是會建立模版,可不會應用。而對于動態(tài)flash的插入我更是問題多多,開始是我對代碼基本上是不懂,這就是自己學校上的問題,當真正開始運用的.時候在向老師提問。
這只是在制作過程中出現(xiàn)一些問題,其它問題也是類似相同?,F(xiàn)在想想,自己所會的東西太少了,現(xiàn)在做的網(wǎng)站只是一些簡單的靜態(tài)的網(wǎng)站,看到了一些知名的網(wǎng)站開發(fā)出的網(wǎng)頁,不僅欄目內容豐富,信息量大,而且頁面圖文并茂,五彩繽紛,使得網(wǎng)民贊嘆不已,流連忘返。從我做的網(wǎng)頁來看可以反映出學習的還不夠,缺點疏漏。需在加以刻苦鉆研及學習,不斷開拓視野,增強自己的實踐操作技能,為以后能做出出色的網(wǎng)頁而努力。同時我也希望能夠有更多的類似動手練習,讓我們在實踐之中來學習知識。因為我覺得實踐不僅能夠提高我們的學習興趣它更能夠提高我們的動手能力增強我們的技術性。
網(wǎng)站設計報告【篇7】
一、本課題的目的和意義:
隨著互聯(lián)網(wǎng)技術的迅速發(fā)展網(wǎng)絡已逐漸深入人心,更是成為繼報刊、電視、廣播等傳統(tǒng)媒體之后而迅速興起的一新的傳媒介質,網(wǎng)絡宣傳已成為眾多宣傳手段的重中之重,各種各樣的網(wǎng)站也就應運而生。為宣傳企業(yè)而制作的公司網(wǎng)站、可進行網(wǎng)上購物的電子商務網(wǎng)站、能及時了解到天下事的新聞網(wǎng)站、方便學習的教育網(wǎng)站,充斥著我們的視野,滿足著我們的需要。網(wǎng)站的規(guī)劃與建設,已悄然被許多人擺到了首要的位置上。
當今的人們,如果依然依靠傳統(tǒng)的方式展示自己已經(jīng)不能滿足現(xiàn)在人們的需要,所以做一個網(wǎng)站就成為人們一件十分有意義并有興趣去做的事情。利用企業(yè)網(wǎng)站我們可以讓全國,甚至全世界的人們有機會知道自己的公司。
二、本課題研究的難點
規(guī)劃并建設好一個企業(yè)網(wǎng)站,并不是一件容易的事。首先,規(guī)劃好這個網(wǎng)站就不容易。因為是企業(yè)網(wǎng)站,所以要求要比其它類型的網(wǎng)站更加獨具匠心,有獨特的眼光。這就規(guī)劃者有了更高的要求。首先,要根據(jù)自己的要求網(wǎng)站的風格布局、色彩搭配和大體輪廓,并確立網(wǎng)站的欄目、內容。其次,網(wǎng)站制作者將要根據(jù)前一點安排整個頁面文字圖片的布局,這就要求設計者對網(wǎng)頁制作具有相當?shù)乃?,美工、排版能力要強。再者,企業(yè)網(wǎng)站需要實現(xiàn)的動態(tài)及時更新等功能要求網(wǎng)站制作程序員有良好的編程基礎,在網(wǎng)絡編程語言ASP、PHP、JSP或ASP。NET等中選擇來進行網(wǎng)站管理后臺的編寫并與前臺掛鉤并通過更新數(shù)據(jù)庫來實現(xiàn)網(wǎng)站的更新。當然,選擇的編程語言也要與網(wǎng)站服務器平臺所支持的技術相符合。這就要求在配置服務器或是購買虛擬主機時根據(jù)需要來進行配置或選擇。ZUI后,網(wǎng)站安全性也是一個重中之重,在如今黑客當行、病毒當?shù)赖幕ヂ?lián)時空,網(wǎng)站的安全猶為重要。
三、本課題研究要解決的問題
規(guī)劃并建設好一個令人耳目一新的企業(yè)網(wǎng)站,并不是一件容易的事。首先,規(guī)劃好這個網(wǎng)站就不容易。這要求網(wǎng)站規(guī)劃者熟悉企業(yè)的情況,并確立網(wǎng)站的欄目、內容。其次,網(wǎng)站制作者將要根據(jù)網(wǎng)站的規(guī)劃書來確定網(wǎng)站的風格、布局、色彩搭配等,這就要求設計者對網(wǎng)頁制作具有相當?shù)乃?,美工、排版能力要強。再者,企業(yè)網(wǎng)站需要實現(xiàn)的動態(tài)及時更新等功能要求網(wǎng)站制作程序員有良好的編程基礎,在網(wǎng)絡編程語言ASP、PHP、JSP或ASP。NET等中選擇來進行網(wǎng)站管理后臺的編寫并與前臺掛鉤并通過更新數(shù)據(jù)庫來實現(xiàn)網(wǎng)站的更新。當然,選擇的編程語言也要與網(wǎng)站服務器平臺所支持的技術相符合。這就要求在配置服務器或是購買虛擬主機時根據(jù)需要來進行配置或選擇。ZUI后,網(wǎng)站安全性也是一個重中之重,在如今黑客當行、病毒當?shù)赖幕ヂ?lián)時空,網(wǎng)站的安全猶為重要,否則,功虧一簣!這就要求配置服務器或選擇虛擬主機時的謹慎以及編寫網(wǎng)站管理后臺的注意。
四、本課題研究的目標及內容
1、本課題研究的目標是:建立一個具有特色的企業(yè)網(wǎng)站。
課題的內容是:在這個課題中,主要是用于公司相關信息的介紹,以及相關的產(chǎn)品內容的介紹。方便他人的了解。它的內容主要包括對網(wǎng)站前臺的設計及制作,包括企業(yè)網(wǎng)站的logo設計,布局的設計,網(wǎng)站頁面的制作、片頭動畫及頁面動畫的設計制作、注冊登陸系統(tǒng)以及各鏈接和相關技術的開發(fā)等。在這里,我將以制作某企業(yè)網(wǎng)站為例,具體闡述個人網(wǎng)站的制作過程。
制作網(wǎng)站過程:
1、網(wǎng)頁美工
用photoshop CS制作頁面效果圖片,搭配好顏色,設計好版式,這樣做的目的是為了讓網(wǎng)站的頁面更具有整體性和美觀性,色調搭配及版面的設計都可以通過photoshop CS這個強大的圖片處理軟件來完成,這樣設計出來的網(wǎng)頁不論是從美工還是從版式上都是一流的。
2、導航條和文字圖片的布局
用DreamweaverMX和FlashMX設計制作導航條,同時對文字圖片進行調整。具體的就是文字的大小、字體以及圖片的格式、大小進行調整。
3、超鏈接其動態(tài)設計
用用DreamveaverMX建立超鏈接使整個網(wǎng)站能夠自由地相互關聯(lián),使瀏覽者能夠方便地到達所需要的網(wǎng)頁。另外,本網(wǎng)站還可以進行注冊,利用ASP與Access相連使網(wǎng)站變?yōu)閯討B(tài)網(wǎng)站。
五、課題研究進展計劃
1第一周到四周完成畢業(yè)設計開題報告
2第五周調研,準備各種參考資料、充實所需知識
3第六周查閱相關書籍資料,提出可行性的設計方案
4第七到十六周具體設計與制作工作
5第十七周文檔的生成與整理,指導教師修改
6第十八周畢業(yè)設計論文的相關資料的搜集
7第十九周完成畢業(yè)論文撰寫
六、參考文獻
《網(wǎng)頁設計典型技巧》 Time創(chuàng)作室人民郵電出版社20xx年10月
《ASP動態(tài)網(wǎng)站開發(fā)畢劉瑞斯機械工業(yè)出版社20xx年3月
《ASP+Access組建動態(tài)網(wǎng)站實例精講》龍馬工作室人民郵電出版社20xx年6月