網(wǎng)站設(shè)計開題報告范本
網(wǎng)站設(shè)計是將策劃案中的內(nèi)容、網(wǎng)站的主題模式，以及結(jié)合自己的認(rèn)識通過藝術(shù)的手法表現(xiàn)出來;而網(wǎng)頁制作通常就是將網(wǎng)頁設(shè)計師所設(shè)計出來的設(shè)計稿，按照W3C規(guī)范用html(標(biāo)準(zhǔn)通用標(biāo)記語言下的一個應(yīng)用)將其制作成網(wǎng)頁格式。
網(wǎng)站設(shè)計開題報告范本一：
題目名稱在線課程網(wǎng)站設(shè)計與實(shí)現(xiàn)
學(xué)生姓名專業(yè)班級
一、選題的目的意義
隨著信息化的發(fā)展，互聯(lián)網(wǎng)需要提供更多的服務(wù)，構(gòu)造更完善的體系以滿足越來越多的用戶的精神與物質(zhì)需求。其強(qiáng)大的功能已為人們深刻認(rèn)識，它已經(jīng)進(jìn)入人類社會的各個領(lǐng)域并發(fā)揮著越來越重要的作用。各行各業(yè)的人們無須經(jīng)過特別的訓(xùn)練就能夠使用電腦完成許多復(fù)雜的工作。計算機(jī)的最大好處在于利用它能夠進(jìn)行信息管理。使用計算機(jī)進(jìn)行信息控制，不僅提高了工作效率，而且大大的提高了其安全性。
目前在學(xué)校，教學(xué)工作日益繁重，需要有一個自動化的工具進(jìn)行統(tǒng)籌管理，才能夠及時、準(zhǔn)確地進(jìn)行教學(xué)工作，加強(qiáng)學(xué)生和教師之間的溝通。
為了達(dá)到網(wǎng)上互動教學(xué)的目的，讓更多的學(xué)生能夠隨時實(shí)現(xiàn)遠(yuǎn)程學(xué)習(xí)的目的，同時可以通過一對一的提問，解答，實(shí)現(xiàn)師生間的相互遠(yuǎn)程交流。
雖然我國的教學(xué)互動系統(tǒng)還不夠成熟，還存在這樣那樣的問題，但它的發(fā)展符合經(jīng)濟(jì)學(xué)原理和人們的需要，只要對癥下藥，一定可以逐漸發(fā)展完善。
二、國內(nèi)外研究現(xiàn)狀
在線課程網(wǎng)站上的教學(xué)活動是借助于一定的手段、工具展開的。教學(xué)活動的具體過程、組織方式以及質(zhì)量效益等都和教學(xué)活動中使用的工具密切相關(guān)。可以說，不斷地把人類在社會生產(chǎn)與生活中創(chuàng)造出來的新技術(shù)、新設(shè)備加以改進(jìn)并運(yùn)用于教學(xué)活動中，這是人類教學(xué)進(jìn)步的重要動力，是教學(xué)效率和效果得以不斷提高的重要物質(zhì)保證。縱觀人類教育發(fā)展史，每一項(xiàng)新的教學(xué)技術(shù)的應(yīng)用，都給教學(xué)活動提供了新的發(fā)展空間，使教學(xué)活動在整體上得到豐富和提升。從某種意義上說，隨著社會發(fā)展而不斷更新教學(xué)設(shè)備、優(yōu)化教學(xué)技術(shù)，是教學(xué)發(fā)展的歷史規(guī)律和客觀要求。我們發(fā)展現(xiàn)代教學(xué)技術(shù)，應(yīng)立足于教學(xué)發(fā)展的歷史規(guī)律，深刻認(rèn)識到教學(xué)技術(shù)更新對于教學(xué)活動整體進(jìn)步的歷史意義。
當(dāng)前人類正在步入一個全新的技術(shù)發(fā)展時期。正如聯(lián)合國教科文組織國際21世紀(jì)教育委員會所指出的，“新技術(shù)使人類進(jìn)入了信息傳播全球化的時代;它們消除了距離的障礙，正十分有效地參與塑造明日的社會”，“這些新技術(shù)正在我們眼前引起一場真正的革命，這場革命既影響著與生產(chǎn)和工作有關(guān)的活動，又影響著與教學(xué)和培訓(xùn)有關(guān)的活動”。的確，以個人電腦、網(wǎng)絡(luò)技術(shù)和多媒體技術(shù)為主要內(nèi)容的現(xiàn)代信息技術(shù)革命的出現(xiàn)，為教學(xué)方式與教學(xué)模式的變革提供了新的物質(zhì)基礎(chǔ)。看不到現(xiàn)代信息技術(shù)為提高教學(xué)質(zhì)量、擴(kuò)大教學(xué)對象、變革教學(xué)方式提供的物質(zhì)支撐，就很難有效地利用信息技術(shù)為教學(xué)發(fā)展服務(wù)，就很難在我們的教學(xué)活動中體現(xiàn)人類技術(shù)進(jìn)步的成果。從這種意義上說，充分利用現(xiàn)代信息技術(shù)，是教學(xué)發(fā)展的時代要求。
當(dāng)前，世界各國都在研究如何充分利用信息技術(shù)提高教學(xué)質(zhì)量和效益的問題，加強(qiáng)現(xiàn)代信息技術(shù)的教學(xué)應(yīng)用已成為各國教學(xué)改革的重要方向�；谶@樣的背景，國家教育部<綱要>第十一條明確提出，“大力推進(jìn)信息技術(shù)在教學(xué)過程中的普遍應(yīng)用”，并對這種應(yīng)用的立足點(diǎn)作了明確的闡述:“促進(jìn)信息技術(shù)與學(xué)科課程的整合，逐步實(shí)現(xiàn)教學(xué)內(nèi)容的呈現(xiàn)方式、學(xué)生的學(xué)習(xí)方式、教師的教學(xué)方式和師生互動方式的變革”;“充分發(fā)揮信息技術(shù)的優(yōu)勢，為學(xué)生的學(xué)習(xí)和發(fā)展提供豐富多彩的教育環(huán)境和有力的學(xué)習(xí)工具。”我們一定要提倡以提高教學(xué)質(zhì)量和效益為目的，以轉(zhuǎn)變學(xué)生學(xué)習(xí)方式和促進(jìn)學(xué)生發(fā)展為宗旨的教學(xué)技術(shù)應(yīng)用觀。同時要本著從實(shí)際出發(fā)、因地制宜的原則，挖掘和發(fā)揮傳統(tǒng)的各種技術(shù)手段在教學(xué)中的積極作用，黑板、粉筆、掛圖、模型等傳統(tǒng)教學(xué)工具，錄音機(jī)、幻燈機(jī)、放映機(jī)等傳統(tǒng)的電化教學(xué)手段，在學(xué)校教學(xué)活動中同樣具有獨(dú)特的生命力，要把現(xiàn)代教學(xué)技術(shù)和傳統(tǒng)教學(xué)手段結(jié)合起來，努力挖掘所有教學(xué)技術(shù)手段的使用價值，積極促進(jìn)各種技術(shù)手段之間的協(xié)同互補(bǔ)，從而促進(jìn)教學(xué)技術(shù)體系整體協(xié)調(diào)發(fā)展。
三、主要研究內(nèi)容
1、課程信息模塊
模塊名稱:課程信息模塊
模塊功能:教師發(fā)布課程信息，供學(xué)生們學(xué)習(xí)。
模塊界面圖:如圖所示。
2、公告管理模塊
模塊名稱:公告管理模塊。
模塊功能:管理員登錄后，可以在線發(fā)布公告;網(wǎng)站瀏覽者點(diǎn)擊公告可以瀏覽管理員發(fā)布的公告。
3、在線答疑模塊
模塊名稱:在線答疑模塊
模塊功能:實(shí)現(xiàn)了教師和同學(xué)的在線交流，學(xué)生可以就某個問題向教師請教。
4、教學(xué)資料模塊
功能:可以下載教學(xué)資料，瀏覽教學(xué)視頻等
四、畢業(yè)論文(設(shè)計)的研究方法或技術(shù)路線
1、研究的整體方案:
1)應(yīng)用程序背景和需求分析
2)組建開發(fā)組
3)數(shù)據(jù)庫設(shè)計
4)編寫應(yīng)用程序
5)測試和優(yōu)化應(yīng)用程序
6)發(fā)布數(shù)據(jù)庫和應(yīng)用程序
2、工作進(jìn)度的安排:
1)應(yīng)用程序背景和需求分析:熟悉論文課題，查找資料，研究資料，熟悉編程語言，完成畢業(yè)設(shè)計開題報告及外文文獻(xiàn)翻譯。
完成時間:2012年12月底—2013年2月中旬。
2)組建開發(fā)組:本人獨(dú)立完成
完成時間:2013年2月中旬。
3)數(shù)據(jù)庫設(shè)計:繼續(xù)熟悉編程語言，查找資料，研究資料，確定數(shù)據(jù)庫結(jié)構(gòu)和數(shù)據(jù)結(jié)構(gòu)，建立數(shù)據(jù)庫，做好編程準(zhǔn)備。
完成時間:2013年2月中旬——2月底。
4)編寫應(yīng)用程序:著手編程，初調(diào)程序，建立程序的大致結(jié)構(gòu)、整體框架。
完成時間:2013年3月初——4月初。
5)測試和優(yōu)化應(yīng)用程序:設(shè)計與撰寫論文，完善設(shè)計，進(jìn)行測試。
完成時間:2013年4月初——4月中旬。
6)發(fā)布數(shù)據(jù)庫和應(yīng)用程序:根據(jù)指導(dǎo)老師的建議，繼續(xù)完善程序，將完成的程序上交，并將畢業(yè)論文完成初稿上交。
完成時間:2013年4月中旬——4月底。
3、研究的預(yù)期目標(biāo)及主要特點(diǎn)及創(chuàng)新點(diǎn)
(一)預(yù)期目標(biāo):
1、界面簡單可操作性強(qiáng):一般的管理人員用戶經(jīng)過簡單的培訓(xùn)后，能很快地熟練操作。
2、安全性:我們通過系統(tǒng)內(nèi)部自設(shè)的權(quán)限校驗(yàn)來對系統(tǒng)登錄用戶實(shí)施校驗(yàn)，提高了整個系統(tǒng)的安全性，滿足客戶的安全性需求。
3、簡便有效的維護(hù)手段:系統(tǒng)使用后，維護(hù)工作將是一個長期的工作，系統(tǒng)將充分考慮維護(hù)工作的需求，通過相應(yīng)手段降低維護(hù)工作量及難度，從而達(dá)到保證運(yùn)行可靠及節(jié)省費(fèi)用的目的。
4、可擴(kuò)充性:在線課程網(wǎng)站需要每日對辦公人員進(jìn)行輸入，大量的數(shù)據(jù)要對數(shù)據(jù)庫輸入，所以該系統(tǒng)對具有較強(qiáng)的可擴(kuò)充性，是十分重要的。
5、功能性強(qiáng)大:該系統(tǒng)將具有強(qiáng)大的功能，滿足一般企業(yè)的需求，相對于手工輸入具有強(qiáng)大的功能。
6、強(qiáng)大的糾錯能力:該系統(tǒng)將具有較強(qiáng)的糾錯能力，當(dāng)運(yùn)行時，用戶操作錯誤時會提出響應(yīng)的警示，能自動保護(hù)系統(tǒng)避免系統(tǒng)出錯。
(二)主要特點(diǎn):
1、可擴(kuò)充性:數(shù)據(jù)庫具有較大的可擴(kuò)充余地。
2、系統(tǒng)的安全設(shè)置:系統(tǒng)內(nèi)部的權(quán)限校驗(yàn)保證了企業(yè)資料的安全，保障了用戶的權(quán)益
3、高效性:該系統(tǒng)充分體現(xiàn)了計算機(jī)的特點(diǎn)，能夠快速有效的處理各項(xiàng)任務(wù)。
4、強(qiáng)大功能:通過對數(shù)據(jù)庫的簡單輸入，可實(shí)現(xiàn)手工無法比擬的多功能操作。
5、具有錯誤識別能力:當(dāng)用戶操作出現(xiàn)錯誤時，系統(tǒng)將提出警告，并能提示正確的操作。避免系統(tǒng)被破壞。
(三)創(chuàng)新點(diǎn):
該系統(tǒng)主要有人性化設(shè)計、系統(tǒng)的安全設(shè)置、簡單的系統(tǒng)維護(hù)方法、使用的高效性、強(qiáng)大的功能、具有錯誤識別能力等創(chuàng)新點(diǎn)。
五、主要參考文獻(xiàn)與資料
[1]王輝，黃紅超編著。php實(shí)用教程。北京:清華大學(xué)出版社。2005、
[2]dinoesposito(意)著。羅兵，顧燕宏譯。精通php程序設(shè)計。北京:清華大學(xué)出版社。2006、
[3]russbasinra，richardconway著。王曉娜，黃開枝譯。php安全性高級編程。北京:清華大學(xué)出版社。2003、
[4]馮方方編著。php基礎(chǔ)教程。北京:清華大學(xué)出版社。2004、
[5]徐新華編著。精通php2、0、北京:機(jī)械工業(yè)出版社。2006、
[6]蘇紅超編著。php深入解析。北京:科學(xué)出版社。2003、
[7]劉寅力編著。系統(tǒng)分析之路。北京:電子工業(yè)出版社。2005、
[8]鄒建峰，李律松，李曉栓編著。php開發(fā)技術(shù)詳解。北京:人民郵電出版社。2005、
[9]申朝陽，宋顏浩主編。php與相關(guān)數(shù)據(jù)庫技術(shù)高級指南。北京:中國水利水電出版社。2005、
[10](美)michealotey，paulconte著。陳思義，吳強(qiáng)，劉紅波譯。sqlserver2000開發(fā)指南。北京:清華大學(xué)出版社。2002、
六、指導(dǎo)教師審批意見
網(wǎng)站設(shè)計開題報告范本二：
在經(jīng)濟(jì)迅速發(fā)展的今天，inter顯得更為重要它是人們發(fā)布信息與傳遞信息的重要渠道，為了與社會發(fā)展同步，為了讓我們成為真正的技術(shù)性人才。學(xué)校在本周為我們安排了維持一周的網(wǎng)頁制作專用周是實(shí)習(xí)，讓我們把平時所學(xué)知識運(yùn)用到實(shí)踐中做到真正的學(xué)以致用而不只是紙上談兵。通過本周的實(shí)習(xí)使我獲得了更多的新知識同時也使我使我認(rèn)識到了自己在學(xué)習(xí)上的許多不足，下面就談?wù)勎以诒敬螌Ｓ弥艿闹饕惺堋?/p>
一、網(wǎng)站整體規(guī)劃，要做網(wǎng)頁的第一步便是做網(wǎng)站的整體規(guī)劃這主要包括四個方面的內(nèi)容。
1、討論網(wǎng)站的主題。
網(wǎng)站整體規(guī)劃是做網(wǎng)頁的第一步也是制作網(wǎng)頁最關(guān)鍵的一步它決定了你要表答的信息，因此我選擇了我選擇我最喜愛的服飾來為它做網(wǎng)頁。在平時我也對服裝的網(wǎng)頁比較關(guān)心，無論是淘寶網(wǎng)上的衣店還是各種品牌裝。這次我是為“易菲”服飾做的網(wǎng)頁。
2、定位網(wǎng)站的ci形象。“易菲”植根中國文化之精髓，汲取自然稟賦之靈性，形成一個既有濃厚文化底蘊(yùn)，又有現(xiàn)代自然人文氣息的特色品牌。“易”即是容，是包容，是寬容，是五千年中華民族的文化精髓，是厚德載物，是對人性寬度的一種拓展。“菲”通非，是生機(jī)、是個性、是春意盎然、是自強(qiáng)不息，是對人性深度的一種挖掘。“生活如花，自在快樂”是yifini易菲的設(shè)計理念，倡導(dǎo)一種與自然和諧相處，如花兒綻放般美好舒適、自在快樂的生活方式。這也便是我網(wǎng)站的ci形象。
3、確定欄目和板塊。
于時間的關(guān)系在本次我準(zhǔn)備做四張網(wǎng)頁:一張主頁三張二級頁面。分別設(shè)計了“時尚首頁、時尚衣秀、推薦產(chǎn)品、潮流信息”等四個欄目。在這四張頁面中我打算都用淡藍(lán)色做背景顏色來映襯我網(wǎng)頁的主打色綠色。
2、網(wǎng)站的整體風(fēng)格和創(chuàng)意。
整個網(wǎng)站的創(chuàng)意就在于顏色的搭配，與各種圖片的搭配，它們相互輝映，相互襯托。以便達(dá)到表現(xiàn)其品牌的和諧之美、自然之美。我踩用淡藍(lán)色和綠色為我網(wǎng)站的主打色主要是因?yàn)槲业漠a(chǎn)品特性。在設(shè)計上，yieini易菲推崇“自然美”，將帶表女性氣質(zhì)的花卉和自然元素融入設(shè)計之中，充分體現(xiàn)設(shè)計師和顧客所追求的一種灑脫、舒適的生活氛圍，力求表現(xiàn)悠閑、舒暢、自然的生活情趣。因此我用天空與自然的顏色來表達(dá)這張自然之美、和諧之美。
二、網(wǎng)頁制作的前期策劃與準(zhǔn)備，在本階級主要有兩方面的工作。
1、資料的搜集。
在做網(wǎng)頁我上網(wǎng)收集了許多方面的'資料主要是有關(guān)網(wǎng)站的布局與服飾品牌方面的資料，我首先進(jìn)它的企業(yè)網(wǎng)站找了一些關(guān)于“易菲”服飾的圖片主要是一些代言形象還有代表其企業(yè)形象的圖片。其次我去瀏覽了許多的網(wǎng)頁觀察其網(wǎng)頁的布局、顏色搭配、欄目、板塊等方面的內(nèi)容，同時也搜集了一些對我有用的資料。在搜索資料最困難的便是動態(tài)圖片的搜集，動態(tài)圖片其gif格式的還是好保存，但是要搜集flash動態(tài)圖片就相對較難了。我用了一天的時間來搜集我的flash都不太成功，不過還搜到了可以換自己圖片的代碼。在開始時我根本就不知道flash是怎樣搜索，不過經(jīng)過三次像老實(shí)詢問我終于懂得一些關(guān)于代碼的搜索。在搜集資料的過程之中我發(fā)現(xiàn)了自己的許多不足之處，最關(guān)鍵就是平時對知識的掌握不夠，連最基本的資料搜尋都覺得困難。也是我平時不夠認(rèn)真和努力的表現(xiàn)。通過這次的教訓(xùn)在以后我一定會做得更好，爭取不范類似錯誤。
2、熟悉制作軟件。
做網(wǎng)頁主要用的工具便是dremweaver、photoshop、flash軟件。在這些軟件我對dremweaver、photoshop相對比較熟悉，因?yàn)樵谄綍r上課是老師帶領(lǐng)我們運(yùn)用過。所以我還可以正常的運(yùn)用，但是出現(xiàn)的問題還是有很多。有很多不懂如何操作，只有通過在次去看書才能夠了解，這也體現(xiàn)了我學(xué)習(xí)方面的缺點(diǎn)，它是我平時不夠認(rèn)真的具體表現(xiàn)。
三、網(wǎng)頁制作，這便進(jìn)入我該次的主題了具體制作流程如下。
1、構(gòu)建站點(diǎn)框架。
在我打開dremweaver后第一步便是新建站點(diǎn)，我把我的站點(diǎn)建立在f\儀下面。并將我搜集的全部資料都保存在其文件夾中，以便網(wǎng)頁制作時可以方便的使用。
2、設(shè)計主頁及二級頁面。
在主頁我設(shè)首頁制作時，時刻考慮著網(wǎng)頁的基本原則:統(tǒng)一，連貫，分割，對比及和諧的原則，內(nèi)容統(tǒng)一，都是為了主題服務(wù)，美容美體，一個網(wǎng)站強(qiáng)調(diào)的就是一個整體，只有圍繞一個統(tǒng)一的目標(biāo)所做的設(shè)計才是成功的;連貫，頁面之間關(guān)系連貫，統(tǒng)成一體;每版內(nèi)容都自成一體，顏色各異，便于瀏覽;整個網(wǎng)頁有動有靜，色彩呼應(yīng)，搭配協(xié)調(diào)，不呆板，富有生氣;顏色各異，但又不同之中又相同，渾然一體。而且制作過程中，不忘以下原則:
簡潔實(shí)用:這是非常重要的，網(wǎng)絡(luò)特殊環(huán)境下，盡量以最高效率的方式將用戶所要想得到的信息傳送給他就是最好的，所以要去掉所有的冗余的東西。使用方便:同第一個是相一致的，滿足使用者的要求，網(wǎng)頁做得越適合使用，就越顯示出其功能美;頁面用色協(xié)調(diào)，布局符合形式美的要求:布局有條理，充分利用美的形式，是網(wǎng)頁富有可欣賞性，提高檔次。當(dāng)然雅俗共賞是人人都追求的。
交互式強(qiáng):發(fā)揮網(wǎng)絡(luò)的優(yōu)勢，是每個使用者都參與到其中來，這樣的設(shè)計才能算成功的設(shè)計。這樣的網(wǎng)頁才算真正的美的設(shè)計。每個子頁都設(shè)有上導(dǎo)航欄，便于瀏覽和跳轉(zhuǎn)。3個二級網(wǎng)頁制作時，使用的是表格，每一個頁面都用表格為它布局好，然后在插入圖片文字及其他，這樣有一定的規(guī)劃性，體現(xiàn)了連貫統(tǒng)一性，不同的內(nèi)容根據(jù)各自的特色建立了不同的表格，突出各自的主題，增強(qiáng)了對比性。在做這些網(wǎng)頁的時候我就進(jìn)行了如上所述的方法。但我所以網(wǎng)頁的背景顏色及主題顏色都是相同的以便突出我每一個網(wǎng)頁都是為凸顯我主題而服務(wù)。
3、實(shí)現(xiàn)網(wǎng)頁間的鏈接。
我的鏈接按鈕主要有四個“時尚首頁、時尚衣秀、推薦產(chǎn)品、潮流信息”它分別鏈接到我所做的四個網(wǎng)頁。鏈接的過程其實(shí)很簡單，主要是把要鏈接的文字選擇在選擇工具欄的鏈接按鈕最后選擇自己要鏈接的網(wǎng)頁單擊確定便可以了。
4、向靜太網(wǎng)頁插入動態(tài)效果。
在這一階段我遇到了許多的問題，主要是我在主頁插入我的flash的時候，開是我將帶碼粘貼到我的網(wǎng)頁上可是在瀏覽網(wǎng)頁的時候flash卻不能夠顯示。最后我向老師的請教后終于在老師的幫助 下我成功的在我的主頁插入了flash。而在其它的二級網(wǎng)頁我主頁插入的是一些gif格式的動態(tài)圖片。
四、網(wǎng)頁的調(diào)試
在做完網(wǎng)站才發(fā)現(xiàn)，怎么所有的圖片素材并不是在一個文件夾中，而有許多的子文件夾，從網(wǎng)上下載的網(wǎng)頁全都是一個網(wǎng)頁對應(yīng)一個文件夾。制作過程中，才發(fā)現(xiàn)，原來自己懂的太少了，好多不知道的地方，才趕緊查書，開始的時候只是會建立模版，可不會應(yīng)用。而對于動態(tài)flash的插入我更是問題多多，開始是我對代碼基本上是不懂，這就是自己學(xué)校上的問題，當(dāng)真正開始運(yùn)用的時候在向老師提問。
這只是在制作過程中出現(xiàn)一些問題，其它問題也是類似相同�，F(xiàn)在想想，自己所會的東西太少了，現(xiàn)在做的網(wǎng)站只是一些簡單的靜態(tài)的網(wǎng)站，看到了一些知名的網(wǎng)站開發(fā)出的網(wǎng)頁，不僅欄目內(nèi)容豐富，信息量大，而且頁面圖文并茂，五彩繽紛，使得網(wǎng)民贊嘆不已，流連忘返。從我做的網(wǎng)頁來看可以反映出學(xué)習(xí)的還不夠，缺點(diǎn)疏漏。需在加以刻苦鉆研及學(xué)習(xí)，不斷開拓視野，增強(qiáng)自己的實(shí)踐操作技能，為以后能做出出色的網(wǎng)頁而努力。同時我也希望能夠有更多的類似動手練習(xí)，讓我們在實(shí)踐之中來學(xué)習(xí)知識。因?yàn)槲矣X得實(shí)踐不僅能夠提高我們的學(xué)習(xí)興趣它更能夠提高我們的動手能力增強(qiáng)我們的技術(shù)性。
【網(wǎng)站設(shè)計開題報告】相關(guān)文章：
網(wǎng)站設(shè)計開題報告06-08