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