動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)實(shí)踐報(bào)告

動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)實(shí)踐報(bào)告動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)實(shí)踐報(bào)告篇一這次實(shí)習(xí)內(nèi)容包括網(wǎng)站原型設(shè)計(jì)及Photoshop切片技術(shù)在網(wǎng)頁整體設(shè)計(jì)時(shí)的應(yīng)用；“DIV+CSS”頁面布局技術(shù);設(shè)計(jì)電子購(gòu)物商城主頁。我深深體會(huì)到，做好主頁，并不是一件容易的事，網(wǎng)頁的選題、內(nèi)容采集整理、圖片的處理、頁面的排版設(shè)置、背景及其整套網(wǎng)頁的色調(diào)等很多東西。不過能懂得基本的框架和思路，這一點(diǎn)在以后的工作過程中是非常有幫助的。通過這次實(shí)習(xí)，我也總結(jié)出來一些網(wǎng)站建設(shè)的基本流程。制作網(wǎng)頁，首先是確定主題。網(wǎng)上購(gòu)物系統(tǒng)發(fā)布平臺(tái)為顧客提供了各種商品、供求信息瀏覽、查詢，購(gòu)買等功能，全面的為顧客提供服務(wù)，幫助顧客更多的了解本網(wǎng)站的動(dòng)態(tài)信息，提供最新動(dòng)態(tài)通知。要求系統(tǒng)具有以下功能：（1）用戶登錄注冊(cè)。（2）提供類別導(dǎo)航，購(gòu)物推薦，熱銷商品，加入購(gòu)物車等（3）提供會(huì)員注冊(cè)（4）提供管理員后臺(tái)管理入口。管理員通過本頁面登錄后臺(tái)管理程序。（5）通過后臺(tái)對(duì)各類信息進(jìn)行管理和審核。（6）對(duì)網(wǎng)站會(huì)員信息進(jìn)行管理和審核。審核注冊(cè)本網(wǎng)站的會(huì)員，對(duì)其進(jìn)行管理。（7）友情鏈接。設(shè)置相關(guān)的友情鏈接頁面。主頁的設(shè)計(jì)是整個(gè)網(wǎng)站的靈魂，構(gòu)思導(dǎo)航欄的分類，然后是整體規(guī)劃，每一個(gè)版塊都有其個(gè)性，清晰明了，便于閱讀瀏覽，大致分幾部分，首頁，小店簡(jiǎn)介，產(chǎn)品展示，售后服務(wù)，友情鏈接這幾個(gè)板塊，再加入個(gè)別網(wǎng)站等，每一部分又分為幾個(gè)小部分，內(nèi)容比較充分，多樣。確定導(dǎo)航欄的各個(gè)分了標(biāo)題之后對(duì)于建立二級(jí)子網(wǎng)頁尤為重要。主頁的導(dǎo)航設(shè)計(jì)好后，接下來就是對(duì)主頁導(dǎo)航欄的各個(gè)內(nèi)容進(jìn)行資料的收集，在網(wǎng)上多轉(zhuǎn)轉(zhuǎn)，看到什么漂亮的網(wǎng)頁，把它保存起來，作為以后自己設(shè)計(jì)主頁時(shí)的參考。另外，還包括搜集美化主頁可能要用到的各種材料，如背景、小動(dòng)畫圖標(biāo)等等。你可以在硬盤上建一個(gè)文件夾，下分“圖片、聲音、動(dòng)畫”等文件夾，養(yǎng)成上網(wǎng)時(shí)看到有創(chuàng)意、新鮮的圖像，就按鼠標(biāo)右鍵存入你硬盤相應(yīng)文件夾的習(xí)慣，時(shí)間一長(zhǎng)你就有擁有了一個(gè)可觀的圖庫，等做主頁時(shí)隨手拈來或加以修改就成你自己的東西了。我們?cè)賹?duì)大量收集的資料進(jìn)行篩選，得到最合適的導(dǎo)航內(nèi)容的資料。網(wǎng)站建設(shè)中如果大量運(yùn)用模板，對(duì)于建立網(wǎng)站提供便利同時(shí)也減少了大量的工序。主頁的設(shè)計(jì)應(yīng)以醒目?jī)?yōu)先，應(yīng)該令人一目了然，勿堆砌太多不必要的細(xì)節(jié)，或使畫面過于復(fù)雜。頁面給人的第一觀感最為重要。網(wǎng)上商城系統(tǒng)采用了敏捷開發(fā)的設(shè)計(jì)思想，我們對(duì)整個(gè)系統(tǒng)主要分成了2個(gè)大模塊，即前臺(tái)交易模塊和后臺(tái)管理模塊。而其中各個(gè)模塊我們又進(jìn)行了進(jìn)一步的細(xì)分，如前臺(tái)交易模塊又分為注冊(cè)會(huì)員、商品瀏覽、查詢商品、購(gòu)買商品等；后臺(tái)管理模塊則包括對(duì)用戶的管理、商品管理和銷售管理。使得整個(gè)系統(tǒng)具有易用性、個(gè)性化、跨平臺(tái)等特點(diǎn)，同時(shí)又保證交易數(shù)據(jù)的安全、穩(wěn)定、快速和完整，使其運(yùn)行得高速、安全、穩(wěn)定。商品管理模塊，管理員對(duì)商品信息的管理主要包括商品以及對(duì)商品類別的查詢、添加、刪除、修改等操作。訂單管理模塊，用戶選擇滿意的商品會(huì)進(jìn)行下訂單操作，同時(shí)會(huì)進(jìn)行確認(rèn)訂單、付款等操作，但同時(shí)也會(huì)存在未確定訂單、未付款等操作。網(wǎng)頁的迷人之處之一，要算它上面能點(diǎn)綴許多漂亮的圖片。精美的圖片設(shè)計(jì)，可以使自己的網(wǎng)頁增輝不少，令人過目不忘。圖片的內(nèi)容應(yīng)有一定的實(shí)際作用，忌虛飾浮夸，同時(shí)還要注意與文字的顏色搭配。最佳的圖像集美觀與資訊于一身。由于在網(wǎng)上用瀏覽器瀏覽任何主頁時(shí)，都能查看到該主頁制作時(shí)所編寫的絕大部分網(wǎng)頁編程源代碼。因此，如果你想知道并掌握一些優(yōu)秀的主頁采用的設(shè)計(jì)技巧，試著將其源代碼調(diào)出來仔細(xì)揣摩，并模仿著一步一步去實(shí)現(xiàn)。通過這次實(shí)習(xí)，我學(xué)到了很多有價(jià)值的東西。雖然我不能完成網(wǎng)站設(shè)計(jì)的過程，把設(shè)計(jì)中散亂的網(wǎng)頁鏈接成框架體系，但至少使平時(shí)學(xué)到的知識(shí)點(diǎn)有了提高。我感受最深的是：想要最好一個(gè)網(wǎng)站，素材和技能都十分重要。好的素材需要多放面查找資料的，可以從圖書、網(wǎng)站和新聞上查找的。好的技能需要不斷的實(shí)踐，經(jīng)常鍛煉。只有擁有好的素材和精湛的技能才可以做出最精湛的網(wǎng)頁。動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)實(shí)踐報(bào)告篇二實(shí)習(xí)目的：熟悉和掌握計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)的基本技巧及網(wǎng)頁制作相關(guān)工具軟件等內(nèi)容。培養(yǎng)我們利用計(jì)算機(jī)進(jìn)行商務(wù)網(wǎng)頁設(shè)計(jì)的基本思路和應(yīng)用開發(fā)能力，提高我們的計(jì)算機(jī)文化素質(zhì)。實(shí)習(xí)內(nèi)容：網(wǎng)頁是世界上最有價(jià)值的不動(dòng)產(chǎn)之一。人們?cè)谶@個(gè)不足0.1平米的空間內(nèi)投資達(dá)數(shù)百萬美元。網(wǎng)頁對(duì)公司的影響比簡(jiǎn)單的電子商務(wù)增收方法大得多;網(wǎng)頁也是公司對(duì)外的臉面。WEB站點(diǎn)就像一棟房子，它的每一個(gè)窗口都可以看成一扇門，人們可以沿著搜索引擎其他WEB站點(diǎn)的鏈接，繞過主頁而進(jìn)入WEB的深層。一網(wǎng)站的整體規(guī)劃1.討論網(wǎng)站主題：因?yàn)樽约簩?duì)普羅旺斯很感興趣，于是就想到要是一下為心中的仙境設(shè)計(jì)一個(gè)旅游網(wǎng)站。2.定位網(wǎng)站CI形象：旅游網(wǎng)站最重要的就是是瀏覽者產(chǎn)生想去親身體驗(yàn)一下的共鳴。于是在網(wǎng)頁設(shè)計(jì)上面，根據(jù)普羅旺斯夢(mèng)幻般的意境，我采用的是清新雋永的CI形象。使瀏覽者有賓至如歸的感受。3.確定欄目和板塊：1]首先要考慮整個(gè)網(wǎng)頁的長(zhǎng)和寬，以及長(zhǎng)度和寬度之間的比例。2]其次就應(yīng)該考慮導(dǎo)航條的設(shè)置了。3]正文的框架設(shè)置(橫向因素和縱向因素交錯(cuò))在瀏覽了很多精美的旅游網(wǎng)站之后，再結(jié)合自己的想法，我先在草紙上畫出了大體的欄目和板塊。4.網(wǎng)站的整體風(fēng)格和創(chuàng)意：建立一個(gè)浪漫的旅行網(wǎng)站，走映像派路線，目的務(wù)必使瀏覽者留下映像。二網(wǎng)頁制作的前期策劃與準(zhǔn)備1.資料的搜集：由于個(gè)人的愛好，我很早以前就收集了許多普羅旺斯的美圖，這次就方便多了。接著就搜集了一些有夢(mèng)幻效果的網(wǎng)頁背景，F(xiàn)IASH源代碼、小圖標(biāo)和一些GIF的動(dòng)畫等。2.熟悉制作工具軟件：主頁制作的基本條件有：硬件：一臺(tái)電腦(64MB以上內(nèi)存，當(dāng)然越大越好啦);可以撥號(hào)上網(wǎng);如果你有條件的話,建議:配置掃描儀,這將大大方便圖像和文字的輸入;軟件：HTML編輯軟件：常用的有Frontpage、Hotdog等，本文重點(diǎn)介紹Dreamweaver;圖像處理軟件：常用的有Photoshop、flash、Fireworks等;文件上傳軟件：常用的有Cuteftp、WSftp等。三網(wǎng)頁制作真的是萬事開頭難啊，遇到了很多問題，比如：插入的圖片不符合規(guī)格，一下子把其他內(nèi)容的框架擠開;插入的層太多，大一點(diǎn)的就把小一點(diǎn)的給覆蓋掉了;插入的FLASH不能產(chǎn)生效果?？傊畣栴}一籮筐。實(shí)踐出真知，原來自己還有那么多欠缺的知識(shí)。于是回歸本源，先把課本上的東西弄通再談其他。然后又到圖書管里借了幾本網(wǎng)頁制作方面的書籍來參考。在對(duì)基本知識(shí)有了詳細(xì)的了解之后，做起東西來就得心應(yīng)手多了，知道引導(dǎo)頁能過加映像之后，我決定為我的網(wǎng)頁設(shè)計(jì)一個(gè)引導(dǎo)頁。然后是主頁和二級(jí)頁面的設(shè)置。要注意,網(wǎng)上只能使用JPG和GIF兩種圖象格式，其他諸如BMP和TIF等很通用的格式都不能用在網(wǎng)上,因?yàn)樗鼈兲罅?但可以用圖象軟件進(jìn)行轉(zhuǎn)換，比如Office97的照片編輯器。把準(zhǔn)備在主頁上出現(xiàn)的圖象放進(jìn)相應(yīng)的目錄里后。在一步一步的邊學(xué)邊做的過程中，看著心中的東西一點(diǎn)一點(diǎn)的出來，真的很有成就感。雖然自己的網(wǎng)頁技術(shù)還差的遠(yuǎn)，但是回顧一下這周真的學(xué)到了很多的東西。四網(wǎng)頁的調(diào)試之前把作過的東西放到U盤里，發(fā)生過圖片顯示不出來的狀況，還好即使找到了解救的方法，把源文件和WEB頁面放到一起這樣就算路徑改變的話也不會(huì)影響頁面的效果?？偨Y(jié)：在公司里實(shí)習(xí)的這段時(shí)間里，我真正體會(huì)到了團(tuán)隊(duì)的力量。剛得到公司通知說我面試通過，真的很開心。在沒進(jìn)公司的時(shí)候，有很多的憧憬。希望自己可以大干一場(chǎng)，當(dāng)時(shí)感覺自己有太多可發(fā)現(xiàn)的潛力可以挖掘，就等著有那么一個(gè)人可以發(fā)現(xiàn)自己這么一塊金子。進(jìn)去之后才發(fā)現(xiàn)其實(shí)自己是那么的渺小，千萬不要自以為是，比你好的多的多，你沒有什么了不起的。做人一定要塌實(shí)。沒有同事們一起的努力，就單靠自己一個(gè)人的力量肯定是做不好事情。特別是在銷售部這樣