網(wǎng)站設(shè)計(jì)的開(kāi)題報(bào)告

網(wǎng)站設(shè)計(jì)的開(kāi)題報(bào)告網(wǎng)站設(shè)計(jì)的開(kāi)題報(bào)告

【篇一：網(wǎng)頁(yè)設(shè)計(jì)開(kāi)題報(bào)告】

在經(jīng)濟(jì)快速進(jìn)展的今日，internet顯得更為重要它是人們發(fā)布信息與傳遞信息的重要渠道，為了與社會(huì)進(jìn)展同步，為了讓我們成為真正的技術(shù)性人才。學(xué)校在本周為我們支配了維持一周的網(wǎng)頁(yè)制作專用周是實(shí)習(xí)，讓我們把平常所學(xué)學(xué)問(wèn)運(yùn)用到實(shí)踐中做到真正的學(xué)以致用而不只是紙上談兵。通過(guò)本周的實(shí)習(xí)使我獲得了更多的新學(xué)問(wèn)同時(shí)也使我使我熟悉到了自己在學(xué)習(xí)上的很多不足，下面就談?wù)勎以诒敬螌Ｓ弥艿闹饕惺堋?/p>

一、網(wǎng)站整體規(guī)劃，要做網(wǎng)頁(yè)的第一步便是做網(wǎng)站的整體規(guī)劃這主要包括四個(gè)方面的內(nèi)容。

1、爭(zhēng)論網(wǎng)站的主題。

網(wǎng)站整體規(guī)劃是做網(wǎng)頁(yè)的第一步也是制作網(wǎng)頁(yè)最關(guān)鍵的一步它打算了你要表答的信息，因此我選擇了我選擇我最寵愛(ài)的服飾來(lái)為它做網(wǎng)頁(yè)。在平常我也對(duì)服裝的網(wǎng)頁(yè)比較關(guān)懷，無(wú)論是淘寶網(wǎng)上的衣店還是各種品牌裝。這次我是為“易菲”服飾做的網(wǎng)頁(yè)。

2、定位網(wǎng)站的ci形象?！耙追啤敝哺袊?guó)文化之精髓，吸取自然稟賦之靈性，形成一個(gè)既有深厚文化底蘊(yùn)，又有現(xiàn)代自然人文氣息的特色品牌。“易”即是容，是包涵，是寬容，是五千年中華民族的文化精髓，是厚德載物，是對(duì)人性寬度的一種拓展?！胺啤蓖ǚ?，是生氣、是共性、是春意盎然、是自強(qiáng)不息，是對(duì)人性深度的一種挖掘?！吧钊缁?，拘束歡樂(lè)”是yifini易菲的設(shè)計(jì)理念，提倡一種與自然和諧相處，如花兒綻放般美妙舒適、拘束歡樂(lè)的生活方式。這也便是我網(wǎng)站的ci形象。

3、確定欄目和板塊。

于時(shí)間的關(guān)系在本次我預(yù)備做四張網(wǎng)頁(yè)：一張主頁(yè)三張二級(jí)頁(yè)面。分別設(shè)計(jì)了“時(shí)尚首頁(yè)、時(shí)尚衣秀、推舉產(chǎn)品、潮流信息”等四個(gè)欄目。在這四張頁(yè)面中我準(zhǔn)備都用淡藍(lán)色做背景顏色來(lái)襯托我網(wǎng)頁(yè)的主打色綠色。

2、網(wǎng)站的整體風(fēng)格和創(chuàng)意。

整個(gè)網(wǎng)站的創(chuàng)意就在于顏色的搭配，與各種圖片的搭配，它們相互輝映，相互襯托。以便達(dá)到表現(xiàn)其品牌的和諧之美、自然之美。我踩用淡藍(lán)色和綠色為我網(wǎng)站的主打色主要是由于我的產(chǎn)品特性。在設(shè)計(jì)上，yieini易菲推崇“自然美”，將帶表女性氣質(zhì)的花卉和自然元素融入設(shè)計(jì)之中，充分體現(xiàn)設(shè)計(jì)師和顧客所追求的一種瀟灑、舒適的生活氛圍，力求表現(xiàn)閑適、舒服、自然的生活情趣。因此我用天空與自然的顏色來(lái)表達(dá)這張自然之美、和諧之美。

二、網(wǎng)頁(yè)制作的前期策劃與預(yù)備，在本階級(jí)主要有兩方面的工作。

1、資料的搜集。

在做網(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ò)還搜到了可以換自己圖片的代碼。在開(kāi)頭時(shí)我根本就不知道flash是怎樣搜尋，不過(guò)經(jīng)過(guò)三次像狡猾詢問(wèn)我最終懂得一些關(guān)于代碼的搜尋。在搜集資料的過(guò)程之中我發(fā)覺(jué)了自己的很多不足之處，最關(guān)鍵就是平常對(duì)學(xué)問(wèn)的把握不夠，連最基本的資料搜尋都覺(jué)得困難。也是我平常不夠仔細(xì)和努力的表現(xiàn)。通過(guò)這次的教訓(xùn)在以后我肯定會(huì)做得更好，爭(zhēng)取不范類似錯(cuò)誤。

2、熟識(shí)制作軟件。

做網(wǎng)頁(yè)主要用的工具便是dremweaver、photoshop、flash軟件。在這些軟件我對(duì)dremweaver、photoshop相對(duì)比較熟識(shí)，由于在平常上課是老師帶領(lǐng)我們運(yùn)用過(guò)。所以我還可以正常的運(yùn)用，但是消失的問(wèn)題還是有許多。有許多不懂如何操作，只有通過(guò)在次去看書(shū)才能夠了解，這也體現(xiàn)了我學(xué)習(xí)方面的缺點(diǎn)，它是我平常不夠仔細(xì)的詳細(xì)表現(xiàn)。

三、網(wǎng)頁(yè)制作，這便進(jìn)入我該次的主題了詳細(xì)制作流程如下。

1、構(gòu)建站點(diǎn)框架。

在我打開(kāi)dremweaver后第一步便是新建站點(diǎn)，我把我的站點(diǎn)建立在f儀下面。并將我搜集的全部資料都保存在其文件夾中，以便網(wǎng)頁(yè)制作時(shí)可以便利的使用。

2、設(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)潔有用：這是特別重要的，網(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ù)各自的特色建立了不同的表格，突出各自的主題，增加了對(duì)比性。在做這些網(wǎng)頁(yè)的時(shí)候我就進(jìn)行了如上所述的方法。但我所以網(wǎng)頁(yè)的背景顏色及主題顏色都是相同的以便突出我每一個(gè)網(wǎng)頁(yè)都是為凸顯我主題而服務(wù)。

3、實(shí)現(xiàn)網(wǎng)頁(yè)間的鏈接。

我的鏈接按鈕主要有四個(gè)“時(shí)尚首頁(yè)、時(shí)尚衣秀、推舉產(chǎn)品、潮流信息”它分別鏈接到我所做的四個(gè)網(wǎng)頁(yè)。鏈接的過(guò)程其實(shí)很簡(jiǎn)潔，主要是把要鏈接的文字選擇在選擇工具欄的鏈接按鈕最終選擇自己要鏈接的網(wǎng)頁(yè)單擊確定便可以了。

4、向靜太網(wǎng)頁(yè)插入動(dòng)態(tài)效果。

在這一階段我遇到了很多的問(wèn)題，主要是我在主頁(yè)插入我的flash的時(shí)候，開(kāi)是我將帶碼粘貼到我的網(wǎng)頁(yè)上可是在掃瞄網(wǎng)頁(yè)的時(shí)候flash卻不能夠顯示。最終我向老師的請(qǐng)教后最終在老師的關(guān)心下我勝利的在我的主頁(yè)插入了flash。而在其它的二級(jí)網(wǎng)頁(yè)我主頁(yè)插入的是一些gif格式的動(dòng)態(tài)圖片。

四、網(wǎng)頁(yè)的調(diào)試

在做完網(wǎng)站才發(fā)覺(jué)，怎么全部的圖片素材并不是在一個(gè)文件夾中，而有很多的子文件夾，從網(wǎng)上下載的網(wǎng)頁(yè)全都是一個(gè)網(wǎng)頁(yè)對(duì)應(yīng)一個(gè)文件夾。制作過(guò)程中，才發(fā)覺(jué)，原來(lái)自己懂的太少了，好多不知道的地方，才抓緊查書(shū)，開(kāi)頭的時(shí)候只是會(huì)建立模版，可不會(huì)應(yīng)用。而對(duì)于動(dòng)態(tài)flash的插入我更是問(wèn)題多多，開(kāi)頭是我對(duì)代碼基本上是不懂，這就是自己學(xué)校上的問(wèn)題，當(dāng)真正開(kāi)頭運(yùn)用的時(shí)候在向老師提問(wèn)。

這只是在制作過(guò)程中消失一些問(wèn)題，其它問(wèn)題也是類似相同?，F(xiàn)在想想，自己所會(huì)的東西太少了，現(xiàn)在做的網(wǎng)站只是一些簡(jiǎn)潔的靜態(tài)的網(wǎng)站，看到了一些知名的網(wǎng)站開(kāi)發(fā)出的網(wǎng)頁(yè)，不僅欄目?jī)?nèi)容豐富，信息量大，而且頁(yè)面圖文并茂，五彩繽紛，使得網(wǎng)民贊美不已，流連忘返。從我做的網(wǎng)頁(yè)來(lái)看可以反映出學(xué)習(xí)的還不夠，缺點(diǎn)疏漏。需在加以刻苦鉆研及學(xué)習(xí)，不斷開(kāi)拓視野，增加自己的實(shí)踐操作技能，為以后能做出精彩的網(wǎng)頁(yè)而努力。同時(shí)我也盼望能夠有更多的類似動(dòng)手練習(xí)，讓我們?cè)趯?shí)踐之中來(lái)學(xué)習(xí)學(xué)問(wèn)。由于我覺(jué)得實(shí)踐不僅能夠提高我們的學(xué)習(xí)愛(ài)好它更能夠提高我們的動(dòng)手力量增加我們的技術(shù)性。

【篇二：在線課程網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)-開(kāi)題報(bào)告】

題目名稱在線課程網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)

同學(xué)姓名專業(yè)班級(jí)

一、選題的目的意義

隨著信息化的進(jìn)展，互聯(lián)網(wǎng)需要供應(yīng)更多的服務(wù)，構(gòu)造更完善的體系以滿意越來(lái)越多的用戶的精神與物質(zhì)需求。其強(qiáng)大的功能已為人們深刻熟悉，它已經(jīng)進(jìn)入人類社會(huì)的各個(gè)領(lǐng)域并發(fā)揮著越來(lái)越重要的作用。各行各業(yè)的人們無(wú)須經(jīng)過(guò)特殊的訓(xùn)練就能夠使用電腦完成很多簡(jiǎn)單的工作。計(jì)算機(jī)的最大好處在于利用它能夠進(jìn)行信息管理。使用計(jì)算機(jī)進(jìn)行信息掌握，不僅提高了工作效率，而且大大的提高了其平安性。

目前在學(xué)校，教學(xué)工作日益繁重，需要有一個(gè)自動(dòng)化的工具進(jìn)行統(tǒng)籌管理，才能夠準(zhǔn)時(shí)、精確?????地進(jìn)行教學(xué)工作，加強(qiáng)同學(xué)和老師之間的溝通。

為了達(dá)到網(wǎng)上互動(dòng)教學(xué)的目的，讓更多的同學(xué)能夠隨時(shí)實(shí)現(xiàn)遠(yuǎn)程學(xué)習(xí)的目的，同時(shí)可以通過(guò)一對(duì)一的提問(wèn)，解答，實(shí)現(xiàn)師生間的相互遠(yuǎn)程溝通。

雖然我國(guó)的教學(xué)互動(dòng)系統(tǒng)還不夠成熟，還存在這樣那樣的問(wèn)題，但它的進(jìn)展符合經(jīng)濟(jì)學(xué)原理和人們的需要，只要對(duì)癥下藥，肯定可以漸漸進(jìn)展完善。

二、國(guó)內(nèi)外討論現(xiàn)狀

在線課程網(wǎng)站上的教學(xué)活動(dòng)是借助于肯定的手段、工具綻開(kāi)的。教學(xué)活動(dòng)的詳細(xì)過(guò)程、組織方式以及質(zhì)量效益等都和教學(xué)活動(dòng)中使用的工具親密相關(guān)?？梢哉f(shuō)，不斷地把人類在社會(huì)生產(chǎn)與生活中制造出來(lái)的新技術(shù)、新設(shè)備加以改進(jìn)并運(yùn)用于教學(xué)活動(dòng)中，這是人類教學(xué)進(jìn)步的重要?jiǎng)恿?，是教學(xué)效率和效果得以不斷提高的重要物質(zhì)保證?？v觀人類教育進(jìn)展史，每一項(xiàng)新的教學(xué)技術(shù)的應(yīng)用，都給教學(xué)活動(dòng)供應(yīng)了新的進(jìn)展空間，使教學(xué)活動(dòng)在整體上得到豐富和提升。從某種意義上說(shuō)，隨著社會(huì)進(jìn)展而不斷更新教學(xué)設(shè)備、優(yōu)化教學(xué)技術(shù)，是教學(xué)進(jìn)展的歷史規(guī)律和客觀要求。我們進(jìn)展現(xiàn)代教學(xué)技術(shù)，應(yīng)立足于教學(xué)進(jìn)展的歷史規(guī)律，深刻熟悉到教學(xué)技術(shù)更新對(duì)于教學(xué)活動(dòng)整體進(jìn)步的歷史意義。

當(dāng)前人類正在步入一個(gè)全新的技術(shù)進(jìn)展時(shí)期。正如聯(lián)合國(guó)教科文組織國(guó)際21世紀(jì)教育委員會(huì)所指出的，“新技術(shù)使人類進(jìn)入了信息傳播全球化的時(shí)代；它們消退了距離的障礙，正非常有效地參加塑造明日的社會(huì)”，“這些新技術(shù)正在我們眼前引起一場(chǎng)真正的革命，這場(chǎng)革命既影響著與生產(chǎn)和工作有關(guān)的活動(dòng)，又影響著與教學(xué)和培訓(xùn)有關(guān)的活動(dòng)”。的確，以個(gè)人電腦、網(wǎng)絡(luò)技術(shù)和多媒體技術(shù)為主要內(nèi)容的現(xiàn)代信息技術(shù)革命的消失，為教學(xué)方式與教學(xué)模式的變革供應(yīng)了新的物質(zhì)基礎(chǔ)?？床坏浆F(xiàn)代信息技術(shù)為提高教學(xué)質(zhì)量、擴(kuò)大教學(xué)對(duì)象、變革教學(xué)方式供應(yīng)的物質(zhì)支撐，就很難有效地利用信息技術(shù)為教學(xué)進(jìn)展服務(wù)，就很難在我們的教學(xué)活動(dòng)中體現(xiàn)人類技術(shù)進(jìn)步的成果。從這種意義上說(shuō)，充分利用現(xiàn)代信息技術(shù)，是教學(xué)進(jìn)展的時(shí)代要求。

當(dāng)前，世界各國(guó)都在討論如何充分利用信息技術(shù)提高教學(xué)質(zhì)量和效益的問(wèn)題，加強(qiáng)現(xiàn)代信息技術(shù)的教學(xué)應(yīng)用已成為各國(guó)教學(xué)改革的重要方向?；谶@樣的背景，國(guó)家教育部《綱要》第十一條明確提出，“大力推動(dòng)信息技術(shù)在教學(xué)過(guò)程中的普遍應(yīng)用”，并對(duì)這種應(yīng)用的立足點(diǎn)作了明確的闡述：“促進(jìn)信息技術(shù)與學(xué)科課程的整合，逐步實(shí)現(xiàn)教學(xué)內(nèi)容的呈現(xiàn)方式、同學(xué)的學(xué)習(xí)方式、老師的教學(xué)方式和師生互動(dòng)方式的變革”；“充分發(fā)揮信息技術(shù)的優(yōu)勢(shì)，為同學(xué)的學(xué)習(xí)和進(jìn)展供應(yīng)豐富多彩的教育環(huán)境和有力的學(xué)習(xí)工具?！蔽覀兛隙ㄒ岢蕴岣呓虒W(xué)質(zhì)量和效益為目的，以轉(zhuǎn)變同學(xué)學(xué)習(xí)方式和促進(jìn)同學(xué)進(jìn)展為宗旨的教學(xué)技術(shù)應(yīng)用觀。同時(shí)要本著從實(shí)際動(dòng)身、因地制宜的原則，挖掘和發(fā)揮傳統(tǒng)的各種技術(shù)手段在教學(xué)中的樂(lè)觀作用，黑板、粉筆、掛圖、模型等傳統(tǒng)教學(xué)工具，錄音機(jī)、幻燈機(jī)、放映機(jī)等傳統(tǒng)的電化教學(xué)手段，在學(xué)校教學(xué)活動(dòng)中同樣具有獨(dú)特的生命力，要把現(xiàn)代教學(xué)技術(shù)和傳統(tǒng)教學(xué)手段結(jié)合起來(lái)，努力挖掘全部教學(xué)技術(shù)手段的使用價(jià)值，樂(lè)觀促進(jìn)各種技術(shù)手段之間的協(xié)同互補(bǔ)，從而促進(jìn)教學(xué)技術(shù)體系整體協(xié)調(diào)進(jìn)展。

三、主要討論內(nèi)容

1、課程信息模塊

模塊名稱：課程信息模塊

模塊功能：老師發(fā)布課程信息，供同學(xué)們學(xué)習(xí)。

模塊界面圖：如圖所示。

2、公告管理模塊

模塊名稱：公告管理模塊。

模塊功能：管理員登錄后，可以在線發(fā)布公告；網(wǎng)站掃瞄者點(diǎn)擊公告可以掃瞄管理員發(fā)布的公告。

3、在線答疑模塊

模塊名稱：在線答疑模塊

模塊功能：實(shí)現(xiàn)了老師和同學(xué)的在線溝通，同學(xué)可以就某個(gè)問(wèn)題向老師請(qǐng)教。

4、教學(xué)資料模塊

功能：可以下載教學(xué)資料，掃瞄教學(xué)視頻等

四、畢業(yè)論文（設(shè)計(jì)）的討論方法或技術(shù)路線

1、討論的整體方案：

1）應(yīng)用程序背景和需求分析

2）組建開(kāi)發(fā)組

3）數(shù)據(jù)庫(kù)設(shè)計(jì)

4）編寫(xiě)應(yīng)用程序

5）測(cè)試和優(yōu)化應(yīng)用程序

6）發(fā)布數(shù)據(jù)庫(kù)和應(yīng)用程序

2、工作進(jìn)度的支配：

1）應(yīng)用程序背景和需求分析：熟識(shí)論文課題，查找資料，討論資料，熟識(shí)編程語(yǔ)言，完成畢業(yè)設(shè)計(jì)開(kāi)題報(bào)告及外文文獻(xiàn)翻譯。

完成時(shí)間：2022年12月底—201x年2月中旬。

2）組建開(kāi)發(fā)組：本人獨(dú)立完成

完成時(shí)間：201x年2月中旬。

3）數(shù)據(jù)庫(kù)設(shè)計(jì)：連續(xù)熟識(shí)編程語(yǔ)言，查找資料，討論資料，確定數(shù)據(jù)庫(kù)結(jié)構(gòu)和數(shù)據(jù)結(jié)構(gòu)，建立數(shù)據(jù)庫(kù)，做好編程預(yù)備。

完成時(shí)間：201x年2月中旬——2月底。

4）編寫(xiě)應(yīng)用程序：著手編程，初調(diào)程序，建立程序的大致結(jié)構(gòu)、整體框架。

完成時(shí)間：201x年3月初——4月初。

5）測(cè)試和優(yōu)化應(yīng)用程序：設(shè)計(jì)與撰寫(xiě)論文，完善設(shè)計(jì)，進(jìn)行測(cè)試。

完成時(shí)間：201x年4月初——4月中旬。

6）發(fā)布數(shù)據(jù)庫(kù)和應(yīng)用程序：依據(jù)指導(dǎo)老師的建議，連續(xù)完善程序，將完成的程序上交，并將畢業(yè)論文完成初稿上交。

完成時(shí)間：201x年4月中旬——4月底。

3、討論的預(yù)期目標(biāo)及主要特點(diǎn)及創(chuàng)新點(diǎn)

（一）預(yù)期目標(biāo)：

1、界面簡(jiǎn)潔可操作性強(qiáng)：一般的管理人員用戶經(jīng)過(guò)簡(jiǎn)潔的培訓(xùn)后，能很快地嫻熟操作。