關於網站設計開題報告

才智咖 人氣:2.52W

導讀:開題報告是指開題者對科研課題的一種文字說明材料。這是一種新的應用寫作文體,這種文字型裁是隨著現代科學研究活動計劃性的增強和科研選題程式化管理的需要而產生的。下面是小編整理的關於網站設計開題報告,歡迎閱讀!

關於網站設計開題報告

【篇一:網頁設計開題報告】

在經濟迅速發展的今天,internet顯得更為重要它是人們釋出資訊與傳遞資訊的重要渠道,為了與社會發展同步,為了讓我們成為真正的技術性人才。學校在本週為我們安排了維持一週的網頁製作專用周是實習,讓我們把平時所學知識運用到實踐中做到真正的學以致用而不只是紙上談兵。通過本週的實習使我獲得了更多的新知識同時也使我使我認識到了自己在學習上的許多不足,下面就談談我在本次專用周的主要感受。

一、網站整體規劃,要做網頁的第一步便是做網站的整體規劃這主要包括四個方面的內容。

1、討論網站的主題。

網站整體規劃是做網頁的第一步也是製作網頁最關鍵的一步它決定了你要表答的資訊,因此我選擇了我選擇我最喜愛的服飾來為它做網頁。在平時我也對服裝的網頁比較關心,無論是淘寶網上的衣店還是各種品牌裝。這次我是為“易菲”服飾做的網頁。

2、定位網站的ci形象。“易菲”植根中國文化之精髓,汲取自然稟賦之靈性,形成一個既有濃厚文化底蘊,又有現代自然人文氣息的特色品牌。“易”即是容,是包容,是寬容,是五千年中華民族的文化精髓,是厚德載物,是對人性寬度的一種拓展。“菲”通非,是生機、是個性、是春意盎然、是自強不息,是對人性深度的一種挖掘。“生活如花,自在快樂”是yifini易菲的設計理念,倡導一種與自然和諧相處,如花兒綻放般美好舒適、自在快樂的生活方式。這也便是我網站的ci形象。

3、確定欄目和板塊。

於時間的關係在本次我準備做四張網頁:一張主頁三張二級頁面。分別設計了“時尚首頁、時尚衣秀、推薦產品、潮流資訊”等四個欄目。在這四張頁面中我打算都用淡藍色做背景顏色來映襯我網頁的主打色綠色。

2、網站的整體風格和創意。

整個網站的創意就在於顏色的搭配,與各種圖片的搭配,它們相互輝映,相互襯托。以便達到表現其品牌的和諧之美、自然之美。我踩用淡藍色和綠色為我網站的主打色主要是因為我的產品特性。在設計上,yieini易菲推崇“自然美”,將帶表女性氣質的花卉和自然元素融入設計之中,充分體現設計師和顧客所追求的一種灑脫、舒適的生活氛圍,力求表現悠閒、舒暢、自然的生活情趣。因此我用天空與自然的顏色來表達這張自然之美、和諧之美。

二、網頁製作的前期策劃與準備,在本階級主要有兩方面的工作。

1、資料的蒐集。

在做網頁我上網收集了許多方面的資料主要是有關網站的佈局與服飾品牌方面的資料,我首先進它的企業網站找了一些關於“易菲”服飾的圖片主要是一些代言形象還有代表其企業形象的圖片。其次我去瀏覽了許多的網頁觀察其網頁的佈局、顏色搭配、欄目、板塊等方面的內容,同時也蒐集了一些對我有用的資料。在搜尋資料最困難的便是動態圖片的蒐集,動態圖片其gif格式的還是好儲存,但是要蒐集flash動態圖片就相對較難了。我用了一天的時間來蒐集我的flash都不太成功,不過還搜到了可以換自己圖片的程式碼。在開始時我根本就不知道flash是怎樣搜尋,不過經過三次像老實詢問我終於懂得一些關於程式碼的搜尋。在蒐集資料的過程之中我發現了自己的許多不足之處,最關鍵就是平時對知識的掌握不夠,連最基本的資料搜尋都覺得困難。也是我平時不夠認真和努力的表現。通過這次的教訓在以後我一定會做得更好,爭取不範類似錯誤。

2、熟悉製作軟體。

做網頁主要用的工具便是dremweaver、photoshop、flash軟體。在這些軟體我對dremweaver、photoshop相對比較熟悉,因為在平時上課是老師帶領我們運用過。所以我還可以正常的運用,但是出現的問題還是有很多。有很多不懂如何操作,只有通過在次去看書才能夠了解,這也體現了我學習方面的缺點,它是我平時不夠認真的具體表現。

三、網頁製作,這便進入我該次的主題了具體制作流程如下。

1、構建站點框架。

在我開啟dremweaver後第一步便是新建站點,我把我的站點建立在f儀下面。並將我搜集的全部資料都儲存在其資料夾中,以便網頁製作時可以方便的使用。

2、設計主頁及二級頁面。

在主頁我設首頁製作時,時刻考慮著網頁的基本原則:統一,連貫,分割,對比及和諧的原則,內容統一,都是為了主題服務,美容美體,一個網站強調的就是一個整體,只有圍繞一個統一的目標所做的設計才是成功的;連貫,頁面之間關係連貫,統成一體;每版內容都自成一體,顏色各異,便於瀏覽;整個網頁有動有靜,色彩呼應,搭配協調,不呆板,富有生氣;顏色各異,但又不同之中又相同,渾然一體。而且製作過程中,不忘以下原則:

簡潔實用:這是非常重要的,網路特殊環境下,儘量以最高效率的方式將使用者所要想得到的資訊傳送給他就是最好的,所以要去掉所有的冗餘的東西。使用方便:同第一個是相一致的,滿足使用者的要求,網頁做得越適合使用,就越顯示出其功能美;頁面用色協調,佈局符合形式美的要求:佈局有條理,充分利用美的形式,是網頁富有可欣賞性,提高檔次。當然雅俗共賞是人人都追求的。

互動式強:發揮網路的優勢,是每個使用者都參與到其中來,這樣的設計才能算成功的設計。這樣的網頁才算真正的美的設計。每個子頁都設有上導航欄,便於瀏覽和跳轉。3個二級網頁製作時,使用的是表格,每一個頁面都用表格為它佈局好,然後在插入圖片文字及其他,這樣有一定的規劃性,體現了連貫統一性,不同的內容根據各自的特色建立了不同的表格,突出各自的主題,增強了對比性。在做這些網頁的時候我就進行了如上所述的方法。但我所以網頁的背景顏色及主題顏色都是相同的以便突出我每一個網頁都是為凸顯我主題而服務。

3、實現網頁間的連結。

我的連結按鈕主要有四個“時尚首頁、時尚衣秀、推薦產品、潮流資訊”它分別連結到我所做的四個網頁。連結的過程其實很簡單,主要是把要連結的文字選擇在選擇工具欄的連結按鈕最後選擇自己要連結的網頁單擊確定便可以了。

4、向靜太網頁插入動態效果。

在這一階段我遇到了許多的問題,主要是我在主頁插入我的flash的時候,開是我將帶碼貼上到我的網頁上可是在瀏覽網頁的時候flash卻不能夠顯示。最後我向老師的請教後終於在老師的幫助下我成功的在我的主頁插入了flash。而在其它的二級網頁我主頁插入的是一些gif格式的動態圖片。

四、網頁的除錯

在做完網站才發現,怎麼所有的圖片素材並不是在一個資料夾中,而有許多的子資料夾,從網上下載的網頁全都是一個網頁對應一個資料夾。製作過程中,才發現,原來自己懂的太少了,好多不知道的地方,才趕緊查書,開始的時候只是會建立模版,可不會應用。而對於動態flash的插入我更是問題多多,開始是我對程式碼基本上是不懂,這就是自己學校上的問題,當真正開始運用的時候在向老師提問。

這只是在製作過程中出現一些問題,其它問題也是類似相同。現在想想,自己所會的東西太少了,現在做的網站只是一些簡單的靜態的網站,看到了一些知名的網站開發出的網頁,不僅欄目內容豐富,資訊量大,而且頁面圖文並茂,五彩繽紛,使得網民讚歎不已,流連忘返。從我做的網頁來看可以反映出學習的還不夠,缺點疏漏。需在加以刻苦鑽研及學習,不斷開拓視野,增強自己的實踐操作技能,為以後能做出出色的'網頁而努力。同時我也希望能夠有更多的類似動手練習,讓我們在實踐之中來學習知識。因為我覺得實踐不僅能夠提高我們的學習興趣它更能夠提高我們的動手能力增強我們的技術性。

【篇二:線上課程網站設計與實現-開題報告】

一、選題的目的意義

隨著資訊化的發展,網際網路需要提供更多的服務,構造更完善的體系以滿足越來越多的使用者的精神與物質需求。其強大的功能已為人們深刻認識,它已經進入人類社會的各個領域併發揮著越來越重要的作用。各行各業的人們無須經過特別的訓練就能夠使用電腦完成許多複雜的工作。計算機的最大好處在於利用它能夠進行資訊管理。使用計算機進行資訊控制,不僅提高了工作效率,而且大大的提高了其安全性。

目前在學校,教學工作日益繁重,需要有一個自動化的工具進行統籌管理,才能夠及時、準確地進行教學工作,加強學生和教師之間的溝通。

為了達到網上互動教學的目的,讓更多的學生能夠隨時實現遠端學習的目的,同時可以通過一對一的提問,解答,實現師生間的相互遠端交流。

雖然我國的教學互動系統還不夠成熟,還存在這樣那樣的問題,但它的發展符合經濟學原理和人們的需要,只要對症下藥,一定可以逐漸發展完善。

二、國內外研究現狀

線上課程網站上的教學活動是藉助於一定的手段、工具展開的。教學活動的具體過程、組織方式以及質量效益等都和教學活動中使用的工具密切相關。可以說,不斷地把人類在社會生產與生活中創造出來的新技術、新裝置加以改進並運用於教學活動中,這是人類教學進步的重要動力,是教學效率和效果得以不斷提高的重要物質保證。縱觀人類教育發展史,每一項新的教學技術的應用,都給教學活動提供了新的發展空間,使教學活動在整體上得到豐富和提升。從某種意義上說,隨著社會發展而不斷更新教學裝置、優化教學技術,是教學發展的歷史規律和客觀要求。我們發展現代教學技術,應立足於教學發展的歷史規律,深刻認識到教學技術更新對於教學活動整體進步的歷史意義。

當前人類正在步入一個全新的技術發展時期。正如聯合國教科文組織國際21世紀教育委員會所指出的,“新技術使人類進入了資訊傳播全球化的時代;它們消除了距離的障礙,正十分有效地參與塑造明日的社會”,“這些新技術正在我們眼前引起一場真正的革命,這場革命既影響著與生產和工作有關的活動,又影響著與教學和培訓有關的活動”。的確,以個人電腦、網路技術和多媒體技術為主要內容的現代資訊科技革命的出現,為教學方式與教學模式的變革提供了新的物質基礎。看不到現代資訊科技為提高教學質量、擴大教學物件、變革教學方式提供的物質支撐,就很難有效地利用資訊科技為教學發展服務,就很難在我們的教學活動中體現人類技術進步的成果。從這種意義上說,充分利用現代資訊科技,是教學發展的時代要求。

當前,世界各國都在研究如何充分利用資訊科技提高教學質量和效益的問題,加強現代資訊科技的教學應用已成為各國教學改革的重要方向。基於這樣的背景,國家教育部《綱要》第十一條明確提出,“大力推進資訊科技在教學過程中的普遍應用”,並對這種應用的立足點作了明確的闡述:“促進資訊科技與學科課程的整合,逐步實現教學內容的呈現方式、學生的學習方式、教師的教學方式和師生互動方式的變革”;“充分發揮資訊科技的優勢,為學生的學習和發展提供豐富多彩的教育環境和有力的學習工具。”我們一定要提倡以提高教學質量和效益為目的,以轉變學生學習方式和促進學生髮展為宗旨的教學技術應用觀。同時要本著從實際出發、因地制宜的原則,挖掘和發揮傳統的各種技術手段在教學中的積極作用,黑板、粉筆、掛圖、模型等傳統教學工具,錄音機、幻燈機、放映機等傳統的電化教學手段,在學校教學活動中同樣具有獨特的生命力,要把現代教學技術和傳統教學手段結合起來,努力挖掘所有教學技術手段的使用價值,積極促進各種技術手段之間的協同互補,從而促進教學技術體系整體協調發展。

三、主要研究內容

1、課程資訊模組

模組名稱:課程資訊模組

模組功能:教師釋出課程資訊,供學生們學習。

模組介面圖:如圖所示。

2、公告管理模組

模組名稱:公告管理模組。

模組功能:管理員登入後,可以線上釋出公告;網站瀏覽者點選公告可以瀏覽管理員釋出的公告。

3、線上答疑模組

模組名稱:線上答疑模組

模組功能:實現了教師和同學的線上交流,學生可以就某個問題向教師請教。

4、教學資料模組

功能:可以下載教學資料,瀏覽教學視訊等

四、畢業論文(設計)的研究方法或技術路線

1、研究的整體方案:

1)應用程式背景和需求分析

2)組建開發組

3)資料庫設計

4)編寫應用程式

5)測試和優化應用程式

6)釋出資料庫和應用程式

2、工作進度的安排:

1)應用程式背景和需求分析:熟悉論文課題,查詢資料,研究資料,熟悉程式語言,完成畢業設計開題報告及外文文獻翻譯。

完成時間:20XX年12月底—20XX年2月中旬。

2)組建開發組:本人獨立完成

完成時間:20XX年2月中旬。

3)資料庫設計:繼續熟悉程式語言,查詢資料,研究資料,確定資料庫結構和資料結構,建立資料庫,做好程式設計準備。

完成時間:20XX年2月中旬——2月底。

4)編寫應用程式:著手程式設計,初調程式,建立程式的大致結構、整體框架。

完成時間:20XX年3月初——4月初。

5)測試和優化應用程式:設計與撰寫論文,完善設計,進行測試。

完成時間:20XX年4月初——4月中旬。

6)釋出資料庫和應用程式:根據指導老師的建議,繼續完善程式,將完成的程式上交,並將畢業論文完成初稿上交。

完成時間:20XX年4月中旬——4月底。

3、研究的預期目標及主要特點及創新點

(一)預期目標:

1、介面簡單可操作性強:一般的管理人員使用者經過簡單的培訓後,能很快地熟練操作。

2、安全性:我們通過系統內部自設的許可權校驗來對系統登入使用者實施校驗,提高了整個系統的安全性,滿足客戶的安全性需求。

3、簡便有效的維護手段:系統使用後,維護工作將是一個長期的工作,系統將充分考慮維護工作的需求,通過相應手段降低維護工作量及難度,從而達到保證執行可靠及節省費用的目的。

4、可擴充性:線上課程網站需要每日對辦公人員進行輸入,大量的資料要對資料庫輸入,所以該系統對具有較強的可擴充性,是十分重要的。

5、功能性強大:該系統將具有強大的功能,滿足一般企業的需求,相對於手工輸入具有強大的功能。

6、強大的糾錯能力:該系統將具有較強的糾錯能力,當執行時,使用者操作錯誤時會提出響應的警示,能自動保護系統避免系統出錯。

(二)主要特點:

1、可擴充性:資料庫具有較大的可擴充餘地。

2、系統的安全設定:系統內部的許可權校驗保證了企業資料的安全,保障了使用者的權益

3、高效性:該系統充分體現了計算機的特點,能夠快速有效的處理各項任務。

4、強大功能:通過對資料庫的簡單輸入,可實現手工無法比擬的多功能操作。

5、具有錯誤識別能力:當用戶操作出現錯誤時,系統將提出警告,並能提示正確的操作。避免系統被破壞。

(三)創新點:

該系統主要有人性化設計、系統的安全設定、簡單的系統維護方法、使用的高效性、強大的功能、具有錯誤識別能力等創新點。

五、主要參考文獻與資料

[1]王輝,黃紅超編著。PHP實用教程。北京:清華大學出版社。2005、

[2]DinoEsposito(意)著。羅兵,顧燕巨集譯。精通PHP程式設計。北京:清華大學出版社。2006、

[3]RussBasinra,RichardConway著。王曉娜,黃開枝譯。PHP安全性高階程式設計。北京:清華大學出版社。2003、

[4]馮方方編著。PHP基礎教程。北京:清華大學出版社。2004、

[5]徐新華編著。精通PHP2、0、北京:機械工業出版社。2006、

[6]蘇紅超編著。PHP深入解析。北京:科學出版社。2003、

[7]劉寅力編著。系統分析之路。北京:電子工業出版社。2005、

[8]鄒建峰,李律鬆,李曉栓編著。PHP開發技術詳解。北京:人民郵電出版社。2005、

[9]申朝陽,宋顏浩主編。PHP與相關資料庫技術高階指南。北京:中國水利水電出版社。2005、

[10](美)MichealOtey,PaulConte著。陳思義,吳強,劉紅波譯。SQLServer2000開發指南。北京:清華大學出版社。