網(wǎng)頁(yè)設(shè)計(jì)的實(shí)習(xí)報(bào)告

1、第 頁(yè)網(wǎng)頁(yè)設(shè)計(jì)的實(shí)習(xí)報(bào)告網(wǎng)頁(yè)設(shè)計(jì)的實(shí)習(xí)報(bào)告1 這次實(shí)習(xí)內(nèi)容包括網(wǎng)站原型設(shè)計(jì)及Photoshop切片技術(shù)在網(wǎng)頁(yè)整體設(shè)計(jì)時(shí)的應(yīng)用； “DIV+CSS”頁(yè)面布局技術(shù);設(shè)計(jì)電子購(gòu)物商城主頁(yè)。我深深體會(huì)到，做好主頁(yè)，并不是一件簡(jiǎn)單的事，網(wǎng)頁(yè)的選題、內(nèi)容采集整理、圖片的處理、頁(yè)面的排版設(shè)置、背景及其整套網(wǎng)頁(yè)的色調(diào)等許多東西。不過(guò)能懂得基本的框架和思路，這一點(diǎn)在以后的工作過(guò)程中是特別有幫助的。 通過(guò)這次實(shí)習(xí)，我也總結(jié)出來(lái)一些網(wǎng)站建設(shè)的基本流程。 制作網(wǎng)頁(yè)，首先是確定主題。 網(wǎng)上購(gòu)物系統(tǒng)發(fā)布平臺(tái)為顧客供應(yīng)了各種商品、供求信息閱讀、查詢，購(gòu)買等功能，全面的為顧客供應(yīng)服務(wù)，幫助顧客更多的了解本網(wǎng)站的動(dòng)態(tài)信息，供應(yīng)

2、最新動(dòng)態(tài)通知。要求系統(tǒng)具有以下功能： （1）用戶登錄注冊(cè)。 （2）供應(yīng)類別導(dǎo)航，購(gòu)物舉薦，熱銷商品，加入購(gòu)物車等 （3）供應(yīng)會(huì)員注冊(cè) （4）供應(yīng)管理員后臺(tái)管理入口。管理員通過(guò)本頁(yè)面登錄后臺(tái)管理程序。 （5）通過(guò)后臺(tái)對(duì)各類信息進(jìn)行管理和審核。 （6）對(duì)網(wǎng)站會(huì)員信息進(jìn)行管理和審核。審核注冊(cè)本網(wǎng)站的會(huì)員，對(duì)其進(jìn)行管理。 （7）友情鏈接。設(shè)置相關(guān)的友情鏈接頁(yè)面。 主頁(yè)的設(shè)計(jì)是整個(gè)網(wǎng)站的靈魂，構(gòu)思導(dǎo)航欄的分類，然后是整體規(guī)劃，每一個(gè)版塊都有其特性，清楚明白，便于閱讀閱讀，大致分幾部分，首頁(yè)，小店簡(jiǎn)介，產(chǎn)品展示，售后服務(wù)，友情鏈接這幾個(gè)板塊，再加入個(gè)別網(wǎng)站等，每一部分又分為幾個(gè)小部分，內(nèi)容比較充分，多樣。

3、確定導(dǎo)航欄的各個(gè)分了標(biāo)題之后對(duì)于建立二級(jí)子網(wǎng)頁(yè)尤為重要。 主頁(yè)的導(dǎo)航設(shè)計(jì)好后，接下來(lái)就是對(duì)主頁(yè)導(dǎo)航欄的各個(gè)內(nèi)容進(jìn)行資料的收集，在網(wǎng)上多轉(zhuǎn)轉(zhuǎn)，看到什么美麗的網(wǎng)頁(yè)，把它保存起來(lái)，作為以后自己設(shè)計(jì)主頁(yè)時(shí)的參考。另外，還包括搜集美化主頁(yè)可能要用到的各種材料，如背景、小動(dòng)畫(huà)圖標(biāo)等等。你可以在硬盤(pán)上建一個(gè)文件夾，下分“圖片、聲音、動(dòng)畫(huà)”等文件夾，養(yǎng)成上網(wǎng)時(shí)看到有創(chuàng)意、簇新的圖像，就按鼠標(biāo)右鍵存入你硬盤(pán)相應(yīng)文件夾的習(xí)慣，時(shí)間一長(zhǎng)你就有擁有了一個(gè)可觀的圖庫(kù)，等做主頁(yè)時(shí)順手拈來(lái)或加以修改就成你自己的東西了。我們?cè)賹?duì)大量收集的資料進(jìn)行篩選，得到最合適的導(dǎo)航內(nèi)容的資料。 網(wǎng)站建設(shè)中假如大量運(yùn)用模板，對(duì)于建立網(wǎng)站供應(yīng)

4、便利同時(shí)也削減了大量的工序。主頁(yè)的設(shè)計(jì)應(yīng)以醒目?jī)?yōu)先，應(yīng)當(dāng)令人一目了然，勿堆砌太多不必要的細(xì)微環(huán)節(jié)，或使畫(huà)面過(guò)于困難。頁(yè)面給人的第一觀感最為重要。網(wǎng)上商城系統(tǒng)采納了靈敏開(kāi)發(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)具有易用性、特性化、跨平臺(tái)等特點(diǎn)，同時(shí)又保證交易數(shù)據(jù)的平安、穩(wěn)定、快速和完整，使其運(yùn)行得高速、平安、穩(wěn)定。 商品管理模塊，管理員對(duì)商品信息的管理主要包括商品以及對(duì)商品類別的查詢、添加、刪

5、除、修改等操作。 訂單管理模塊，用戶選擇滿足的商品會(huì)進(jìn)行下訂單操作，同時(shí)會(huì)進(jìn)行確認(rèn)訂單、付款等操作，但同時(shí)也會(huì)存在未確定訂單、未付款等操作。 網(wǎng)頁(yè)的迷人之處之一，要算它上面能點(diǎn)綴很多美麗的圖片。精致的圖片設(shè)計(jì)，可以使自己的網(wǎng)頁(yè)增輝不少，令人過(guò)目不忘。圖片的內(nèi)容應(yīng)有肯定的實(shí)際作用，忌虛飾浮夸，同時(shí)還要留意與文字的顏色搭配。最佳的圖像集美觀與資訊于一身。 由于在網(wǎng)上用閱讀器閱讀任何主頁(yè)時(shí)，都能查看到該主頁(yè)制作時(shí)所編寫(xiě)的絕大部分網(wǎng)頁(yè)編程源代碼。因此，假如你想知道并駕馭一些優(yōu)秀的主頁(yè)采納的設(shè)計(jì)技巧，試著將其源代碼調(diào)出來(lái)細(xì)致揣摩，并仿照著一步一步去實(shí)現(xiàn)。 通過(guò)這次實(shí)習(xí)，我學(xué)到了許多有價(jià)值的東西。雖然我不

6、能完成網(wǎng)站設(shè)計(jì)的過(guò)程，把設(shè)計(jì)中散亂的網(wǎng)頁(yè)鏈接成框架體系，但至少使平常學(xué)到的學(xué)問(wèn)點(diǎn)有了提高。我感受最深的是：想要最好一個(gè)網(wǎng)站，素材和技能都非常重要。好的素材須要多放面查找資料的，可以從圖書(shū)、網(wǎng)站和新聞上查找的。好的技能須要不斷的實(shí)踐，常常熬煉。只有擁有好的素材和精湛的技能才可以做出最精湛的網(wǎng)頁(yè)。 網(wǎng)頁(yè)設(shè)計(jì)的實(shí)習(xí)報(bào)告2 我第一次步入了社會(huì)，從今起先了面對(duì)社會(huì)、工作的生活。剛剛走入社會(huì)的我是一特性格有些內(nèi)向的人，面對(duì)生疏的人，我不善言辭，不會(huì)給自己的外表進(jìn)行很好的包裝，不適合做那些銷售、接待的工作，只有技術(shù)類的工作，少說(shuō)多干的活適合我，這個(gè)我很清晰。現(xiàn)在，中國(guó)每年都有許多畢業(yè)的高校生找不到工作，我也

7、不例外，所以，這第一次實(shí)習(xí)工作確定不會(huì)太好找，但是相反，我的運(yùn)氣還不錯(cuò)。找到了一份網(wǎng)頁(yè)設(shè)計(jì)的工作?，F(xiàn)將我在工作中的狀況報(bào)告如下。 一、工作介紹 我工作的這家公司，從事網(wǎng)站開(kāi)發(fā)工作的，公司在技術(shù)團(tuán)隊(duì)這部分是比較正規(guī)的，一般是五到六人為一個(gè)小組，小組中有明確分工，有負(fù)責(zé)聯(lián)系客戶接恰生意的，有特地做技術(shù)的，而在技術(shù)這塊分為網(wǎng)站前臺(tái)、后臺(tái)開(kāi)發(fā)，我在學(xué)校主要做的是后臺(tái)開(kāi)發(fā)，當(dāng)然前臺(tái)設(shè)計(jì)工作也還算嫻熟，但不是很精通。我們這個(gè)小組一般接下的活都是一些小型網(wǎng)站的開(kāi)發(fā)工作，這樣的網(wǎng)站技術(shù)難度不大，而且工作周期短，有相當(dāng)一部分的，只須要通過(guò)cms軟件就可以進(jìn)行開(kāi)發(fā)。但是有個(gè)別的網(wǎng)站開(kāi)發(fā)時(shí)，我們還是須要進(jìn)行一些手寫(xiě)

8、代碼工作的。 二、開(kāi)發(fā)技術(shù) 做為一個(gè)剛畢業(yè)的高校生，我的學(xué)問(wèn)儲(chǔ)備確定有不足的地方，終歸學(xué)校教的東西確定會(huì)有一部分和社會(huì)是脫節(jié)的，但好在我的領(lǐng)導(dǎo)對(duì)于我沒(méi)有太多的要求，他只是要求我盡快的適應(yīng)公司的工作和生活，在短時(shí)間內(nèi)嫻熟的駕馭相關(guān)技術(shù)，干好本職工作。 在高校里對(duì)一個(gè)學(xué)生來(lái)說(shuō)什么是最重要的，那就是學(xué)習(xí)實(shí)力。要知道，這個(gè)世界上，學(xué)問(wèn)在發(fā)展，人類在進(jìn)步，每天都在進(jìn)行日新月異的改變，我們的學(xué)問(wèn)儲(chǔ)備總會(huì)有不夠的地方，但是肯定要有學(xué)習(xí)實(shí)力，將不會(huì)學(xué)問(wèn)快速駕馭，只有這樣才能占據(jù)主動(dòng)，削減被動(dòng)狀況的尷尬發(fā)生，通過(guò)二個(gè)星期的時(shí)間，我勝利的適應(yīng)了公司的工作和生活節(jié)奏，每天早九點(diǎn)上班，晚17:30下班，中午休息一個(gè)半

9、小時(shí)，每周還有兩天假期。我利用業(yè)余時(shí)間，抓緊學(xué)習(xí)，將工作中所須要的技術(shù)進(jìn)行了強(qiáng)化學(xué)習(xí)，其實(shí)這些東西在學(xué)校的時(shí)候就接觸過(guò)，只是不精通。那個(gè)時(shí)候?qū)W的東西多，難免有個(gè)主次之分，這次工作了，才知道哪個(gè)應(yīng)當(dāng)多學(xué)點(diǎn)，但好在我都有學(xué)過(guò)，所以有個(gè)好的基礎(chǔ)在這里，也就不怕了，比如說(shuō)：flash，公司要求技術(shù)人員會(huì)做flash，flash這東西以前我在宿舍的時(shí)候常常玩的，可是后來(lái)在分析就業(yè)狀況時(shí)，分析錯(cuò)了方向，以為這東西沒(méi)有什么用處，結(jié)果就給荒廢了。但好在還有印象，并且當(dāng)時(shí)記了許多的筆記，所以說(shuō)記筆記是很重要的事情。而其它像javascript、ml、數(shù)據(jù)庫(kù)這些東西我都學(xué)過(guò)，只是實(shí)踐實(shí)力稍差一點(diǎn)，但好在從前在學(xué)習(xí)

10、方面用的功不是白費(fèi)的。通過(guò)這種實(shí)戰(zhàn)環(huán)境，和半個(gè)月的刻苦學(xué)習(xí)，我最終可以感上小組的工作進(jìn)度了，已經(jīng)可以很好的完成領(lǐng)導(dǎo)教給我的任務(wù)了。 像我這個(gè)組常用的是css+div排版，后臺(tái)運(yùn)用php技術(shù)進(jìn)行開(kāi)發(fā)，服務(wù)器平臺(tái)采納，linu+apache+mysql+php,這種 lamp組合，我很興奮在學(xué)校學(xué)的東西能學(xué)有所用。以前我們是用表格(table)進(jìn)行排版，這種方式簡(jiǎn)潔但是已經(jīng)有些過(guò)時(shí)了，現(xiàn)在大部分網(wǎng)站都起先了重新構(gòu)架，所以都采納css+div進(jìn)行網(wǎng)頁(yè)排版，我目前正在學(xué)習(xí)，駕馭的還算比較快。而在后臺(tái)開(kāi)發(fā)部分，我們運(yùn)用php來(lái)進(jìn)行開(kāi)發(fā)，我的工作是手寫(xiě)一些小模塊?；蛘哂胘avascript寫(xiě)一些特效小代碼

11、。 三、工作流程 小組分工時(shí)，我負(fù)責(zé)后臺(tái)里小模塊的開(kāi)發(fā)工作，如：留言板或論壇，還有一部分javascript代碼編寫(xiě)工作。前臺(tái)部分的工作是和組里的丁珊珊做一些排版的工作，運(yùn)用css+div技術(shù)。編寫(xiě)代碼這種工作看起來(lái)有些枯燥，其實(shí)時(shí)間長(zhǎng)了以后，還真有點(diǎn)厭煩，但是后來(lái)我明白，只有將自己的本職工作做好，提高自己的技術(shù)，做出優(yōu)良的東西，這樣自己才會(huì)有價(jià)值感，才會(huì)對(duì)自己的工作保持簇新感。所以我每天都在工作后，記錄下每天在技術(shù)上的.不足之處，回家后，將強(qiáng)學(xué)習(xí)，這所謂：找出不會(huì)的地方，學(xué)會(huì)它，你就變的強(qiáng)大了。 php是現(xiàn)在比較流行的一種網(wǎng)站開(kāi)發(fā)技術(shù)，由于它是開(kāi)源的免費(fèi)代碼，并因良好的跨平臺(tái)性能受到了大重的

12、喜愛(ài)，我個(gè)人認(rèn)為php很簡(jiǎn)潔，適合初學(xué)者學(xué)習(xí)運(yùn)用，但是在某些地方想要做好，就須要你仔細(xì)的學(xué)習(xí)了。目前，我負(fù)責(zé)的只是技術(shù)性較低和規(guī)模較小的模塊，不過(guò)，我覺(jué)得從簡(jiǎn)潔處做起也挺好的，但是我在寫(xiě)代碼時(shí)，還是常常犯些小錯(cuò)誤，導(dǎo)致代碼頁(yè)面常常出錯(cuò)，而自己往往還找不到是哪錯(cuò)了，有幾次急的都不行，不管怎么弄，結(jié)果就是錯(cuò)誤，后來(lái)我才發(fā)覺(jué)，原來(lái)只是一個(gè)小錯(cuò)誤，小的不細(xì)致察看，我都找不到。于是我明白，做開(kāi)發(fā)工作，肯定要細(xì)心，否則就會(huì)給自己和別人帶來(lái)麻煩。 四、平安檢查 平安檢查是很重要的一個(gè)環(huán)節(jié)，就像你給人家蓋房子，房子蓋好了，可是門和窗不牢固，那這種就必定不會(huì)平安的了。頁(yè)站的制做也是同樣的道理，在平安方面，有一個(gè)地方是和開(kāi)發(fā)人員有很大的關(guān)系的。因?yàn)殚_(kāi)發(fā)人員技術(shù)的凹凸確定了網(wǎng)站的平安性，有些人員在一些環(huán)節(jié)上的疏 漏，很有可能導(dǎo)致網(wǎng)站在實(shí)際運(yùn)用時(shí)，遭到黑客攻擊，假如造成了經(jīng)濟(jì)損失就無(wú)法挽救了。 所以，我們每個(gè)人在將各自的工作完成以后，組長(zhǎng)和其它特地的技術(shù)人員會(huì)對(duì)網(wǎng)站的平安性進(jìn)行測(cè)試，找出存在的漏洞，然后加以修改。以使它的平安性達(dá)到最高最穩(wěn)定的狀態(tài)。 在公司進(jìn)行實(shí)習(xí)工作的這