2020年高校網(wǎng)頁設(shè)計(jì)工作開題報(bào)告

1、高校網(wǎng)頁設(shè)計(jì)工作開題報(bào)告開題報(bào)告是指開題者對(duì)科研課題的一種文字說明材料。這是種新的應(yīng)用寫作文體， 這種文字體裁是隨著現(xiàn)代科學(xué)研究活動(dòng)計(jì)劃性 的增強(qiáng)和科研選題程序化管理的需要而產(chǎn)生的。 高校網(wǎng)頁設(shè)計(jì)工作開 題報(bào)告，我們來看看。我們都知道 Inter 顯得更為重要它是人們發(fā)布信息與傳遞信息的重要渠道， 為了與社會(huì)發(fā)展同步， 為了讓我們成為真正的技術(shù)性人 才。學(xué)校在本周為我們安排了維持一周的網(wǎng)頁制作專用周是實(shí)習(xí)， 讓 我們把平時(shí)所學(xué)知識(shí)運(yùn)用到實(shí)習(xí)中做到真正的學(xué)以致用而不只是紙 上談兵。通過本周的實(shí)習(xí)使我獲得了更多的新知識(shí)同時(shí)也使我使我認(rèn) 識(shí)到了自己在學(xué)習(xí)上的許多不足， 下面就談?wù)勎以诒敬螌Ｓ弥艿闹饕?/p>

2、 感受。一、網(wǎng)站整體規(guī)劃，要做網(wǎng)頁的第一步便是做網(wǎng)站的整體規(guī)劃這主要包括四個(gè)方面的內(nèi)容。1. 討論網(wǎng)站的主題。網(wǎng)站整體規(guī)劃是做網(wǎng)頁的第一步也是制作網(wǎng)頁最關(guān)鍵的一步它決定了你要表答的信息， 因此我選擇了我選擇我最喜愛的服飾來為它 做網(wǎng)頁。在平時(shí)我也對(duì)服裝的網(wǎng)頁比較關(guān)心， 無論是淘寶網(wǎng)上的衣店 還是各種品牌裝。這次我是為“易菲”服飾做的網(wǎng)頁。2. 定位網(wǎng)站的 CI 形象?！耙追啤敝哺袊幕瑁橙∽?然稟賦之靈性， 形成一個(gè)既有濃厚文化底蘊(yùn)， 又有現(xiàn)代自然人文氣息 的特色品牌。“易”即是容，是包容，是寬容，是五千年中華民族的文化精髓，是厚德載物，是對(duì)人性寬度的一種拓展。“菲”通非，是 生機(jī)、

3、是個(gè)性、是春意盎然、是自強(qiáng)不息，是對(duì)人性深度的一種挖掘。生活如花，自在快樂”是 YIFINI 易菲的設(shè)計(jì)理念，倡導(dǎo)一種與自然和諧相處，如花兒綻放般美好舒適、自在快樂的生活方式。這也便 是我網(wǎng)站的 CI 形象。3. 確定欄目和板塊。于時(shí)間的關(guān)系在本次我準(zhǔn)備做四張網(wǎng)頁：一張主頁三張二級(jí)頁面。分別設(shè)計(jì)了“時(shí)尚首頁、時(shí)尚衣秀、推薦產(chǎn)品、潮流信息”等四 個(gè)欄目。在這四張頁面中我打算都用淡藍(lán)色做背景顏色來映襯我網(wǎng)頁 的主打色綠色。2. 網(wǎng)站的整體風(fēng)格和創(chuàng)意。整個(gè)網(wǎng)站的創(chuàng)意就在于顏色的搭配，與各種圖片的搭配，它們相互輝映，相互襯托。以便達(dá)到表現(xiàn)其品牌的和諧之美、自然之美。我踩用淡藍(lán)色和綠色為我網(wǎng)站的主打色主

4、要是因?yàn)槲业漠a(chǎn)品特性。 在 設(shè)計(jì)上， YIEINI 易菲推崇“自然美”，將帶表女性氣質(zhì)的花卉和自 然元素融入設(shè)計(jì)之中， 充分體現(xiàn)設(shè)計(jì)師和顧客所追求的一種灑脫、 舒 適的生活氛圍，力求表現(xiàn)悠閑、舒暢、自然的生活情趣。因此我用天 空與自然的顏色來表達(dá)這張自然之美、和諧之美。二、網(wǎng)頁制作的前期策劃與準(zhǔn)備，在本階級(jí)主要有兩方面的工作。1. 資料的搜集。在做網(wǎng)頁我上網(wǎng)收集了許多方面的資料主要是有關(guān)網(wǎng)站的布局與服飾品牌方面的資料， 我首先進(jìn)它的企業(yè)網(wǎng)站找了一些關(guān)于 “易菲” 服飾的圖片主要是一些代言形象還有代表其企業(yè)形象的圖片。 其次我 去瀏覽了許多的網(wǎng)頁觀察其網(wǎng)頁的布局、顏色搭配、欄目、板塊等方 面的內(nèi)

5、容， 同時(shí)也搜集了一些對(duì)我有用的資料。 在搜索資料最困難的 便是動(dòng)態(tài)圖片的搜集， 動(dòng)態(tài)圖片其 gif 格式的還是好保存， 但是要搜 集 flash 動(dòng)態(tài)圖片就相對(duì)較難了。我用了一天的時(shí)間來搜集我的flash 都不太成功，不過還搜到了可以換自己圖片的代碼。在開始時(shí) 我根本就不知道 flash 是怎樣搜索，不過經(jīng)過三次像老實(shí)詢問我終于 懂得一些關(guān)于代碼的搜索。 在搜集資料的過程之中我發(fā)現(xiàn)了自己的許 多不足之處， 最關(guān)鍵就是平時(shí)對(duì)知識(shí)的掌握不夠， 連最基本的資料搜 尋都覺得困難。 也是我平時(shí)不夠認(rèn)真和努力的表現(xiàn)。 通過這次的教訓(xùn) 在以后我一定會(huì)做得更好，爭取不范類似錯(cuò)誤。2. 熟悉制作軟件。做網(wǎng)頁主

6、要用的工具便是 Dremweaver、Photoshop、Flash 軟件。在這些軟件我對(duì) Dremweaver、Photoshop 相對(duì)比較熟悉， 因?yàn)樵谄綍r(shí) 上課是老師帶領(lǐng)我們運(yùn)用過。 所以我還可以正常的運(yùn)用， 但是出現(xiàn)的 問題還是有很多。 有很多不懂如何操作， 只有通過在次去看書才能夠 了解，這也體現(xiàn)了我學(xué)習(xí)方面的缺點(diǎn)， 它是我平時(shí)不夠認(rèn)真的具體表 現(xiàn)。三、網(wǎng)頁制作，這便進(jìn)入我該次的主題了具體制作流程如下。1. 構(gòu)建站點(diǎn)框架。在我打開Dremweaver后第一步便是新建站點(diǎn)，我把我的站點(diǎn)建立在F儀下面。并將我搜集的全部資料都保存在其文件夾中，以便網(wǎng) 頁制作時(shí)可以方便的使用。2. 設(shè)計(jì)主頁

7、及二級(jí)頁面。所以在主頁我設(shè)首頁制作時(shí)，時(shí)刻考慮著網(wǎng)頁的基本原則：統(tǒng)，連貫，分割，對(duì)比及和諧的原則， 內(nèi)容統(tǒng)一，都是為了主題服務(wù)， 美容美體， 一個(gè)網(wǎng)站強(qiáng)調(diào)的就是一個(gè)整體， 只有圍繞一個(gè)統(tǒng)一的目標(biāo) 所做的設(shè)計(jì)才是成功的；連貫，頁面之間關(guān)系連貫，統(tǒng)成一體；每版 內(nèi)容都自成一體，顏色各異，便于瀏覽；整個(gè)網(wǎng)頁有動(dòng)有靜，色彩呼 應(yīng)，搭配協(xié)調(diào)，不呆板，富有生氣；顏色各異，但又不同之中又相同， 渾然一體。而且制作過程中，不忘以下原則：關(guān)鍵的簡潔實(shí)用 : 這是非常重要的， 網(wǎng)絡(luò)特殊環(huán)境下， 盡量以最高效率的方式將用戶所要想得到的信息傳送給他就是最好的， 所以要 去掉所有的冗余的東西。使用方便 : 同第一個(gè)是相

8、一致的，滿足使用 者的要求，網(wǎng)頁做得越適合使用，就越顯示出其功能美。1 、課題名稱SQLServerxx 數(shù)據(jù)庫課程網(wǎng)站2 、課題目的本網(wǎng)站依據(jù)開發(fā)要求主要應(yīng)用于網(wǎng)站教學(xué)管理，完成對(duì)日常的教育工作中教學(xué)大綱發(fā)布，通知發(fā)布、課件發(fā)布、作業(yè)發(fā)布、學(xué)生在 線自測、在線答題等的數(shù)字化管理。 開發(fā)本系統(tǒng)可比較系統(tǒng)地對(duì)教務(wù)、 教學(xué)上的各項(xiàng)服務(wù)和信息進(jìn)行管理， 同時(shí)，可以減少極大地節(jié)約教學(xué) 成本，加快查詢速度、加強(qiáng)管理以及國家各部門關(guān)于信息化的步伐， 使各項(xiàng)管理更加規(guī)范化。2.1 面向?qū)ο笤摼W(wǎng)站主要面向的對(duì)象是所有有需求的用戶，本院的學(xué)生都可以在其上面下載課件， 在線測試和留言。 該網(wǎng)站的系統(tǒng)管理員可以進(jìn)

9、行用戶管理，系統(tǒng)信息的維護(hù)等工作。 老師則擁有權(quán)限可以上傳課件， 上傳和發(fā)布作業(yè)， 查看學(xué)生提交的作業(yè)， 查看學(xué)生在線考試的分?jǐn)?shù)記 錄，回答學(xué)生留言板的問題。 該網(wǎng)站也不排除其他人員對(duì)網(wǎng)站的訪問， 同樣可以對(duì)該網(wǎng)站自由的訪問和操作。2.2 課程背景隨著計(jì)算機(jī)在中國的廣泛普及，數(shù)值化管理手段的逐步完善，越來越多的學(xué)生逐漸習(xí)慣于是用信息化手段進(jìn)行學(xué)習(xí)信息， 這樣也方 便的老師使用信息化手段對(duì)學(xué)生進(jìn)行管理。 而信息化應(yīng)用在教學(xué)管理 中的應(yīng)用是實(shí)現(xiàn)教學(xué)管理科學(xué)化、現(xiàn)代化的關(guān)鍵。因此，該網(wǎng)站為本 書店提供了搞笑， 準(zhǔn)確，快速的管理模式，實(shí)現(xiàn)管理規(guī)范化、科學(xué)化。3 、項(xiàng)目概述3.1 網(wǎng)站需求分析中國教育歷

10、來有重視質(zhì)量的傳統(tǒng)，形成了一整套行之有效的方法，要組織力量進(jìn)行深入研究并加以發(fā)揚(yáng)光大， 形成中國教育的獨(dú)特 優(yōu)勢。同時(shí)要積極探索提高教育質(zhì)量的新思路、新途徑。樹立科學(xué)的 質(zhì)量觀，形成評(píng)價(jià)教育質(zhì)量的新標(biāo)準(zhǔn)。 堅(jiān)持全面推進(jìn)素質(zhì)教育， 把“成 人”與“成才”作為教育質(zhì)量的根本標(biāo)準(zhǔn)，職業(yè)教育和高等教育要把 社會(huì)和就業(yè)市場的認(rèn)可程度作為衡量教育質(zhì)量的重要標(biāo)準(zhǔn)。 這個(gè)標(biāo)準(zhǔn) 要根據(jù)各級(jí)教育的特點(diǎn)予以細(xì)化。 深化教育教學(xué)改革， 推動(dòng)各級(jí)各類 教育的培養(yǎng)模式、課程體系、教學(xué)內(nèi)容和教學(xué)方法的改革與創(chuàng)新，利 用新的方法和技術(shù)革新。 特別是把教育的信息化作為提高教育質(zhì)量的 新手段，不僅是把硬件系統(tǒng)建立起來， 更重要的

11、是要在教學(xué)中廣泛地 應(yīng)用起來。3.2 網(wǎng)站構(gòu)架前臺(tái)主要包括導(dǎo)航欄 ( 首頁、相關(guān)新聞、課程標(biāo)準(zhǔn)、電子教案、教學(xué)課件、測試題庫、課程論壇 ) 、公告欄(包括公告通告、學(xué)校要聞、 相關(guān)新聞、熱帖、管理員登入 ) 。后臺(tái)包括信息管理 (包括信息管理、 公告管理 ) 、課件管理 (包括課件的添加管理、顯示管理 ) 、回復(fù)管理(帖子的回復(fù)管理、刪除管理、 熱帖的顯示管理 ) 、管理員管理 ( 查看會(huì)員信息、查看留言及回復(fù) )、權(quán)限管理 (管理員增加、管理員修改、管理員刪除 )。3.3 主要內(nèi)容及功能：本網(wǎng)站系統(tǒng)功能主要分為五大類：(1) 教學(xué)大綱和通知部分： 教學(xué)大綱單獨(dú)設(shè)計(jì)頁面。 通知和新聞 發(fā)布部分

12、在要在首頁顯示，發(fā)布通知是管理員的權(quán)限。(2) 課件發(fā)布系統(tǒng)：管理員可以發(fā)布課件，課件管理。老師可以 上傳課件。學(xué)生可以下載網(wǎng)上發(fā)布后的課件。(3) 作業(yè)發(fā)布系統(tǒng)：老師可以上傳作業(yè)發(fā)布， 學(xué)生可以下載作業(yè)， 管理員擁有管理作業(yè)和刪除以前老師發(fā)布的作業(yè)權(quán)利 ( 防止積累過 多)。(4) 網(wǎng)上測試系統(tǒng)：在線自測(題目全為選擇題 ) ，有題庫管理系 統(tǒng)隨機(jī)生成，每套題目有 50 道題目組成，在試卷的管理中隨機(jī)生成 的試卷分等級(jí)比如分簡單和較難的試題 ( 這些要在生成前學(xué)生選擇 的)(5) 論壇系統(tǒng)學(xué)生可以提交問題， 然后由老師或者其他同學(xué)進(jìn)行 回答。學(xué)生對(duì)問題進(jìn)行回復(fù)，刪除等操作在管理員對(duì)其進(jìn)行檢查

13、后 顯示，老師可以及時(shí)進(jìn)行解答。(6) 實(shí)訓(xùn)案例系統(tǒng)： 管理員可以發(fā)布作品和管理。 老師可以上傳 一些學(xué)生的優(yōu)秀作品，學(xué)生可以下載發(fā)布出的作品。本系統(tǒng)性能力易于使用，具體有較高的擴(kuò)展性和可維護(hù)性。這就需求數(shù)據(jù)庫結(jié)構(gòu)能充分滿足各種信息的輸入與輸出， 實(shí)現(xiàn)有組織地 動(dòng)態(tài)地存儲(chǔ)大量關(guān)聯(lián)數(shù)據(jù)， 方便用戶訪問系統(tǒng)中的數(shù)據(jù)， 它與文件系 統(tǒng)的重要區(qū)別是數(shù)據(jù)的充分共享， 交叉訪問， 與應(yīng)用程序的高度獨(dú)立 性。4 、項(xiàng)目特點(diǎn)該網(wǎng)站是一個(gè)操作使用簡單，界面漂亮美觀的網(wǎng)站。具有以下特點(diǎn)：(1) 簡潔美觀的操作界面簡單的操作界面能夠大大的提高用戶的操作速度，從而提高服務(wù)效率，使顧客節(jié)約一定的時(shí)間。 因此美觀又簡單的

14、操作界面使用戶 感覺舒適， 該網(wǎng)站通過專業(yè)美工的精心打造， 與學(xué)校網(wǎng)站具有相同的 風(fēng)格，給用戶帶來親切感，從而避免在視覺帶來的異樣。(2) 科學(xué)的管理模式系統(tǒng)采用科學(xué)的管理模式，管理員可以更好的了解用戶需要什么，替用戶輕松的完成需要信息： 結(jié)構(gòu)化管理模式，涵蓋了新聞管理、 電子教案、用戶管理、教學(xué)課件管理等等，為該網(wǎng)站的電子化管理提 供了一套良好的管理模式。(3) 對(duì)外的開放性通過數(shù)據(jù)庫課程網(wǎng)站，比較低的成本實(shí)現(xiàn)優(yōu)質(zhì)教育教學(xué)資源的共享，打破現(xiàn)有的教育教學(xué)質(zhì)量受制于教學(xué)資源不足的瓶頸， 通過為 師生提供優(yōu)質(zhì)教育教學(xué)質(zhì)量。(4) 信息的整體性數(shù)據(jù)庫課程包括了教師、學(xué)生教材、教學(xué)技術(shù)手段、教學(xué)制度等

15、要素。教學(xué)課程建設(shè)要考慮完整的課程建設(shè)的各個(gè)環(huán)節(jié)， 即課堂授 課水平、教與學(xué)的互動(dòng)、學(xué)生課余的自主學(xué)習(xí)和實(shí)踐動(dòng)手的培養(yǎng)、學(xué) 業(yè)成績的評(píng)價(jià)以及教學(xué)輔助手段和教學(xué)參考書的建設(shè)等， 要抓住個(gè)方 面間的關(guān)系，關(guān)注整體建設(shè)而不是局部建設(shè)。(5) 師生的互動(dòng)性通過建立健全課程網(wǎng)站評(píng)價(jià)體系，即有效的反饋機(jī)制的建設(shè)，通過比較校內(nèi)、校外、甚至國外專家、同行、學(xué)生在利用課程網(wǎng)站的 建設(shè)方案， 調(diào)查和補(bǔ)充課程的教學(xué)內(nèi)容， 強(qiáng)化課程建設(shè)者與使用者的 的互動(dòng)建設(shè)，這是課程建設(shè)的一條必備的途徑，同時(shí)也是一條捷徑。5 、實(shí)施方案本網(wǎng)站設(shè)計(jì)的方案采用 Dreamweaver開發(fā)工具進(jìn)行開發(fā)，使用Asp.技術(shù)編寫，數(shù)據(jù)庫使用SQLs