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