版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進(jìn)行舉報或認(rèn)領(lǐng)
文檔簡介
1、網(wǎng)頁設(shè)計開題匯報材料精選多篇網(wǎng)頁設(shè)計開題匯報材料精選多篇 開題報告是指開題者對科研課題的一種文字說明材料。這是一種新的應(yīng)用寫作文體,這種文字體裁是隨著現(xiàn)代科學(xué)研究活動計劃性的增強(qiáng)和科研選題程序化管理的需要而產(chǎn)生的。開題報告要怎么寫呢?小編精選了一些關(guān)于網(wǎng)頁設(shè)計開題匯報材料精選多篇,一起來看看吧。 篇一: 一、網(wǎng)站整體規(guī)劃,要做網(wǎng)頁的第一步便是做網(wǎng)站的整體規(guī)劃這主要包括四個方面的內(nèi)容。 1.討論網(wǎng)站的主題。 網(wǎng)站整體規(guī)劃是做網(wǎng)頁的第一步也是制作網(wǎng)頁ZUI關(guān)鍵的一步它決定了你要表答的信息,因此我選擇了我選擇我ZUI喜愛的服飾來為它做網(wǎng)頁。在平時我也對服裝的網(wǎng)頁比較關(guān)心,無論是淘寶網(wǎng)上的衣店還是各種
2、品牌裝。這次我是為易菲服飾做的網(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)品、潮流信息等
3、四個欄目。在這四張頁面中我打算都用淡藍(lán)色做背景顏色來映襯我網(wǎng)頁的主打色綠色。 4.網(wǎng)站的整體風(fēng)格和創(chuàng)意。 整個網(wǎng)站的創(chuàng)意就在于顏色的搭配,與各種圖片的搭配,它們相互輝映,相互襯托。以便達(dá)到表現(xiàn)其品牌的和諧之美、自然之美。我踩用淡藍(lán)色和綠色為我網(wǎng)站的主打色主要是因為我的產(chǎn)品特性。在設(shè)計上,yieini易菲推崇自然美,將帶表女性氣質(zhì)的花卉和自然元素融入設(shè)計之中,充分體現(xiàn)設(shè)計師和顧客所追求的一種灑脫、舒適的生活氛圍,力求表現(xiàn)悠閑、舒暢、自然的生活情趣。因此我用天空與自然的顏色來表達(dá)這張自然之美、和諧之美。 二、網(wǎng)頁制作的前期策劃與準(zhǔn)備,在本階級主要有兩方面的工作。 1.資料的搜集。 在做網(wǎng)頁我上網(wǎng)收
4、集了許多方面的資料主要是有關(guān)網(wǎng)站的布局與服飾品牌方面的資料,我首先進(jìn)它的企業(yè)網(wǎng)站找了一些關(guān)于易菲服飾的圖片主要是一些代言形象還有代表其企業(yè)形象的圖片。其次我去瀏覽了許多的網(wǎng)頁觀察其網(wǎng)頁的布局、顏色搭配、欄目、板塊等方面的內(nèi)容,同時也搜集了一些對我有用的資料。在搜索資料ZUI困難的便是動態(tài)圖片的搜集,動態(tài)圖片其gif格式的還是好保存,但是要搜集flash動態(tài)圖片就相對較難了。我用了一天的時間來搜集我的flash都不太成功,不過還搜到了可以換自己圖片的代碼。在開始時我根本就不知道flash是怎樣搜索,不過經(jīng)過三次像老實詢問我終于懂得一些關(guān)于代碼的搜索。在搜集資料的過程之中我發(fā)現(xiàn)了自己的許多不足之處
5、,ZUI關(guān)鍵就是平時對知識的掌握不夠,連ZUI基本的資料搜尋都覺得困難。也是我平時不夠認(rèn)真和努力的表現(xiàn)。通過這次的教訓(xùn)在以后我一定會做得更好,爭取不范類似錯誤。 2.熟悉制作軟件。 做網(wǎng)頁主要用的工具便是dremweaver、photoshop、flash軟件。在這些軟件我對dremweaver、photoshop相對比較熟悉,因為在平時上課是老師帶領(lǐng)我們運用過。所以我還可以正常的運用,但是出現(xiàn)的問題還是有很多。有很多不懂如何操作,只有通過在次去看書才能夠了解,這也體現(xiàn)了我學(xué)習(xí)方面的缺點,它是我平時不夠認(rèn)真的具體表現(xiàn)。 三、網(wǎng)頁制作,這便進(jìn)入我該次的主題了具體制作流程如下。 1.構(gòu)建站點框架。
6、 在我打開dremweaver后第一步便是新建站點,我把我的站點建立在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),不呆板,富有生氣;顏色各異,但又不同之中又相同,渾然一體。而且制作過程中,不忘以下原則: 簡潔實用: 這是非常重要的
7、,網(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)一性,不
8、同的內(nèi)容根據(jù)各自的特色建立了不同的表格,突出各自的主題,增強(qiáng)了對比性。在做這些網(wǎng)頁的時候我就進(jìn)行了如上所述的方法。但我所以網(wǎng)頁的背景顏色及主題顏色都是相同的以便突出我每一個網(wǎng)頁都是為凸顯我主題而服務(wù)。 3.實現(xiàn)網(wǎng)頁間的鏈接。 我的鏈接按鈕主要有四個時尚首頁、時尚衣秀、推薦產(chǎn)品、潮流信息它分別鏈接到我所做的四個網(wǎng)頁。鏈接的過程其實很簡單,主要是把要鏈接的文字選擇在選擇工具欄的鏈接按鈕ZUI后選擇自己要鏈接的網(wǎng)頁單擊確定便可以了。 4.向靜太網(wǎng)頁插入動態(tài)效果。 在這一階段我遇到了許多的問題,主要是我在主頁插入我的flash的時候,開是我將帶碼粘貼到我的網(wǎng)頁上可是在瀏覽網(wǎng)頁的時候flash卻不能夠顯
9、示。ZUI后我向老師的請教后終于在老師的幫助下我成功的在我的主頁插入了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)真正開始運用的時候在向老師提問。 這只是在制作過程中出現(xiàn)一些問題,其它問題也是類似相同。現(xiàn)在想想,自己所會的東西太
10、少了,現(xiàn)在做的網(wǎng)站只是一些簡單的靜態(tài)的網(wǎng)站,看到了一些知名的網(wǎng)站開發(fā)出的網(wǎng)頁,不僅欄目內(nèi)容豐富,信息量大,而且頁面圖文并茂,五彩繽紛,使得網(wǎng)民贊嘆不已,流連忘返。從我做的網(wǎng)頁來看可以反映出學(xué)習(xí)的還不夠,缺點疏漏。需在加以刻苦鉆研及學(xué)習(xí),不斷開拓視野,增強(qiáng)自己的實踐操作技能,為以后能做出出色的網(wǎng)頁而努力。同時我也希望能夠有更多的類似動手練習(xí),讓我們在實踐之中來學(xué)習(xí)知識。因為我覺得實踐不僅能夠提高我們的學(xué)習(xí)興趣它更能夠提高我們的動手能力增強(qiáng)我們的技術(shù)性。 篇二: 1.我國目前網(wǎng)頁設(shè)計還處于初級的認(rèn)知階段,國內(nèi)的網(wǎng)站絕大多數(shù)采用的還是非常傳統(tǒng)的橫向區(qū)塊布局,信息密度高,版式缺乏節(jié)奏和韻律,尤其是北京
11、、上海、廣州三地,基本上代表了目前我國網(wǎng)頁設(shè)計的制作水平,但是網(wǎng)頁設(shè)計的發(fā)展正在呈不斷上升的發(fā)展趨勢,找到具有本民族特色的網(wǎng)頁設(shè)計語言,對我國的網(wǎng)頁藝術(shù)走向世界具有重大意義。 國外的網(wǎng)站更加人性化,設(shè)計更加緊密,服務(wù)也更加周到,個性也比國內(nèi)的網(wǎng)站突出,讓人更容易記住,國外的大容量信息網(wǎng)站的趨勢是降低首頁的信息密度,把內(nèi)容分?jǐn)偟蕉夘l道;版式上更具引導(dǎo)性、更適于閱讀,瀏覽方式像讀報一樣更流暢隨意。 隨著世界各國對于文化多樣性的著力維護(hù)與普遍關(guān)注,網(wǎng)頁本土化受到越來越多的網(wǎng)站建設(shè)者們所注重隨著互連網(wǎng)技術(shù)的發(fā)展,各種企業(yè)和機(jī)構(gòu)在網(wǎng)絡(luò)上的競爭也日趨激烈,為了吸引眼球,企業(yè)和機(jī)構(gòu)都在想方設(shè)法在網(wǎng)站的形象
12、上來包裝自己,以使自己在同行業(yè)的競爭中脫穎而出,而且這種趨勢愈演愈烈,網(wǎng)站設(shè)計的需求量呈爆發(fā)性增長。網(wǎng)絡(luò)是我國新興文化,作為現(xiàn)代人的大多數(shù)人,都是通過網(wǎng)絡(luò)了解信息,尤其現(xiàn)在青年一代更是熱衷于網(wǎng)絡(luò)。網(wǎng)站是企業(yè)向用戶和網(wǎng)民提供信息 (包括產(chǎn)品和服務(wù))的一種方式,是企業(yè)開展電子商務(wù)的基礎(chǔ)設(shè)施和信息平臺,離開網(wǎng)站(或者只是利用第三方網(wǎng)站)去談電子商務(wù)是不可能的。企業(yè)的網(wǎng)址被稱為 網(wǎng)絡(luò)商標(biāo),也是企業(yè)無形資產(chǎn)的組成部分,而網(wǎng)站是INTERNET上宣傳和反映企業(yè)形象和文化的重要窗口。 2. 本人對課題任務(wù)書提出的任務(wù)要求及實現(xiàn)預(yù)期目標(biāo)的可行性分析 任務(wù)要求: 為了弘揚(yáng)京劇文化,提高京劇的知名度;使京劇信息傳
13、播更為迅速有效;京劇做為我國的國粹,有著悠久而漫長的歷史。作為現(xiàn)代人的大多數(shù)人,已經(jīng)不懂的如何去欣賞京劇,更不懂得京劇文化。通過系列網(wǎng)頁設(shè)計讓更多的人了解它、喜歡它、欣賞它。給社會大眾留下強(qiáng)烈的印象與影響力。 1)通過網(wǎng)頁設(shè)計來體現(xiàn)京劇形象; 2)通過結(jié)合京劇的特點,將各生.旦.凈.末.丑五個角色有機(jī)、自然地結(jié)合起來,以求得完美統(tǒng)一的設(shè)計形象。 3)通過運用巧妙的網(wǎng)頁設(shè)計,為京劇的傳播提供更大的發(fā)展前景。 可行性分析:通過學(xué)習(xí)網(wǎng)頁三劍客、精通css+div網(wǎng)頁樣式和布局、版式設(shè)計、色彩設(shè)計等專業(yè)課;熟練運用photoshop、 flash、Dreamweaver等設(shè)計軟件;在老師的指導(dǎo)下,通過
14、自己的努力相信一定能夠達(dá)到畢業(yè)設(shè)計的預(yù)期目標(biāo)、任務(wù)。 3.本課題需要重點研究的、關(guān)鍵的問題及解決的思路 本課題需要重點研究的是: 京劇耐人尋味,韻味醇厚。京劇在形成之初,便進(jìn)入了宮廷,使它的發(fā)育成長不同于地方劇種,對它的技藝的全面性、完整性也要求得更嚴(yán),對它形象的美學(xué)要求也更高,其表演藝術(shù)更趨于虛實結(jié)合的表現(xiàn)手法,達(dá)到以形傳神,形神兼?zhèn)涞乃囆g(shù)境界。在網(wǎng)頁設(shè)計中要做到對京劇這個傳統(tǒng)藝術(shù)內(nèi)涵的發(fā)掘、創(chuàng)新、和表現(xiàn)。京劇中的五大角色的特征,對于相互獨立又相互聯(lián)系的角色如何在網(wǎng)頁設(shè)計中把握它們的共性和個性。在網(wǎng)頁設(shè)計、色彩設(shè)計、表現(xiàn)手法上盡多的融入現(xiàn)代設(shè)計元素,既符合年輕人的審美又要能深刻反映京劇文化的
15、內(nèi)涵。 關(guān)鍵問題在于如何把抽象的精神內(nèi)涵變?yōu)榭梢暤囊曈X形象。吸引更多的大眾去人了解它、喜歡它、欣賞它。然后解決瀏覽器的兼容問題 4.完成本課題所必須的工作條件(如工具書、實驗設(shè)備或?qū)嶒灜h(huán)境條件、某類市場調(diào)研、計算機(jī)輔助設(shè)計條件等等)及解決的辦法 2)完成本課題的基本工具:有關(guān)網(wǎng)頁設(shè)計方面的書籍 1.網(wǎng)頁配色實用手冊 溫鑫茶工作室 科學(xué)出版社 2011年9月 2.Dreamweaver CS4網(wǎng)頁設(shè)計與制作指南 楊紀(jì)梅 清華大學(xué)出版社 2010 年1月 3.Flash CS3 網(wǎng)站商業(yè)設(shè)計從入門到精通 張大川 科學(xué)出版社 2008年03月 4.精通css+div網(wǎng)頁樣式和布局 前沿科技 人民郵電
16、出版社 2007年 3)相關(guān)的尺寸:原始數(shù)據(jù)和資料(以實際考察提供的為依據(jù)) 4)相關(guān)的市場調(diào)研,了解網(wǎng)頁設(shè)計的實際情形等。 5.完成本課題的工作方案及進(jìn)度計劃 1)、15-18周 通過現(xiàn)場調(diào)研、網(wǎng)絡(luò)、圖書館搜集相關(guān)資料、了解當(dāng)前設(shè)計公司設(shè)計的一些前沿,初步確定欄目推廣設(shè)計的大體方向。 2)、19-20周 初步方案設(shè)計(在此期間確定方案,根據(jù)實際情況,進(jìn)行具體情形前期設(shè)計,2011-2012第二學(xué)期 3)、1-5周 方案細(xì)化設(shè)計。 4)、6-7周 協(xié)調(diào)整理,為畢業(yè)設(shè)計展覽與答辯作相關(guān)準(zhǔn)備 5) 8-10周 檢查并校訂本的設(shè)計稿和實物撰寫畢業(yè)論文,打印、裝訂,提交整套設(shè)計資料。制做答辯匯報提綱。
17、次畢業(yè)設(shè)計的所有實物和文擋 6)、11-12周 布置畢業(yè)設(shè)計展覽 篇三: 1 引言 在 Internet 快速發(fā)展的今天,互聯(lián)網(wǎng)已成為了人們快速獲取、發(fā)布和傳遞信息的重要渠道,它 在人們工作和生活中發(fā)揮著重要的作用。因此網(wǎng)站建設(shè)在 Internet 應(yīng)用上的地位是顯而易見的,它 已成為政府、企事業(yè)單位信息化建設(shè)中的重要組成部分,倍受人們重視。 該設(shè)計正是互聯(lián)網(wǎng)與社會生活之間緊密關(guān)系的體現(xiàn)。萬峻軟件開發(fā)有限公司成立十多年以來, 網(wǎng)站不夠完善,至今未開發(fā)招聘信息發(fā)布、客戶留言管理這兩大塊功能。該設(shè)計完善了公司原有的 網(wǎng)站功能,可展示公司簡介、公司業(yè)務(wù)、新聞動態(tài)、解決方案、成功案例、招聘信息、客戶留
18、言、 管理員工作等系列內(nèi)容的介紹。其它公司可以通過公司簡介、公司業(yè)務(wù)、新聞動態(tài)、解決方案、成 功案例等了解公司的實力,尋求合信意向和合作機(jī)會;應(yīng)聘者可以通過招聘信息及時了解公司對人 才的需求,結(jié)合自身情況進(jìn)行工作的選擇;用戶可以利用客戶留言經(jīng)濟(jì)而又快捷地與其它用戶及公 司負(fù)責(zé)人交流、溝通,了解各自的意向和需求以及為公司積極地提供合理化建議。 2 系統(tǒng)分析 2.1 用戶需求分析 要建設(shè)一個公司網(wǎng)站,不僅僅是實現(xiàn)它的功能,更重要的是滿足公司意向和各類用戶的需求, 通過悉心的聽取公司領(lǐng)導(dǎo)的建議以及對公司全體員工、各企業(yè)和找工作的群體等的調(diào)查,將這些意 見和建議歸結(jié)為以下分析:首先,考慮到這個網(wǎng)站的建
19、立是為了方便大多數(shù)用戶,要求網(wǎng)站的內(nèi)容 盡量全面,所以設(shè)計本網(wǎng)站首頁時盡量就將公司的亮點體現(xiàn)出來;其次,考慮到面對的用戶是大多 數(shù)企業(yè)和應(yīng)聘者,就要求網(wǎng)站要做的新穎,能吸他們的目光;ZUI后,本網(wǎng)站要接受用戶的提問、交 留及意見,所以設(shè)計過程中特意設(shè)計了客戶留言這一欄,達(dá)到公司和用戶的互動,體現(xiàn)網(wǎng)站的 整體效果。 2.2 2.2 本系統(tǒng)的功能需求分析 本系統(tǒng)應(yīng)有以下幾個重要的功能需求 公司簡介:介紹公司的成立時間、規(guī)模、機(jī)構(gòu)設(shè)置等。 公司業(yè)務(wù):介紹公司目前所做的業(yè)務(wù)以及發(fā)展中的業(yè)務(wù)。 新聞動態(tài):發(fā)布ZUI近新聞,主要是公司的業(yè)務(wù)拓展方面、公司ZUI近取得的成就,公司整體的發(fā) 展方向等。 解決方
20、案:對各行業(yè),各類問題做出先進(jìn)的解決方案。 成功案例:對外展示公司做過的成功項目,從而展示公司的先進(jìn)技術(shù)和實力。 招聘信息:介紹公司目前缺乏的人才,空缺的崗位。 客戶留言:客戶可以在上面發(fā)表自己的想法和需求,客戶與客戶之間,客戶和公司管理員之間 進(jìn)行互相交流。 管理員工作:招聘信息的發(fā)布;公司業(yè)務(wù)、新聞動態(tài)、解決方案、成功案例,這幾部分的發(fā)布、 修改、刪除;留言及回復(fù)里部分內(nèi)容的刪除,對這些內(nèi)容進(jìn)行管理。 2.3 2.3 可行性分析 (1) 技術(shù)性可行性 就目前的數(shù)據(jù)庫開發(fā)與管理來看,對于中、小型數(shù)據(jù)庫系統(tǒng),ASP.NET 與 SQL SERVER 2000 的結(jié)合使用更有利于數(shù)據(jù)庫將來的擴(kuò)展
21、 。它們?yōu)橛脩籼峁┝瞬僮鞣奖?、簡單的友好用戶界面和?qiáng) 大的數(shù)據(jù)庫操作功能和簡潔明了的數(shù)據(jù)庫接口,適合于目前普遍的微機(jī)上使用。 SQL Server 2000 是一個用來進(jìn)行數(shù)據(jù)管理與數(shù)據(jù)設(shè)計實現(xiàn)的工具。在 SQL Server 2000 中,用 戶可以根據(jù)自己實際的需要,創(chuàng)建一個包含有各種數(shù)據(jù)信息的數(shù)據(jù)庫,并且在該數(shù)據(jù)庫中保存各種 所需的數(shù)據(jù) 。 ASP.NET 是統(tǒng)一的 Web 應(yīng)用程序平臺,它提供了為建立和部署企業(yè)級 Web 應(yīng)用程序所必需 的服務(wù),完全基于模塊與組件,具有更好的可擴(kuò)展性與可定制性,提供給 web 開發(fā)人員更好的靈活 性, 有效縮短了 web 應(yīng)用程序的開發(fā)周期,為能夠面向
22、任何瀏覽器或設(shè)備的更安全的、更強(qiáng)的可 升級性和更穩(wěn)定的應(yīng)用程序提供了新的編程模型和基礎(chǔ)結(jié)構(gòu)。 Visual Studio 2008 作為前臺開發(fā)工具,引入了 250 多個新特性,整合了對象、關(guān)系型數(shù)據(jù)、XML 的訪問方式語言更加簡潔, 其中設(shè)計器中可以實時反映變更,XAML 中智能感知功能可以提高開發(fā) 效率。同時 Visual Studio 2008 支持項目模板、調(diào)試器和部署程序。它可以高效開發(fā) Web 應(yīng)用, 集 成了 ASP.NET AJAX 1.0,包含 ASP.NET AJAX 項目模板,它還可以高效開發(fā) Office 應(yīng)用和 Mobile 應(yīng)用。 (2) 操作可行性 本系統(tǒng)采用了人
23、機(jī)交互界面, 操作簡便, 易于使用。 快速開發(fā)、 調(diào)試和數(shù)據(jù)轉(zhuǎn)換。 SQL Server 2000 帶有交互式調(diào)節(jié)和調(diào)試查詢、從任何數(shù)據(jù)源快速移動和轉(zhuǎn)化數(shù)據(jù) 、以及按 Transact-SQL 方式定義 和使用函數(shù)等功能??梢詮娜我?Visual Studio 工具以可視化方式設(shè)計和編寫數(shù)據(jù)庫應(yīng)用程序 。 使用 SQL Server 2000,可以很容易地在企業(yè)資源旁邊集中管理數(shù)據(jù)庫??梢栽诒3致?lián)機(jī)的同時 輕松地在計算機(jī)間或?qū)嵗g移動和復(fù)制數(shù)據(jù)庫 3 系統(tǒng)設(shè)計 3.1 網(wǎng)站總體設(shè)計 根據(jù)需求分析,該網(wǎng)站設(shè)計了以下幾個主要的功能模塊: 權(quán)限的設(shè)置 該網(wǎng)站的后臺數(shù)據(jù)庫的維護(hù)只有管理員有訪問權(quán)限。管
24、理員可以登錄到后臺實現(xiàn)對數(shù)據(jù)庫中數(shù) 據(jù)的修改。 客戶留言管理 該部分作為一個信息交流及反饋的平臺,用戶可以將自己的想法、需求寫在這部分里面,其它 用戶及管理員可以通過回復(fù)留言達(dá)到用戶與用戶、用戶與管理員之間的交流。同時,管理員可以根 據(jù)需要查看和刪除某些留言及回復(fù)。 信息的更新 由于這個網(wǎng)站主要是方便用戶瀏覽ZUI新的信息動態(tài),所以在每個頁面的設(shè)置中,將ZUI新信息設(shè) 置到首條,主要體現(xiàn)在新聞動態(tài)、公司業(yè)務(wù)、解決方案、成功案例里。 信息的編輯 這部分主要體現(xiàn)在招聘信息里,是通過后臺實現(xiàn)的,主要是對數(shù)據(jù)庫里面記錄的添加、刪除、 修改, 從后臺直接將ZUI新的數(shù)據(jù)添加到招聘信息欄的數(shù)據(jù)庫里, 在前
25、臺的招聘信息里就會得到更新, 顯示ZUI新內(nèi)容。 3.2 網(wǎng)站總體功能模塊圖 3.2 網(wǎng)站 總體功能模塊圖 根據(jù)網(wǎng)站總體設(shè)計,本網(wǎng)站的設(shè)計主要由前臺和后臺兩大部分構(gòu)成。前臺設(shè)計主要功能是提供 給用戶一個直觀、明了的信息瀏覽頁面,后臺主要實現(xiàn)信息的管理??傮w功能模塊圖如圖 1 所示: 山西萬峻計算機(jī)軟件開發(fā)有限公司網(wǎng)站 前臺 后臺 公 首 頁 司 簡 介 公 司 業(yè) 務(wù) 新 聞 動 態(tài) 解 決 方 案 成 功 案 例 招 聘 信 息 客 戶 留 言 用 戶 登 錄 信 息 查 詢 信 息 添 加 信 息 修 改 信 息 刪 除 網(wǎng)站整體功能模塊圖 3.3 數(shù)據(jù)庫分析 3.3 數(shù)據(jù)庫 分析 本網(wǎng)站
26、主要涉及到的 3.3.1 本網(wǎng)站主要涉及到 的 若干個實體在這里建了 5 張表,具體如下: 管理員信息列表(WJ_User 表) :用戶編號,用戶名,密碼,昵稱,聯(lián)系電話 用于記錄管理員用戶信息,其中用戶編號為主鍵,作為標(biāo)識。 新聞列表(WJ_Article 表) :文章編號,標(biāo)題,創(chuàng)建日期索引列查詢塊,作者,來源,內(nèi)容, 欄目分類 ID 用于記錄公司業(yè)務(wù)、新聞動態(tài)、解決方案、成功案例里的內(nèi)容,因為這四頁都是動態(tài)的,模式 相同,所以可以放在一張表中。其中文章編號為主鍵,作為標(biāo)識。用 AType(欄目分類 ID)區(qū) 別放入的是哪一類內(nèi)容。AType1 對應(yīng)公司業(yè)務(wù),AType2 對應(yīng)動態(tài)新聞,A
27、Type3 對應(yīng)解決方案, AType4 對應(yīng)成功案例。 留言信息表(WJ_Mess 表) :留言人編號,留言人姓名,標(biāo)題,時間,內(nèi)容 用于記錄留言人及留言內(nèi)容等信息,其中留言人編號為主鍵,作為標(biāo)識。 單篇固定文章表(WJ_News 表) :單篇文章編號,標(biāo)題,內(nèi)容 用于記錄公司簡介、招聘信息、頁面底部里的內(nèi)容,因為這三項是靜態(tài)的,直接在編輯框里對 內(nèi)容進(jìn)行修改、刪除,模式相同,所以可以放在一張表里。其中單篇文章編號為主鍵,作為標(biāo) 識。 留言回復(fù)表(WJ_Mess2 表) :回復(fù)人編號,回復(fù)人姓名,日期,內(nèi)容,留言外鍵(確定回復(fù) 是屬于哪條留言的) 其中回復(fù)人編號為主鍵,作為標(biāo)識。之所以不可以
28、和留言表合在一塊,是因為一條留言可 以有多條回復(fù),不能放在一張表中。在留言回復(fù)表中用留言外鍵(Mid)對應(yīng)著留言信息表留言人 編號(Mid) ,這樣,可以記錄一條回復(fù)是為哪一條留言所回復(fù)的。 3.3.2 各實體的物理結(jié)構(gòu) (1) 管理員信息表如表 1 所示: 表 1 管理員信息表(WJ_User 表) 列名 UId UserName Passwd NickName Tele 數(shù)據(jù)類型(精度范 圍) int(4) varchar(20) varchar(20) Nvarchar(10) varchar(20) 空/非 空 非空 非空 非空 允許空 允許空 主鍵 用戶編號 用戶名 密碼 昵稱 聯(lián)系
29、電話 約束條件 備注 (2) 新聞列表如表 2 所示: (3) 留言信息表如表 3 所示: (4) 單篇固定文章表如表 4 所示: (5) 留言回復(fù)表如表 5 所示: 表 2 新聞列表(WJ_Article 表) 列名 AId ATitle AData AAuth ASource ABody AType 數(shù)據(jù)類型(精度范 圍) int(4) nvarchar(50) nvarchar(30) nvarchar(20) nvarchar(50) Ntext(16) int(4) 空/非 空 非空 非空 非空 允許空 允許空 非空 非空 主鍵 文章編號 標(biāo)題 創(chuàng)建日期索 引列查詢塊 作者 來源 內(nèi)
30、容 欄目分類 ID 約束條件 備注 表 3 留言信息表(WJ_Mess 表) 列名 MId UserName MTitle MData MBody 數(shù)據(jù)類型(精度范 圍) int(4) varchar(20) nvarchar (50) varchar (30) Ntext(16) 空/非 空 非空 非空 允許空 非空 非空 主鍵 留言人編號 留言人姓名 標(biāo)題 時間 內(nèi)容 約束條件 備注 表 4 單篇固定文章表(WJ_News 表) 列名 NId NTitle NBody 數(shù)據(jù)類型(精度范 圍) int(4) Nvarchar(50) Ntext(16) 空/非 空 非空 允許空 允許空 主鍵
31、 單篇文章編號 標(biāo)題 內(nèi)容 約束條件 備注 表 5 留言回復(fù)表(WJ_Mess2 表) 列名 MId2 UserName MData2 MBody2 MId 數(shù)據(jù)類型(精度范 圍) int(4) varchar(20) varchar(30) Ntext(16) Int(4) 空/非 空 非空 非空 非空 非空 非空 主鍵 回復(fù)人編號 回復(fù)人姓名 日期 內(nèi)容 留言外鍵 約束條件 備注 4 系統(tǒng)實施 4.1 4.1 運行要求的硬件配置 內(nèi)存:512MB 以上。 硬盤:20G 以上硬盤空間。 系統(tǒng)的運行分辨率為 1024768。 4.2 4.2 運行要求的軟件配置 操作系統(tǒng):Windows 200
32、0 以上 服務(wù)器:IIS 5.0 以上 數(shù)據(jù)庫系統(tǒng): Microsoft 瀏覽器:IE 6.0 以上 SQL Server 2000 以上 4.3 4.3 主要功能實現(xiàn) 前臺主要功能模塊介紹 4.3.1 前臺 主要功能模塊介紹 (1)主界面,如圖 2 所示: 用戶直接點開網(wǎng)站就可以進(jìn)入到主界面,即網(wǎng)站首頁。在頁面上方有公司簡介、公司業(yè)務(wù)、新 聞動態(tài)、解決方案、成功案例、招聘信息、客戶留言這幾大塊,分別點擊各個按鈕可進(jìn)入相應(yīng)的分 頁。在左下方為解決方案和成功案例。解決方案是為同行業(yè)的疑難問題提出合理的方案,成功案例 是公司有突破性成就的案例,這兩部分做為公司的核心,所以放在首頁。右下方為新聞動態(tài)
33、和公司 業(yè)務(wù),方便用戶及時了解公司動態(tài)和ZUI近新增的業(yè)務(wù)。 圖 2 網(wǎng)站首頁 (2)公司簡介頁面,如圖 3 所示: 點擊公司簡介按鈕即進(jìn)入公司簡介頁面,該頁面主要介紹公司的成立時間、規(guī)模、注冊資金、 機(jī)構(gòu)設(shè)置等內(nèi)容,幫助用戶了解公司。 圖 3 公司簡介頁面圖 (3)公司業(yè)務(wù)頁面,如圖 4 所示: 點擊公司業(yè)務(wù)按鈕即進(jìn)入公司業(yè)務(wù)頁面, 該頁面主要介紹公司目前所做的業(yè)務(wù)以及發(fā)展中的業(yè) 務(wù)。其中所列出的所有業(yè)務(wù)按時間降序排列,前面的為ZUI近新增的業(yè)務(wù),方便用戶瀏覽。 在該頁面點擊解決方案按鈕即進(jìn)入解決方案頁面,是對各行業(yè),各類疑難問題作出合理性的解 答。 在該頁面點擊成功案例按鈕即進(jìn)入成功案例頁
34、面, 對外展示公司做過的成功項目, 從而展示公司 的先進(jìn)技術(shù)和實力。 圖 4 公司業(yè)務(wù)頁面圖 (4)新聞動態(tài)頁面,如圖 5 所示: 點擊新聞動態(tài)按鈕即進(jìn)入新聞動態(tài)頁面,在本頁面發(fā)布ZUI近新聞,主要是公司的業(yè)務(wù)拓展方 面、公司ZUI近取得的成就,公司整體的發(fā)展方向等。其中所列出的所有新聞按時間降序排列,前 面的為ZUI近的新聞。 圖 5 新聞動態(tài)頁面圖 (5)招聘信息頁面,如圖6所示: 點擊招聘信息按鈕即進(jìn)入招聘信息頁面,該頁面主要介紹公司目前缺乏的人才、空缺的崗位、每 個崗位需要的人數(shù)、對應(yīng)聘者的要求、公司人事部的聯(lián)系方式、聯(lián)系人、應(yīng)聘的具體流程等。 圖 6 招聘信息頁面圖 (6)客戶留言頁
35、面,如圖7所示: 點擊客戶留言按鈕即進(jìn)入客戶留言頁面, 客戶可以在上面發(fā)表自己的想法和需求, 客戶與客戶之 間,客戶和公司管理員之間進(jìn)行互相交流。 如果用戶想要留言可以分別在圖7中留言人、標(biāo)題、內(nèi)容后面的框中寫入內(nèi)容,然后點擊留言按 鈕進(jìn)行留言。 而管理員對留言板的管理可以通過后臺管理系統(tǒng)里的客戶留言管理, 從而實現(xiàn)對留言的 管理。 圖7 客戶留言頁面圖 后臺管理功能介紹 4.3.2 后臺 管理功能介紹 后臺界面的設(shè)計主要利用了一個框架頁,在設(shè)計好框架頁后,其它頁面只要修改每個里面的內(nèi) 容即可。 框架頁是一個主頁面承載若干個子頁面,頁面間相對獨立,而且互相之間也可以操作,比如父頁 面刷新子頁面
36、等等,它可以實現(xiàn)單獨頁面刷新,我們看起來就是整個頁面的部分刷新,這樣就減輕了 服務(wù)器的計算量,降低了服務(wù)器負(fù)擔(dān)。 其具體設(shè)計如下: (1)管理員登錄頁面,如圖 8 所示: 這個界面主要是用于管理員登錄到后臺的主要界面,它的權(quán)限僅僅局限于管理員,此模塊主要 運用 ASP.NET 技術(shù)和 C#語言實現(xiàn),并且利用 Microsoft SQL Server 2000 作為數(shù)據(jù)庫,管理員只需 在主頁輸入用戶名和密碼就可以登錄到后臺系統(tǒng)。管理員的用戶名和密碼存放在 Microsoft SQL Server 2000 數(shù)據(jù)庫當(dāng)中,當(dāng)管理員在登錄窗口(如圖 8 所示)中正確的輸入用戶名和密 碼時就會進(jìn)入后臺管
37、理系統(tǒng)窗口界面 圖8 管理員登錄頁面 (2)后臺管理系統(tǒng)窗口界面,如圖 9 所示: 圖9 后臺管理系統(tǒng)窗口界面 在這里,我有針對性的設(shè)置了一個查詢控件,用于公司業(yè)務(wù)、新聞動態(tài)、解決方案和成功案例 里。在數(shù)據(jù)多的情況下,快速的找到所需要的數(shù)據(jù),以方便管理員做出增加、修改、刪除等操作。 (3)在后臺管理系統(tǒng)窗口界面中點擊公司簡介按鈕即進(jìn)入公司簡介管理頁面,如圖 10 所示: 描述后面的框是對公司簡介的編輯,單擊保存,在前臺的公司簡介中就可以看到相應(yīng)的內(nèi)容。 在此面頁中點擊招聘信息按鈕就進(jìn)入招聘信息管理頁面,在描述后面的框中對招聘信息進(jìn)行添加、 修改、刪除等操作,在前臺的招聘信息里就得到即時的更新。
38、 圖 10 公司簡介頁面 (4)在后臺管理系統(tǒng)窗口界面中點擊頁面底部按鈕即進(jìn)入頁面底部管理頁面,如圖 11 所示: 圖 11 頁面底部頁面 在描述后面的框里就可以直接對頁面底部內(nèi)容進(jìn)行增加、修改、刪除等操作,從而在前臺的每 個頁面的底部都得到相應(yīng)的更新。 (5)在后臺管理系統(tǒng)窗口界面中點擊公司業(yè)務(wù)按鈕即進(jìn)入公司業(yè)務(wù)管理頁面,如圖 12 所示: 圖 12 公司業(yè)務(wù)頁面 在查找前面的方框中輸入標(biāo)題里的部分內(nèi)容,點擊查找,就可以快快速找出相應(yīng)的那一條;點 擊添加按鈕,就可以添加一條新的記錄;選中要刪除的記錄,點擊刪除,則刪除了相應(yīng)的記錄;在 每一條記錄后面點擊編輯按鈕,可以對已有記錄進(jìn)行修改。 在此
39、頁面中點擊新聞動態(tài)、解決方案、成功案例分別進(jìn)入相應(yīng)的管理頁面,同理進(jìn)行以上的操 作。 (6)在后臺管理系統(tǒng)窗口界面中點擊客戶留言按鈕即進(jìn)入客戶留言管理頁面,如圖 13 所示: 圖 13 客戶留言管理頁面 在此頁面里,選中某條留言,點擊刪除,可以對這條留言信息進(jìn)行刪除;點擊某條留言后面的 查看回復(fù),可以看到這條留言的回復(fù)內(nèi)容,并且可以對回復(fù)信息進(jìn)行刪除。 (7)在后臺管理系統(tǒng)窗口界面中點擊用戶管理按鈕即進(jìn)入用戶管理頁面,如圖 14 所示: 在此頁面里, 可以對后臺的管理員用戶進(jìn)行管理, 添加和新的管理員用戶和刪除已有的管理員 用戶。 圖 14 用戶管理頁面 (8)在后臺管理系統(tǒng)窗口界面中點擊修改
40、密碼按鈕即進(jìn)入修改密碼頁面,如圖 15 所示: 圖 15 修改密碼頁面 在此頁面里,每個管理員用戶可以輸入原密碼、新密碼,點擊修改來修改自己的密碼。 4.4 系統(tǒng)測試 這個階段的關(guān)鍵任務(wù)是通過各種類型的測試及相應(yīng)的調(diào)試,使軟件達(dá)到預(yù)定的要求。 4.4.1 測試環(huán)境 操作系統(tǒng):Windows 2000 以上; 數(shù)據(jù)庫系統(tǒng):Microsoft Sql Server 2000 以上。 服務(wù)器:IIS 5.0 以上。 4.4.2 模塊測試 測試本系統(tǒng)中各個模塊的子功能,把每個模塊作為一個獨立的實體來測試。保證每個模塊作為 一個單獨的單元能正確運行。在測試中發(fā)現(xiàn)編碼和詳細(xì)設(shè)計的錯誤,并及時改正。如在測試
41、客戶留 言管理時,沒有輸入留言人姓名,就會留言不成功,出現(xiàn)請輸入留言人姓名這樣的信息。 4.4.3 子系統(tǒng)測試 子系統(tǒng)測試是把經(jīng)過模塊測試的模塊放在一起形成以一個子系統(tǒng)來測試。模塊相互間的協(xié)調(diào)和 通性是這個測試過程中的主要問題,以此,這個步驟著重測試模塊的接口。 4.4.4 4.4.4 系統(tǒng)測試實施 系統(tǒng)測試是把經(jīng)過測試的子系統(tǒng)裝配成一個完整的系統(tǒng)來測試。在這個過程中不僅能發(fā)現(xiàn)設(shè)計 和編碼的錯誤,還能驗證系統(tǒng)是否能提供需求分析中指定的功能。在這個步驟中發(fā)現(xiàn)設(shè)計中的錯誤 和需求分析中的錯誤。 對輸入錯誤的,能進(jìn)行排錯,如在管理員登錄頁面中輸入的用戶名和密碼錯誤,則在下方出現(xiàn) 您輸入的用戶名和密碼
42、錯誤的提示。數(shù)據(jù)庫中的的已有數(shù)據(jù)可以進(jìn)行修改、刪除,數(shù)據(jù)具有可 維護(hù)性。 5 結(jié)語 通過幾個月的設(shè)計,我才明白怎樣將學(xué)校學(xué)習(xí)的東西運用到實踐中,怎樣在一個真正的客戶面 前展示自己的理論知識,更讓我感受至深的是不論作什么都需要合作和別人的幫忙,一個人的力量 是微不足道的。在整個設(shè)計過程中,我遇到很多問題,查閱了很多書籍,并且有很多疑難問題是在 指導(dǎo)老師的幫助下完成的。另外,通過這次設(shè)計,我才明白,如何真正將學(xué)校學(xué)到的東西運用到實 踐中是一個大學(xué)生邁入社會ZUI重要的一部。盡管這次設(shè)計已經(jīng)初步完成了客戶的需求,但是不論從 界面還是整體功能的實現(xiàn)上都存在很多問題,需要進(jìn)一步的修改和完善,這也將是我后
43、期的工作的 重點。 感謝 感謝這么多天馬聯(lián)輝、靳燕老師的精心輔導(dǎo)和悉心批改,無論是設(shè)計的功能實現(xiàn)還是論文的內(nèi) 容格式,輔導(dǎo)老師都認(rèn)真檢查,真心的感謝他們和各位系領(lǐng)導(dǎo)對我的關(guān)心,在以后的工作道路上我 將繼續(xù)努力,將我在學(xué)校學(xué)到的理論知識充分應(yīng)用到實踐中。 參考文獻(xiàn) 1 江廣順.ASP.NET2.0+SQL SERVER 網(wǎng)絡(luò)應(yīng)用開發(fā)詳解M. 北京:人民郵電出版社,2007 2 鄭阿奇.SQL Server 教程M. 北京:清華大學(xué)出版社,2005 3 陳冠軍.ASP.NET2.0 企業(yè)級項目開發(fā)M.北京:人民郵電出版社,2007 4 陸錫聰.基于 Web 的學(xué)位論文管理系統(tǒng)的設(shè)計與實現(xiàn)J.電腦知
44、識與技術(shù),2005,10(2) 5 葉安勝.基于.NET 架構(gòu)的 WEB 數(shù)據(jù)庫訪問技術(shù)研究與應(yīng)用D.電子科技大學(xué),2004 6 張立科,ASP.NET 信息管理系統(tǒng)開發(fā)實例導(dǎo)航M.北京:人民郵電出版社,2005 7 殷曉波.基于.NET 技術(shù)的數(shù)據(jù)庫技術(shù)與應(yīng)用D.安徽理工大學(xué),2005 8 戴婉榮,熊前興.SQL Server 數(shù)據(jù)同步機(jī)制的研究與應(yīng)用J.電腦知識與技術(shù),2009,5(19) 9 龍馬工作室.ASP.NET+SQL SERVER 網(wǎng)絡(luò)開發(fā)實例精講M. 北京:人民郵電出版社,2007 10 劉曉華.SQL Server 2000 數(shù)據(jù)庫應(yīng)用開發(fā)M.北京:電子工業(yè)出版社,2001
45、 Design Development of the Wan Jun Software Development Companys Web Site Abstract The Internet has developed very rapidly has become the rapid access to publish disseminate infmation. It is an imptant channels f people to wk life plays an imptant role. Therefe, the web sites construction in the Int
46、ernet applications position is clearly evident, it has become the government, enterprises institutions infmation construction, are an imptant part of the value. This web site is developed based on sql server 2005 database by using A 2.0,c# language.The infmation publish platfm is developed usi
47、ng A.The infmation is sted in database can be refreshed by inputing new infmation in background infmation management module. The web sites interface design is very simple, users can operate it very easily.The whole web site is devided into the feground background infmation management module.Us
48、er can browse web contents, other users f infmation exchange,using the background management module can classify, add,modify delete the infmation. Keywds infmation publish visitsbook management ASP.NET C# 篇四: 在經(jīng)濟(jì)迅速發(fā)展的今天,internet顯得更為重要它是人們發(fā)布信息與傳遞信息的重要渠道,為了與社會發(fā)展同步,為了讓我們成為真正的技術(shù)性人才。學(xué)校在本周為我們安排了維持一周的網(wǎng)頁制作專
49、用周是實習(xí),讓我們把平時所學(xué)知識運用到實習(xí)中做到真正的學(xué)以致用而不只是紙上談兵。通過本周的實習(xí)使我獲得了更多的新知識同時也使我使我認(rèn)識到了自己在學(xué)習(xí)上的許多不足,下面就談?wù)勎以诒敬螌S弥艿闹饕惺堋?一、網(wǎng)站整體規(guī)劃,要做網(wǎng)頁的第一步便是做網(wǎng)站的整體規(guī)劃這主要包括四個方面的內(nèi)容。 1.討論網(wǎng)站的主題。 網(wǎng)站整體規(guī)劃是做網(wǎng)頁的第一步也是制作網(wǎng)頁ZUI關(guān)鍵的一步它決定了你要表答的信息,因此我選擇了我選擇我ZUI喜愛的服飾來為它做網(wǎng)頁。在平時我也對服裝的網(wǎng)頁比較關(guān)心,無論是淘寶網(wǎng)上的衣店還是各種品牌裝。這次我是為易菲服飾做的網(wǎng)頁。 2.定位網(wǎng)站的ci形象。易菲植根中國文化之精髓,汲取自然稟賦之靈性,
50、形成一個既有濃厚文化底蘊(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)意。 整
51、個網(wǎng)站的創(chuàng)意就在于顏色的搭配,與各種圖片的搭配,它們相互輝映,相互襯托。以便達(dá)到表現(xiàn)其品牌的和諧之美、自然之美。我踩用淡藍(lán)色和綠色為我網(wǎng)站的主打色主要是因為我的產(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)于易菲服飾的圖片主
52、要是一些代言形象還有代表其企業(yè)形象的圖片。其次我去瀏覽了許多的網(wǎng)頁觀察其網(wǎng)頁的布局、顏色搭配、欄目、板塊等方面的內(nèi)容,同時也搜集了一些對我有用的資料。在搜索資料ZUI困難的便是動態(tài)圖片的搜集,動態(tài)圖片其gif格式的還是好保存,但是要搜集flash動態(tài)圖片就相對較難了。我用了一天的時間來搜集我的flash都不太成功,不過還搜到了可以換自己圖片的代碼。在開始時我根本就不知道flash是怎樣搜索,不過經(jīng)過三次像老實詢問我終于懂得一些關(guān)于代碼的搜索。在搜集資料的過程之中我發(fā)現(xiàn)了自己的許多不足之處,ZUI關(guān)鍵就是平時對知識的掌握不夠,連ZUI基本的資料搜尋都覺得困難。也是我平時不夠認(rèn)真和努力的表現(xiàn)。通過
53、這次的教訓(xùn)在以后我一定會做得更好,爭取不范類似錯誤。 2.熟悉制作軟件。 做網(wǎng)頁主要用的工具便是dremweaver、photoshop、flash軟件。在這些軟件我對dremweaver、photoshop相對比較熟悉,因為在平時上課是老師帶領(lǐng)我們運用過。所以我還可以正常的運用,但是出現(xiàn)的問題還是有很多。有很多不懂如何操作,只有通過在次去看書才能夠了解,這也體現(xiàn)了我學(xué)習(xí)方面的缺點,它是我平時不夠認(rèn)真的具體表現(xiàn)。 三、網(wǎng)頁制作,這便進(jìn)入我該次的主題了具體制作流程如下。 1.構(gòu)建站點框架。 在我打開dremweaver后第一步便是新建站點,我把我的站點建立在f儀下面。并將我搜集的全部資料都保存在
54、其文件夾中,以便網(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),不呆板,富有生氣;顏色各異,但又不同之中又相同,渾然一體。而且制作過程中,不忘以下原則: 簡潔實用: 這是非常重要的,網(wǎng)絡(luò)特殊環(huán)境下,盡量以效率的方式將用戶所要想得到的信息傳送給他就是的,所以要去掉所有的冗余的東西。使用方便
55、:同第一個是相一致的,滿足使用者的要求,網(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)行了如上所述的
56、方法。但我所以網(wǎng)頁的背景顏色及主題顏色都是相同的以便突出我每一個網(wǎng)頁都是為凸顯我主題而服務(wù)。 3.實現(xiàn)網(wǎng)頁間的鏈接。 我的鏈接按鈕主要有四個時尚首頁、時尚衣秀、推薦產(chǎn)品、潮流信息它分別鏈接到我所做的四個網(wǎng)頁。鏈接的過程其實很簡單,主要是把要鏈接的文字選擇在選擇工具欄的鏈接按鈕ZUI后選擇自己要鏈接的網(wǎng)頁單擊確定便可以了。 4.向靜太網(wǎng)頁插入動態(tài)效果。 在這一階段我遇到了許多的問題,主要是我在主頁插入我的flash的時候,開是我將帶碼粘貼到我的網(wǎng)頁上可是在瀏覽網(wǎng)頁的時候flash卻不能夠顯示。ZUI后我向老師的請教后終于在老師的幫助下我成功的在我的主頁插入了flash。而在其它的二級網(wǎng)頁我主頁插入的是一些gif格式的動態(tài)圖片。 四、網(wǎng)頁的調(diào)試 在做完網(wǎng)站才發(fā)現(xiàn),怎么所有的圖片素材并不是在一個文件夾中,而
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 二零二五版木材加工設(shè)備租賃合同4篇
- 美團(tuán)騎手2025年度服務(wù)質(zhì)量評價與獎懲機(jī)制合同4篇
- 二零二五年度城市交通規(guī)劃承諾協(xié)議書合同4篇
- 2025年個人生態(tài)農(nóng)業(yè)產(chǎn)品生產(chǎn)與銷售承包合同4篇
- 2025年度商業(yè)地產(chǎn)出售代理合同標(biāo)的物市場分析報告4篇
- 二零二五年度網(wǎng)絡(luò)安全防護(hù)解決方案定制合同2篇
- 2025年度木工行業(yè)產(chǎn)業(yè)鏈整合與優(yōu)化合同4篇
- 個性化金融對接服務(wù)合同2024版B版
- 2025年度幕墻施工勞務(wù)分包合同施工資料管理與歸檔范本4篇
- 2025年度個人房產(chǎn)抵押貸款合同范本(附還款計劃及違約責(zé)任)2篇
- 南通市2025屆高三第一次調(diào)研測試(一模)地理試卷(含答案 )
- 2025年上海市閔行區(qū)中考數(shù)學(xué)一模試卷
- 2025中國人民保險集團(tuán)校園招聘高頻重點提升(共500題)附帶答案詳解
- 重癥患者家屬溝通管理制度
- 法規(guī)解讀丨2024新版《突發(fā)事件應(yīng)對法》及其應(yīng)用案例
- IF鋼物理冶金原理與關(guān)鍵工藝技術(shù)1
- 銷售提成對賭協(xié)議書范本 3篇
- 勞務(wù)派遣招標(biāo)文件范本
- 小學(xué)二年級數(shù)學(xué)口算練習(xí)題1000道
- 家譜、宗譜頒譜慶典講話
- 正畸矯治概述、檢查診斷課件
評論
0/150
提交評論