通過(guò)撰寫報(bào)告，我們可以更好地總結(jié)和概括自己的工作，進(jìn)一步提高自己的能力。寫報(bào)告時(shí)要注重事實(shí)準(zhǔn)確性，所有數(shù)據(jù)和信息都需要經(jīng)過(guò)嚴(yán)格的驗(yàn)證和分析。閱讀范文時(shí)，我們可以注意其中的亮點(diǎn)和特點(diǎn)，以及如何將其應(yīng)用到自己的報(bào)告中。
網(wǎng)頁(yè)設(shè)計(jì)的實(shí)踐報(bào)告篇一
網(wǎng)站整體規(guī)劃是做網(wǎng)頁(yè)的第一步也是制作網(wǎng)頁(yè)最關(guān)鍵的一步它決定了你要表答的信息，因此我選擇了我選擇我最喜愛(ài)的服飾來(lái)為它做網(wǎng)頁(yè)。在平時(shí)我也對(duì)服裝的網(wǎng)頁(yè)比較關(guān)心，無(wú)論是淘寶網(wǎng)上的衣店還是各種品牌裝。這次我是為“易菲”服飾做的網(wǎng)頁(yè)。
定位網(wǎng)站的ci形象。
“易菲”植根中國(guó)文化之精髓，汲取自然稟賦之靈性，形成一個(gè)既有濃厚文化底蘊(yùn)，又有現(xiàn)代自然人文氣息的特色品牌?！耙住奔词侨?，是包容，是寬容，是五千年中華民族的文化精髓，是厚德載物，是對(duì)人性寬度的一種拓展。“菲”通非，是生機(jī)、是個(gè)性、是春意盎然、是自強(qiáng)不息，是對(duì)人性深度的一種挖掘?！吧钊缁?，自在快樂(lè)”是yifini易菲的設(shè)計(jì)理念，倡導(dǎo)一種與自然和諧相處，如花兒綻放般美好舒適、自在快樂(lè)的生活方式。這也便是我網(wǎng)站的ci形象。
于時(shí)間的關(guān)系在本次我準(zhǔn)備做四張網(wǎng)頁(yè)：一張主頁(yè)三張二級(jí)頁(yè)面。分別設(shè)計(jì)了“時(shí)尚首頁(yè)、時(shí)尚衣秀、推薦產(chǎn)品、潮流信息”等四個(gè)欄目。在這四張頁(yè)面中我打算都用淡藍(lán)色做背景顏色來(lái)映襯我網(wǎng)頁(yè)的主打色綠色。
網(wǎng)站的整體風(fēng)格和創(chuàng)意。
整個(gè)網(wǎng)站的創(chuàng)意就在于顏色的搭配，與各種圖片的搭配，它們相互輝映，相互襯托。以便達(dá)到表現(xiàn)其品牌的和諧之美、自然之美。我踩用淡藍(lán)色和綠色為我網(wǎng)站的主打色主要是因?yàn)槲业漠a(chǎn)品特性。在設(shè)計(jì)上，yieini易菲推崇“自然美”，將帶表女性氣質(zhì)的花卉和自然元素融入設(shè)計(jì)之中，充分體現(xiàn)設(shè)計(jì)師和顧客所追求的一種灑脫、舒適的生活氛圍，力求表現(xiàn)悠閑、舒暢、自然的生活情趣。因此我用天空與自然的顏色來(lái)表達(dá)這張自然之美、和諧之美。
在做網(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ò)三次像老實(shí)詢問(wèn)我終于懂得一些關(guān)于代碼的搜索。在搜集資料的過(guò)程之中我發(fā)現(xiàn)了自己的許多不足之處，最關(guān)鍵就是平時(shí)對(duì)知識(shí)的掌握不夠，連最基本的資料搜尋都覺(jué)得困難。也是我平時(shí)不夠認(rèn)真和努力的表現(xiàn)。通過(guò)這次的教訓(xùn)在以后我一定會(huì)做得更好，爭(zhēng)取不范類似錯(cuò)誤。
做網(wǎng)頁(yè)主要用的工具便是dremweaver、photoshop、flash軟件。在這些軟件我對(duì)dremweaver、photoshop相對(duì)比較熟悉，因?yàn)樵谄綍r(shí)上課是老師帶領(lǐng)我們運(yùn)用過(guò)。所以我還可以正常的運(yùn)用，但是出現(xiàn)的問(wèn)題還是有很多。有很多不懂如何操作，只有通過(guò)在次去看書(shū)才能夠了解，這也體現(xiàn)了我學(xué)習(xí)方面的缺點(diǎn)，它是我平時(shí)不夠認(rèn)真的具體表現(xiàn)。
在我打開(kāi)dremweaver后第一步便是新建站點(diǎn)，我把我的站點(diǎn)建立在f儀下面。并將我搜集的全部資料都保存在其文件夾中，以便網(wǎng)頁(yè)制作時(shí)可以方便的使用。
設(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)潔實(shí)用：這是非常重要的，網(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ù)各自的特色建立了不同的表格，突出各自的主題，增強(qiáng)了對(duì)比性。在做這些網(wǎng)頁(yè)的時(shí)候我就進(jìn)行了如上所述的方法。但我所以網(wǎng)頁(yè)的背景顏色及主題顏色都是相同的以便突出我每一個(gè)網(wǎng)頁(yè)都是為凸顯我主題而服務(wù)。
實(shí)現(xiàn)網(wǎng)頁(yè)間的鏈接。
我的鏈接按鈕主要有四個(gè)“時(shí)尚首頁(yè)、時(shí)尚衣秀、推薦產(chǎn)品、潮流信息”它分別鏈接到我所做的四個(gè)網(wǎng)頁(yè)。鏈接的過(guò)程其實(shí)很簡(jiǎn)單，主要是把要鏈接的文字選擇在選擇工具欄的鏈接按鈕最后選擇自己要鏈接的網(wǎng)頁(yè)單擊確定便可以了。
向靜太網(wǎng)頁(yè)插入動(dòng)態(tài)效果。
在這一階段我遇到了許多的`問(wèn)題，主要是我在主頁(yè)插入我的flash的時(shí)候，開(kāi)是我將帶碼粘貼到我的網(wǎng)頁(yè)上可是在瀏覽網(wǎng)頁(yè)的時(shí)候flash卻不能夠顯示。最后我向老師的請(qǐng)教后終于在老師的幫助下我成功的在我的主頁(yè)插入了flash。而在其它的二級(jí)網(wǎng)頁(yè)我主頁(yè)插入的是一些gif格式的動(dòng)態(tài)圖片。
在做完網(wǎng)站才發(fā)現(xiàn)，怎么所有的圖片素材并不是在一個(gè)文件夾中，而有許多的子文件夾，從網(wǎng)上下載的網(wǎng)頁(yè)全都是一個(gè)網(wǎng)頁(yè)對(duì)應(yīng)一個(gè)文件夾。制作過(guò)程中，才發(fā)現(xiàn)，原來(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ò)程中出現(xiàn)一些問(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)拓視野，增強(qiáng)自己的實(shí)踐操作技能，為以后能做出出色的網(wǎng)頁(yè)而努力。同時(shí)我也希望能夠有更多的類似動(dòng)手練習(xí)，讓我們?cè)趯?shí)踐之中來(lái)學(xué)習(xí)知識(shí)。因?yàn)槲矣X(jué)得實(shí)踐不僅能夠提高我們的學(xué)習(xí)興趣它更能夠提高我們的動(dòng)手能力增強(qiáng)我們的技術(shù)性。
網(wǎng)頁(yè)設(shè)計(jì)的實(shí)踐報(bào)告篇二
我第一次步入了社會(huì)，從此開(kāi)始了面對(duì)社會(huì)、工作的生活。剛剛走入社會(huì)的.我是一個(gè)性格有些內(nèi)向的人，面對(duì)陌生的人，我不善言辭，不會(huì)給自己的外表進(jìn)行很好的包裝，不適合做那些銷售、接待的工作，只有技術(shù)類的工作，少說(shuō)多干的活適合我，這個(gè)我很清楚?，F(xiàn)在，中國(guó)每年都有很多畢業(yè)的大學(xué)生找不到工作，我也不例外，所以，這第一次實(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)行一些手寫代碼工作的。
二、開(kāi)發(fā)技術(shù)。
做為一個(gè)剛畢業(yè)的大學(xué)生，我的知識(shí)儲(chǔ)備肯定有不足的地方，畢竟學(xué)校教的東西肯定會(huì)有一部分和社會(huì)是脫節(jié)的，但好在我的領(lǐng)導(dǎo)對(duì)于我沒(méi)有太多的要求，他只是要求我盡快的適應(yīng)公司的工作和生活，在短時(shí)間內(nèi)熟練的掌握相關(guān)技術(shù)，干好本職工作。
在大學(xué)里對(duì)一個(gè)學(xué)生來(lái)說(shuō)什么是最重要的，那就是學(xué)習(xí)能力。要知道，這個(gè)世界上，知識(shí)在發(fā)展，人類在進(jìn)步，每天都在進(jìn)行日新月異的變化，我們的知識(shí)儲(chǔ)備總會(huì)有不夠的地方，但是一定要有學(xué)習(xí)能力，將不會(huì)知識(shí)快速掌握，只有這樣才能占據(jù)主動(dòng)，減少被動(dòng)情況的尷尬發(fā)生，通過(guò)二個(gè)星期的時(shí)間，我成功的適應(yīng)了公司的工作和生活節(jié)奏，每天早九點(diǎn)上班，晚17:30下班，中午休息一個(gè)半小時(shí)，每周還有兩天假期。我利用業(yè)余時(shí)間，抓緊學(xué)習(xí)，將工作中所需要的技術(shù)進(jìn)行了強(qiáng)化學(xué)習(xí)，其實(shí)這些東西在學(xué)校的時(shí)候就接觸過(guò)，只是不精通。那個(gè)時(shí)候?qū)W的東西多，難免有個(gè)主次之分，這次工作了，才知道哪個(gè)應(yīng)該多學(xué)點(diǎn)，但好在我都有學(xué)過(guò)，所以有個(gè)好的基礎(chǔ)在這里，也就不怕了，比如說(shuō)：flash，公司要求技術(shù)人員會(huì)做flash，flash這東西以前我在宿舍的時(shí)候經(jīng)常玩的，可是后來(lái)在分析就業(yè)情況時(shí)，分析錯(cuò)了方向，以為這東西沒(méi)有什么用處，結(jié)果就給荒廢了。但好在還有印象，并且當(dāng)初記了很多的筆記，所以說(shuō)記筆記是很重要的事情。而其它像javascript、ml、數(shù)據(jù)庫(kù)這些東西我都學(xué)過(guò)，只是實(shí)踐能力稍差一點(diǎn)，但好在從前在學(xué)習(xí)方面用的功不是白費(fèi)的。通過(guò)這種實(shí)戰(zhàn)環(huán)境，和半個(gè)月的刻苦學(xué)習(xí)，我終于可以感上小組的工作進(jìn)度了，已經(jīng)可以很好的完成領(lǐng)導(dǎo)教給我的任務(wù)了。
像我這個(gè)組常用的是css+span排版，后臺(tái)使用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)站都開(kāi)始了重新構(gòu)架，所以都采用css+span進(jìn)行網(wǎng)頁(yè)排版，我目前正在學(xué)習(xí)，掌握的還算比較快。而在后臺(tái)開(kāi)發(fā)部分，我們使用php來(lái)進(jìn)行開(kāi)發(fā)，我的工作是手寫一些小模塊?；蛘哂胘avascript寫一些特效小代碼。
三、工作流程。
小組分工時(shí)，我負(fù)責(zé)后臺(tái)里小模塊的開(kāi)發(fā)工作，如：留言板或論壇，還有一部分javascript代碼編寫工作。前臺(tái)部分的工作是和組里的丁珊珊做一些排版的工作，使用css+span技術(shù)。編寫代碼這種工作看起來(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)性能受到了大重的喜歡，我個(gè)人認(rèn)為php很簡(jiǎn)單，適合初學(xué)者學(xué)習(xí)使用，但是在某些地方想要做好，就需要你認(rèn)真的學(xué)習(xí)了。目前，我負(fù)責(zé)的只是技術(shù)性較低和規(guī)模較小的模塊，不過(guò)，我覺(jué)得從簡(jiǎn)單處做起也挺好的，但是我在寫代碼時(shí)，還是經(jīng)常犯些小錯(cuò)誤，導(dǎo)致代碼頁(yè)面經(jīng)常出錯(cuò)，而自己往往還找不到是哪錯(cuò)了，有幾次急的都不行，不管怎么弄，結(jié)果就是錯(cuò)誤，后來(lái)我才發(fā)現(xiàn)，原來(lái)只是一個(gè)小錯(cuò)誤，小的不仔細(xì)察看，我都找不到。于是我明白，做開(kāi)發(fā)工作，一定要細(xì)心，否則就會(huì)給自己和別人帶來(lái)麻煩。
四、安全檢查。
漏，很有可能導(dǎo)致網(wǎng)站在實(shí)際使用時(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í)工作的這段時(shí)間，我在個(gè)人技術(shù)上收獲了很多，現(xiàn)在的我已經(jīng)能獨(dú)檔一面了，做一些難度比較大的工作，我通過(guò)優(yōu)異的表現(xiàn)，已經(jīng)轉(zhuǎn)為正式員工，我對(duì)自己的表現(xiàn)感到滿意，最重要的是我給自己的學(xué)校爭(zhēng)了光，但是在社交能力方面，溝通能力上還有不足的地方。我決定在今后的工作和學(xué)習(xí)，要加強(qiáng)和別人的溝通能力。使自己變的更好，為國(guó)家為社會(huì)做出更多的貢獻(xiàn)。
網(wǎng)頁(yè)設(shè)計(jì)的實(shí)踐報(bào)告篇三
實(shí)習(xí)目的。
：熟悉和掌握計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)的基本技巧及網(wǎng)頁(yè)制作相關(guān)工具軟件等內(nèi)容。培養(yǎng)我們利用計(jì)算機(jī)進(jìn)行商務(wù)網(wǎng)頁(yè)設(shè)計(jì)的???基本思路和應(yīng)用開(kāi)發(fā)能力，提高我們的計(jì)算機(jī)文化素質(zhì)。
網(wǎng)頁(yè)是世界上最有價(jià)值的不動(dòng)產(chǎn)之一。人們?cè)谶@個(gè)不足0.1平米的空間內(nèi)投資達(dá)數(shù)百萬(wàn)美元。網(wǎng)頁(yè)對(duì)公司的影響比簡(jiǎn)單的電子商務(wù)增收方法大得多；網(wǎng)頁(yè)也是公司對(duì)外的臉面。web站點(diǎn)就像一棟房子，它的每一個(gè)窗口都可以看成一扇門，人們可以沿著搜索引擎其他web站點(diǎn)的鏈接，繞過(guò)主頁(yè)而進(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)頁(yè)設(shè)計(jì)上面，根據(jù)普羅旺斯夢(mèng)幻般的意境，我采用的是清新雋永的ci形象。使瀏覽者有賓至如歸的感受。
3.確定欄目和板塊：
1]首先要考慮整個(gè)網(wǎng)頁(yè)的長(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)頁(yè)制作的前期策劃與準(zhǔn)備。
1.資料的搜集：由于個(gè)人的愛(ài)好，我很早以前就收集了許多普羅旺斯的美圖，這次就方便多了。接著就搜集了一些有夢(mèng)幻效果的網(wǎng)頁(yè)背景，fiash源代碼、小圖標(biāo)和一些gif的動(dòng)畫等。
2.熟悉制作工具軟件：
主頁(yè)制作的基本條件有：
硬件：
軟件：
圖像處理軟件：常用的有photoshop、flash、fireworks等；
文件上傳軟件：常用的有cuteftp、wsftp等。
真的是萬(wàn)事開(kāi)頭難啊，遇到了很多問(wèn)題，比如：插入的圖片不符合規(guī)格，一下子把其他內(nèi)容的框架擠開(kāi)；插入的層太多，大一點(diǎn)的就把小一點(diǎn)的給覆蓋掉了；插入的flash不能產(chǎn)生效果?？傊畣?wèn)題一籮筐。實(shí)踐出真知，原來(lái)自己還有那么多欠缺的知識(shí)。于是回歸本源，先把課本上的東西弄通再談其他。然后又到圖書(shū)管里借了幾本網(wǎng)頁(yè)制作方面的書(shū)籍來(lái)參考。
在對(duì)基本知識(shí)有了詳細(xì)的了解之后，做起東西來(lái)就得心應(yīng)手多了，知道引導(dǎo)頁(yè)能過(guò)加映像之后，我決定為我的網(wǎng)頁(yè)設(shè)計(jì)一個(gè)引導(dǎo)頁(yè)。
然后是主頁(yè)和二級(jí)頁(yè)面的設(shè)置。要注意,網(wǎng)上只能使用jpg和gif兩種圖象格式，其他諸如bmp和tif等很通用的格式都不能用在網(wǎng)上,因?yàn)樗鼈兲罅?但可以用圖象軟件進(jìn)行轉(zhuǎn)換，比如office97的照片編輯器。把準(zhǔn)備在主頁(yè)上出現(xiàn)的圖象放進(jìn)相應(yīng)的目錄里后.
在一步一步的邊學(xué)邊做的過(guò)程中，看著心中的東西一點(diǎn)一點(diǎn)的出來(lái)，真的很有成就感。雖然自己的網(wǎng)頁(yè)技術(shù)還差的遠(yuǎn)，但是回顧一下這周真的學(xué)到了很多的東西。
四.網(wǎng)頁(yè)的調(diào)試。
之前把作過(guò)的東西放到u盤里，發(fā)生過(guò)圖片顯示不出來(lái)的狀況，還好即使找到了解救的方法，把源文件和web頁(yè)面放到一起這樣就算路徑改變的話也不會(huì)影響頁(yè)面的效果。
總結(jié)：在www上,不論你是資產(chǎn)上億的大公司,還是捉襟見(jiàn)肘的窮學(xué)生,只要你建立了自己的網(wǎng)頁(yè),你們的地位就是平等的。經(jīng)過(guò)這周的相關(guān)學(xué)習(xí)，我了解到網(wǎng)頁(yè)設(shè)計(jì)與制作是一門龐大的工程。網(wǎng)站的反饋與評(píng)價(jià)網(wǎng)站要注意經(jīng)常維護(hù)更新內(nèi)容、保持內(nèi)容的新鮮,不要做好就放到服務(wù)器永遠(yuǎn)不變了,只有不斷地補(bǔ)充、更新內(nèi)容、才能夠吸引瀏覽者.維護(hù)更新時(shí)可以充分利用dreamweaver提供的模板和庫(kù)技術(shù),以提高工作效率.一個(gè)真正的網(wǎng)站,不僅應(yīng)該實(shí)現(xiàn)傳統(tǒng)媒體的電子化,給用戶提供需要的內(nèi)容、而且還應(yīng)該做更多的事情、完成比頁(yè)面瀏覽更高層次的需求,例如收集信息,數(shù)據(jù)傳遞,數(shù)據(jù)存儲(chǔ)以及系統(tǒng)維護(hù)等.自己還有許多要學(xué)習(xí)的地方。
網(wǎng)頁(yè)設(shè)計(jì)的實(shí)踐報(bào)告篇四
實(shí)習(xí)目的1、通過(guò)實(shí)習(xí)，使學(xué)生加深對(duì)所學(xué)課程內(nèi)容的認(rèn)識(shí)、理解、掌握，達(dá)到對(duì)所學(xué)知識(shí)、技能系統(tǒng)化、條理化的目的，鞏固、提高學(xué)習(xí)效果。
2、通過(guò)綜合應(yīng)用實(shí)習(xí)，熟練掌握dreamwervermx8、flashmx8、fireworks8的各項(xiàng)操作并能夠掌握制作網(wǎng)頁(yè)的技能，根據(jù)所學(xué)技能學(xué)以致用，解決實(shí)際問(wèn)題，提高操作應(yīng)用熟練程度。
知道dreamwervermx8是及網(wǎng)頁(yè)制作和網(wǎng)站管理于一身的網(wǎng)頁(yè)制作軟件，它是專門為網(wǎng)頁(yè)設(shè)計(jì)師量身定制的可視化網(wǎng)頁(yè)制作軟件，利用它可以為方便、快捷地制作跨平臺(tái)話瀏覽的動(dòng)感網(wǎng)業(yè)。
了解fireworks是處理圖片的軟件，使用它可以創(chuàng)建和編輯位圖、矢量圖形，還可以非常輕松的做出各種網(wǎng)頁(yè)設(shè)計(jì)中常見(jiàn)的效果，例如動(dòng)畫、轉(zhuǎn)換圖像、導(dǎo)航條、下拉菜單等。設(shè)計(jì)完成以后，如果要在網(wǎng)頁(yè)設(shè)計(jì)中使用，可將它輸出為teml文件，還能輸出在photoshop、illustrator和flash等軟件中編輯的格式。
通過(guò)對(duì)flash的學(xué)習(xí)，掌握如何處理矢量圖形，制作矢量動(dòng)畫，掌握如何添加音樂(lè)、時(shí)動(dòng)作控制在flash內(nèi)容和集成flash影片，了解actionscript腳本語(yǔ)言創(chuàng)建交換形式、在實(shí)習(xí)的過(guò)程中鞏固了對(duì)前面的知識(shí)的學(xué)習(xí)，加深對(duì)知識(shí)的了解，進(jìn)一步對(duì)網(wǎng)頁(yè)設(shè)計(jì)的見(jiàn)解，也突出了個(gè)人的特點(diǎn)，運(yùn)用所學(xué)的知識(shí)做出了讓自己滿意的作品。
四、實(shí)習(xí)內(nèi)容及方法。
一、實(shí)習(xí)任務(wù)：
1、通過(guò)仔細(xì)閱讀網(wǎng)頁(yè)設(shè)計(jì)及網(wǎng)站規(guī)劃課程教材、網(wǎng)上資料、教參等相關(guān)內(nèi)容，加深對(duì)相關(guān)概念的理解、理論的理解、掌握、運(yùn)用。
2、嚴(yán)格按照實(shí)習(xí)指導(dǎo)書(shū)的相關(guān)要求，完成了各項(xiàng)綜合操作，并將相應(yīng)圖像制作、動(dòng)畫制作和頁(yè)面設(shè)計(jì)的作品進(jìn)行了保存。3、及時(shí)積極完成各項(xiàng)實(shí)習(xí)報(bào)告的撰寫。
4、實(shí)習(xí)結(jié)果及實(shí)習(xí)項(xiàng)目嚴(yán)格按照要求及時(shí)保存、展示。
二、實(shí)習(xí)內(nèi)容：
（一）、使用dreamwervermx8、flashmx8、fireworks8完成惠爾公司網(wǎng)站。（二）、dreamwervermx8、flashmx8、fireworks8的使用方法和制作技巧。
1、創(chuàng)建一個(gè)站點(diǎn)：
站點(diǎn)的名稱就是“惠兒網(wǎng)站”,站點(diǎn)創(chuàng)建成功命一個(gè)首頁(yè)是再下面創(chuàng)建了5、、、、。其示意圖如下：
2、網(wǎng)頁(yè)中的圖像處理：
利用photoshop、和fireworks通過(guò)處理風(fēng)景圖。
在里面運(yùn)用到濾鏡的工具目的是讓圖片更加的形象逼真，處理后的圖片效果如圖所示：
3、布局與表格的編排：
在網(wǎng)頁(yè)設(shè)計(jì)中我偏好用表單編排一般情況下我的布局是在一個(gè)大的表單里寫很多文字插入許多圖片。其版面如圖所示：
1.
二級(jí)頁(yè)面制作方法如法炮制。4、網(wǎng)頁(yè)的鏈接。
網(wǎng)站中重要的就是各個(gè)子網(wǎng)頁(yè)與主頁(yè)面之間的鏈接，如果沒(méi)連接好或者鏈接錯(cuò)誤就會(huì)影響整個(gè)網(wǎng)站運(yùn)行的效果。列如我要把產(chǎn)品列表這個(gè)二級(jí)網(wǎng)頁(yè)跟主網(wǎng)頁(yè)鏈接方法如下：
回到/點(diǎn)擊頁(yè)面右下方的鏈接文件夾，找到我要鏈接的二級(jí)網(wǎng)頁(yè)。
打開(kāi)/鏈接后我的鏈接字體會(huì)變成我所設(shè)置的字體顏色，這樣表明我的鏈接成功。
預(yù)覽后在主頁(yè)面點(diǎn)擊“產(chǎn)品列表”就會(huì)顯示到我的產(chǎn)品列表二級(jí)頁(yè)面。
其他頁(yè)面方法同上。
產(chǎn)品列表：將“產(chǎn)品列表”同首頁(yè)進(jìn)行鏈接，然后預(yù)覽成功！郵箱登陸：將“郵箱登陸”同首頁(yè)進(jìn)行鏈接，然后預(yù)覽成功！
聯(lián)系我們：將“聯(lián)系我們”同首頁(yè)進(jìn)行鏈接，然后預(yù)覽成功！
公司簡(jiǎn)介：將“公司簡(jiǎn)介”同首頁(yè)進(jìn)行鏈接，然后預(yù)覽成功！
5、層與行為的應(yīng)用。
“跟蹤圖像”。這個(gè)跟蹤圖像將作為“層”布局頁(yè)面的參照對(duì)象。
2)選擇“查看”----“標(biāo)尺”----“顯示，打開(kāi)標(biāo)尺”
3)選擇“查看”----“網(wǎng)絡(luò)”----“顯示網(wǎng)絡(luò)”，4）在“網(wǎng)格設(shè)置”對(duì)話框中，選中“顯示網(wǎng)格”和“靠齊到網(wǎng)格”
5）為了防止層的重疊，需要打開(kāi)“層”面板。選擇“窗口”，“層”，打開(kāi)層面板。
1）打開(kāi)flash軟件，在里面建立8個(gè)圖層。并且準(zhǔn)備一副適合做標(biāo)示的圖片。
2）在圖層1上做1幀到160幀的普通幀、在圖層2上從第十幀開(kāi)始。
插入關(guān)鍵幀25幀結(jié)束，在第10幀上寫入“同”字，在25幀上寫“心”字，再回到第10幀創(chuàng)建補(bǔ)間動(dòng)畫。在圖層3上創(chuàng)建幀從25幀到40幀結(jié)束在25幀上寫“協(xié)”字創(chuàng)建關(guān)鍵幀到40幀寫“力”字，再返回到25幀創(chuàng)建補(bǔ)間動(dòng)畫。在圖層4上從40幀到55幀結(jié)束在40幀上寫“共”創(chuàng)建關(guān)鍵幀到55幀寫“創(chuàng)”字，在圖層7上從第十幀開(kāi)始插入關(guān)鍵幀25幀結(jié)束，在第10幀上寫入“輝”字，在25幀上寫“煌”依次而下做到160幀。
3）幀做好后敲擊enter鍵就可以播放flash動(dòng)畫，如果想插入網(wǎng)頁(yè)就。
按步驟走，文件—導(dǎo)出—導(dǎo)出影片，/最后點(diǎn)擊保存。
在這里我給自己的網(wǎng)頁(yè)設(shè)計(jì)的特效是讓一行字體在來(lái)回跑動(dòng)方法如下：
1）選中你要設(shè)計(jì)特效的字體選擇工具欄上的標(biāo)“簽選擇器”，“html”插入,關(guān)閉。
2）然后預(yù)覽就會(huì)出現(xiàn)從右到左的字幕。8、控制多個(gè)影片的播放。
制作的方法：
網(wǎng)頁(yè)分隔線可以說(shuō)是網(wǎng)頁(yè)中不可缺少的元素，它主要用于分隔網(wǎng)頁(yè)內(nèi)容也可以用于裝飾網(wǎng)頁(yè)。在網(wǎng)頁(yè)中插入一個(gè)層，然后在層中插入一個(gè)表格，設(shè)置表格的間距，然后在表格的單元格中插入圖片，設(shè)置時(shí)間軸。調(diào)出時(shí)間軸，在時(shí)間軸必要的地方添加改變屬性行為，并設(shè)置層對(duì)象的屬性添加行為和改變屬性。
五、結(jié)論。
1、收獲。
photoshop、fireworks、dreamweaver、flash的應(yīng)運(yùn)更加熟練.在制作網(wǎng)站的過(guò)程中，我們參照老師給的惠爾公司網(wǎng)站圖片，盡可能地想把我們自己的網(wǎng)站做的美觀、內(nèi)容豐富。網(wǎng)頁(yè)制作需要有很多的色調(diào)搭配能力和很好的布局能力，再加上自己的風(fēng)格創(chuàng)新能力，才能做出精美的網(wǎng)站。在這幾天的實(shí)習(xí)中，我學(xué)到無(wú)論作什么事都要有細(xì)心有耐心。尤其是在新疆停網(wǎng)的狀態(tài)下，搜集不到素材，所以，在網(wǎng)頁(yè)的制作上還是有一定的局限性。網(wǎng)站的布局上我也突出了自己的特點(diǎn)。尤其是在制作flash的時(shí)候老師給予了很大及時(shí)的幫助，讓我在制作的時(shí)候不至于給我?guī)?lái)很大麻煩。同時(shí)，也希望我們能利用我們學(xué)習(xí)的知識(shí)技能更好的為學(xué)院，為同學(xué)們服務(wù)，也希望我們能夠互相學(xué)習(xí)，互相取長(zhǎng)補(bǔ)短，使我們每個(gè)同學(xué)能夠更好的進(jìn)步。
2、不足。
在實(shí)習(xí)中我發(fā)覺(jué)網(wǎng)站的制作過(guò)程中，1、自己腦袋里沒(méi)有裝東西（網(wǎng)站的綜合布局、網(wǎng)頁(yè)的構(gòu)思和編排）。
甚至老師把作業(yè)布置下來(lái)自己還不知道該從那個(gè)地方著手很是茫然。
2、自己的閱歷不夠，自己的網(wǎng)站應(yīng)該是一個(gè)怎樣的網(wǎng)站，里面要放。
些啥內(nèi)容，該怎樣去組織這些內(nèi)容，心里沒(méi)底。
3、尤其是老師在前面教過(guò)的內(nèi)容自己沒(méi)有及時(shí)的練習(xí)和鞏固，以至。
片都不能做出自己想要的效果。最重要的是在制作網(wǎng)頁(yè)的時(shí)候，色彩搭配特別重要，而我自己對(duì)顏色的搭配不是很了解，感覺(jué)做出的東西老是顏色深的地方特別深，淡的地方特別淡，感覺(jué)不協(xié)調(diào)。
5、新疆停網(wǎng)的原因，使我們?cè)谒夭牡乃鸭献兊煤鼙粍?dòng)，所以導(dǎo)致。
做出的東西很簡(jiǎn)單，所以我覺(jué)得，知識(shí)應(yīng)用的全部全還要看準(zhǔn)備是否充分。
6、在以后的學(xué)習(xí)中我會(huì)更加認(rèn)真地去學(xué)習(xí)，去掌握這些軟件的用法，便于在以后做東西的時(shí)候能更好地運(yùn)用。
六、致謝。
在網(wǎng)頁(yè)實(shí)習(xí)結(jié)束的時(shí)候我要感謝辛勤的班主任老師，在這個(gè)學(xué)期代我們的網(wǎng)頁(yè)設(shè)計(jì)以外還代了很多別的課，所以很辛苦，在上課期間和實(shí)習(xí)期間同學(xué)在學(xué)習(xí)中遇到問(wèn)題都耐心的為他們講解直到他們聽(tīng)懂為止。正是在老師的號(hào)召下我們對(duì)網(wǎng)頁(yè)設(shè)計(jì)的興趣也非常的濃厚，在實(shí)習(xí)中我發(fā)現(xiàn)很多同學(xué)的網(wǎng)站做的很好很有特色，這都少不了老師的指導(dǎo)。在老師的帶領(lǐng)下我們學(xué)到很多書(shū)本上學(xué)不到的東西，相信在以后找工作中我們會(huì)多了一個(gè)籌碼。
其次，要感謝學(xué)校給我們安排了期末的課程實(shí)習(xí)，讓我們能在學(xué)期末重新溫習(xí)和總結(jié)整個(gè)一學(xué)期以來(lái)學(xué)習(xí)的知識(shí)，并且總結(jié)自己的不足，在以后的學(xué)習(xí)中能夠加以改正和補(bǔ)充。
最后，再次感謝學(xué)校和指導(dǎo)的老師！
網(wǎng)頁(yè)設(shè)計(jì)的實(shí)踐報(bào)告篇五
姓名:班級(jí):。
實(shí)踐內(nèi)容:與多人合作共建一個(gè)應(yīng)用性網(wǎng)站。
實(shí)踐地點(diǎn):湖北大學(xué)冰點(diǎn)工作室。
實(shí)踐日期:7.15-8.15
簡(jiǎn)介:。
籌劃期：
建設(shè)期：
1、設(shè)計(jì)的要求：
2、技術(shù)運(yùn)用中要注意的一些事項(xiàng)：
第一、明確技術(shù)是為設(shè)計(jì)服務(wù)的，不要沉迷于技術(shù)的運(yùn)用，堅(jiān)決摒棄那些華而不實(shí)的特效；
第三、不要打開(kāi)過(guò)多的新窗口，每個(gè)鏈接都會(huì)打開(kāi)不同的新窗口尤其讓人反感；
至于后期的維護(hù)和網(wǎng)站的宣傳,那就要考慮到網(wǎng)站投入的費(fèi)用了!
更多閱讀推薦：程序設(shè)計(jì)實(shí)踐報(bào)告數(shù)據(jù)庫(kù)實(shí)踐報(bào)告書(shū)廣告設(shè)計(jì)實(shí)踐報(bào)告。
網(wǎng)頁(yè)設(shè)計(jì)的實(shí)踐報(bào)告篇六
這是我的第一次實(shí)訓(xùn)，然而當(dāng)一個(gè)大學(xué)生第一次踏足這個(gè)社會(huì)，或許會(huì)覺(jué)得彷徨，畢竟年輕的我們，有16年都是在學(xué)校中度過(guò)的，再加上不斷的聽(tīng)聞實(shí)訓(xùn)、招聘的社會(huì)有多殘酷有多現(xiàn)實(shí)，但是其實(shí)只要我們?cè)敢馓こ龅谝徊?，初生牛犢不怕虎，大膽去闖吧，還是有公司能夠包容我們。所以抱著不怕辛苦，耐心向?qū)W的心情，我還是決定闖一闖，畢竟大學(xué)這個(gè)亞社會(huì)和真實(shí)的社會(huì)真的差太多太多了，在實(shí)訓(xùn)中，得到任何與自己專業(yè)相關(guān)的知識(shí)，規(guī)劃自己以后將要實(shí)現(xiàn)的目標(biāo)，學(xué)會(huì)如何在公司里處理人事關(guān)系，協(xié)調(diào)合作等等。然而實(shí)訓(xùn)后，發(fā)現(xiàn)自己仍在在所學(xué)的知識(shí)上欠缺完整性和技能的熟悉，實(shí)訓(xùn)是一件很有意義的事，是大學(xué)生踏入社會(huì)前減少在社會(huì)上碰壁的好方法。
回顧這一個(gè)月來(lái)的實(shí)訓(xùn)生活是一件很值得紀(jì)念的事，這是我第一次在外實(shí)訓(xùn)，第一次在網(wǎng)上投簡(jiǎn)歷能收到回復(fù)。對(duì)于我們這樣的藝術(shù)設(shè)計(jì)學(xué)生，我深刻的體會(huì)到單單是學(xué)校教的遠(yuǎn)遠(yuǎn)不夠，學(xué)校教的很籠統(tǒng)，很抽象，很大概，如果可以，我希望這個(gè)專業(yè)的師弟師妹們，有空多多到圖書(shū)館充實(shí)自己，靜下心來(lái)充分自學(xué)。在外實(shí)訓(xùn)前，第一件事是把自己賣出去，包裝自己，所以簡(jiǎn)歷很重要，務(wù)必屬實(shí)，因?yàn)槟阌卸嗌賰芍兀喨藷o(wú)數(shù)的人事主管和老板在面試的交談中很快就能從你各方面行為和語(yǔ)言中找到答案。既然要面試，衣服當(dāng)然要穿正裝，其實(shí)我也想的只是大二實(shí)訓(xùn)期沒(méi)有大三的三個(gè)月那么長(zhǎng)，就那么一個(gè)月。這樣短期的工作其實(shí)根本沒(méi)有什么公司愿意招聘，所以我感覺(jué)到萬(wàn)分榮幸能夠進(jìn)到這一支專業(yè)的創(chuàng)業(yè)團(tuán)隊(duì)，真的是一件了不起的事，而且這個(gè)崗位與我學(xué)習(xí)的和自己喜愛(ài)的科目對(duì)的很準(zhǔn)，我自己也十分樂(lè)于這份工作。
記得剛開(kāi)始的一個(gè)多星期，公司并沒(méi)有讓我馬上投入工作，因?yàn)楫?dāng)時(shí)對(duì)產(chǎn)品了解不熟悉，要從學(xué)校的圈子走出來(lái)到商業(yè)模式去還是有點(diǎn)顧慮，但是當(dāng)你接觸到這商業(yè)化的東西，你會(huì)發(fā)現(xiàn)，學(xué)校的東西遠(yuǎn)遠(yuǎn)不足。所以一般公司會(huì)進(jìn)行些培訓(xùn)，很感激william楊，他提供了很多設(shè)計(jì)的書(shū)籍給我自學(xué)閱讀，可惜在我深刻讀完《瞬間之美--web界面設(shè)計(jì)如果讓用戶心動(dòng)》(點(diǎn)擊跳到本人的讀書(shū)筆記)一書(shū)后，就再也很難抽取一點(diǎn)時(shí)間來(lái)閱讀了。
在接下來(lái)的這個(gè)月里，除了必要的培訓(xùn)以熟悉公司及其產(chǎn)品知識(shí)外，我也開(kāi)始忙碌起來(lái)，因?yàn)楫a(chǎn)品的第一個(gè)內(nèi)部版本需要再x月x日這個(gè)好日子發(fā)布。剛開(kāi)始的兩個(gè)星期，因?yàn)閷?duì)產(chǎn)品并不熟悉，一直以來(lái)在學(xué)校設(shè)計(jì)的作品都很“學(xué)校”但是商業(yè)設(shè)計(jì)比較少，出頭設(shè)計(jì)的時(shí)候真的抓破頭腦，因?yàn)榱?xí)慣了學(xué)校的生活，習(xí)慣了客戶給要求按照客戶的想法去做。至于什么叫很學(xué)校呢，就是一種填鴨式的，根據(jù)參考去模仿設(shè)計(jì)，然而在社會(huì)上涉及很多工作人員。
我很喜歡你們,喜歡這樣的工作氛圍，謝謝你們!
網(wǎng)頁(yè)設(shè)計(jì)的實(shí)踐報(bào)告篇七
網(wǎng)站主題就是要建立的網(wǎng)站所要包含的主要內(nèi)容，一個(gè)網(wǎng)站必須要有一個(gè)明確的主題。特別是對(duì)于個(gè)人網(wǎng)站，不可能像綜合網(wǎng)站那樣做得內(nèi)容大而全，包羅萬(wàn)象。我們沒(méi)有這個(gè)能力，也沒(méi)這個(gè)精力，所以必須要找準(zhǔn)一個(gè)內(nèi)容，做深、做透，辦出自己的特色，這樣才能給用戶留下深刻的印象。網(wǎng)站的主題無(wú)定則，只要是客戶感興趣的，任何內(nèi)容都可以，但主題要鮮明，在一定的主題范圍內(nèi)，內(nèi)容做到大而全、精而深。
明確了網(wǎng)站的主題以后，就要圍繞主題開(kāi)始搜集材料了。常言道：“巧婦難為無(wú)米之炊”。要想讓客戶的網(wǎng)站有血有肉，能夠吸引住用戶，就要盡量搜集材料，搜集得材料越多，以后制作網(wǎng)站就越容易。材料既可以從圖書(shū)、報(bào)紙、光盤、多媒體上得來(lái)，也可以從互聯(lián)網(wǎng)上搜集，然后把搜集的材料去粗取精，去偽存真，作為自己制作網(wǎng)頁(yè)的素材。
一個(gè)網(wǎng)站設(shè)計(jì)得成功與否，很大程度上決定于設(shè)計(jì)者的規(guī)劃水平，規(guī)劃網(wǎng)站就像設(shè)計(jì)師設(shè)計(jì)大樓一樣，圖紙?jiān)O(shè)計(jì)好了，才能建成一座漂亮的樓房。網(wǎng)站規(guī)劃包含的內(nèi)容很多，如網(wǎng)站的結(jié)構(gòu)、欄目的設(shè)置、網(wǎng)站的風(fēng)格、顏色搭配、版面布局、文字圖片的運(yùn)用等，而只有在制作網(wǎng)頁(yè)之前把這些方面都考慮到了，才能在制作時(shí)駕輕就熟，胸有成竹。也只有如此制作出來(lái)的網(wǎng)頁(yè)才能有個(gè)性、有特色，具有吸引力。如何規(guī)劃網(wǎng)站的每一項(xiàng)具體內(nèi)容，我在以后會(huì)有詳細(xì)介紹。
盡管選擇什么樣的工具并不會(huì)影響設(shè)計(jì)網(wǎng)頁(yè)的好壞，但是一款功能強(qiáng)大、使用簡(jiǎn)單的軟件往往可以起到事半功倍的效果。網(wǎng)頁(yè)制作涉及的工具比較多，首先就是網(wǎng)頁(yè)制作工具了，目前大多數(shù)網(wǎng)民選用的都是所見(jiàn)即所得的編輯工具，這其中的優(yōu)秀者當(dāng)然是dreamweaver和frontpage了，如果是初學(xué)者，frontpage20xx是首選。除此之外，還有圖片編輯工具，如photoshop、photoimpact等；動(dòng)畫制作工具，如flash、cool3d、gifanimator等；還有網(wǎng)頁(yè)特效工具，如需要有聲有色的效果，網(wǎng)上有許多這方面的軟件，可以根據(jù)需要靈活運(yùn)用。
材料有了，工具也選好了，下面就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實(shí)了，這是一個(gè)復(fù)雜而細(xì)致的過(guò)程，一定要按照先大后小、先簡(jiǎn)單后復(fù)雜來(lái)進(jìn)行制作。所謂先大后小，就是說(shuō)在制作網(wǎng)頁(yè)時(shí)，先把大的結(jié)構(gòu)設(shè)計(jì)好，然后再逐步完善小的結(jié)構(gòu)設(shè)計(jì)。所謂先簡(jiǎn)單后復(fù)雜，就是先設(shè)計(jì)出簡(jiǎn)單的內(nèi)容，然后再設(shè)計(jì)復(fù)雜的內(nèi)容，以便出現(xiàn)問(wèn)題時(shí)好修改。在制作網(wǎng)頁(yè)時(shí)要多靈活運(yùn)用模板，這樣可以大大提高制作效率。
網(wǎng)頁(yè)制作完畢，最后要發(fā)布到web服務(wù)器上，才能夠讓全世界的朋友觀看，現(xiàn)在上傳的工具有很多，有些網(wǎng)頁(yè)制作工具本身就帶有ftp功能，利用這些ftp工具，可以很方便地把網(wǎng)站發(fā)布到自己申請(qǐng)的主頁(yè)存放服務(wù)器上。網(wǎng)站上傳以后，你要在瀏覽器中打開(kāi)自己的網(wǎng)站，逐頁(yè)逐個(gè)鏈接的進(jìn)行測(cè)試，發(fā)現(xiàn)問(wèn)題，及時(shí)修改，然后再上傳測(cè)試。全部測(cè)試完畢就可以把網(wǎng)址告訴給朋友，讓他們來(lái)瀏覽。
網(wǎng)頁(yè)做好之后，還要不斷地進(jìn)行宣傳，這樣才能讓更多的人認(rèn)識(shí)它，提高網(wǎng)站的訪問(wèn)率和知名度。推廣的方法有很多，例如到搜索引擎上注冊(cè)、與別的網(wǎng)站交換鏈接、加入廣告鏈等。還有個(gè)是我們公司的特色，在網(wǎng)上推排名，這個(gè)宣傳效果也很顯著，人們只要輸入關(guān)鍵字最先看到的鏈接，則就是我們公司推上去的鏈接，很好用，訪問(wèn)量大大提升。
通過(guò)目前的實(shí)習(xí)，在設(shè)計(jì)方面我感覺(jué)自己有了一定的收獲，也為了我今后在工作及業(yè)務(wù)上能力的提高起到了促進(jìn)的作用，增強(qiáng)了今后的競(jìng)爭(zhēng)力，為能在以后立足增添了一塊基石。
但我也認(rèn)識(shí)到，要想做好這方面的工作單靠目前幾月的實(shí)習(xí)是不行的，還需要我在平時(shí)的學(xué)習(xí)和工作中一點(diǎn)一點(diǎn)的積累，不斷豐富自己的經(jīng)驗(yàn)才行。我面前的路還是很漫長(zhǎng)的，需要不斷的努力和奮斗才能真正地走好。
網(wǎng)頁(yè)設(shè)計(jì)的實(shí)踐報(bào)告篇八
網(wǎng)頁(yè)設(shè)計(jì)心得體會(huì)。
我利用寒假的時(shí)間，對(duì)網(wǎng)頁(yè)設(shè)計(jì)進(jìn)行了初步的認(rèn)識(shí)和了解，并基本掌握dreamweaver的應(yīng)用。
通過(guò)對(duì)網(wǎng)頁(yè)設(shè)計(jì)書(shū)籍的翻閱，我學(xué)習(xí)到了一些關(guān)于建設(shè)網(wǎng)站和制作網(wǎng)頁(yè)的知識(shí)，在實(shí)踐查閱資料時(shí)，對(duì)flash也有所了解。
我還了解了一些基礎(chǔ)的網(wǎng)絡(luò)技術(shù)。
通過(guò)學(xué)習(xí)，我對(duì)計(jì)算機(jī)有了更深層次得到了解，也有了更濃厚的興趣。
尤其是對(duì)網(wǎng)頁(yè)制作的過(guò)程與一些技巧手法更有了另外一番了解，對(duì)網(wǎng)頁(yè)制作的基礎(chǔ)知識(shí)也有了一定的掌握。
在這個(gè)過(guò)程中，我同樣認(rèn)識(shí)到網(wǎng)頁(yè)設(shè)計(jì)不是一門學(xué)科的獨(dú)秀，而是多種課程的綜合，他是、flash、fireworks等網(wǎng)頁(yè)軟件的綜合應(yīng)用。
下面闡述一下我在翻閱《dreamweaver》時(shí)的一些關(guān)于網(wǎng)頁(yè)設(shè)計(jì)的見(jiàn)解。
在具體的制作一個(gè)網(wǎng)頁(yè)時(shí)我了解到一個(gè)優(yōu)秀的網(wǎng)頁(yè)設(shè)計(jì)應(yīng)該具備一些基本原則。
首先，要·確定網(wǎng)頁(yè)設(shè)計(jì)的內(nèi)容一個(gè)優(yōu)秀的風(fēng)站要有一個(gè)明確的主題。
整個(gè)網(wǎng)站圍繞這個(gè)主題,也就是你在網(wǎng)頁(yè)設(shè)計(jì)之前要明確你這個(gè)網(wǎng)站有什么目的,用來(lái)做什么，所有頁(yè)面都是圍繞著這個(gè)內(nèi)容來(lái)制作，有了明確的內(nèi)容對(duì)排名有很重要的作用;其次，要了解你網(wǎng)站所在行業(yè)的客戶，及你的網(wǎng)頁(yè)屬于哪個(gè)類別。
用戶是一個(gè)網(wǎng)站成敗的關(guān)鍵,如果用戶要花很多時(shí)間進(jìn)入你網(wǎng)站很有可能用戶會(huì)立即關(guān)掉你網(wǎng)站,或者你網(wǎng)站操作很不方便用戶也會(huì)馬上離開(kāi),這種網(wǎng)站是很失敗的設(shè)計(jì),只會(huì)讓用戶失望的離去.
在完成以上的基本內(nèi)容之后網(wǎng)頁(yè)的基本框架便成形成了，
下面要開(kāi)始的便是優(yōu)化工作，
內(nèi)容是整個(gè)網(wǎng)頁(yè)的核心。
在網(wǎng)頁(yè)設(shè)計(jì)之前必須明確網(wǎng)頁(yè)的內(nèi)容安排。
優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì)是要建立在平凡的基礎(chǔ)上的。
然后在具體的規(guī)劃一個(gè)網(wǎng)頁(yè)時(shí)，可以用樹(shù)狀結(jié)構(gòu)先把每個(gè)頁(yè)面的內(nèi)容大綱列出來(lái)，尤其要制作一個(gè)大的網(wǎng)站 (有很多頁(yè)面) 的時(shí)候，特別需要把這個(gè)架構(gòu)規(guī)劃好，也要考慮到以后可能的擴(kuò)充性，免得做好以后又要一改再改整個(gè)網(wǎng)站的架構(gòu)，很浪費(fèi)時(shí)間和財(cái)力。
大綱列出來(lái)后，還必須考慮每個(gè)頁(yè)面之間的鏈接關(guān)系。
是星形，樹(shù)形，或是網(wǎng)形鏈接。
這也是判別一個(gè)網(wǎng)站優(yōu)劣的重要標(biāo)志。
鏈接混亂，層次不清的站點(diǎn)會(huì)造成瀏覽困難，影響內(nèi)容的發(fā)揮。
框架定下來(lái)了，然后開(kāi)始一步一步有條理，有次序地做來(lái)，就胸有成竹得多，也會(huì)為主頁(yè)將來(lái)發(fā)展打下良好的.基礎(chǔ)。
下一步，就以動(dòng)手制作具體內(nèi)容了，題材選定，框架選定，接下來(lái)就開(kāi)始往主頁(yè)里面填內(nèi)容。
如果是個(gè)人主頁(yè)，有能力的人完全可以靠自己來(lái)創(chuàng)作所有的內(nèi)容。
大部分人的方法是：從報(bào)紙，雜志，光盤等媒體中把相關(guān)的資料收集整理，再加上一定的編輯后就可以了。
另外一個(gè)好的方法是從網(wǎng)絡(luò)上收集，您只要到搜索引擎上查找相應(yīng)的關(guān)鍵字，就可以找到一大堆的資料。
在準(zhǔn)備材料的時(shí)候我們可以用一些小的動(dòng)畫和動(dòng)態(tài)圖片，flash提供了功能齊全的繪圖和編輯圖形工具。
可以直接在編輯區(qū)里繪畫，編輯修改非常靈活，它的另一大特點(diǎn)是“交互a性”強(qiáng)。
在動(dòng)畫播放時(shí)，可以用鼠標(biāo)或鍵盤對(duì)動(dòng)畫的播放進(jìn)行控制，效果可以很直觀的反映出來(lái)。
然后是開(kāi)始正式制作主頁(yè)。
通過(guò)dreamweaver作為制作軟件，只需要用到軟件中的一些基本的功能：圖片插入和對(duì)齊設(shè)置;文字的格式、顏色、背景顏色的設(shè)置等就可以制作出一個(gè)簡(jiǎn)單的網(wǎng)頁(yè)。
總體來(lái)說(shuō)，通過(guò)這個(gè)假期對(duì)網(wǎng)頁(yè)設(shè)計(jì)的學(xué)習(xí)，有收獲也有遺憾。
但是，我已經(jīng)邁入了網(wǎng)頁(yè)設(shè)計(jì)的大門，只要我再認(rèn)真努力的去學(xué)習(xí)，在今后的閑余時(shí)間學(xué)習(xí)制作網(wǎng)頁(yè)的更多知識(shí)以實(shí)現(xiàn)自身技能的提高，我堅(jiān)信將來(lái)設(shè)計(jì)出的網(wǎng)頁(yè)會(huì)更加專業(yè)，更加華麗，使它最終成為自己的一項(xiàng)技能。
不知不覺(jué),二個(gè)星期的《網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站建設(shè)》課程的實(shí)操即將過(guò)去,回顧這一段日子,真的令我體會(huì)很深,也學(xué)會(huì)很多東西,懂得很多以前不懂的東西,也明白了一些事情.
自從第一天接觸《網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站建設(shè)》課程,我以下定決心要把網(wǎng)頁(yè)這門課學(xué)好,做出一個(gè)優(yōu)秀的網(wǎng)站.所以我時(shí)刻沒(méi)有錯(cuò)過(guò)任何學(xué)習(xí)的機(jī)會(huì),無(wú)論在課堂上,還是在課外上.更何況這一次實(shí)操.回顧今次的實(shí)操我覺(jué)得我過(guò)得很充實(shí),很有意義,因?yàn)槲铱梢哉\(chéng)實(shí)的說(shuō)我在實(shí)操?zèng)]有玩過(guò)一次游戲,我每時(shí)每刻都在設(shè)計(jì)網(wǎng)站,還記得晚上做網(wǎng)站做到一、二點(diǎn)，可能有人會(huì)說(shuō)我傻，但正因?yàn)檫@個(gè)傻的行動(dòng)，令我學(xué)會(huì)很多東西，學(xué)會(huì)別人不懂的東西，做出一個(gè)令自己滿意的網(wǎng)站，可能跟別人比還需要繼續(xù)完善，但我不會(huì)因?yàn)閷?shí)操結(jié)束，就把網(wǎng)頁(yè)設(shè)計(jì)拋到九霄云外，我會(huì)繼續(xù)學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)技術(shù)，把它變?yōu)樽约旱囊豁?xiàng)特長(zhǎng)。
回顧第一天的《網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站建設(shè)》課程實(shí)操，老師叫我們繼續(xù)完善以前設(shè)計(jì)的網(wǎng)站，做出留言板、注冊(cè)的功能。
我很快就完成了，但可能我是一個(gè)追求完善的人，所以盡管一個(gè)網(wǎng)站做好可以馬上交給老師。
但我做出一個(gè)別人都不贊同的決定，從頭開(kāi)始做一個(gè)網(wǎng)站。
因?yàn)槲矣X(jué)得以前那個(gè)真的不是太好，盡管實(shí)操的時(shí)間過(guò)去了一半，盡管別人對(duì)我說(shuō)你交原來(lái)這個(gè)不就行了嗎!何必再做一個(gè)呢?但真因?yàn)槲业膱?zhí)著，追求成功，追求完善的人，才會(huì)使我今天交出一個(gè)令自己滿足的答卷。
在制作個(gè)人網(wǎng)站時(shí)我們首先：
一、必需進(jìn)行個(gè)人網(wǎng)站前臺(tái)功能設(shè)計(jì)
包括個(gè)人網(wǎng)站主題的確定，前臺(tái)功能設(shè)計(jì)與管理、個(gè)人網(wǎng)站主頁(yè)設(shè)計(jì)、個(gè)人網(wǎng)站留言板、注冊(cè)、忘記密碼、搜索等網(wǎng)頁(yè)設(shè)計(jì)與管理。
二、對(duì)個(gè)人網(wǎng)站后臺(tái)管理功能設(shè)計(jì)
包括個(gè)人網(wǎng)站后臺(tái)管理功能的設(shè)計(jì)、后臺(tái)管理信息系統(tǒng)功能的設(shè)計(jì)、后臺(tái)系統(tǒng)權(quán)限管理、后臺(tái)文件管理、個(gè)人網(wǎng)站后臺(tái)管理系統(tǒng)主頁(yè)設(shè)計(jì)。
三、網(wǎng)站的發(fā)布
通常我們發(fā)布一個(gè)網(wǎng)站可能以能過(guò)域名注冊(cè)，但我們也可以利用自己主機(jī)，裝了iis別人就可以通過(guò)我的ip地址來(lái)訪問(wèn)我的主頁(yè)。
第一次做的那個(gè)網(wǎng)頁(yè)我已經(jīng)發(fā)布在上網(wǎng)了。
四、個(gè)人網(wǎng)站推廣
一個(gè)網(wǎng)站做好了，就要對(duì)個(gè)人網(wǎng)站進(jìn)行推廣，這是一個(gè)電子商務(wù)網(wǎng)站必需做得的一步，因?yàn)槿绻悴粚?duì)你的網(wǎng)站進(jìn)行推廣，就算你發(fā)布了也沒(méi)有人會(huì)知道的。
在設(shè)計(jì)這個(gè)網(wǎng)站時(shí)真的體會(huì)很多東西，從一開(kāi)始網(wǎng)頁(yè)主題的確定，到主頁(yè)總體的設(shè)計(jì)、搜集資料、前臺(tái)功能設(shè)計(jì)與管理、后臺(tái)功能設(shè)計(jì)與管理、每個(gè)分頁(yè)面的設(shè)計(jì)等。
我都一一進(jìn)行了規(guī)劃，因?yàn)槿绻悴灰?guī)劃好，想做什么就做什么，是不會(huì)做得好的。
因我為體會(huì)到這一句話：“機(jī)會(huì)中屬于有準(zhǔn)備的人”。
我詳細(xì)到一個(gè)表格寬度都一一列明。
例如：775寬度，分三欄，每一欄占多少。
因?yàn)槲疑钌疃谩凹?xì)微處才見(jiàn)真功夫”。
在這次實(shí)操過(guò)程中令我印象最深的是做留言板，因?yàn)閯偤迷谏弦粋€(gè)星期sql數(shù)據(jù)庫(kù)實(shí)操做過(guò)了，所以今次在做就比較輕松，但我以前是經(jīng)過(guò)一個(gè)比較長(zhǎng)的練習(xí)，做完了n次，可能有人會(huì)想，肯定是不會(huì)才做這么多次啦!但我想告訴這位同學(xué)我每次做得都不是不同的方法。
第一次我用的是access數(shù)據(jù)庫(kù)，第二次我用的是sql數(shù)據(jù)庫(kù)加權(quán)限管理，第三次我用的是數(shù)據(jù)源名稱的連接，第四次我用的是自定義連接字符串，第五次……每一次用的方法都是不同的，可能有人會(huì)說(shuō)我傻，會(huì)一種方法就行了，還要那么多嗎?但我想說(shuō)的就是不是這么多次的練習(xí)，不是之么多次不同的方法，也就不會(huì)造就出今天熟能生巧的我，也不會(huì)對(duì)同學(xué)提出的問(wèn)題解決到，也不會(huì)輕松教會(huì)同學(xué)，因?yàn)槟阕约菏紫葘W(xué)會(huì)，學(xué)通，學(xué)廣，才能把問(wèn)題一一的解決。
令我難以忘懷的鏡頭也是在做留言板的時(shí)候，但不是為我自己的而做，而是一步一步教同學(xué)做，直到令同學(xué)學(xué)懂;把同學(xué)留言板的問(wèn)題一一解決;當(dāng)同學(xué)因?yàn)樽霾怀龆鴽](méi)心情，過(guò)去對(duì)她進(jìn)行鼓勵(lì)的，然后一一解決;當(dāng)自己也不會(huì)，與同學(xué)共同研究的情況，這種學(xué)習(xí)氛圍是最難得的，就是在做留言板的時(shí)候，令我深深體會(huì)到我?guī)拙湓挘赫J(rèn)真做事只是把事情做對(duì)，用心做事才能把事情做好。
把每一件簡(jiǎn)單的事情做好就是不簡(jiǎn)單，把第一件平凡的事情做好就是不平凡。
網(wǎng)頁(yè)設(shè)計(jì)的實(shí)踐報(bào)告篇九
畢業(yè)后，我來(lái)到了社會(huì)這個(gè)匯集眾多江河湖水的大海，感受到了獨(dú)立生活的好處與艱辛，同時(shí)我自己也更深的理解了，家長(zhǎng)和學(xué)校老師對(duì)我們的殷切希望，在社會(huì)實(shí)習(xí)的這段日子，我吃了些苦，受了些罪，可是整個(gè)人在肉體上和精神上卻升華了很多，也比以前的變得更有自信了?，F(xiàn)將我的實(shí)習(xí)情況匯報(bào)如下：
我所在的這家公司，是一家做網(wǎng)上招商的商業(yè)網(wǎng)站，公司接收各種廠家提供的信息，然后由網(wǎng)絡(luò)的技術(shù)人員，將商家的信息做成網(wǎng)頁(yè)廣告，然后掛在我們的網(wǎng)站上，以此達(dá)到商業(yè)推廣的目的，類似我們公司的網(wǎng)站在同行業(yè)還有u88、28招商網(wǎng)等。
我和其它幾位同事做為網(wǎng)絡(luò)部的技術(shù)人員，主要的工作就是接收美工人員的網(wǎng)站模板，將其通過(guò)photoshop切片，然后導(dǎo)入dreamweaver進(jìn)行排版，（排版主要使用css+span），并進(jìn)一步的加以制作，完善美化，如加入js代碼，或透明flash，因?yàn)榫W(wǎng)頁(yè)是用css+span進(jìn)行排版的，所以在最后一步的時(shí)候，我們還需要進(jìn)行瀏覽器測(cè)試，因?yàn)閏ss+span排版方式有一個(gè)最大的缺點(diǎn)就是：瀏覽器不兼容的問(wèn)題，典型的如：ie與fireworks，因?yàn)楦鞣N瀏覽器使用的協(xié)議不同，所以會(huì)導(dǎo)致頁(yè)面在最終瀏覽的時(shí)候有一些小問(wèn)題，如：頁(yè)面混亂，圖片、文字之間的距離過(guò)大或過(guò)小，頁(yè)面不美觀等等，做為一個(gè)新人，我在有些方面的技術(shù)還很不成熟，所以在技術(shù)總監(jiān)張偉的幫助下，解決了很多問(wèn)題，所在我很感謝他，當(dāng)每天我們做完網(wǎng)頁(yè)后，都會(huì)在代碼頁(yè)面加入注釋代碼，在里面寫上每個(gè)人姓名的漢語(yǔ)拼間和工作日期，這樣方便月底做統(tǒng)計(jì)工作，公司領(lǐng)導(dǎo)會(huì)根據(jù)每個(gè)人的工作數(shù)量進(jìn)行獎(jiǎng)勵(lì)，每做一個(gè)頁(yè)面會(huì)有2塊的提成，雖然少點(diǎn)，但是積少成多，也是很可觀的。
（一）初級(jí)考試
初來(lái)公司的時(shí)候，我們經(jīng)過(guò)了初期考試，培訓(xùn)，與最終考試三個(gè)階段，在接到公司讓我面試的電話后，我來(lái)到了xx公司，因?yàn)橐傻氖蔷W(wǎng)頁(yè)設(shè)計(jì)，所以要有一個(gè)小測(cè)驗(yàn)，技術(shù)總監(jiān)要求我們?cè)诰W(wǎng)上自找圖片和文字，做一個(gè)簡(jiǎn)單的頁(yè)面，要求是：什么樣的頁(yè)面都可以，考查的主要是面試者相關(guān)軟件的操作能力與代碼掌握的熟練成度，說(shuō)實(shí)話，從畢業(yè)后，有一段時(shí)間沒(méi)有寫代碼了，剛一上機(jī)，還有點(diǎn)生疏，但是憑借在學(xué)樣扎實(shí)的學(xué)習(xí)功底，我很快就恢復(fù)了自己的英雄本色，將html代碼寫的很熟練，做了一個(gè)左右分欄的頁(yè)面，沒(méi)什么太大難度，技術(shù)總監(jiān)看了以后，說(shuō)不錯(cuò)，讓我三天后參加培訓(xùn)，合格扣就可以正式上班了。
（二）三天的培訓(xùn)工作
三天后，我來(lái)到了公司，一看，來(lái)參加培訓(xùn)的人有很多，大概在十多個(gè)人左右，其實(shí)所謂的培訓(xùn)，就是讓大家先熟悉這家網(wǎng)站的工作，先做一些他們平時(shí)干的活，做一些廣告網(wǎng)頁(yè)，這些網(wǎng)頁(yè)都是靜態(tài)的，沒(méi)什么難度。我后來(lái)發(fā)現(xiàn)，自己在這些人當(dāng)中，還是較較者，心里優(yōu)勢(shì)還挺好的。
（三）最后的考核
三天的培訓(xùn)后，我們迎來(lái)了最后的考核，合格的人會(huì)被留下，并得到一份為期一個(gè)月的實(shí)習(xí)合同，然后會(huì)在根據(jù)你在實(shí)習(xí)期的表現(xiàn)決定你的去留問(wèn)題，最優(yōu)秀的人會(huì)轉(zhuǎn)正，得到很優(yōu)厚的待遇。
考核的內(nèi)容，就是在公司的商務(wù)網(wǎng)站上任選一個(gè)頁(yè)面，然后在規(guī)定的時(shí)間內(nèi)做完，我還不錯(cuò)，技術(shù)比較熟練，是第四個(gè)做完的。當(dāng)我們把網(wǎng)頁(yè)做完后由這家公司的經(jīng)理進(jìn)行審核，最后的結(jié)果是，最先做完的前8個(gè)人可以有底薪加提成，每人頁(yè)面的提成是2元錢，而后面做完的，只有提成，沒(méi)有底薪，他們的提成是每個(gè)頁(yè)面5元錢，最后的幾個(gè)人就被淘汰了，制度雖有點(diǎn)不近人情，但是剛畢業(yè)的學(xué)生能忍也就忍了，就這樣，我們每個(gè)人得到了一份一個(gè)月的臨時(shí)合同，正式開(kāi)始了實(shí)習(xí)工作。
我的實(shí)習(xí)是從大三剛開(kāi)學(xué)，被一位老師推薦到一家室內(nèi)設(shè)計(jì)公司實(shí)習(xí)了！真慶幸自己平時(shí)能利用課余時(shí)間學(xué)到那些設(shè)計(jì)方面的知識(shí)，和大二暑假到那家設(shè)計(jì)公司實(shí)習(xí)??！要不是這些，我想現(xiàn)在就由學(xué)校安排到廠工里當(dāng)普工。但自己最大的收獲是將所學(xué)的adobe軟件用于實(shí)踐，并且通過(guò)實(shí)踐檢驗(yàn)了自己關(guān)于設(shè)計(jì)方面的假設(shè)和猜想，取得了一些令自己滿意的成績(jī)。
我們每天的上班時(shí)間是從早上8：30分到下午的17：00，這是我見(jiàn)過(guò)最有激情的一些人了，年紀(jì)輕輕，干勁十足，來(lái)了以后就工作，連平時(shí)聊天的內(nèi)容也和本行業(yè)分不開(kāi)，我喜歡他（她）們，回為是實(shí)習(xí)期，所以每天做的數(shù)量沒(méi)有太大要求，但是每個(gè)人都玩命似的干活，抓緊時(shí)間做網(wǎng)頁(yè)，我們做的網(wǎng)頁(yè)是比較簡(jiǎn)單的從上到下式的網(wǎng)頁(yè)，通過(guò)css+span排版，這樣在后期瀏覽器兼容測(cè)試中，就好做的很多了，文字與圖片之間就不會(huì)有太多的麻煩，我干的很不錯(cuò)，不過(guò)有些追求精致，我做網(wǎng)頁(yè)的速度慢了很多，最初每天只能做3——4個(gè)網(wǎng)頁(yè)，這對(duì)于我來(lái)說(shuō)是不能接受的，后來(lái)我改變了工作方法，我第次工作的時(shí)候，先訂下計(jì)劃，比如今天做多少網(wǎng)頁(yè)，然后我將要做的所有網(wǎng)頁(yè)，先做好排版，這時(shí)的網(wǎng)頁(yè)雖然排過(guò)版，但是不美觀，因?yàn)闆](méi)有進(jìn)行美化工作，然后我會(huì)在下午的時(shí)間，集中全力做美化工作，就這樣我的速度提高了很多，快了將近一倍多。只要更加熟練速度不會(huì)更快，我相信自己。
每天的工作都是是很快的，有時(shí)感覺(jué)時(shí)間過(guò)的很快，想停都停不住，早上出去的時(shí)候，見(jiàn)的是太陽(yáng)，晚上下班后看到的是即將落日的夕陽(yáng)或者是星星，每天就這么快的過(guò)去了，每個(gè)工作日結(jié)束后，我都會(huì)在下班后步行一段時(shí)間，去附近的圖書(shū)城充會(huì)電，或者放松一下，找一些我喜歡的書(shū)，看上幾個(gè)小時(shí)。
明年就要開(kāi)始找工作了，這次實(shí)習(xí)，更讓我懂得了珍惜現(xiàn)在的生活，校園生活真的非常完美，非常令人羨慕！職場(chǎng)的競(jìng)爭(zhēng)很大，“逆水行舟，不進(jìn)則退”，必須時(shí)刻提醒自己，督促自己！同時(shí)也看到了許多，知道做人比做事更加重要，沒(méi)有人天生就會(huì)，沒(méi)有人天生就懂，只有不斷地努力才能成功，在這里不是每個(gè)人都有認(rèn)為你是什么的，有的人就覺(jué)得你什么也不是。你只有付出好好學(xué)，做給她們看。證明自己不是虛的，證明自己有實(shí)力，名副其實(shí)！
實(shí)習(xí)期結(jié)束后，我和其它同事得到了正式合同并留在了這家公司，通過(guò)這次工作，我得到的最大體會(huì)就是，如果一個(gè)人在社會(huì)上沒(méi)有一技之長(zhǎng)，那他是沒(méi)有辦法很好的活下來(lái)的，只有不斷的加強(qiáng)自身專業(yè)技能學(xué)習(xí)才行。所以，尊敬的老師，我會(huì)在業(yè)余時(shí)間好好學(xué)習(xí)，加強(qiáng)自己的專業(yè)能力，使自己變得更強(qiáng)，只有這樣才能上到為國(guó)家、為社會(huì)做出貢獻(xiàn)，下到為自己、為父母、為學(xué)校交出一份滿意的答卷。
（4）廣告圖象攝影和廣告插畫上，通過(guò)對(duì)商品在消費(fèi)使用過(guò)程中的情景做出真實(shí)的再現(xiàn)，以便來(lái)宣傳商品的特征，突出商品的形象；或以攝影圖形來(lái)促發(fā)消費(fèi)者的購(gòu)買欲望，更直觀準(zhǔn)確地傳達(dá)產(chǎn)品信息。真實(shí)的反映商品的結(jié)構(gòu)、造型、材料和品質(zhì)。廣告的插畫有傳統(tǒng)的寫實(shí)描繪逐漸向夸張、理想化和多邊化的視覺(jué)表現(xiàn)方向發(fā)展，重意念而輕形似，從而有助于強(qiáng)化廣告商品對(duì)象的特征和主題。在廣告排版制作的過(guò)程中，使用卡通形象作為產(chǎn)品代言人不但可以以卡通形象的活潑自由，個(gè)性化的形象贏得消費(fèi)者的好感，還省去了請(qǐng)名人做代言的龐大廣告支出和風(fēng)險(xiǎn)。
網(wǎng)頁(yè)設(shè)計(jì)的實(shí)踐報(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)行一些手寫代碼工作的。
做為一個(gè)剛畢業(yè)的大學(xué)生，我的知識(shí)儲(chǔ)備肯定有不足的地方，畢竟學(xué)校教的東西肯定會(huì)有一部分和社會(huì)是脫節(jié)的，但好在我的領(lǐng)導(dǎo)對(duì)于我沒(méi)有太多的要求，他只是要求我盡快的適應(yīng)公司的工作和生活，在短時(shí)間內(nèi)熟練的掌握相關(guān)技術(shù)，干好本職工作。
在大學(xué)里對(duì)一個(gè)學(xué)生來(lái)說(shuō)什么是最重要的，那就是學(xué)習(xí)能力。要知道，這個(gè)世界上，知識(shí)在發(fā)展，人類在進(jìn)步，每天都在進(jìn)行日新月異的變化，我們的知識(shí)儲(chǔ)備總會(huì)有不夠的地方，但是一定要有學(xué)習(xí)能力，將不會(huì)知識(shí)快速掌握，只有這樣才能占據(jù)主動(dòng)，減少被動(dòng)情況的尷尬發(fā)生，通過(guò)二個(gè)星期的時(shí)間，我成功的適應(yīng)了公司的工作和生活節(jié)奏，每天早九點(diǎn)上班，晚17:30下班，中午休息一個(gè)半小時(shí)，每周還有兩天假期。我利用業(yè)余時(shí)間，抓緊學(xué)習(xí)，將工作中所需要的技術(shù)進(jìn)行了強(qiáng)化學(xué)習(xí)，其實(shí)這些東西在學(xué)校的時(shí)候就接觸過(guò)，只是不精通。那個(gè)時(shí)候?qū)W的東西多，難免有個(gè)主次之分，這次工作了，才知道哪個(gè)應(yīng)該多學(xué)點(diǎn)，但好在我都有學(xué)過(guò)，所以有個(gè)好的基礎(chǔ)在這里，也就不怕了，比如說(shuō)：flash，公司要求技術(shù)人員會(huì)做flash，flash這東西以前我在宿舍的時(shí)候經(jīng)常玩的，可是后來(lái)在分析就業(yè)情況時(shí)，分析錯(cuò)了方向，以為這東西沒(méi)有什么用處，結(jié)果就給荒廢了。但好在還有印象，并且當(dāng)初記了很多的筆記，所以說(shuō)記筆記是很重要的事情。而其它像javascript、xml、數(shù)據(jù)庫(kù)這些東西我都學(xué)過(guò)，只是實(shí)踐能力稍差一點(diǎn)，但好在從前在學(xué)習(xí)方面用的功不是白費(fèi)的。通過(guò)這種實(shí)戰(zhàn)環(huán)境，和半個(gè)月的刻苦學(xué)習(xí)，我終于可以感上小組的工作進(jìn)度了，已經(jīng)可以很好的完成領(lǐng)導(dǎo)教給我的任務(wù)了。
像我這個(gè)組常用的是css+span排版，后臺(tái)使用php技術(shù)進(jìn)行開(kāi)發(fā)，服務(wù)器平臺(tái)采用，linux+apache+mysql+php,這種lamp組合，我很高興在學(xué)校學(xué)的東西能學(xué)有所用。以前我們是用表格(table)進(jìn)行排版，這種方式簡(jiǎn)單但是已經(jīng)有些過(guò)時(shí)了，現(xiàn)在大部分網(wǎng)站都開(kāi)始了重新構(gòu)架，所以都采用css+span進(jìn)行網(wǎng)頁(yè)排版，我目前正在學(xué)習(xí)，掌握的還算比較快。而在后臺(tái)開(kāi)發(fā)部分，我們使用php來(lái)進(jìn)行開(kāi)發(fā)，我的工作是手寫一些小模塊?；蛘哂胘avascript寫一些特效小代碼。
小組分工時(shí)，我負(fù)責(zé)后臺(tái)里小模塊的開(kāi)發(fā)工作，如：留言板或論壇，還有一部分javascript代碼編寫工作。前臺(tái)部分的工作是和組里的丁珊珊做一些排版的工作，使用css+span技術(shù)。編寫代碼這種工作看起來(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)性能受到了大重的喜歡，我個(gè)人認(rèn)為php很簡(jiǎn)單，適合初學(xué)者學(xué)習(xí)使用，但是在某些地方想要做好，就需要你認(rèn)真的學(xué)習(xí)了。目前，我負(fù)責(zé)的只是技術(shù)性較低和規(guī)模較小的模塊，不過(guò)，我覺(jué)得從簡(jiǎn)單處做起也挺好的，但是我在寫代碼時(shí)，還是經(jīng)常犯些小錯(cuò)誤，導(dǎo)致代碼頁(yè)面經(jīng)常出錯(cuò)，而自己往往還找不到是哪錯(cuò)了，有幾次急的都不行，不管怎么弄，結(jié)果就是錯(cuò)誤，后來(lái)我才發(fā)現(xiàn)，原來(lái)只是一個(gè)小錯(cuò)誤，小的不仔細(xì)察看，我都找不到。于是我明白，做開(kāi)發(fā)工作，一定要細(xì)心，否則就會(huì)給自己和別人帶來(lái)麻煩。
網(wǎng)頁(yè)設(shè)計(jì)的實(shí)踐報(bào)告篇十一
選題的意義、同類選題現(xiàn)狀分析包括項(xiàng)目實(shí)施的意義和應(yīng)用前景，國(guó)內(nèi)外研究和應(yīng)用概況，發(fā)展趨勢(shì)，本項(xiàng)目的特色或創(chuàng)新之處）。
電子商務(wù)發(fā)展在世界范圍內(nèi)都是剛剛開(kāi)始，其發(fā)展速度極為迅速，傳統(tǒng)商業(yè)模式正不斷地被新的商業(yè)模式所替代。網(wǎng)上購(gòu)物就是internet和電子商務(wù)網(wǎng)站的產(chǎn)物，近幾年在我國(guó)發(fā)展迅猛，就如同一些購(gòu)物商場(chǎng)在各地紛紛開(kāi)設(shè)分店以拉近與顧客間的距離一樣。21世紀(jì)是網(wǎng)絡(luò)的時(shí)代，信息的時(shí)代，時(shí)間是非常寶貴的，人們由于種種原因沒(méi)有時(shí)間去逛商場(chǎng)，也不知道哪家商場(chǎng)有自己中意的商品，網(wǎng)上購(gòu)物網(wǎng)站的建立就可以很好的解決這方面的問(wèn)題，可以向廣大用戶推出一種全新的網(wǎng)上信息服務(wù)，旨在貨品與消費(fèi)者之間架起一座高速、便捷的網(wǎng)上信息橋梁，可以為用戶節(jié)省時(shí)間、方便購(gòu)物。
在國(guó)內(nèi)也有許多我們所熟悉的大規(guī)模的網(wǎng)上購(gòu)物網(wǎng)站，如阿里巴巴和淘寶網(wǎng)。中國(guó)的網(wǎng)上購(gòu)物在摸索與借鑒中成長(zhǎng)著，利用中國(guó)特有的優(yōu)勢(shì)來(lái)克服不利的外部環(huán)境因素，例如采用“貨到付款”就是中國(guó)購(gòu)物網(wǎng)站的成功創(chuàng)新。隨著外部環(huán)境的逐步優(yōu)化，上購(gòu)物網(wǎng)站發(fā)展前景看好。
本網(wǎng)站的主要功能有：用戶注冊(cè)、會(huì)員登錄、貨物分類查詢、貨品瀏覽、購(gòu)買貨品、購(gòu)物車、客戶留言；管理員管理會(huì)員信息以及訂單信息、管理員添加和刪除貨品、管理員查看留言。一方面，讓顧客方便購(gòu)買各類貨物，給本購(gòu)物網(wǎng)站提出寶貴的意見(jiàn)或建議；另一方面，管理員能在管理信息的同時(shí)也能了解顧客的需要，對(duì)網(wǎng)站的不足之處進(jìn)行修改。本購(gòu)物網(wǎng)站還在借鑒其他成功購(gòu)物網(wǎng)站的同時(shí)也加入了一些創(chuàng)新的元素。如在貨物介紹的頁(yè)面中添加了同等商品價(jià)格的最新比較數(shù)據(jù)，讓用戶能夠花比較少的時(shí)間找到自己滿意的產(chǎn)品，同時(shí)在本網(wǎng)站中每個(gè)注冊(cè)用戶還可以擁有自己的一個(gè)小型的blog，在其中用戶可以發(fā)展自己的購(gòu)物經(jīng)驗(yàn)和日常的心情。同時(shí)在網(wǎng)站的界面上，本網(wǎng)站了可能讓用戶設(shè)置網(wǎng)頁(yè)的風(fēng)格，用戶可以按照自己的喜好改變網(wǎng)站的背景色，讓整個(gè)網(wǎng)站更加的有特色。
（包括畢業(yè)設(shè)計(jì)目標(biāo)、設(shè)計(jì)內(nèi)容和擬解決的關(guān)鍵技術(shù)問(wèn)題）。
購(gòu)物網(wǎng)站的建立是為了節(jié)約顧客時(shí)間和方便顧客購(gòu)物，該網(wǎng)站主要有注冊(cè)會(huì)員、會(huì)員登陸、貨物搜索、購(gòu)物車以及對(duì)會(huì)員、貨品、訂單的管理。以實(shí)現(xiàn)網(wǎng)上書(shū)店的交易和管理。
（1）前臺(tái)服務(wù)：注冊(cè)會(huì)員、會(huì)員登陸、會(huì)員修改個(gè)人信息及密碼、貨品分類搜索、貨品瀏覽、貨品購(gòu)買、購(gòu)物車，以及頁(yè)面的特效如：將該網(wǎng)站設(shè)為首頁(yè)、加入收藏、更改網(wǎng)頁(yè)風(fēng)格等。
（2）會(huì)員管理：管理員對(duì)會(huì)員個(gè)人信息的管理，驗(yàn)證會(huì)員登陸信息。并且可以在自己的blog中發(fā)表信息。
（3）圖書(shū)管理：管理員查看書(shū)庫(kù)中貨物的庫(kù)存量，包括各種貨物的銷售情況，以及及時(shí)更新數(shù)據(jù)庫(kù)中貨物的各種信息。
（4）訂單管理：管理員對(duì)訂單的管理，確認(rèn)顧客信息與訂單信息的準(zhǔn)確性。
本系統(tǒng)主要是利用asp、dreamweaver、sql數(shù)據(jù)庫(kù)來(lái)完成設(shè)計(jì)的，主要完成了貨物分類搜索、貨物瀏覽、貨物購(gòu)買、購(gòu)物車以及會(huì)員管理、貨物管理、訂單管理等功能的實(shí)現(xiàn)。
（包括開(kāi)發(fā)平臺(tái)選擇、試驗(yàn)方案及可行性分析，設(shè)計(jì)和開(kāi)發(fā)工作的總體安排、步驟等）。
購(gòu)物網(wǎng)站的設(shè)計(jì)與開(kāi)發(fā)需要微機(jī)一臺(tái)，操作系統(tǒng)為windowsxp。開(kāi)發(fā)環(huán)境為asp、dreamweaver，數(shù)據(jù)庫(kù)為sqlserver20xx或選擇access。數(shù)據(jù)訪問(wèn)方法為使用ado。net通過(guò)odbc的方法同數(shù)據(jù)庫(kù)接口。使用這種方式訪問(wèn)數(shù)據(jù)，可以使用任何一種odbc數(shù)據(jù)源，即不止適合于sqlserver、oracle、access等數(shù)據(jù)庫(kù)應(yīng)用程序，也適合于excel表格，文本文件、圖形文件和無(wú)格式的數(shù)據(jù)文件。
通過(guò)調(diào)查分析，建立購(gòu)物網(wǎng)有其充分的必要性和可能性?？梢越⒃摼W(wǎng)站的可能性具體包含了它具有經(jīng)濟(jì)可行性、技術(shù)上的可行性和時(shí)機(jī)可行性，系統(tǒng)能達(dá)到以最小的開(kāi)發(fā)成本取得最佳的經(jīng)濟(jì)效益，開(kāi)發(fā)中所需人員、硬軟件支持以及其它費(fèi)用進(jìn)行估算情況均滿意，技術(shù)條件也能保證順利完成開(kāi)發(fā)工作。
最終認(rèn)為該系統(tǒng)完全可行，網(wǎng)上購(gòu)物網(wǎng)站是一個(gè)網(wǎng)上交易網(wǎng)站，利用該網(wǎng)站用戶可以購(gòu)買貨物，修改自己的購(gòu)物車，在自己的blog中發(fā)展信息；管理員作為管理者則可以查詢會(huì)員的訂單信息、管理貨物，對(duì)貨物進(jìn)行添加和刪除。
1、前臺(tái)服務(wù)：
此模塊是對(duì)于用戶開(kāi)放，實(shí)現(xiàn)的功能有：客戶注冊(cè)，會(huì)員登錄，修改個(gè)人信息及密碼，貨品分類查詢，貨品瀏覽，購(gòu)買貨物，購(gòu)物車，會(huì)員留言等。
2、后臺(tái)：
此模塊是對(duì)于管理員開(kāi)放，實(shí)現(xiàn)的功能有：會(huì)員基本信息管理、訂單管理、貨物管理、查看留言。
網(wǎng)頁(yè)設(shè)計(jì)的實(shí)踐報(bào)告篇十二
隨著互聯(lián)網(wǎng)技術(shù)的迅速發(fā)展網(wǎng)絡(luò)已逐漸深入人心，更是成為繼報(bào)刊、電視、廣播等傳統(tǒng)媒體之后而迅速興起的一新的傳媒介質(zhì)，網(wǎng)絡(luò)宣傳已成為眾多宣傳手段的重中之重，各種各樣的網(wǎng)站也就應(yīng)運(yùn)而生。為宣傳企業(yè)而制作的公司網(wǎng)站、可進(jìn)行網(wǎng)上購(gòu)物的電子商務(wù)網(wǎng)站、能及時(shí)了解到天下事的新聞網(wǎng)站、方便學(xué)習(xí)的教育網(wǎng)站，充斥著我們的視野，滿足著我們的需要。網(wǎng)站的規(guī)劃與建設(shè)，已悄然被許多人擺到了首要的位置上。
當(dāng)今的人們，如果依然依靠傳統(tǒng)的方式展示自己已經(jīng)不能滿足現(xiàn)在人們的需要，所以做一個(gè)網(wǎng)站就成為人們一件十分有意義并有興趣去做的事情。利用企業(yè)網(wǎng)站我們可以讓全國(guó)，甚至全世界的人們有機(jī)會(huì)知道自己的公司。
規(guī)劃并建設(shè)好一個(gè)企業(yè)網(wǎng)站，并不是一件容易的事。首先，規(guī)劃好這個(gè)網(wǎng)站就不容易。因?yàn)槭瞧髽I(yè)網(wǎng)站，所以要求要比其它類型的網(wǎng)站更加獨(dú)具匠心，有獨(dú)特的眼光。這就規(guī)劃者有了更高的要求。首先，要根據(jù)自己的要求網(wǎng)站的風(fēng)格布局、色彩搭配和大體輪廓，并確立網(wǎng)站的欄目、內(nèi)容。其次，網(wǎng)站制作者將要根據(jù)前一點(diǎn)安排整個(gè)頁(yè)面文字圖片的布局，這就要求設(shè)計(jì)者對(duì)網(wǎng)頁(yè)制作具有相當(dāng)?shù)乃?，美工、排版能力要?qiáng)。再者，企業(yè)網(wǎng)站需要實(shí)現(xiàn)的動(dòng)態(tài)及時(shí)更新等功能要求網(wǎng)站制作程序員有良好的編程基礎(chǔ)，在網(wǎng)絡(luò)編程語(yǔ)言asp、php、jsp或asp。net等中選擇來(lái)進(jìn)行網(wǎng)站管理后臺(tái)的編寫并與前臺(tái)掛鉤并通過(guò)更新數(shù)據(jù)庫(kù)來(lái)實(shí)現(xiàn)網(wǎng)站的更新。當(dāng)然，選擇的編程語(yǔ)言也要與網(wǎng)站服務(wù)器平臺(tái)所支持的技術(shù)相符合。這就要求在配置服務(wù)器或是購(gòu)買虛擬主機(jī)時(shí)根據(jù)需要來(lái)進(jìn)行配置或選擇。zui后，網(wǎng)站安全性也是一個(gè)重中之重，在如今黑客當(dāng)行、病毒當(dāng)?shù)赖幕ヂ?lián)時(shí)空，網(wǎng)站的安全猶為重要。
規(guī)劃并建設(shè)好一個(gè)令人耳目一新的企業(yè)網(wǎng)站，并不是一件容易的事。首先，規(guī)劃好這個(gè)網(wǎng)站就不容易。這要求網(wǎng)站規(guī)劃者熟悉企業(yè)的情況，并確立網(wǎng)站的欄目、內(nèi)容。其次，網(wǎng)站制作者將要根據(jù)網(wǎng)站的規(guī)劃書(shū)來(lái)確定網(wǎng)站的風(fēng)格、布局、色彩搭配等，這就要求設(shè)計(jì)者對(duì)網(wǎng)頁(yè)制作具有相當(dāng)?shù)乃?，美工、排版能力要?qiáng)。再者，企業(yè)網(wǎng)站需要實(shí)現(xiàn)的動(dòng)態(tài)及時(shí)更新等功能要求網(wǎng)站制作程序員有良好的編程基礎(chǔ)，在網(wǎng)絡(luò)編程語(yǔ)言asp、php、jsp或asp。net等中選擇來(lái)進(jìn)行網(wǎng)站管理后臺(tái)的編寫并與前臺(tái)掛鉤并通過(guò)更新數(shù)據(jù)庫(kù)來(lái)實(shí)現(xiàn)網(wǎng)站的更新。當(dāng)然，選擇的編程語(yǔ)言也要與網(wǎng)站服務(wù)器平臺(tái)所支持的技術(shù)相符合。這就要求在配置服務(wù)器或是購(gòu)買虛擬主機(jī)時(shí)根據(jù)需要來(lái)進(jìn)行配置或選擇。zui后，網(wǎng)站安全性也是一個(gè)重中之重，在如今黑客當(dāng)行、病毒當(dāng)?shù)赖幕ヂ?lián)時(shí)空，網(wǎng)站的安全猶為重要，否則，功虧一簣！這就要求配置服務(wù)器或選擇虛擬主機(jī)時(shí)的謹(jǐn)慎以及編寫網(wǎng)站管理后臺(tái)的注意。
1、本課題研究的目標(biāo)是：建立一個(gè)具有特色的企業(yè)網(wǎng)站。
課題的內(nèi)容是：在這個(gè)課題中，主要是用于公司相關(guān)信息的介紹，以及相關(guān)的產(chǎn)品內(nèi)容的介紹。方便他人的了解。它的內(nèi)容主要包括對(duì)網(wǎng)站前臺(tái)的設(shè)計(jì)及制作，包括企業(yè)網(wǎng)站的logo設(shè)計(jì)，布局的設(shè)計(jì)，網(wǎng)站頁(yè)面的制作、片頭動(dòng)畫及頁(yè)面動(dòng)畫的設(shè)計(jì)制作、注冊(cè)登陸系統(tǒng)以及各鏈接和相關(guān)技術(shù)的開(kāi)發(fā)等。在這里，我將以制作某企業(yè)網(wǎng)站為例，具體闡述個(gè)人網(wǎng)站的制作過(guò)程。
制作網(wǎng)站過(guò)程：
用photoshopcs制作頁(yè)面效果圖片，搭配好顏色，設(shè)計(jì)好版式，這樣做的目的是為了讓網(wǎng)站的頁(yè)面更具有整體性和美觀性，色調(diào)搭配及版面的設(shè)計(jì)都可以通過(guò)photoshopcs這個(gè)強(qiáng)大的圖片處理軟件來(lái)完成，這樣設(shè)計(jì)出來(lái)的網(wǎng)頁(yè)不論是從美工還是從版式上都是一流的。
2、導(dǎo)航條和文字圖片的布局。
用dreamweavermx和flashmx設(shè)計(jì)制作導(dǎo)航條，同時(shí)對(duì)文字圖片進(jìn)行調(diào)整。具體的就是文字的大小、字體以及圖片的格式、大小進(jìn)行調(diào)整。
3、超鏈接其動(dòng)態(tài)設(shè)計(jì)。
用用dreamveavermx建立超鏈接使整個(gè)網(wǎng)站能夠自由地相互關(guān)聯(lián)，使瀏覽者能夠方便地到達(dá)所需要的網(wǎng)頁(yè)。另外，本網(wǎng)站還可以進(jìn)行注冊(cè)，利用asp與access相連使網(wǎng)站變?yōu)閯?dòng)態(tài)網(wǎng)站。
2第五周調(diào)研，準(zhǔn)備各種參考資料、充實(shí)所需知識(shí)。
3第六周查閱相關(guān)書(shū)籍資料，提出可行性的設(shè)計(jì)方案。
4第七到十六周具體設(shè)計(jì)與制作工作。
5第十七周文檔的生成與整理，指導(dǎo)教師修改。
6第十八周畢業(yè)設(shè)計(jì)論文的相關(guān)資料的搜集。
7第十九周完成畢業(yè)論文撰寫。
《網(wǎng)頁(yè)設(shè)計(jì)典型技巧》time創(chuàng)作室人民郵電出版社20xx年10月。
《asp動(dòng)態(tài)網(wǎng)站開(kāi)發(fā)畢劉瑞斯機(jī)械工業(yè)出版社20xx年3月。
網(wǎng)頁(yè)設(shè)計(jì)的實(shí)踐報(bào)告篇十三
在經(jīng)濟(jì)迅速發(fā)展的今天，internet顯得更為重要它是人們發(fā)布信息與傳遞信息的重要渠道，為了與社會(huì)發(fā)展同步，為了讓我們成為真正的技術(shù)性人才。學(xué)校在本周為我們安排了維持一周的網(wǎng)頁(yè)制作專用周是實(shí)習(xí)，讓我們把平時(shí)所學(xué)知識(shí)運(yùn)用到實(shí)踐中做到真正的學(xué)以致用而不只是紙上談兵。通過(guò)本周的實(shí)習(xí)使我獲得了更多的新知識(shí)同時(shí)也使我使我認(rèn)識(shí)到了自己在學(xué)習(xí)上的許多不足，下面就談?wù)勎以诒敬螌Ｓ弥艿闹饕惺堋?BR> 一、網(wǎng)站整體規(guī)劃，要做網(wǎng)頁(yè)的第一步便是做網(wǎng)站的整體規(guī)劃這主要包括四個(gè)方面的內(nèi)容。
1.討論網(wǎng)站的主題。
網(wǎng)站整體規(guī)劃是做網(wǎng)頁(yè)的第一步也是制作網(wǎng)頁(yè)最關(guān)鍵的一步它決定了你要表答的信息，因此我選擇了我選擇我最喜愛(ài)的服飾來(lái)為它做網(wǎng)頁(yè)。在平時(shí)我也對(duì)服裝的網(wǎng)頁(yè)比較關(guān)心，無(wú)論是淘寶網(wǎng)上的衣店還是各種品牌裝。這次我是為“易菲”服飾做的網(wǎng)頁(yè)。
2.定位網(wǎng)站的ci形象?！耙追啤敝哺袊?guó)文化之精髓，汲取自然稟賦之靈性，形成一個(gè)既有濃厚文化底蘊(yùn)，又有現(xiàn)代自然人文氣息的特色品牌?！耙住奔词侨?，是包容，是寬容，是五千年中華民族的文化精髓，是厚德載物，是對(duì)人性寬度的一種拓展?！胺啤蓖ǚ?，是生機(jī)、是個(gè)性、是春意盎然、是自強(qiáng)不息，是對(duì)人性深度的一種挖掘?！吧钊缁?，自在快樂(lè)”是yifini易菲的設(shè)計(jì)理念，倡導(dǎo)一種與自然和諧相處，如花兒綻放般美好舒適、自在快樂(lè)的生活方式。這也便是我網(wǎng)站的ci形象。
3.確定欄目和板塊。
于時(shí)間的關(guān)系在本次我準(zhǔn)備做四張網(wǎng)頁(yè)：一張主頁(yè)三張二級(jí)頁(yè)面。分別設(shè)計(jì)了“時(shí)尚首頁(yè)、時(shí)尚衣秀、推薦產(chǎn)品、潮流信息”等四個(gè)欄目。在這四張頁(yè)面中我打算都用淡藍(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)站的主打色主要是因?yàn)槲业漠a(chǎn)品特性。在設(shè)計(jì)上，yieini易菲推崇“自然美”，將帶表女性氣質(zhì)的花卉和自然元素融入設(shè)計(jì)之中，充分體現(xiàn)設(shè)計(jì)師和顧客所追求的一種灑脫、舒適的生活氛圍，力求表現(xiàn)悠閑、舒暢、自然的生活情趣。因此我用天空與自然的顏色來(lái)表達(dá)這張自然之美、和諧之美。
二、網(wǎng)頁(yè)制作的前期策劃與準(zhǔn)備，在本階級(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ò)三次像老實(shí)詢問(wèn)我終于懂得一些關(guān)于代碼的搜索。在搜集資料的過(guò)程之中我發(fā)現(xiàn)了自己的許多不足之處，最關(guān)鍵就是平時(shí)對(duì)知識(shí)的掌握不夠，連最基本的資料搜尋都覺(jué)得困難。也是我平時(shí)不夠認(rèn)真和努力的表現(xiàn)。通過(guò)這次的教訓(xùn)在以后我一定會(huì)做得更好，爭(zhēng)取不范類似錯(cuò)誤。
2.熟悉制作軟件。
做網(wǎng)頁(yè)主要用的工具便是dremweaver、photoshop、flash軟件。在這些軟件我對(duì)dremweaver、photoshop相對(duì)比較熟悉，因?yàn)樵谄綍r(shí)上課是老師帶領(lǐng)我們運(yùn)用過(guò)。所以我還可以正常的運(yùn)用，但是出現(xiàn)的問(wèn)題還是有很多。有很多不懂如何操作，只有通過(guò)在次去看書(shū)才能夠了解，這也體現(xiàn)了我學(xué)習(xí)方面的缺點(diǎn)，它是我平時(shí)不夠認(rèn)真的具體表現(xiàn)。
三、網(wǎng)頁(yè)制作，這便進(jìn)入我該次的主題了具體制作流程如下。
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)潔實(shí)用:這是非常重要的，網(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ù)各自的特色建立了不同的表格，突出各自的主題，增強(qiáng)了對(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)教后終于在老師的幫助下我成功的在我的主頁(yè)插入了flash。而在其它的二級(jí)網(wǎng)頁(yè)我主頁(yè)插入的是一些gif格式的動(dòng)態(tài)圖片。
在做完網(wǎng)站才發(fā)現(xiàn)，怎么所有的圖片素材并不是在一個(gè)文件夾中，而有許多的子文件夾，從網(wǎng)上下載的網(wǎng)頁(yè)全都是一個(gè)網(wǎng)頁(yè)對(duì)應(yīng)一個(gè)文件夾。制作過(guò)程中，才發(fā)現(xiàn)，原來(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ò)程中出現(xiàn)一些問(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)拓視野，增強(qiáng)自己的實(shí)踐操作技能，為以后能做出出色的網(wǎng)頁(yè)而努力。同時(shí)我也希望能夠有更多的類似動(dòng)手練習(xí)，讓我們?cè)趯?shí)踐之中來(lái)學(xué)習(xí)知識(shí)。因?yàn)槲矣X(jué)得實(shí)踐不僅能夠提高我們的學(xué)習(xí)興趣它更能夠提高我們的動(dòng)手能力增強(qiáng)我們的技術(shù)性。
網(wǎng)頁(yè)設(shè)計(jì)的實(shí)踐報(bào)告篇十四
隨著現(xiàn)代化科技的發(fā)展，計(jì)算機(jī)已經(jīng)成為人們生活中的重要組成部分，網(wǎng)頁(yè)瀏覽的形式已經(jīng)代替以往書(shū)籍瀏覽的形式，也正因?yàn)槿绱司W(wǎng)頁(yè)的設(shè)計(jì)與布局尤為重要?？茖W(xué)合理的網(wǎng)頁(yè)設(shè)計(jì)布局不但能夠帶給人們美感，并且還能使人們?cè)跒g覽的過(guò)程中內(nèi)心放松。計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)的概念主要包括網(wǎng)頁(yè)設(shè)計(jì)布局的整體造型以及網(wǎng)頁(yè)設(shè)計(jì)布局頁(yè)面的尺寸。頁(yè)面設(shè)計(jì)的整體造型指的就是網(wǎng)頁(yè)設(shè)計(jì)中的布局形狀，其中最常見(jiàn)的形狀有三角形、圓形等，也有部分計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)采用綜合體的形狀，在頁(yè)面的選擇上，大多是根據(jù)網(wǎng)站自身的特點(diǎn)來(lái)選擇的。計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)的尺寸也較為多樣化，在計(jì)算機(jī)使用過(guò)程中，常常由于客觀影響造成屏幕的分辨率以及尺寸的影響，但由于是客觀因素?zé)o法改變，在瀏覽器自帶的功能上，對(duì)于瀏覽過(guò)程中網(wǎng)頁(yè)的增大與減小都能夠借助瀏覽器工具欄中的相應(yīng)功能解決。計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)中的布局與計(jì)算機(jī)的發(fā)展有著直接的聯(lián)系，并且影響網(wǎng)站的瀏覽量，目前最為常見(jiàn)的布局分為同字型布局、標(biāo)題正文型布局、綜合框架型布局、封面型布局以及flash型布局等五種形式。這五種布局形式都能夠最大程度的提高網(wǎng)頁(yè)的美感，并且在現(xiàn)代網(wǎng)頁(yè)布局中被廣泛運(yùn)用，以下便是對(duì)五種布局類型的詳細(xì)分析。
同字型布局主要針對(duì)網(wǎng)頁(yè)布局的內(nèi)容，這種布局其內(nèi)的填充范圍較廣、填充的數(shù)量也較大。在網(wǎng)頁(yè)設(shè)計(jì)布局中，大多都是在網(wǎng)頁(yè)的標(biāo)題欄進(jìn)行網(wǎng)站主體的填充，有的是填充廣告，也有少數(shù)網(wǎng)頁(yè)設(shè)計(jì)布局中填充的形式是小標(biāo)題。在頁(yè)面的兩側(cè)分別布置內(nèi)容，其中網(wǎng)站的信息與動(dòng)態(tài)或是服務(wù)人員以及相應(yīng)的廣告等，在以往網(wǎng)頁(yè)設(shè)計(jì)布局中這部分并沒(méi)有受到重視，因此也是相對(duì)具有價(jià)值的部分。同字型布局網(wǎng)頁(yè)主要都是從中央位置布置，根據(jù)網(wǎng)頁(yè)內(nèi)容的重點(diǎn)由上到下布局，或是根據(jù)網(wǎng)頁(yè)自身的特點(diǎn)以及相應(yīng)的顏色進(jìn)行布局，也有部分網(wǎng)頁(yè)是根據(jù)其中的細(xì)節(jié)進(jìn)行布局的。在網(wǎng)頁(yè)的下端并不會(huì)進(jìn)行內(nèi)容的布局，就目前網(wǎng)頁(yè)來(lái)看下端也只是網(wǎng)頁(yè)的信息以及登錄方式等。
標(biāo)題正文型布局與同字型布局不同的是標(biāo)題正文型布局并沒(méi)有兩端的布局，其它布局類型相似。在頁(yè)面上端的布局中大多都是網(wǎng)頁(yè)的標(biāo)題，其中也有廣告，頁(yè)面的中端是網(wǎng)頁(yè)的主要內(nèi)容以及和重點(diǎn)內(nèi)容，其中中端內(nèi)容中包含同字型布局兩端布局的'內(nèi)容，例如，在正標(biāo)題下方是對(duì)網(wǎng)站的簡(jiǎn)訊，之后便是相應(yīng)的附加咨詢，最為常見(jiàn)的就是天氣信息以及網(wǎng)站的注冊(cè)信息等，在下方便是網(wǎng)站的主要內(nèi)容也就是正文，在正文的布局上，其結(jié)構(gòu)都是簡(jiǎn)單明了的。
綜合框架型布局與其它布局相比形式較為復(fù)雜，主要采用框架的形式來(lái)進(jìn)行網(wǎng)頁(yè)的布局，分別在上端、兩端以及下端，網(wǎng)站的主要內(nèi)容都是在框架中進(jìn)行布局的。這種布局形式與其他布局形式相比更具有輪廓性，能夠?qū)⑵渌季种械膬?nèi)容類型充分地體現(xiàn)出來(lái)。
封面類型布局便是字面上的意思，按照書(shū)本頁(yè)面的形式進(jìn)行布局，在封面型布局中大多采用的是圖片，其中圖片篇幅較大。一般在不同種類網(wǎng)站的主頁(yè)上大多采用封面型布局，在布局的周圍相應(yīng)的分布著較小以及較為簡(jiǎn)單的信息，此種信息所采用的形式都是超鏈接的形式，例如，最為常見(jiàn)的qq空間，其主頁(yè)便采用封面型布局的形式，采用此種布局的主要目的就是能夠凸顯網(wǎng)頁(yè)自身的特點(diǎn)，能夠吸引使用者的目光的同時(shí)，對(duì)其功能更加一目了然方便操作。
flash型布局與頁(yè)面布局較為相似，flash型布局與頁(yè)面型布局唯一不同的便是在頁(yè)面的布局過(guò)程中采用更多的flash，其中包含聲音以及動(dòng)畫的形式，因此與封面型布局相比在聲音上更能給人們帶來(lái)聽(tīng)覺(jué)上的享受，除了聽(tīng)覺(jué)上的享受外在視覺(jué)上flash型布局也能夠給人們帶來(lái)相應(yīng)的震撼效果。例如，在現(xiàn)代最為常見(jiàn)的游戲頁(yè)面上，采用的都是flash型布局，尤其是在登錄的界面或是在進(jìn)入游戲過(guò)程中的等待界面，在現(xiàn)代科技的發(fā)展中，也有少數(shù)網(wǎng)頁(yè)在主頁(yè)布局的過(guò)程中采用flash型布局，以此提高網(wǎng)頁(yè)的瀏覽量?？偠灾?，計(jì)算機(jī)時(shí)代已經(jīng)到來(lái)，網(wǎng)頁(yè)設(shè)計(jì)布局已經(jīng)成為重要的發(fā)展趨勢(shì)，網(wǎng)頁(yè)設(shè)計(jì)布局并沒(méi)有固定的格式，做一種形式設(shè)計(jì)的過(guò)程中主要根據(jù)個(gè)人的審美，因此想要在網(wǎng)頁(yè)的設(shè)計(jì)布局中增添其美感，首先就要對(duì)美有更深刻的了解，合理的運(yùn)用到網(wǎng)頁(yè)的布局中，使人們?cè)诰W(wǎng)頁(yè)的瀏覽中獲取所需信息的同時(shí)還能夠帶來(lái)相應(yīng)的視覺(jué)享受。
網(wǎng)頁(yè)設(shè)計(jì)的實(shí)踐報(bào)告篇十五
在經(jīng)濟(jì)迅速發(fā)展的今天，internet顯得更為重要它是人們發(fā)布信息與傳遞信息的重要渠道，為了與社會(huì)發(fā)展同步，為了讓我們成為真正的技術(shù)性人才。學(xué)校在本周為我們安排了維持一周的網(wǎng)頁(yè)制作專用周是實(shí)習(xí)，讓我們把平時(shí)所學(xué)知識(shí)運(yùn)用到實(shí)習(xí)中做到真正的學(xué)以致用而不只是紙上談兵。通過(guò)本周的實(shí)習(xí)使我獲得了更多的新知識(shí)同時(shí)也使我使我認(rèn)識(shí)到了自己在學(xué)習(xí)上的許多不足，下面就談?wù)勎以诒敬螌Ｓ弥艿闹饕惺堋?BR> 1、討論網(wǎng)站的主題。
網(wǎng)站整體規(guī)劃是做網(wǎng)頁(yè)的第一步也是制作網(wǎng)頁(yè)最關(guān)鍵的一步它決定了你要表答的信息，因此我選擇了我選擇我最喜愛(ài)的服飾來(lái)為它做網(wǎng)頁(yè)。在平時(shí)我也對(duì)服裝的網(wǎng)頁(yè)比較關(guān)心，無(wú)論是淘寶網(wǎng)上的衣店還是各種品牌裝。這次我是為“易菲”服飾做的網(wǎng)頁(yè)。
2、定位網(wǎng)站的ci形象。“易菲”植根中國(guó)文化之精髓，汲取自然稟賦之靈性，形成一個(gè)既有濃厚文化底蘊(yùn)，又有現(xiàn)代自然人文氣息的特色品牌?！耙住奔词侨?，是包容，是寬容，是五千年中華民族的文化精髓，是厚德載物，是對(duì)人性寬度的一種拓展?！胺啤蓖ǚ?，是生機(jī)、是個(gè)性、是春意盎然、是自強(qiáng)不息，是對(duì)人性深度的一種挖掘?！吧钊缁?，自在快樂(lè)”是yifini易菲的設(shè)計(jì)理念，倡導(dǎo)一種與自然和諧相處，如花兒綻放般美好舒適、自在快樂(lè)的生活方式。這也便是我網(wǎng)站的ci形象。
3、確定欄目和板塊。
于時(shí)間的關(guān)系在本次我準(zhǔn)備做四張網(wǎng)頁(yè)：一張主頁(yè)三張二級(jí)頁(yè)面。分別設(shè)計(jì)了“時(shí)尚首頁(yè)、時(shí)尚衣秀、推薦產(chǎn)品、潮流信息”等四個(gè)欄目。在這四張頁(yè)面中我打算都用淡藍(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)站的主打色主要是因?yàn)槲业漠a(chǎn)品特性。在設(shè)計(jì)上，yieini易菲推崇“自然美”，將帶表女性氣質(zhì)的花卉和自然元素融入設(shè)計(jì)之中，充分體現(xiàn)設(shè)計(jì)師和顧客所追求的一種灑脫、舒適的生活氛圍，力求表現(xiàn)悠閑、舒暢、自然的生活情趣。因此我用天空與自然的顏色來(lái)表達(dá)這張自然之美、和諧之美。
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ò)三次像老實(shí)詢問(wèn)我終于懂得一些關(guān)于代碼的搜索。在搜集資料的過(guò)程之中我發(fā)現(xiàn)了自己的許多不足之處，最關(guān)鍵就是平時(shí)對(duì)知識(shí)的掌握不夠，連最基本的資料搜尋都覺(jué)得困難。也是我平時(shí)不夠認(rèn)真和努力的表現(xiàn)。通過(guò)這次的教訓(xùn)在以后我一定會(huì)做得更好，爭(zhēng)取不范類似錯(cuò)誤。
2、熟悉制作軟件。
做網(wǎng)頁(yè)主要用的工具便是dremweaver、photoshop、flash軟件。在這些軟件我對(duì)dremweaver、photoshop相對(duì)比較熟悉，因?yàn)樵谄綍r(shí)上課是老師帶領(lǐng)我們運(yùn)用過(guò)。所以我還可以正常的運(yùn)用，但是出現(xiàn)的問(wèn)題還是有很多。有很多不懂如何操作，只有通過(guò)在次去看書(shū)才能夠了解，這也體現(xiàn)了我學(xué)習(xí)方面的缺點(diǎn)，它是我平時(shí)不夠認(rèn)真的具體表現(xiàn)。
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)潔實(shí)用： 這是非常重要的，網(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ù)各自的特色建立了不同的表格，突出各自的主題，增強(qiáng)了對(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)教后終于在老師的幫助下我成功的在我的主頁(yè)插入了flash。而在其它的二級(jí)網(wǎng)頁(yè)我主頁(yè)插入的是一些gif格式的動(dòng)態(tài)圖片。
在做完網(wǎng)站才發(fā)現(xiàn)，怎么所有的圖片素材并不是在一個(gè)文件夾中，而有許多的子文件夾，從網(wǎng)上下載的網(wǎng)頁(yè)全都是一個(gè)網(wǎng)頁(yè)對(duì)應(yīng)一個(gè)文件夾。制作過(guò)程中，才發(fā)現(xiàn)，原來(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ò)程中出現(xiàn)一些問(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)拓視野，增強(qiáng)自己的實(shí)習(xí)操作技能，為以后能做出出色的網(wǎng)頁(yè)而努力。同時(shí)我也希望能夠有更多的類似動(dòng)手練習(xí)，讓我們?cè)趯?shí)習(xí)之中來(lái)學(xué)習(xí)知識(shí)。因?yàn)槲矣X(jué)得實(shí)習(xí)不僅能夠提高我們的學(xué)習(xí)興趣它更能夠提高我們的動(dòng)手能力增強(qiáng)我們的技術(shù)性。
網(wǎng)頁(yè)設(shè)計(jì)的實(shí)踐報(bào)告篇十六
一、畢業(yè)設(shè)計(jì)的內(nèi)容和意義：（500字左右）。
學(xué)校網(wǎng)站是實(shí)現(xiàn)教育資源分配的橋梁網(wǎng)絡(luò)有巨大的教育資源庫(kù)，它聚集社會(huì)的力量，使教育資源無(wú)限增長(zhǎng)。學(xué)校網(wǎng)站是最佳的教學(xué)研究室，學(xué)校網(wǎng)站與教育類專門網(wǎng)站的有效鏈接，給學(xué)校教學(xué)研究帶來(lái)了一片新天地，各種優(yōu)秀文章、各科素材、優(yōu)秀軟件下載等內(nèi)容為學(xué)生提供了極佳的平臺(tái)。有效地降低教研成本、提高效率。
我國(guó)的大學(xué)教育已經(jīng)普及，大學(xué)生的隊(duì)伍也正在不斷壯大，為了方便大學(xué)生對(duì)本校各項(xiàng)工作的了解以及加深學(xué)生、教師與學(xué)校之間相互的交流，建設(shè)一個(gè)規(guī)?；男@網(wǎng)站成為了當(dāng)務(wù)之急。網(wǎng)絡(luò)化將給我們的工作和學(xué)習(xí)帶來(lái)了極大的便利。
以internet/intranet為網(wǎng)絡(luò)平臺(tái)實(shí)現(xiàn)校園網(wǎng)絡(luò)各項(xiàng)信息發(fā)布、管理、設(shè)置等功能。本題目要開(kāi)發(fā)一個(gè)校園網(wǎng)門戶網(wǎng)站。包括bbs系統(tǒng)平臺(tái)、院校新聞發(fā)布平臺(tái)，在限選課平臺(tái)。后臺(tái)：包括平臺(tái)管理、統(tǒng)一認(rèn)證、資源管理、用戶權(quán)限管理等。
二、文獻(xiàn)綜述：（300字左右）。
經(jīng)濟(jì)高速發(fā)展的今天，校園的各種信息的收集與發(fā)布都要求有一個(gè)高的效率。由于大學(xué)生的生活節(jié)奏較快，且電腦普及率和上網(wǎng)概率也隨著社會(huì)的發(fā)展越來(lái)越高，學(xué)生上網(wǎng)獲取信息的機(jī)會(huì)越來(lái)越多。所以，學(xué)?？梢詫⒄?wù)宣傳服務(wù)切入到這個(gè)點(diǎn)來(lái)，讓學(xué)生更方便地獲取相關(guān)信息，這將大大提高學(xué)生學(xué)習(xí)的進(jìn)度和對(duì)學(xué)校教育的滿意度。這就要求通過(guò)網(wǎng)站，全面宣傳、展示學(xué)校風(fēng)采、優(yōu)點(diǎn)與特色，發(fā)布學(xué)校的重大活動(dòng)安排與招生政策，增強(qiáng)家長(zhǎng)與學(xué)校之間的聯(lián)系，在internet上實(shí)現(xiàn)完成部分校務(wù)，提高辦事效率。
該系統(tǒng)是面向全網(wǎng)絡(luò)的，作為學(xué)校與外界聯(lián)系的一個(gè)平臺(tái)。系統(tǒng)管理員負(fù)責(zé)更新網(wǎng)站內(nèi)容，不同權(quán)限的用戶登錄系統(tǒng)將進(jìn)入不同的頁(yè)面，實(shí)現(xiàn)不同的操作。
系統(tǒng)主要包括六個(gè)模塊：1.用戶注冊(cè)模塊：這個(gè)模塊完成新用戶的注冊(cè)功能，并能對(duì)注冊(cè)信息進(jìn)行檢查。2.用戶登錄模塊：這個(gè)模塊提供用戶的登錄界面，并驗(yàn)證用戶名和密碼,以確定用戶身份。3.顯示模塊：這個(gè)模塊將根據(jù)用戶權(quán)限顯示出不同的頁(yè)面，以及內(nèi)容。4.操作模塊：這個(gè)模塊提供與內(nèi)容相關(guān)的功能，并且對(duì)不同身份的用戶給予不同的操作權(quán)限。5.用戶管理模塊：這個(gè)模塊能夠?qū)τ脩魝€(gè)人信息進(jìn)行管理。6.數(shù)據(jù)庫(kù)模塊：這個(gè)模塊實(shí)現(xiàn)對(duì)數(shù)據(jù)庫(kù)的連接和訪問(wèn)。
三、工作計(jì)劃及方案論證：（500字左右）。
1．第一階段：11月20日—11月25日。
閱讀資料；進(jìn)行需求分析，提出設(shè)計(jì)方案確定技術(shù)路線，完成開(kāi)。
題報(bào)告；設(shè)計(jì)軟件原型。
2．第二階段：11月26日—2月10日。
在上一階段基礎(chǔ)上，按時(shí)、按質(zhì)、按量完成畢業(yè)設(shè)計(jì)任務(wù)。
3．第三階段：2月11日—4月1日。
總結(jié)所有的工作，完成畢業(yè)設(shè)計(jì)論文初稿。
4．第四階段：4月2日—4月20日。
修改論文；小組內(nèi)答辯，評(píng)分；準(zhǔn)備答辯材料。
[1]周懷軍.asp動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)應(yīng)用教程[m].電子工業(yè)出版社,20xx-3。
[2]趙燕萍.電子商務(wù)概論[m].北京中央黨校出版社,20xx-11。
[3]王恩波王若賓.管理信息系統(tǒng)實(shí)用教程[m].人民郵電出版社,20xx-9。
[4]唐乾林.網(wǎng)頁(yè)設(shè)計(jì)與制作案例教程[m]機(jī)械工業(yè)出版社,20xx-8。
[5]趙增敏.asp可視化編程及應(yīng)用[m].機(jī)械工業(yè)出版社,20xx。
[7]崔良海沙俐敏.web編程技術(shù)[m].人民郵電出版社,20xx。
[8]陳家琪.c程序設(shè)計(jì)教程[m].新華出版社,20xx-11。
[9]明日科技.數(shù)據(jù)庫(kù)系統(tǒng)開(kāi)發(fā)完全手冊(cè)[m].人民郵電出版社,20xx-1。
[10]鄧春妮孫艷華鄒慶云.信息化系統(tǒng)建設(shè)案例[m].人。
民郵電出版社,20xx-12。
[15]王珂玲.利用。
asp技術(shù)的在線教育系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)電腦知識(shí)與技[16]吳錦.基于。
[18]王海燕王明明張景義.用。
網(wǎng)頁(yè)設(shè)計(jì)的實(shí)踐報(bào)告篇一
網(wǎng)站整體規(guī)劃是做網(wǎng)頁(yè)的第一步也是制作網(wǎng)頁(yè)最關(guān)鍵的一步它決定了你要表答的信息，因此我選擇了我選擇我最喜愛(ài)的服飾來(lái)為它做網(wǎng)頁(yè)。在平時(shí)我也對(duì)服裝的網(wǎng)頁(yè)比較關(guān)心，無(wú)論是淘寶網(wǎng)上的衣店還是各種品牌裝。這次我是為“易菲”服飾做的網(wǎng)頁(yè)。
定位網(wǎng)站的ci形象。
“易菲”植根中國(guó)文化之精髓，汲取自然稟賦之靈性，形成一個(gè)既有濃厚文化底蘊(yùn)，又有現(xiàn)代自然人文氣息的特色品牌?！耙住奔词侨?，是包容，是寬容，是五千年中華民族的文化精髓，是厚德載物，是對(duì)人性寬度的一種拓展。“菲”通非，是生機(jī)、是個(gè)性、是春意盎然、是自強(qiáng)不息，是對(duì)人性深度的一種挖掘?！吧钊缁?，自在快樂(lè)”是yifini易菲的設(shè)計(jì)理念，倡導(dǎo)一種與自然和諧相處，如花兒綻放般美好舒適、自在快樂(lè)的生活方式。這也便是我網(wǎng)站的ci形象。
于時(shí)間的關(guān)系在本次我準(zhǔn)備做四張網(wǎng)頁(yè)：一張主頁(yè)三張二級(jí)頁(yè)面。分別設(shè)計(jì)了“時(shí)尚首頁(yè)、時(shí)尚衣秀、推薦產(chǎn)品、潮流信息”等四個(gè)欄目。在這四張頁(yè)面中我打算都用淡藍(lán)色做背景顏色來(lái)映襯我網(wǎng)頁(yè)的主打色綠色。
網(wǎng)站的整體風(fēng)格和創(chuàng)意。
整個(gè)網(wǎng)站的創(chuàng)意就在于顏色的搭配，與各種圖片的搭配，它們相互輝映，相互襯托。以便達(dá)到表現(xiàn)其品牌的和諧之美、自然之美。我踩用淡藍(lán)色和綠色為我網(wǎng)站的主打色主要是因?yàn)槲业漠a(chǎn)品特性。在設(shè)計(jì)上，yieini易菲推崇“自然美”，將帶表女性氣質(zhì)的花卉和自然元素融入設(shè)計(jì)之中，充分體現(xiàn)設(shè)計(jì)師和顧客所追求的一種灑脫、舒適的生活氛圍，力求表現(xiàn)悠閑、舒暢、自然的生活情趣。因此我用天空與自然的顏色來(lái)表達(dá)這張自然之美、和諧之美。
在做網(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ò)三次像老實(shí)詢問(wèn)我終于懂得一些關(guān)于代碼的搜索。在搜集資料的過(guò)程之中我發(fā)現(xiàn)了自己的許多不足之處，最關(guān)鍵就是平時(shí)對(duì)知識(shí)的掌握不夠，連最基本的資料搜尋都覺(jué)得困難。也是我平時(shí)不夠認(rèn)真和努力的表現(xiàn)。通過(guò)這次的教訓(xùn)在以后我一定會(huì)做得更好，爭(zhēng)取不范類似錯(cuò)誤。
做網(wǎng)頁(yè)主要用的工具便是dremweaver、photoshop、flash軟件。在這些軟件我對(duì)dremweaver、photoshop相對(duì)比較熟悉，因?yàn)樵谄綍r(shí)上課是老師帶領(lǐng)我們運(yùn)用過(guò)。所以我還可以正常的運(yùn)用，但是出現(xiàn)的問(wèn)題還是有很多。有很多不懂如何操作，只有通過(guò)在次去看書(shū)才能夠了解，這也體現(xiàn)了我學(xué)習(xí)方面的缺點(diǎn)，它是我平時(shí)不夠認(rèn)真的具體表現(xiàn)。
在我打開(kāi)dremweaver后第一步便是新建站點(diǎn)，我把我的站點(diǎn)建立在f儀下面。并將我搜集的全部資料都保存在其文件夾中，以便網(wǎng)頁(yè)制作時(shí)可以方便的使用。
設(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)潔實(shí)用：這是非常重要的，網(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ù)各自的特色建立了不同的表格，突出各自的主題，增強(qiáng)了對(duì)比性。在做這些網(wǎng)頁(yè)的時(shí)候我就進(jìn)行了如上所述的方法。但我所以網(wǎng)頁(yè)的背景顏色及主題顏色都是相同的以便突出我每一個(gè)網(wǎng)頁(yè)都是為凸顯我主題而服務(wù)。
實(shí)現(xiàn)網(wǎng)頁(yè)間的鏈接。
我的鏈接按鈕主要有四個(gè)“時(shí)尚首頁(yè)、時(shí)尚衣秀、推薦產(chǎn)品、潮流信息”它分別鏈接到我所做的四個(gè)網(wǎng)頁(yè)。鏈接的過(guò)程其實(shí)很簡(jiǎn)單，主要是把要鏈接的文字選擇在選擇工具欄的鏈接按鈕最后選擇自己要鏈接的網(wǎng)頁(yè)單擊確定便可以了。
向靜太網(wǎng)頁(yè)插入動(dòng)態(tài)效果。
在這一階段我遇到了許多的`問(wèn)題，主要是我在主頁(yè)插入我的flash的時(shí)候，開(kāi)是我將帶碼粘貼到我的網(wǎng)頁(yè)上可是在瀏覽網(wǎng)頁(yè)的時(shí)候flash卻不能夠顯示。最后我向老師的請(qǐng)教后終于在老師的幫助下我成功的在我的主頁(yè)插入了flash。而在其它的二級(jí)網(wǎng)頁(yè)我主頁(yè)插入的是一些gif格式的動(dòng)態(tài)圖片。
在做完網(wǎng)站才發(fā)現(xiàn)，怎么所有的圖片素材并不是在一個(gè)文件夾中，而有許多的子文件夾，從網(wǎng)上下載的網(wǎng)頁(yè)全都是一個(gè)網(wǎng)頁(yè)對(duì)應(yīng)一個(gè)文件夾。制作過(guò)程中，才發(fā)現(xiàn)，原來(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ò)程中出現(xiàn)一些問(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)拓視野，增強(qiáng)自己的實(shí)踐操作技能，為以后能做出出色的網(wǎng)頁(yè)而努力。同時(shí)我也希望能夠有更多的類似動(dòng)手練習(xí)，讓我們?cè)趯?shí)踐之中來(lái)學(xué)習(xí)知識(shí)。因?yàn)槲矣X(jué)得實(shí)踐不僅能夠提高我們的學(xué)習(xí)興趣它更能夠提高我們的動(dòng)手能力增強(qiáng)我們的技術(shù)性。
網(wǎng)頁(yè)設(shè)計(jì)的實(shí)踐報(bào)告篇二
我第一次步入了社會(huì)，從此開(kāi)始了面對(duì)社會(huì)、工作的生活。剛剛走入社會(huì)的.我是一個(gè)性格有些內(nèi)向的人，面對(duì)陌生的人，我不善言辭，不會(huì)給自己的外表進(jìn)行很好的包裝，不適合做那些銷售、接待的工作，只有技術(shù)類的工作，少說(shuō)多干的活適合我，這個(gè)我很清楚?，F(xiàn)在，中國(guó)每年都有很多畢業(yè)的大學(xué)生找不到工作，我也不例外，所以，這第一次實(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)行一些手寫代碼工作的。
二、開(kāi)發(fā)技術(shù)。
做為一個(gè)剛畢業(yè)的大學(xué)生，我的知識(shí)儲(chǔ)備肯定有不足的地方，畢竟學(xué)校教的東西肯定會(huì)有一部分和社會(huì)是脫節(jié)的，但好在我的領(lǐng)導(dǎo)對(duì)于我沒(méi)有太多的要求，他只是要求我盡快的適應(yīng)公司的工作和生活，在短時(shí)間內(nèi)熟練的掌握相關(guān)技術(shù)，干好本職工作。
在大學(xué)里對(duì)一個(gè)學(xué)生來(lái)說(shuō)什么是最重要的，那就是學(xué)習(xí)能力。要知道，這個(gè)世界上，知識(shí)在發(fā)展，人類在進(jìn)步，每天都在進(jìn)行日新月異的變化，我們的知識(shí)儲(chǔ)備總會(huì)有不夠的地方，但是一定要有學(xué)習(xí)能力，將不會(huì)知識(shí)快速掌握，只有這樣才能占據(jù)主動(dòng)，減少被動(dòng)情況的尷尬發(fā)生，通過(guò)二個(gè)星期的時(shí)間，我成功的適應(yīng)了公司的工作和生活節(jié)奏，每天早九點(diǎn)上班，晚17:30下班，中午休息一個(gè)半小時(shí)，每周還有兩天假期。我利用業(yè)余時(shí)間，抓緊學(xué)習(xí)，將工作中所需要的技術(shù)進(jìn)行了強(qiáng)化學(xué)習(xí)，其實(shí)這些東西在學(xué)校的時(shí)候就接觸過(guò)，只是不精通。那個(gè)時(shí)候?qū)W的東西多，難免有個(gè)主次之分，這次工作了，才知道哪個(gè)應(yīng)該多學(xué)點(diǎn)，但好在我都有學(xué)過(guò)，所以有個(gè)好的基礎(chǔ)在這里，也就不怕了，比如說(shuō)：flash，公司要求技術(shù)人員會(huì)做flash，flash這東西以前我在宿舍的時(shí)候經(jīng)常玩的，可是后來(lái)在分析就業(yè)情況時(shí)，分析錯(cuò)了方向，以為這東西沒(méi)有什么用處，結(jié)果就給荒廢了。但好在還有印象，并且當(dāng)初記了很多的筆記，所以說(shuō)記筆記是很重要的事情。而其它像javascript、ml、數(shù)據(jù)庫(kù)這些東西我都學(xué)過(guò)，只是實(shí)踐能力稍差一點(diǎn)，但好在從前在學(xué)習(xí)方面用的功不是白費(fèi)的。通過(guò)這種實(shí)戰(zhàn)環(huán)境，和半個(gè)月的刻苦學(xué)習(xí)，我終于可以感上小組的工作進(jìn)度了，已經(jīng)可以很好的完成領(lǐng)導(dǎo)教給我的任務(wù)了。
像我這個(gè)組常用的是css+span排版，后臺(tái)使用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)站都開(kāi)始了重新構(gòu)架，所以都采用css+span進(jìn)行網(wǎng)頁(yè)排版，我目前正在學(xué)習(xí)，掌握的還算比較快。而在后臺(tái)開(kāi)發(fā)部分，我們使用php來(lái)進(jìn)行開(kāi)發(fā)，我的工作是手寫一些小模塊?；蛘哂胘avascript寫一些特效小代碼。
三、工作流程。
小組分工時(shí)，我負(fù)責(zé)后臺(tái)里小模塊的開(kāi)發(fā)工作，如：留言板或論壇，還有一部分javascript代碼編寫工作。前臺(tái)部分的工作是和組里的丁珊珊做一些排版的工作，使用css+span技術(shù)。編寫代碼這種工作看起來(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)性能受到了大重的喜歡，我個(gè)人認(rèn)為php很簡(jiǎn)單，適合初學(xué)者學(xué)習(xí)使用，但是在某些地方想要做好，就需要你認(rèn)真的學(xué)習(xí)了。目前，我負(fù)責(zé)的只是技術(shù)性較低和規(guī)模較小的模塊，不過(guò)，我覺(jué)得從簡(jiǎn)單處做起也挺好的，但是我在寫代碼時(shí)，還是經(jīng)常犯些小錯(cuò)誤，導(dǎo)致代碼頁(yè)面經(jīng)常出錯(cuò)，而自己往往還找不到是哪錯(cuò)了，有幾次急的都不行，不管怎么弄，結(jié)果就是錯(cuò)誤，后來(lái)我才發(fā)現(xiàn)，原來(lái)只是一個(gè)小錯(cuò)誤，小的不仔細(xì)察看，我都找不到。于是我明白，做開(kāi)發(fā)工作，一定要細(xì)心，否則就會(huì)給自己和別人帶來(lái)麻煩。
四、安全檢查。
漏，很有可能導(dǎo)致網(wǎng)站在實(shí)際使用時(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í)工作的這段時(shí)間，我在個(gè)人技術(shù)上收獲了很多，現(xiàn)在的我已經(jīng)能獨(dú)檔一面了，做一些難度比較大的工作，我通過(guò)優(yōu)異的表現(xiàn)，已經(jīng)轉(zhuǎn)為正式員工，我對(duì)自己的表現(xiàn)感到滿意，最重要的是我給自己的學(xué)校爭(zhēng)了光，但是在社交能力方面，溝通能力上還有不足的地方。我決定在今后的工作和學(xué)習(xí)，要加強(qiáng)和別人的溝通能力。使自己變的更好，為國(guó)家為社會(huì)做出更多的貢獻(xiàn)。
網(wǎng)頁(yè)設(shè)計(jì)的實(shí)踐報(bào)告篇三
實(shí)習(xí)目的。
：熟悉和掌握計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)的基本技巧及網(wǎng)頁(yè)制作相關(guān)工具軟件等內(nèi)容。培養(yǎng)我們利用計(jì)算機(jī)進(jìn)行商務(wù)網(wǎng)頁(yè)設(shè)計(jì)的???基本思路和應(yīng)用開(kāi)發(fā)能力，提高我們的計(jì)算機(jī)文化素質(zhì)。
網(wǎng)頁(yè)是世界上最有價(jià)值的不動(dòng)產(chǎn)之一。人們?cè)谶@個(gè)不足0.1平米的空間內(nèi)投資達(dá)數(shù)百萬(wàn)美元。網(wǎng)頁(yè)對(duì)公司的影響比簡(jiǎn)單的電子商務(wù)增收方法大得多；網(wǎng)頁(yè)也是公司對(duì)外的臉面。web站點(diǎn)就像一棟房子，它的每一個(gè)窗口都可以看成一扇門，人們可以沿著搜索引擎其他web站點(diǎn)的鏈接，繞過(guò)主頁(yè)而進(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)頁(yè)設(shè)計(jì)上面，根據(jù)普羅旺斯夢(mèng)幻般的意境，我采用的是清新雋永的ci形象。使瀏覽者有賓至如歸的感受。
3.確定欄目和板塊：
1]首先要考慮整個(gè)網(wǎng)頁(yè)的長(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)頁(yè)制作的前期策劃與準(zhǔn)備。
1.資料的搜集：由于個(gè)人的愛(ài)好，我很早以前就收集了許多普羅旺斯的美圖，這次就方便多了。接著就搜集了一些有夢(mèng)幻效果的網(wǎng)頁(yè)背景，fiash源代碼、小圖標(biāo)和一些gif的動(dòng)畫等。
2.熟悉制作工具軟件：
主頁(yè)制作的基本條件有：
硬件：
軟件：
圖像處理軟件：常用的有photoshop、flash、fireworks等；
文件上傳軟件：常用的有cuteftp、wsftp等。
真的是萬(wàn)事開(kāi)頭難啊，遇到了很多問(wèn)題，比如：插入的圖片不符合規(guī)格，一下子把其他內(nèi)容的框架擠開(kāi)；插入的層太多，大一點(diǎn)的就把小一點(diǎn)的給覆蓋掉了；插入的flash不能產(chǎn)生效果?？傊畣?wèn)題一籮筐。實(shí)踐出真知，原來(lái)自己還有那么多欠缺的知識(shí)。于是回歸本源，先把課本上的東西弄通再談其他。然后又到圖書(shū)管里借了幾本網(wǎng)頁(yè)制作方面的書(shū)籍來(lái)參考。
在對(duì)基本知識(shí)有了詳細(xì)的了解之后，做起東西來(lái)就得心應(yīng)手多了，知道引導(dǎo)頁(yè)能過(guò)加映像之后，我決定為我的網(wǎng)頁(yè)設(shè)計(jì)一個(gè)引導(dǎo)頁(yè)。
然后是主頁(yè)和二級(jí)頁(yè)面的設(shè)置。要注意,網(wǎng)上只能使用jpg和gif兩種圖象格式，其他諸如bmp和tif等很通用的格式都不能用在網(wǎng)上,因?yàn)樗鼈兲罅?但可以用圖象軟件進(jìn)行轉(zhuǎn)換，比如office97的照片編輯器。把準(zhǔn)備在主頁(yè)上出現(xiàn)的圖象放進(jìn)相應(yīng)的目錄里后.
在一步一步的邊學(xué)邊做的過(guò)程中，看著心中的東西一點(diǎn)一點(diǎn)的出來(lái)，真的很有成就感。雖然自己的網(wǎng)頁(yè)技術(shù)還差的遠(yuǎn)，但是回顧一下這周真的學(xué)到了很多的東西。
四.網(wǎng)頁(yè)的調(diào)試。
之前把作過(guò)的東西放到u盤里，發(fā)生過(guò)圖片顯示不出來(lái)的狀況，還好即使找到了解救的方法，把源文件和web頁(yè)面放到一起這樣就算路徑改變的話也不會(huì)影響頁(yè)面的效果。
總結(jié)：在www上,不論你是資產(chǎn)上億的大公司,還是捉襟見(jiàn)肘的窮學(xué)生,只要你建立了自己的網(wǎng)頁(yè),你們的地位就是平等的。經(jīng)過(guò)這周的相關(guān)學(xué)習(xí)，我了解到網(wǎng)頁(yè)設(shè)計(jì)與制作是一門龐大的工程。網(wǎng)站的反饋與評(píng)價(jià)網(wǎng)站要注意經(jīng)常維護(hù)更新內(nèi)容、保持內(nèi)容的新鮮,不要做好就放到服務(wù)器永遠(yuǎn)不變了,只有不斷地補(bǔ)充、更新內(nèi)容、才能夠吸引瀏覽者.維護(hù)更新時(shí)可以充分利用dreamweaver提供的模板和庫(kù)技術(shù),以提高工作效率.一個(gè)真正的網(wǎng)站,不僅應(yīng)該實(shí)現(xiàn)傳統(tǒng)媒體的電子化,給用戶提供需要的內(nèi)容、而且還應(yīng)該做更多的事情、完成比頁(yè)面瀏覽更高層次的需求,例如收集信息,數(shù)據(jù)傳遞,數(shù)據(jù)存儲(chǔ)以及系統(tǒng)維護(hù)等.自己還有許多要學(xué)習(xí)的地方。
網(wǎng)頁(yè)設(shè)計(jì)的實(shí)踐報(bào)告篇四
實(shí)習(xí)目的1、通過(guò)實(shí)習(xí)，使學(xué)生加深對(duì)所學(xué)課程內(nèi)容的認(rèn)識(shí)、理解、掌握，達(dá)到對(duì)所學(xué)知識(shí)、技能系統(tǒng)化、條理化的目的，鞏固、提高學(xué)習(xí)效果。
2、通過(guò)綜合應(yīng)用實(shí)習(xí)，熟練掌握dreamwervermx8、flashmx8、fireworks8的各項(xiàng)操作并能夠掌握制作網(wǎng)頁(yè)的技能，根據(jù)所學(xué)技能學(xué)以致用，解決實(shí)際問(wèn)題，提高操作應(yīng)用熟練程度。
知道dreamwervermx8是及網(wǎng)頁(yè)制作和網(wǎng)站管理于一身的網(wǎng)頁(yè)制作軟件，它是專門為網(wǎng)頁(yè)設(shè)計(jì)師量身定制的可視化網(wǎng)頁(yè)制作軟件，利用它可以為方便、快捷地制作跨平臺(tái)話瀏覽的動(dòng)感網(wǎng)業(yè)。
了解fireworks是處理圖片的軟件，使用它可以創(chuàng)建和編輯位圖、矢量圖形，還可以非常輕松的做出各種網(wǎng)頁(yè)設(shè)計(jì)中常見(jiàn)的效果，例如動(dòng)畫、轉(zhuǎn)換圖像、導(dǎo)航條、下拉菜單等。設(shè)計(jì)完成以后，如果要在網(wǎng)頁(yè)設(shè)計(jì)中使用，可將它輸出為teml文件，還能輸出在photoshop、illustrator和flash等軟件中編輯的格式。
通過(guò)對(duì)flash的學(xué)習(xí)，掌握如何處理矢量圖形，制作矢量動(dòng)畫，掌握如何添加音樂(lè)、時(shí)動(dòng)作控制在flash內(nèi)容和集成flash影片，了解actionscript腳本語(yǔ)言創(chuàng)建交換形式、在實(shí)習(xí)的過(guò)程中鞏固了對(duì)前面的知識(shí)的學(xué)習(xí)，加深對(duì)知識(shí)的了解，進(jìn)一步對(duì)網(wǎng)頁(yè)設(shè)計(jì)的見(jiàn)解，也突出了個(gè)人的特點(diǎn)，運(yùn)用所學(xué)的知識(shí)做出了讓自己滿意的作品。
四、實(shí)習(xí)內(nèi)容及方法。
一、實(shí)習(xí)任務(wù)：
1、通過(guò)仔細(xì)閱讀網(wǎng)頁(yè)設(shè)計(jì)及網(wǎng)站規(guī)劃課程教材、網(wǎng)上資料、教參等相關(guān)內(nèi)容，加深對(duì)相關(guān)概念的理解、理論的理解、掌握、運(yùn)用。
2、嚴(yán)格按照實(shí)習(xí)指導(dǎo)書(shū)的相關(guān)要求，完成了各項(xiàng)綜合操作，并將相應(yīng)圖像制作、動(dòng)畫制作和頁(yè)面設(shè)計(jì)的作品進(jìn)行了保存。3、及時(shí)積極完成各項(xiàng)實(shí)習(xí)報(bào)告的撰寫。
4、實(shí)習(xí)結(jié)果及實(shí)習(xí)項(xiàng)目嚴(yán)格按照要求及時(shí)保存、展示。
二、實(shí)習(xí)內(nèi)容：
（一）、使用dreamwervermx8、flashmx8、fireworks8完成惠爾公司網(wǎng)站。（二）、dreamwervermx8、flashmx8、fireworks8的使用方法和制作技巧。
1、創(chuàng)建一個(gè)站點(diǎn)：
站點(diǎn)的名稱就是“惠兒網(wǎng)站”,站點(diǎn)創(chuàng)建成功命一個(gè)首頁(yè)是再下面創(chuàng)建了5、、、、。其示意圖如下：
2、網(wǎng)頁(yè)中的圖像處理：
利用photoshop、和fireworks通過(guò)處理風(fēng)景圖。
在里面運(yùn)用到濾鏡的工具目的是讓圖片更加的形象逼真，處理后的圖片效果如圖所示：
3、布局與表格的編排：
在網(wǎng)頁(yè)設(shè)計(jì)中我偏好用表單編排一般情況下我的布局是在一個(gè)大的表單里寫很多文字插入許多圖片。其版面如圖所示：
1.
二級(jí)頁(yè)面制作方法如法炮制。4、網(wǎng)頁(yè)的鏈接。
網(wǎng)站中重要的就是各個(gè)子網(wǎng)頁(yè)與主頁(yè)面之間的鏈接，如果沒(méi)連接好或者鏈接錯(cuò)誤就會(huì)影響整個(gè)網(wǎng)站運(yùn)行的效果。列如我要把產(chǎn)品列表這個(gè)二級(jí)網(wǎng)頁(yè)跟主網(wǎng)頁(yè)鏈接方法如下：
回到/點(diǎn)擊頁(yè)面右下方的鏈接文件夾，找到我要鏈接的二級(jí)網(wǎng)頁(yè)。
打開(kāi)/鏈接后我的鏈接字體會(huì)變成我所設(shè)置的字體顏色，這樣表明我的鏈接成功。
預(yù)覽后在主頁(yè)面點(diǎn)擊“產(chǎn)品列表”就會(huì)顯示到我的產(chǎn)品列表二級(jí)頁(yè)面。
其他頁(yè)面方法同上。
產(chǎn)品列表：將“產(chǎn)品列表”同首頁(yè)進(jìn)行鏈接，然后預(yù)覽成功！郵箱登陸：將“郵箱登陸”同首頁(yè)進(jìn)行鏈接，然后預(yù)覽成功！
聯(lián)系我們：將“聯(lián)系我們”同首頁(yè)進(jìn)行鏈接，然后預(yù)覽成功！
公司簡(jiǎn)介：將“公司簡(jiǎn)介”同首頁(yè)進(jìn)行鏈接，然后預(yù)覽成功！
5、層與行為的應(yīng)用。
“跟蹤圖像”。這個(gè)跟蹤圖像將作為“層”布局頁(yè)面的參照對(duì)象。
2)選擇“查看”----“標(biāo)尺”----“顯示，打開(kāi)標(biāo)尺”
3)選擇“查看”----“網(wǎng)絡(luò)”----“顯示網(wǎng)絡(luò)”，4）在“網(wǎng)格設(shè)置”對(duì)話框中，選中“顯示網(wǎng)格”和“靠齊到網(wǎng)格”
5）為了防止層的重疊，需要打開(kāi)“層”面板。選擇“窗口”，“層”，打開(kāi)層面板。
1）打開(kāi)flash軟件，在里面建立8個(gè)圖層。并且準(zhǔn)備一副適合做標(biāo)示的圖片。
2）在圖層1上做1幀到160幀的普通幀、在圖層2上從第十幀開(kāi)始。
插入關(guān)鍵幀25幀結(jié)束，在第10幀上寫入“同”字，在25幀上寫“心”字，再回到第10幀創(chuàng)建補(bǔ)間動(dòng)畫。在圖層3上創(chuàng)建幀從25幀到40幀結(jié)束在25幀上寫“協(xié)”字創(chuàng)建關(guān)鍵幀到40幀寫“力”字，再返回到25幀創(chuàng)建補(bǔ)間動(dòng)畫。在圖層4上從40幀到55幀結(jié)束在40幀上寫“共”創(chuàng)建關(guān)鍵幀到55幀寫“創(chuàng)”字，在圖層7上從第十幀開(kāi)始插入關(guān)鍵幀25幀結(jié)束，在第10幀上寫入“輝”字，在25幀上寫“煌”依次而下做到160幀。
3）幀做好后敲擊enter鍵就可以播放flash動(dòng)畫，如果想插入網(wǎng)頁(yè)就。
按步驟走，文件—導(dǎo)出—導(dǎo)出影片，/最后點(diǎn)擊保存。
在這里我給自己的網(wǎng)頁(yè)設(shè)計(jì)的特效是讓一行字體在來(lái)回跑動(dòng)方法如下：
1）選中你要設(shè)計(jì)特效的字體選擇工具欄上的標(biāo)“簽選擇器”，“html”插入,關(guān)閉。
2）然后預(yù)覽就會(huì)出現(xiàn)從右到左的字幕。8、控制多個(gè)影片的播放。
制作的方法：
網(wǎng)頁(yè)分隔線可以說(shuō)是網(wǎng)頁(yè)中不可缺少的元素，它主要用于分隔網(wǎng)頁(yè)內(nèi)容也可以用于裝飾網(wǎng)頁(yè)。在網(wǎng)頁(yè)中插入一個(gè)層，然后在層中插入一個(gè)表格，設(shè)置表格的間距，然后在表格的單元格中插入圖片，設(shè)置時(shí)間軸。調(diào)出時(shí)間軸，在時(shí)間軸必要的地方添加改變屬性行為，并設(shè)置層對(duì)象的屬性添加行為和改變屬性。
五、結(jié)論。
1、收獲。
photoshop、fireworks、dreamweaver、flash的應(yīng)運(yùn)更加熟練.在制作網(wǎng)站的過(guò)程中，我們參照老師給的惠爾公司網(wǎng)站圖片，盡可能地想把我們自己的網(wǎng)站做的美觀、內(nèi)容豐富。網(wǎng)頁(yè)制作需要有很多的色調(diào)搭配能力和很好的布局能力，再加上自己的風(fēng)格創(chuàng)新能力，才能做出精美的網(wǎng)站。在這幾天的實(shí)習(xí)中，我學(xué)到無(wú)論作什么事都要有細(xì)心有耐心。尤其是在新疆停網(wǎng)的狀態(tài)下，搜集不到素材，所以，在網(wǎng)頁(yè)的制作上還是有一定的局限性。網(wǎng)站的布局上我也突出了自己的特點(diǎn)。尤其是在制作flash的時(shí)候老師給予了很大及時(shí)的幫助，讓我在制作的時(shí)候不至于給我?guī)?lái)很大麻煩。同時(shí)，也希望我們能利用我們學(xué)習(xí)的知識(shí)技能更好的為學(xué)院，為同學(xué)們服務(wù)，也希望我們能夠互相學(xué)習(xí)，互相取長(zhǎng)補(bǔ)短，使我們每個(gè)同學(xué)能夠更好的進(jìn)步。
2、不足。
在實(shí)習(xí)中我發(fā)覺(jué)網(wǎng)站的制作過(guò)程中，1、自己腦袋里沒(méi)有裝東西（網(wǎng)站的綜合布局、網(wǎng)頁(yè)的構(gòu)思和編排）。
甚至老師把作業(yè)布置下來(lái)自己還不知道該從那個(gè)地方著手很是茫然。
2、自己的閱歷不夠，自己的網(wǎng)站應(yīng)該是一個(gè)怎樣的網(wǎng)站，里面要放。
些啥內(nèi)容，該怎樣去組織這些內(nèi)容，心里沒(méi)底。
3、尤其是老師在前面教過(guò)的內(nèi)容自己沒(méi)有及時(shí)的練習(xí)和鞏固，以至。
片都不能做出自己想要的效果。最重要的是在制作網(wǎng)頁(yè)的時(shí)候，色彩搭配特別重要，而我自己對(duì)顏色的搭配不是很了解，感覺(jué)做出的東西老是顏色深的地方特別深，淡的地方特別淡，感覺(jué)不協(xié)調(diào)。
5、新疆停網(wǎng)的原因，使我們?cè)谒夭牡乃鸭献兊煤鼙粍?dòng)，所以導(dǎo)致。
做出的東西很簡(jiǎn)單，所以我覺(jué)得，知識(shí)應(yīng)用的全部全還要看準(zhǔn)備是否充分。
6、在以后的學(xué)習(xí)中我會(huì)更加認(rèn)真地去學(xué)習(xí)，去掌握這些軟件的用法，便于在以后做東西的時(shí)候能更好地運(yùn)用。
六、致謝。
在網(wǎng)頁(yè)實(shí)習(xí)結(jié)束的時(shí)候我要感謝辛勤的班主任老師，在這個(gè)學(xué)期代我們的網(wǎng)頁(yè)設(shè)計(jì)以外還代了很多別的課，所以很辛苦，在上課期間和實(shí)習(xí)期間同學(xué)在學(xué)習(xí)中遇到問(wèn)題都耐心的為他們講解直到他們聽(tīng)懂為止。正是在老師的號(hào)召下我們對(duì)網(wǎng)頁(yè)設(shè)計(jì)的興趣也非常的濃厚，在實(shí)習(xí)中我發(fā)現(xiàn)很多同學(xué)的網(wǎng)站做的很好很有特色，這都少不了老師的指導(dǎo)。在老師的帶領(lǐng)下我們學(xué)到很多書(shū)本上學(xué)不到的東西，相信在以后找工作中我們會(huì)多了一個(gè)籌碼。
其次，要感謝學(xué)校給我們安排了期末的課程實(shí)習(xí)，讓我們能在學(xué)期末重新溫習(xí)和總結(jié)整個(gè)一學(xué)期以來(lái)學(xué)習(xí)的知識(shí)，并且總結(jié)自己的不足，在以后的學(xué)習(xí)中能夠加以改正和補(bǔ)充。
最后，再次感謝學(xué)校和指導(dǎo)的老師！
網(wǎng)頁(yè)設(shè)計(jì)的實(shí)踐報(bào)告篇五
姓名:班級(jí):。
實(shí)踐內(nèi)容:與多人合作共建一個(gè)應(yīng)用性網(wǎng)站。
實(shí)踐地點(diǎn):湖北大學(xué)冰點(diǎn)工作室。
實(shí)踐日期:7.15-8.15
簡(jiǎn)介:。
籌劃期：
建設(shè)期：
1、設(shè)計(jì)的要求：
2、技術(shù)運(yùn)用中要注意的一些事項(xiàng)：
第一、明確技術(shù)是為設(shè)計(jì)服務(wù)的，不要沉迷于技術(shù)的運(yùn)用，堅(jiān)決摒棄那些華而不實(shí)的特效；
第三、不要打開(kāi)過(guò)多的新窗口，每個(gè)鏈接都會(huì)打開(kāi)不同的新窗口尤其讓人反感；
至于后期的維護(hù)和網(wǎng)站的宣傳,那就要考慮到網(wǎng)站投入的費(fèi)用了!
更多閱讀推薦：程序設(shè)計(jì)實(shí)踐報(bào)告數(shù)據(jù)庫(kù)實(shí)踐報(bào)告書(shū)廣告設(shè)計(jì)實(shí)踐報(bào)告。
網(wǎng)頁(yè)設(shè)計(jì)的實(shí)踐報(bào)告篇六
這是我的第一次實(shí)訓(xùn)，然而當(dāng)一個(gè)大學(xué)生第一次踏足這個(gè)社會(huì)，或許會(huì)覺(jué)得彷徨，畢竟年輕的我們，有16年都是在學(xué)校中度過(guò)的，再加上不斷的聽(tīng)聞實(shí)訓(xùn)、招聘的社會(huì)有多殘酷有多現(xiàn)實(shí)，但是其實(shí)只要我們?cè)敢馓こ龅谝徊?，初生牛犢不怕虎，大膽去闖吧，還是有公司能夠包容我們。所以抱著不怕辛苦，耐心向?qū)W的心情，我還是決定闖一闖，畢竟大學(xué)這個(gè)亞社會(huì)和真實(shí)的社會(huì)真的差太多太多了，在實(shí)訓(xùn)中，得到任何與自己專業(yè)相關(guān)的知識(shí)，規(guī)劃自己以后將要實(shí)現(xiàn)的目標(biāo)，學(xué)會(huì)如何在公司里處理人事關(guān)系，協(xié)調(diào)合作等等。然而實(shí)訓(xùn)后，發(fā)現(xiàn)自己仍在在所學(xué)的知識(shí)上欠缺完整性和技能的熟悉，實(shí)訓(xùn)是一件很有意義的事，是大學(xué)生踏入社會(huì)前減少在社會(huì)上碰壁的好方法。
回顧這一個(gè)月來(lái)的實(shí)訓(xùn)生活是一件很值得紀(jì)念的事，這是我第一次在外實(shí)訓(xùn)，第一次在網(wǎng)上投簡(jiǎn)歷能收到回復(fù)。對(duì)于我們這樣的藝術(shù)設(shè)計(jì)學(xué)生，我深刻的體會(huì)到單單是學(xué)校教的遠(yuǎn)遠(yuǎn)不夠，學(xué)校教的很籠統(tǒng)，很抽象，很大概，如果可以，我希望這個(gè)專業(yè)的師弟師妹們，有空多多到圖書(shū)館充實(shí)自己，靜下心來(lái)充分自學(xué)。在外實(shí)訓(xùn)前，第一件事是把自己賣出去，包裝自己，所以簡(jiǎn)歷很重要，務(wù)必屬實(shí)，因?yàn)槟阌卸嗌賰芍兀喨藷o(wú)數(shù)的人事主管和老板在面試的交談中很快就能從你各方面行為和語(yǔ)言中找到答案。既然要面試，衣服當(dāng)然要穿正裝，其實(shí)我也想的只是大二實(shí)訓(xùn)期沒(méi)有大三的三個(gè)月那么長(zhǎng)，就那么一個(gè)月。這樣短期的工作其實(shí)根本沒(méi)有什么公司愿意招聘，所以我感覺(jué)到萬(wàn)分榮幸能夠進(jìn)到這一支專業(yè)的創(chuàng)業(yè)團(tuán)隊(duì)，真的是一件了不起的事，而且這個(gè)崗位與我學(xué)習(xí)的和自己喜愛(ài)的科目對(duì)的很準(zhǔn)，我自己也十分樂(lè)于這份工作。
記得剛開(kāi)始的一個(gè)多星期，公司并沒(méi)有讓我馬上投入工作，因?yàn)楫?dāng)時(shí)對(duì)產(chǎn)品了解不熟悉，要從學(xué)校的圈子走出來(lái)到商業(yè)模式去還是有點(diǎn)顧慮，但是當(dāng)你接觸到這商業(yè)化的東西，你會(huì)發(fā)現(xiàn)，學(xué)校的東西遠(yuǎn)遠(yuǎn)不足。所以一般公司會(huì)進(jìn)行些培訓(xùn)，很感激william楊，他提供了很多設(shè)計(jì)的書(shū)籍給我自學(xué)閱讀，可惜在我深刻讀完《瞬間之美--web界面設(shè)計(jì)如果讓用戶心動(dòng)》(點(diǎn)擊跳到本人的讀書(shū)筆記)一書(shū)后，就再也很難抽取一點(diǎn)時(shí)間來(lái)閱讀了。
在接下來(lái)的這個(gè)月里，除了必要的培訓(xùn)以熟悉公司及其產(chǎn)品知識(shí)外，我也開(kāi)始忙碌起來(lái)，因?yàn)楫a(chǎn)品的第一個(gè)內(nèi)部版本需要再x月x日這個(gè)好日子發(fā)布。剛開(kāi)始的兩個(gè)星期，因?yàn)閷?duì)產(chǎn)品并不熟悉，一直以來(lái)在學(xué)校設(shè)計(jì)的作品都很“學(xué)校”但是商業(yè)設(shè)計(jì)比較少，出頭設(shè)計(jì)的時(shí)候真的抓破頭腦，因?yàn)榱?xí)慣了學(xué)校的生活，習(xí)慣了客戶給要求按照客戶的想法去做。至于什么叫很學(xué)校呢，就是一種填鴨式的，根據(jù)參考去模仿設(shè)計(jì)，然而在社會(huì)上涉及很多工作人員。
我很喜歡你們,喜歡這樣的工作氛圍，謝謝你們!
網(wǎng)頁(yè)設(shè)計(jì)的實(shí)踐報(bào)告篇七
網(wǎng)站主題就是要建立的網(wǎng)站所要包含的主要內(nèi)容，一個(gè)網(wǎng)站必須要有一個(gè)明確的主題。特別是對(duì)于個(gè)人網(wǎng)站，不可能像綜合網(wǎng)站那樣做得內(nèi)容大而全，包羅萬(wàn)象。我們沒(méi)有這個(gè)能力，也沒(méi)這個(gè)精力，所以必須要找準(zhǔn)一個(gè)內(nèi)容，做深、做透，辦出自己的特色，這樣才能給用戶留下深刻的印象。網(wǎng)站的主題無(wú)定則，只要是客戶感興趣的，任何內(nèi)容都可以，但主題要鮮明，在一定的主題范圍內(nèi)，內(nèi)容做到大而全、精而深。
明確了網(wǎng)站的主題以后，就要圍繞主題開(kāi)始搜集材料了。常言道：“巧婦難為無(wú)米之炊”。要想讓客戶的網(wǎng)站有血有肉，能夠吸引住用戶，就要盡量搜集材料，搜集得材料越多，以后制作網(wǎng)站就越容易。材料既可以從圖書(shū)、報(bào)紙、光盤、多媒體上得來(lái)，也可以從互聯(lián)網(wǎng)上搜集，然后把搜集的材料去粗取精，去偽存真，作為自己制作網(wǎng)頁(yè)的素材。
一個(gè)網(wǎng)站設(shè)計(jì)得成功與否，很大程度上決定于設(shè)計(jì)者的規(guī)劃水平，規(guī)劃網(wǎng)站就像設(shè)計(jì)師設(shè)計(jì)大樓一樣，圖紙?jiān)O(shè)計(jì)好了，才能建成一座漂亮的樓房。網(wǎng)站規(guī)劃包含的內(nèi)容很多，如網(wǎng)站的結(jié)構(gòu)、欄目的設(shè)置、網(wǎng)站的風(fēng)格、顏色搭配、版面布局、文字圖片的運(yùn)用等，而只有在制作網(wǎng)頁(yè)之前把這些方面都考慮到了，才能在制作時(shí)駕輕就熟，胸有成竹。也只有如此制作出來(lái)的網(wǎng)頁(yè)才能有個(gè)性、有特色，具有吸引力。如何規(guī)劃網(wǎng)站的每一項(xiàng)具體內(nèi)容，我在以后會(huì)有詳細(xì)介紹。
盡管選擇什么樣的工具并不會(huì)影響設(shè)計(jì)網(wǎng)頁(yè)的好壞，但是一款功能強(qiáng)大、使用簡(jiǎn)單的軟件往往可以起到事半功倍的效果。網(wǎng)頁(yè)制作涉及的工具比較多，首先就是網(wǎng)頁(yè)制作工具了，目前大多數(shù)網(wǎng)民選用的都是所見(jiàn)即所得的編輯工具，這其中的優(yōu)秀者當(dāng)然是dreamweaver和frontpage了，如果是初學(xué)者，frontpage20xx是首選。除此之外，還有圖片編輯工具，如photoshop、photoimpact等；動(dòng)畫制作工具，如flash、cool3d、gifanimator等；還有網(wǎng)頁(yè)特效工具，如需要有聲有色的效果，網(wǎng)上有許多這方面的軟件，可以根據(jù)需要靈活運(yùn)用。
材料有了，工具也選好了，下面就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實(shí)了，這是一個(gè)復(fù)雜而細(xì)致的過(guò)程，一定要按照先大后小、先簡(jiǎn)單后復(fù)雜來(lái)進(jìn)行制作。所謂先大后小，就是說(shuō)在制作網(wǎng)頁(yè)時(shí)，先把大的結(jié)構(gòu)設(shè)計(jì)好，然后再逐步完善小的結(jié)構(gòu)設(shè)計(jì)。所謂先簡(jiǎn)單后復(fù)雜，就是先設(shè)計(jì)出簡(jiǎn)單的內(nèi)容，然后再設(shè)計(jì)復(fù)雜的內(nèi)容，以便出現(xiàn)問(wèn)題時(shí)好修改。在制作網(wǎng)頁(yè)時(shí)要多靈活運(yùn)用模板，這樣可以大大提高制作效率。
網(wǎng)頁(yè)制作完畢，最后要發(fā)布到web服務(wù)器上，才能夠讓全世界的朋友觀看，現(xiàn)在上傳的工具有很多，有些網(wǎng)頁(yè)制作工具本身就帶有ftp功能，利用這些ftp工具，可以很方便地把網(wǎng)站發(fā)布到自己申請(qǐng)的主頁(yè)存放服務(wù)器上。網(wǎng)站上傳以后，你要在瀏覽器中打開(kāi)自己的網(wǎng)站，逐頁(yè)逐個(gè)鏈接的進(jìn)行測(cè)試，發(fā)現(xiàn)問(wèn)題，及時(shí)修改，然后再上傳測(cè)試。全部測(cè)試完畢就可以把網(wǎng)址告訴給朋友，讓他們來(lái)瀏覽。
網(wǎng)頁(yè)做好之后，還要不斷地進(jìn)行宣傳，這樣才能讓更多的人認(rèn)識(shí)它，提高網(wǎng)站的訪問(wèn)率和知名度。推廣的方法有很多，例如到搜索引擎上注冊(cè)、與別的網(wǎng)站交換鏈接、加入廣告鏈等。還有個(gè)是我們公司的特色，在網(wǎng)上推排名，這個(gè)宣傳效果也很顯著，人們只要輸入關(guān)鍵字最先看到的鏈接，則就是我們公司推上去的鏈接，很好用，訪問(wèn)量大大提升。
通過(guò)目前的實(shí)習(xí)，在設(shè)計(jì)方面我感覺(jué)自己有了一定的收獲，也為了我今后在工作及業(yè)務(wù)上能力的提高起到了促進(jìn)的作用，增強(qiáng)了今后的競(jìng)爭(zhēng)力，為能在以后立足增添了一塊基石。
但我也認(rèn)識(shí)到，要想做好這方面的工作單靠目前幾月的實(shí)習(xí)是不行的，還需要我在平時(shí)的學(xué)習(xí)和工作中一點(diǎn)一點(diǎn)的積累，不斷豐富自己的經(jīng)驗(yàn)才行。我面前的路還是很漫長(zhǎng)的，需要不斷的努力和奮斗才能真正地走好。
網(wǎng)頁(yè)設(shè)計(jì)的實(shí)踐報(bào)告篇八
網(wǎng)頁(yè)設(shè)計(jì)心得體會(huì)。
我利用寒假的時(shí)間，對(duì)網(wǎng)頁(yè)設(shè)計(jì)進(jìn)行了初步的認(rèn)識(shí)和了解，并基本掌握dreamweaver的應(yīng)用。
通過(guò)對(duì)網(wǎng)頁(yè)設(shè)計(jì)書(shū)籍的翻閱，我學(xué)習(xí)到了一些關(guān)于建設(shè)網(wǎng)站和制作網(wǎng)頁(yè)的知識(shí)，在實(shí)踐查閱資料時(shí)，對(duì)flash也有所了解。
我還了解了一些基礎(chǔ)的網(wǎng)絡(luò)技術(shù)。
通過(guò)學(xué)習(xí)，我對(duì)計(jì)算機(jī)有了更深層次得到了解，也有了更濃厚的興趣。
尤其是對(duì)網(wǎng)頁(yè)制作的過(guò)程與一些技巧手法更有了另外一番了解，對(duì)網(wǎng)頁(yè)制作的基礎(chǔ)知識(shí)也有了一定的掌握。
在這個(gè)過(guò)程中，我同樣認(rèn)識(shí)到網(wǎng)頁(yè)設(shè)計(jì)不是一門學(xué)科的獨(dú)秀，而是多種課程的綜合，他是、flash、fireworks等網(wǎng)頁(yè)軟件的綜合應(yīng)用。
下面闡述一下我在翻閱《dreamweaver》時(shí)的一些關(guān)于網(wǎng)頁(yè)設(shè)計(jì)的見(jiàn)解。
在具體的制作一個(gè)網(wǎng)頁(yè)時(shí)我了解到一個(gè)優(yōu)秀的網(wǎng)頁(yè)設(shè)計(jì)應(yīng)該具備一些基本原則。
首先，要·確定網(wǎng)頁(yè)設(shè)計(jì)的內(nèi)容一個(gè)優(yōu)秀的風(fēng)站要有一個(gè)明確的主題。
整個(gè)網(wǎng)站圍繞這個(gè)主題,也就是你在網(wǎng)頁(yè)設(shè)計(jì)之前要明確你這個(gè)網(wǎng)站有什么目的,用來(lái)做什么，所有頁(yè)面都是圍繞著這個(gè)內(nèi)容來(lái)制作，有了明確的內(nèi)容對(duì)排名有很重要的作用;其次，要了解你網(wǎng)站所在行業(yè)的客戶，及你的網(wǎng)頁(yè)屬于哪個(gè)類別。
用戶是一個(gè)網(wǎng)站成敗的關(guān)鍵,如果用戶要花很多時(shí)間進(jìn)入你網(wǎng)站很有可能用戶會(huì)立即關(guān)掉你網(wǎng)站,或者你網(wǎng)站操作很不方便用戶也會(huì)馬上離開(kāi),這種網(wǎng)站是很失敗的設(shè)計(jì),只會(huì)讓用戶失望的離去.
在完成以上的基本內(nèi)容之后網(wǎng)頁(yè)的基本框架便成形成了，
下面要開(kāi)始的便是優(yōu)化工作，
內(nèi)容是整個(gè)網(wǎng)頁(yè)的核心。
在網(wǎng)頁(yè)設(shè)計(jì)之前必須明確網(wǎng)頁(yè)的內(nèi)容安排。
優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì)是要建立在平凡的基礎(chǔ)上的。
然后在具體的規(guī)劃一個(gè)網(wǎng)頁(yè)時(shí)，可以用樹(shù)狀結(jié)構(gòu)先把每個(gè)頁(yè)面的內(nèi)容大綱列出來(lái)，尤其要制作一個(gè)大的網(wǎng)站 (有很多頁(yè)面) 的時(shí)候，特別需要把這個(gè)架構(gòu)規(guī)劃好，也要考慮到以后可能的擴(kuò)充性，免得做好以后又要一改再改整個(gè)網(wǎng)站的架構(gòu)，很浪費(fèi)時(shí)間和財(cái)力。
大綱列出來(lái)后，還必須考慮每個(gè)頁(yè)面之間的鏈接關(guān)系。
是星形，樹(shù)形，或是網(wǎng)形鏈接。
這也是判別一個(gè)網(wǎng)站優(yōu)劣的重要標(biāo)志。
鏈接混亂，層次不清的站點(diǎn)會(huì)造成瀏覽困難，影響內(nèi)容的發(fā)揮。
框架定下來(lái)了，然后開(kāi)始一步一步有條理，有次序地做來(lái)，就胸有成竹得多，也會(huì)為主頁(yè)將來(lái)發(fā)展打下良好的.基礎(chǔ)。
下一步，就以動(dòng)手制作具體內(nèi)容了，題材選定，框架選定，接下來(lái)就開(kāi)始往主頁(yè)里面填內(nèi)容。
如果是個(gè)人主頁(yè)，有能力的人完全可以靠自己來(lái)創(chuàng)作所有的內(nèi)容。
大部分人的方法是：從報(bào)紙，雜志，光盤等媒體中把相關(guān)的資料收集整理，再加上一定的編輯后就可以了。
另外一個(gè)好的方法是從網(wǎng)絡(luò)上收集，您只要到搜索引擎上查找相應(yīng)的關(guān)鍵字，就可以找到一大堆的資料。
在準(zhǔn)備材料的時(shí)候我們可以用一些小的動(dòng)畫和動(dòng)態(tài)圖片，flash提供了功能齊全的繪圖和編輯圖形工具。
可以直接在編輯區(qū)里繪畫，編輯修改非常靈活，它的另一大特點(diǎn)是“交互a性”強(qiáng)。
在動(dòng)畫播放時(shí)，可以用鼠標(biāo)或鍵盤對(duì)動(dòng)畫的播放進(jìn)行控制，效果可以很直觀的反映出來(lái)。
然后是開(kāi)始正式制作主頁(yè)。
通過(guò)dreamweaver作為制作軟件，只需要用到軟件中的一些基本的功能：圖片插入和對(duì)齊設(shè)置;文字的格式、顏色、背景顏色的設(shè)置等就可以制作出一個(gè)簡(jiǎn)單的網(wǎng)頁(yè)。
總體來(lái)說(shuō)，通過(guò)這個(gè)假期對(duì)網(wǎng)頁(yè)設(shè)計(jì)的學(xué)習(xí)，有收獲也有遺憾。
但是，我已經(jīng)邁入了網(wǎng)頁(yè)設(shè)計(jì)的大門，只要我再認(rèn)真努力的去學(xué)習(xí)，在今后的閑余時(shí)間學(xué)習(xí)制作網(wǎng)頁(yè)的更多知識(shí)以實(shí)現(xiàn)自身技能的提高，我堅(jiān)信將來(lái)設(shè)計(jì)出的網(wǎng)頁(yè)會(huì)更加專業(yè)，更加華麗，使它最終成為自己的一項(xiàng)技能。
不知不覺(jué),二個(gè)星期的《網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站建設(shè)》課程的實(shí)操即將過(guò)去,回顧這一段日子,真的令我體會(huì)很深,也學(xué)會(huì)很多東西,懂得很多以前不懂的東西,也明白了一些事情.
自從第一天接觸《網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站建設(shè)》課程,我以下定決心要把網(wǎng)頁(yè)這門課學(xué)好,做出一個(gè)優(yōu)秀的網(wǎng)站.所以我時(shí)刻沒(méi)有錯(cuò)過(guò)任何學(xué)習(xí)的機(jī)會(huì),無(wú)論在課堂上,還是在課外上.更何況這一次實(shí)操.回顧今次的實(shí)操我覺(jué)得我過(guò)得很充實(shí),很有意義,因?yàn)槲铱梢哉\(chéng)實(shí)的說(shuō)我在實(shí)操?zèng)]有玩過(guò)一次游戲,我每時(shí)每刻都在設(shè)計(jì)網(wǎng)站,還記得晚上做網(wǎng)站做到一、二點(diǎn)，可能有人會(huì)說(shuō)我傻，但正因?yàn)檫@個(gè)傻的行動(dòng)，令我學(xué)會(huì)很多東西，學(xué)會(huì)別人不懂的東西，做出一個(gè)令自己滿意的網(wǎng)站，可能跟別人比還需要繼續(xù)完善，但我不會(huì)因?yàn)閷?shí)操結(jié)束，就把網(wǎng)頁(yè)設(shè)計(jì)拋到九霄云外，我會(huì)繼續(xù)學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)技術(shù)，把它變?yōu)樽约旱囊豁?xiàng)特長(zhǎng)。
回顧第一天的《網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站建設(shè)》課程實(shí)操，老師叫我們繼續(xù)完善以前設(shè)計(jì)的網(wǎng)站，做出留言板、注冊(cè)的功能。
我很快就完成了，但可能我是一個(gè)追求完善的人，所以盡管一個(gè)網(wǎng)站做好可以馬上交給老師。
但我做出一個(gè)別人都不贊同的決定，從頭開(kāi)始做一個(gè)網(wǎng)站。
因?yàn)槲矣X(jué)得以前那個(gè)真的不是太好，盡管實(shí)操的時(shí)間過(guò)去了一半，盡管別人對(duì)我說(shuō)你交原來(lái)這個(gè)不就行了嗎!何必再做一個(gè)呢?但真因?yàn)槲业膱?zhí)著，追求成功，追求完善的人，才會(huì)使我今天交出一個(gè)令自己滿足的答卷。
在制作個(gè)人網(wǎng)站時(shí)我們首先：
一、必需進(jìn)行個(gè)人網(wǎng)站前臺(tái)功能設(shè)計(jì)
包括個(gè)人網(wǎng)站主題的確定，前臺(tái)功能設(shè)計(jì)與管理、個(gè)人網(wǎng)站主頁(yè)設(shè)計(jì)、個(gè)人網(wǎng)站留言板、注冊(cè)、忘記密碼、搜索等網(wǎng)頁(yè)設(shè)計(jì)與管理。
二、對(duì)個(gè)人網(wǎng)站后臺(tái)管理功能設(shè)計(jì)
包括個(gè)人網(wǎng)站后臺(tái)管理功能的設(shè)計(jì)、后臺(tái)管理信息系統(tǒng)功能的設(shè)計(jì)、后臺(tái)系統(tǒng)權(quán)限管理、后臺(tái)文件管理、個(gè)人網(wǎng)站后臺(tái)管理系統(tǒng)主頁(yè)設(shè)計(jì)。
三、網(wǎng)站的發(fā)布
通常我們發(fā)布一個(gè)網(wǎng)站可能以能過(guò)域名注冊(cè)，但我們也可以利用自己主機(jī)，裝了iis別人就可以通過(guò)我的ip地址來(lái)訪問(wèn)我的主頁(yè)。
第一次做的那個(gè)網(wǎng)頁(yè)我已經(jīng)發(fā)布在上網(wǎng)了。
四、個(gè)人網(wǎng)站推廣
一個(gè)網(wǎng)站做好了，就要對(duì)個(gè)人網(wǎng)站進(jìn)行推廣，這是一個(gè)電子商務(wù)網(wǎng)站必需做得的一步，因?yàn)槿绻悴粚?duì)你的網(wǎng)站進(jìn)行推廣，就算你發(fā)布了也沒(méi)有人會(huì)知道的。
在設(shè)計(jì)這個(gè)網(wǎng)站時(shí)真的體會(huì)很多東西，從一開(kāi)始網(wǎng)頁(yè)主題的確定，到主頁(yè)總體的設(shè)計(jì)、搜集資料、前臺(tái)功能設(shè)計(jì)與管理、后臺(tái)功能設(shè)計(jì)與管理、每個(gè)分頁(yè)面的設(shè)計(jì)等。
我都一一進(jìn)行了規(guī)劃，因?yàn)槿绻悴灰?guī)劃好，想做什么就做什么，是不會(huì)做得好的。
因我為體會(huì)到這一句話：“機(jī)會(huì)中屬于有準(zhǔn)備的人”。
我詳細(xì)到一個(gè)表格寬度都一一列明。
例如：775寬度，分三欄，每一欄占多少。
因?yàn)槲疑钌疃谩凹?xì)微處才見(jiàn)真功夫”。
在這次實(shí)操過(guò)程中令我印象最深的是做留言板，因?yàn)閯偤迷谏弦粋€(gè)星期sql數(shù)據(jù)庫(kù)實(shí)操做過(guò)了，所以今次在做就比較輕松，但我以前是經(jīng)過(guò)一個(gè)比較長(zhǎng)的練習(xí)，做完了n次，可能有人會(huì)想，肯定是不會(huì)才做這么多次啦!但我想告訴這位同學(xué)我每次做得都不是不同的方法。
第一次我用的是access數(shù)據(jù)庫(kù)，第二次我用的是sql數(shù)據(jù)庫(kù)加權(quán)限管理，第三次我用的是數(shù)據(jù)源名稱的連接，第四次我用的是自定義連接字符串，第五次……每一次用的方法都是不同的，可能有人會(huì)說(shuō)我傻，會(huì)一種方法就行了，還要那么多嗎?但我想說(shuō)的就是不是這么多次的練習(xí)，不是之么多次不同的方法，也就不會(huì)造就出今天熟能生巧的我，也不會(huì)對(duì)同學(xué)提出的問(wèn)題解決到，也不會(huì)輕松教會(huì)同學(xué)，因?yàn)槟阕约菏紫葘W(xué)會(huì)，學(xué)通，學(xué)廣，才能把問(wèn)題一一的解決。
令我難以忘懷的鏡頭也是在做留言板的時(shí)候，但不是為我自己的而做，而是一步一步教同學(xué)做，直到令同學(xué)學(xué)懂;把同學(xué)留言板的問(wèn)題一一解決;當(dāng)同學(xué)因?yàn)樽霾怀龆鴽](méi)心情，過(guò)去對(duì)她進(jìn)行鼓勵(lì)的，然后一一解決;當(dāng)自己也不會(huì)，與同學(xué)共同研究的情況，這種學(xué)習(xí)氛圍是最難得的，就是在做留言板的時(shí)候，令我深深體會(huì)到我?guī)拙湓挘赫J(rèn)真做事只是把事情做對(duì)，用心做事才能把事情做好。
把每一件簡(jiǎn)單的事情做好就是不簡(jiǎn)單，把第一件平凡的事情做好就是不平凡。
網(wǎng)頁(yè)設(shè)計(jì)的實(shí)踐報(bào)告篇九
畢業(yè)后，我來(lái)到了社會(huì)這個(gè)匯集眾多江河湖水的大海，感受到了獨(dú)立生活的好處與艱辛，同時(shí)我自己也更深的理解了，家長(zhǎng)和學(xué)校老師對(duì)我們的殷切希望，在社會(huì)實(shí)習(xí)的這段日子，我吃了些苦，受了些罪，可是整個(gè)人在肉體上和精神上卻升華了很多，也比以前的變得更有自信了?，F(xiàn)將我的實(shí)習(xí)情況匯報(bào)如下：
我所在的這家公司，是一家做網(wǎng)上招商的商業(yè)網(wǎng)站，公司接收各種廠家提供的信息，然后由網(wǎng)絡(luò)的技術(shù)人員，將商家的信息做成網(wǎng)頁(yè)廣告，然后掛在我們的網(wǎng)站上，以此達(dá)到商業(yè)推廣的目的，類似我們公司的網(wǎng)站在同行業(yè)還有u88、28招商網(wǎng)等。
我和其它幾位同事做為網(wǎng)絡(luò)部的技術(shù)人員，主要的工作就是接收美工人員的網(wǎng)站模板，將其通過(guò)photoshop切片，然后導(dǎo)入dreamweaver進(jìn)行排版，（排版主要使用css+span），并進(jìn)一步的加以制作，完善美化，如加入js代碼，或透明flash，因?yàn)榫W(wǎng)頁(yè)是用css+span進(jìn)行排版的，所以在最后一步的時(shí)候，我們還需要進(jìn)行瀏覽器測(cè)試，因?yàn)閏ss+span排版方式有一個(gè)最大的缺點(diǎn)就是：瀏覽器不兼容的問(wèn)題，典型的如：ie與fireworks，因?yàn)楦鞣N瀏覽器使用的協(xié)議不同，所以會(huì)導(dǎo)致頁(yè)面在最終瀏覽的時(shí)候有一些小問(wèn)題，如：頁(yè)面混亂，圖片、文字之間的距離過(guò)大或過(guò)小，頁(yè)面不美觀等等，做為一個(gè)新人，我在有些方面的技術(shù)還很不成熟，所以在技術(shù)總監(jiān)張偉的幫助下，解決了很多問(wèn)題，所在我很感謝他，當(dāng)每天我們做完網(wǎng)頁(yè)后，都會(huì)在代碼頁(yè)面加入注釋代碼，在里面寫上每個(gè)人姓名的漢語(yǔ)拼間和工作日期，這樣方便月底做統(tǒng)計(jì)工作，公司領(lǐng)導(dǎo)會(huì)根據(jù)每個(gè)人的工作數(shù)量進(jìn)行獎(jiǎng)勵(lì)，每做一個(gè)頁(yè)面會(huì)有2塊的提成，雖然少點(diǎn)，但是積少成多，也是很可觀的。
（一）初級(jí)考試
初來(lái)公司的時(shí)候，我們經(jīng)過(guò)了初期考試，培訓(xùn)，與最終考試三個(gè)階段，在接到公司讓我面試的電話后，我來(lái)到了xx公司，因?yàn)橐傻氖蔷W(wǎng)頁(yè)設(shè)計(jì)，所以要有一個(gè)小測(cè)驗(yàn)，技術(shù)總監(jiān)要求我們?cè)诰W(wǎng)上自找圖片和文字，做一個(gè)簡(jiǎn)單的頁(yè)面，要求是：什么樣的頁(yè)面都可以，考查的主要是面試者相關(guān)軟件的操作能力與代碼掌握的熟練成度，說(shuō)實(shí)話，從畢業(yè)后，有一段時(shí)間沒(méi)有寫代碼了，剛一上機(jī)，還有點(diǎn)生疏，但是憑借在學(xué)樣扎實(shí)的學(xué)習(xí)功底，我很快就恢復(fù)了自己的英雄本色，將html代碼寫的很熟練，做了一個(gè)左右分欄的頁(yè)面，沒(méi)什么太大難度，技術(shù)總監(jiān)看了以后，說(shuō)不錯(cuò)，讓我三天后參加培訓(xùn)，合格扣就可以正式上班了。
（二）三天的培訓(xùn)工作
三天后，我來(lái)到了公司，一看，來(lái)參加培訓(xùn)的人有很多，大概在十多個(gè)人左右，其實(shí)所謂的培訓(xùn)，就是讓大家先熟悉這家網(wǎng)站的工作，先做一些他們平時(shí)干的活，做一些廣告網(wǎng)頁(yè)，這些網(wǎng)頁(yè)都是靜態(tài)的，沒(méi)什么難度。我后來(lái)發(fā)現(xiàn)，自己在這些人當(dāng)中，還是較較者，心里優(yōu)勢(shì)還挺好的。
（三）最后的考核
三天的培訓(xùn)后，我們迎來(lái)了最后的考核，合格的人會(huì)被留下，并得到一份為期一個(gè)月的實(shí)習(xí)合同，然后會(huì)在根據(jù)你在實(shí)習(xí)期的表現(xiàn)決定你的去留問(wèn)題，最優(yōu)秀的人會(huì)轉(zhuǎn)正，得到很優(yōu)厚的待遇。
考核的內(nèi)容，就是在公司的商務(wù)網(wǎng)站上任選一個(gè)頁(yè)面，然后在規(guī)定的時(shí)間內(nèi)做完，我還不錯(cuò)，技術(shù)比較熟練，是第四個(gè)做完的。當(dāng)我們把網(wǎng)頁(yè)做完后由這家公司的經(jīng)理進(jìn)行審核，最后的結(jié)果是，最先做完的前8個(gè)人可以有底薪加提成，每人頁(yè)面的提成是2元錢，而后面做完的，只有提成，沒(méi)有底薪，他們的提成是每個(gè)頁(yè)面5元錢，最后的幾個(gè)人就被淘汰了，制度雖有點(diǎn)不近人情，但是剛畢業(yè)的學(xué)生能忍也就忍了，就這樣，我們每個(gè)人得到了一份一個(gè)月的臨時(shí)合同，正式開(kāi)始了實(shí)習(xí)工作。
我的實(shí)習(xí)是從大三剛開(kāi)學(xué)，被一位老師推薦到一家室內(nèi)設(shè)計(jì)公司實(shí)習(xí)了！真慶幸自己平時(shí)能利用課余時(shí)間學(xué)到那些設(shè)計(jì)方面的知識(shí)，和大二暑假到那家設(shè)計(jì)公司實(shí)習(xí)??！要不是這些，我想現(xiàn)在就由學(xué)校安排到廠工里當(dāng)普工。但自己最大的收獲是將所學(xué)的adobe軟件用于實(shí)踐，并且通過(guò)實(shí)踐檢驗(yàn)了自己關(guān)于設(shè)計(jì)方面的假設(shè)和猜想，取得了一些令自己滿意的成績(jī)。
我們每天的上班時(shí)間是從早上8：30分到下午的17：00，這是我見(jiàn)過(guò)最有激情的一些人了，年紀(jì)輕輕，干勁十足，來(lái)了以后就工作，連平時(shí)聊天的內(nèi)容也和本行業(yè)分不開(kāi)，我喜歡他（她）們，回為是實(shí)習(xí)期，所以每天做的數(shù)量沒(méi)有太大要求，但是每個(gè)人都玩命似的干活，抓緊時(shí)間做網(wǎng)頁(yè)，我們做的網(wǎng)頁(yè)是比較簡(jiǎn)單的從上到下式的網(wǎng)頁(yè)，通過(guò)css+span排版，這樣在后期瀏覽器兼容測(cè)試中，就好做的很多了，文字與圖片之間就不會(huì)有太多的麻煩，我干的很不錯(cuò)，不過(guò)有些追求精致，我做網(wǎng)頁(yè)的速度慢了很多，最初每天只能做3——4個(gè)網(wǎng)頁(yè)，這對(duì)于我來(lái)說(shuō)是不能接受的，后來(lái)我改變了工作方法，我第次工作的時(shí)候，先訂下計(jì)劃，比如今天做多少網(wǎng)頁(yè)，然后我將要做的所有網(wǎng)頁(yè)，先做好排版，這時(shí)的網(wǎng)頁(yè)雖然排過(guò)版，但是不美觀，因?yàn)闆](méi)有進(jìn)行美化工作，然后我會(huì)在下午的時(shí)間，集中全力做美化工作，就這樣我的速度提高了很多，快了將近一倍多。只要更加熟練速度不會(huì)更快，我相信自己。
每天的工作都是是很快的，有時(shí)感覺(jué)時(shí)間過(guò)的很快，想停都停不住，早上出去的時(shí)候，見(jiàn)的是太陽(yáng)，晚上下班后看到的是即將落日的夕陽(yáng)或者是星星，每天就這么快的過(guò)去了，每個(gè)工作日結(jié)束后，我都會(huì)在下班后步行一段時(shí)間，去附近的圖書(shū)城充會(huì)電，或者放松一下，找一些我喜歡的書(shū)，看上幾個(gè)小時(shí)。
明年就要開(kāi)始找工作了，這次實(shí)習(xí)，更讓我懂得了珍惜現(xiàn)在的生活，校園生活真的非常完美，非常令人羨慕！職場(chǎng)的競(jìng)爭(zhēng)很大，“逆水行舟，不進(jìn)則退”，必須時(shí)刻提醒自己，督促自己！同時(shí)也看到了許多，知道做人比做事更加重要，沒(méi)有人天生就會(huì)，沒(méi)有人天生就懂，只有不斷地努力才能成功，在這里不是每個(gè)人都有認(rèn)為你是什么的，有的人就覺(jué)得你什么也不是。你只有付出好好學(xué)，做給她們看。證明自己不是虛的，證明自己有實(shí)力，名副其實(shí)！
實(shí)習(xí)期結(jié)束后，我和其它同事得到了正式合同并留在了這家公司，通過(guò)這次工作，我得到的最大體會(huì)就是，如果一個(gè)人在社會(huì)上沒(méi)有一技之長(zhǎng)，那他是沒(méi)有辦法很好的活下來(lái)的，只有不斷的加強(qiáng)自身專業(yè)技能學(xué)習(xí)才行。所以，尊敬的老師，我會(huì)在業(yè)余時(shí)間好好學(xué)習(xí)，加強(qiáng)自己的專業(yè)能力，使自己變得更強(qiáng)，只有這樣才能上到為國(guó)家、為社會(huì)做出貢獻(xiàn)，下到為自己、為父母、為學(xué)校交出一份滿意的答卷。
（4）廣告圖象攝影和廣告插畫上，通過(guò)對(duì)商品在消費(fèi)使用過(guò)程中的情景做出真實(shí)的再現(xiàn)，以便來(lái)宣傳商品的特征，突出商品的形象；或以攝影圖形來(lái)促發(fā)消費(fèi)者的購(gòu)買欲望，更直觀準(zhǔn)確地傳達(dá)產(chǎn)品信息。真實(shí)的反映商品的結(jié)構(gòu)、造型、材料和品質(zhì)。廣告的插畫有傳統(tǒng)的寫實(shí)描繪逐漸向夸張、理想化和多邊化的視覺(jué)表現(xiàn)方向發(fā)展，重意念而輕形似，從而有助于強(qiáng)化廣告商品對(duì)象的特征和主題。在廣告排版制作的過(guò)程中，使用卡通形象作為產(chǎn)品代言人不但可以以卡通形象的活潑自由，個(gè)性化的形象贏得消費(fèi)者的好感，還省去了請(qǐng)名人做代言的龐大廣告支出和風(fēng)險(xiǎn)。
網(wǎng)頁(yè)設(shè)計(jì)的實(shí)踐報(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)行一些手寫代碼工作的。
做為一個(gè)剛畢業(yè)的大學(xué)生，我的知識(shí)儲(chǔ)備肯定有不足的地方，畢竟學(xué)校教的東西肯定會(huì)有一部分和社會(huì)是脫節(jié)的，但好在我的領(lǐng)導(dǎo)對(duì)于我沒(méi)有太多的要求，他只是要求我盡快的適應(yīng)公司的工作和生活，在短時(shí)間內(nèi)熟練的掌握相關(guān)技術(shù)，干好本職工作。
在大學(xué)里對(duì)一個(gè)學(xué)生來(lái)說(shuō)什么是最重要的，那就是學(xué)習(xí)能力。要知道，這個(gè)世界上，知識(shí)在發(fā)展，人類在進(jìn)步，每天都在進(jìn)行日新月異的變化，我們的知識(shí)儲(chǔ)備總會(huì)有不夠的地方，但是一定要有學(xué)習(xí)能力，將不會(huì)知識(shí)快速掌握，只有這樣才能占據(jù)主動(dòng)，減少被動(dòng)情況的尷尬發(fā)生，通過(guò)二個(gè)星期的時(shí)間，我成功的適應(yīng)了公司的工作和生活節(jié)奏，每天早九點(diǎn)上班，晚17:30下班，中午休息一個(gè)半小時(shí)，每周還有兩天假期。我利用業(yè)余時(shí)間，抓緊學(xué)習(xí)，將工作中所需要的技術(shù)進(jìn)行了強(qiáng)化學(xué)習(xí)，其實(shí)這些東西在學(xué)校的時(shí)候就接觸過(guò)，只是不精通。那個(gè)時(shí)候?qū)W的東西多，難免有個(gè)主次之分，這次工作了，才知道哪個(gè)應(yīng)該多學(xué)點(diǎn)，但好在我都有學(xué)過(guò)，所以有個(gè)好的基礎(chǔ)在這里，也就不怕了，比如說(shuō)：flash，公司要求技術(shù)人員會(huì)做flash，flash這東西以前我在宿舍的時(shí)候經(jīng)常玩的，可是后來(lái)在分析就業(yè)情況時(shí)，分析錯(cuò)了方向，以為這東西沒(méi)有什么用處，結(jié)果就給荒廢了。但好在還有印象，并且當(dāng)初記了很多的筆記，所以說(shuō)記筆記是很重要的事情。而其它像javascript、xml、數(shù)據(jù)庫(kù)這些東西我都學(xué)過(guò)，只是實(shí)踐能力稍差一點(diǎn)，但好在從前在學(xué)習(xí)方面用的功不是白費(fèi)的。通過(guò)這種實(shí)戰(zhàn)環(huán)境，和半個(gè)月的刻苦學(xué)習(xí)，我終于可以感上小組的工作進(jìn)度了，已經(jīng)可以很好的完成領(lǐng)導(dǎo)教給我的任務(wù)了。
像我這個(gè)組常用的是css+span排版，后臺(tái)使用php技術(shù)進(jìn)行開(kāi)發(fā)，服務(wù)器平臺(tái)采用，linux+apache+mysql+php,這種lamp組合，我很高興在學(xué)校學(xué)的東西能學(xué)有所用。以前我們是用表格(table)進(jìn)行排版，這種方式簡(jiǎn)單但是已經(jīng)有些過(guò)時(shí)了，現(xiàn)在大部分網(wǎng)站都開(kāi)始了重新構(gòu)架，所以都采用css+span進(jìn)行網(wǎng)頁(yè)排版，我目前正在學(xué)習(xí)，掌握的還算比較快。而在后臺(tái)開(kāi)發(fā)部分，我們使用php來(lái)進(jìn)行開(kāi)發(fā)，我的工作是手寫一些小模塊?；蛘哂胘avascript寫一些特效小代碼。
小組分工時(shí)，我負(fù)責(zé)后臺(tái)里小模塊的開(kāi)發(fā)工作，如：留言板或論壇，還有一部分javascript代碼編寫工作。前臺(tái)部分的工作是和組里的丁珊珊做一些排版的工作，使用css+span技術(shù)。編寫代碼這種工作看起來(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)性能受到了大重的喜歡，我個(gè)人認(rèn)為php很簡(jiǎn)單，適合初學(xué)者學(xué)習(xí)使用，但是在某些地方想要做好，就需要你認(rèn)真的學(xué)習(xí)了。目前，我負(fù)責(zé)的只是技術(shù)性較低和規(guī)模較小的模塊，不過(guò)，我覺(jué)得從簡(jiǎn)單處做起也挺好的，但是我在寫代碼時(shí)，還是經(jīng)常犯些小錯(cuò)誤，導(dǎo)致代碼頁(yè)面經(jīng)常出錯(cuò)，而自己往往還找不到是哪錯(cuò)了，有幾次急的都不行，不管怎么弄，結(jié)果就是錯(cuò)誤，后來(lái)我才發(fā)現(xiàn)，原來(lái)只是一個(gè)小錯(cuò)誤，小的不仔細(xì)察看，我都找不到。于是我明白，做開(kāi)發(fā)工作，一定要細(xì)心，否則就會(huì)給自己和別人帶來(lái)麻煩。
網(wǎng)頁(yè)設(shè)計(jì)的實(shí)踐報(bào)告篇十一
選題的意義、同類選題現(xiàn)狀分析包括項(xiàng)目實(shí)施的意義和應(yīng)用前景，國(guó)內(nèi)外研究和應(yīng)用概況，發(fā)展趨勢(shì)，本項(xiàng)目的特色或創(chuàng)新之處）。
電子商務(wù)發(fā)展在世界范圍內(nèi)都是剛剛開(kāi)始，其發(fā)展速度極為迅速，傳統(tǒng)商業(yè)模式正不斷地被新的商業(yè)模式所替代。網(wǎng)上購(gòu)物就是internet和電子商務(wù)網(wǎng)站的產(chǎn)物，近幾年在我國(guó)發(fā)展迅猛，就如同一些購(gòu)物商場(chǎng)在各地紛紛開(kāi)設(shè)分店以拉近與顧客間的距離一樣。21世紀(jì)是網(wǎng)絡(luò)的時(shí)代，信息的時(shí)代，時(shí)間是非常寶貴的，人們由于種種原因沒(méi)有時(shí)間去逛商場(chǎng)，也不知道哪家商場(chǎng)有自己中意的商品，網(wǎng)上購(gòu)物網(wǎng)站的建立就可以很好的解決這方面的問(wèn)題，可以向廣大用戶推出一種全新的網(wǎng)上信息服務(wù)，旨在貨品與消費(fèi)者之間架起一座高速、便捷的網(wǎng)上信息橋梁，可以為用戶節(jié)省時(shí)間、方便購(gòu)物。
在國(guó)內(nèi)也有許多我們所熟悉的大規(guī)模的網(wǎng)上購(gòu)物網(wǎng)站，如阿里巴巴和淘寶網(wǎng)。中國(guó)的網(wǎng)上購(gòu)物在摸索與借鑒中成長(zhǎng)著，利用中國(guó)特有的優(yōu)勢(shì)來(lái)克服不利的外部環(huán)境因素，例如采用“貨到付款”就是中國(guó)購(gòu)物網(wǎng)站的成功創(chuàng)新。隨著外部環(huán)境的逐步優(yōu)化，上購(gòu)物網(wǎng)站發(fā)展前景看好。
本網(wǎng)站的主要功能有：用戶注冊(cè)、會(huì)員登錄、貨物分類查詢、貨品瀏覽、購(gòu)買貨品、購(gòu)物車、客戶留言；管理員管理會(huì)員信息以及訂單信息、管理員添加和刪除貨品、管理員查看留言。一方面，讓顧客方便購(gòu)買各類貨物，給本購(gòu)物網(wǎng)站提出寶貴的意見(jiàn)或建議；另一方面，管理員能在管理信息的同時(shí)也能了解顧客的需要，對(duì)網(wǎng)站的不足之處進(jìn)行修改。本購(gòu)物網(wǎng)站還在借鑒其他成功購(gòu)物網(wǎng)站的同時(shí)也加入了一些創(chuàng)新的元素。如在貨物介紹的頁(yè)面中添加了同等商品價(jià)格的最新比較數(shù)據(jù)，讓用戶能夠花比較少的時(shí)間找到自己滿意的產(chǎn)品，同時(shí)在本網(wǎng)站中每個(gè)注冊(cè)用戶還可以擁有自己的一個(gè)小型的blog，在其中用戶可以發(fā)展自己的購(gòu)物經(jīng)驗(yàn)和日常的心情。同時(shí)在網(wǎng)站的界面上，本網(wǎng)站了可能讓用戶設(shè)置網(wǎng)頁(yè)的風(fēng)格，用戶可以按照自己的喜好改變網(wǎng)站的背景色，讓整個(gè)網(wǎng)站更加的有特色。
（包括畢業(yè)設(shè)計(jì)目標(biāo)、設(shè)計(jì)內(nèi)容和擬解決的關(guān)鍵技術(shù)問(wèn)題）。
購(gòu)物網(wǎng)站的建立是為了節(jié)約顧客時(shí)間和方便顧客購(gòu)物，該網(wǎng)站主要有注冊(cè)會(huì)員、會(huì)員登陸、貨物搜索、購(gòu)物車以及對(duì)會(huì)員、貨品、訂單的管理。以實(shí)現(xiàn)網(wǎng)上書(shū)店的交易和管理。
（1）前臺(tái)服務(wù)：注冊(cè)會(huì)員、會(huì)員登陸、會(huì)員修改個(gè)人信息及密碼、貨品分類搜索、貨品瀏覽、貨品購(gòu)買、購(gòu)物車，以及頁(yè)面的特效如：將該網(wǎng)站設(shè)為首頁(yè)、加入收藏、更改網(wǎng)頁(yè)風(fēng)格等。
（2）會(huì)員管理：管理員對(duì)會(huì)員個(gè)人信息的管理，驗(yàn)證會(huì)員登陸信息。并且可以在自己的blog中發(fā)表信息。
（3）圖書(shū)管理：管理員查看書(shū)庫(kù)中貨物的庫(kù)存量，包括各種貨物的銷售情況，以及及時(shí)更新數(shù)據(jù)庫(kù)中貨物的各種信息。
（4）訂單管理：管理員對(duì)訂單的管理，確認(rèn)顧客信息與訂單信息的準(zhǔn)確性。
本系統(tǒng)主要是利用asp、dreamweaver、sql數(shù)據(jù)庫(kù)來(lái)完成設(shè)計(jì)的，主要完成了貨物分類搜索、貨物瀏覽、貨物購(gòu)買、購(gòu)物車以及會(huì)員管理、貨物管理、訂單管理等功能的實(shí)現(xiàn)。
（包括開(kāi)發(fā)平臺(tái)選擇、試驗(yàn)方案及可行性分析，設(shè)計(jì)和開(kāi)發(fā)工作的總體安排、步驟等）。
購(gòu)物網(wǎng)站的設(shè)計(jì)與開(kāi)發(fā)需要微機(jī)一臺(tái)，操作系統(tǒng)為windowsxp。開(kāi)發(fā)環(huán)境為asp、dreamweaver，數(shù)據(jù)庫(kù)為sqlserver20xx或選擇access。數(shù)據(jù)訪問(wèn)方法為使用ado。net通過(guò)odbc的方法同數(shù)據(jù)庫(kù)接口。使用這種方式訪問(wèn)數(shù)據(jù)，可以使用任何一種odbc數(shù)據(jù)源，即不止適合于sqlserver、oracle、access等數(shù)據(jù)庫(kù)應(yīng)用程序，也適合于excel表格，文本文件、圖形文件和無(wú)格式的數(shù)據(jù)文件。
通過(guò)調(diào)查分析，建立購(gòu)物網(wǎng)有其充分的必要性和可能性?？梢越⒃摼W(wǎng)站的可能性具體包含了它具有經(jīng)濟(jì)可行性、技術(shù)上的可行性和時(shí)機(jī)可行性，系統(tǒng)能達(dá)到以最小的開(kāi)發(fā)成本取得最佳的經(jīng)濟(jì)效益，開(kāi)發(fā)中所需人員、硬軟件支持以及其它費(fèi)用進(jìn)行估算情況均滿意，技術(shù)條件也能保證順利完成開(kāi)發(fā)工作。
最終認(rèn)為該系統(tǒng)完全可行，網(wǎng)上購(gòu)物網(wǎng)站是一個(gè)網(wǎng)上交易網(wǎng)站，利用該網(wǎng)站用戶可以購(gòu)買貨物，修改自己的購(gòu)物車，在自己的blog中發(fā)展信息；管理員作為管理者則可以查詢會(huì)員的訂單信息、管理貨物，對(duì)貨物進(jìn)行添加和刪除。
1、前臺(tái)服務(wù)：
此模塊是對(duì)于用戶開(kāi)放，實(shí)現(xiàn)的功能有：客戶注冊(cè)，會(huì)員登錄，修改個(gè)人信息及密碼，貨品分類查詢，貨品瀏覽，購(gòu)買貨物，購(gòu)物車，會(huì)員留言等。
2、后臺(tái)：
此模塊是對(duì)于管理員開(kāi)放，實(shí)現(xiàn)的功能有：會(huì)員基本信息管理、訂單管理、貨物管理、查看留言。
網(wǎng)頁(yè)設(shè)計(jì)的實(shí)踐報(bào)告篇十二
隨著互聯(lián)網(wǎng)技術(shù)的迅速發(fā)展網(wǎng)絡(luò)已逐漸深入人心，更是成為繼報(bào)刊、電視、廣播等傳統(tǒng)媒體之后而迅速興起的一新的傳媒介質(zhì)，網(wǎng)絡(luò)宣傳已成為眾多宣傳手段的重中之重，各種各樣的網(wǎng)站也就應(yīng)運(yùn)而生。為宣傳企業(yè)而制作的公司網(wǎng)站、可進(jìn)行網(wǎng)上購(gòu)物的電子商務(wù)網(wǎng)站、能及時(shí)了解到天下事的新聞網(wǎng)站、方便學(xué)習(xí)的教育網(wǎng)站，充斥著我們的視野，滿足著我們的需要。網(wǎng)站的規(guī)劃與建設(shè)，已悄然被許多人擺到了首要的位置上。
當(dāng)今的人們，如果依然依靠傳統(tǒng)的方式展示自己已經(jīng)不能滿足現(xiàn)在人們的需要，所以做一個(gè)網(wǎng)站就成為人們一件十分有意義并有興趣去做的事情。利用企業(yè)網(wǎng)站我們可以讓全國(guó)，甚至全世界的人們有機(jī)會(huì)知道自己的公司。
規(guī)劃并建設(shè)好一個(gè)企業(yè)網(wǎng)站，并不是一件容易的事。首先，規(guī)劃好這個(gè)網(wǎng)站就不容易。因?yàn)槭瞧髽I(yè)網(wǎng)站，所以要求要比其它類型的網(wǎng)站更加獨(dú)具匠心，有獨(dú)特的眼光。這就規(guī)劃者有了更高的要求。首先，要根據(jù)自己的要求網(wǎng)站的風(fēng)格布局、色彩搭配和大體輪廓，并確立網(wǎng)站的欄目、內(nèi)容。其次，網(wǎng)站制作者將要根據(jù)前一點(diǎn)安排整個(gè)頁(yè)面文字圖片的布局，這就要求設(shè)計(jì)者對(duì)網(wǎng)頁(yè)制作具有相當(dāng)?shù)乃?，美工、排版能力要?qiáng)。再者，企業(yè)網(wǎng)站需要實(shí)現(xiàn)的動(dòng)態(tài)及時(shí)更新等功能要求網(wǎng)站制作程序員有良好的編程基礎(chǔ)，在網(wǎng)絡(luò)編程語(yǔ)言asp、php、jsp或asp。net等中選擇來(lái)進(jìn)行網(wǎng)站管理后臺(tái)的編寫并與前臺(tái)掛鉤并通過(guò)更新數(shù)據(jù)庫(kù)來(lái)實(shí)現(xiàn)網(wǎng)站的更新。當(dāng)然，選擇的編程語(yǔ)言也要與網(wǎng)站服務(wù)器平臺(tái)所支持的技術(shù)相符合。這就要求在配置服務(wù)器或是購(gòu)買虛擬主機(jī)時(shí)根據(jù)需要來(lái)進(jìn)行配置或選擇。zui后，網(wǎng)站安全性也是一個(gè)重中之重，在如今黑客當(dāng)行、病毒當(dāng)?shù)赖幕ヂ?lián)時(shí)空，網(wǎng)站的安全猶為重要。
規(guī)劃并建設(shè)好一個(gè)令人耳目一新的企業(yè)網(wǎng)站，并不是一件容易的事。首先，規(guī)劃好這個(gè)網(wǎng)站就不容易。這要求網(wǎng)站規(guī)劃者熟悉企業(yè)的情況，并確立網(wǎng)站的欄目、內(nèi)容。其次，網(wǎng)站制作者將要根據(jù)網(wǎng)站的規(guī)劃書(shū)來(lái)確定網(wǎng)站的風(fēng)格、布局、色彩搭配等，這就要求設(shè)計(jì)者對(duì)網(wǎng)頁(yè)制作具有相當(dāng)?shù)乃?，美工、排版能力要?qiáng)。再者，企業(yè)網(wǎng)站需要實(shí)現(xiàn)的動(dòng)態(tài)及時(shí)更新等功能要求網(wǎng)站制作程序員有良好的編程基礎(chǔ)，在網(wǎng)絡(luò)編程語(yǔ)言asp、php、jsp或asp。net等中選擇來(lái)進(jìn)行網(wǎng)站管理后臺(tái)的編寫并與前臺(tái)掛鉤并通過(guò)更新數(shù)據(jù)庫(kù)來(lái)實(shí)現(xiàn)網(wǎng)站的更新。當(dāng)然，選擇的編程語(yǔ)言也要與網(wǎng)站服務(wù)器平臺(tái)所支持的技術(shù)相符合。這就要求在配置服務(wù)器或是購(gòu)買虛擬主機(jī)時(shí)根據(jù)需要來(lái)進(jìn)行配置或選擇。zui后，網(wǎng)站安全性也是一個(gè)重中之重，在如今黑客當(dāng)行、病毒當(dāng)?shù)赖幕ヂ?lián)時(shí)空，網(wǎng)站的安全猶為重要，否則，功虧一簣！這就要求配置服務(wù)器或選擇虛擬主機(jī)時(shí)的謹(jǐn)慎以及編寫網(wǎng)站管理后臺(tái)的注意。
1、本課題研究的目標(biāo)是：建立一個(gè)具有特色的企業(yè)網(wǎng)站。
課題的內(nèi)容是：在這個(gè)課題中，主要是用于公司相關(guān)信息的介紹，以及相關(guān)的產(chǎn)品內(nèi)容的介紹。方便他人的了解。它的內(nèi)容主要包括對(duì)網(wǎng)站前臺(tái)的設(shè)計(jì)及制作，包括企業(yè)網(wǎng)站的logo設(shè)計(jì)，布局的設(shè)計(jì)，網(wǎng)站頁(yè)面的制作、片頭動(dòng)畫及頁(yè)面動(dòng)畫的設(shè)計(jì)制作、注冊(cè)登陸系統(tǒng)以及各鏈接和相關(guān)技術(shù)的開(kāi)發(fā)等。在這里，我將以制作某企業(yè)網(wǎng)站為例，具體闡述個(gè)人網(wǎng)站的制作過(guò)程。
制作網(wǎng)站過(guò)程：
用photoshopcs制作頁(yè)面效果圖片，搭配好顏色，設(shè)計(jì)好版式，這樣做的目的是為了讓網(wǎng)站的頁(yè)面更具有整體性和美觀性，色調(diào)搭配及版面的設(shè)計(jì)都可以通過(guò)photoshopcs這個(gè)強(qiáng)大的圖片處理軟件來(lái)完成，這樣設(shè)計(jì)出來(lái)的網(wǎng)頁(yè)不論是從美工還是從版式上都是一流的。
2、導(dǎo)航條和文字圖片的布局。
用dreamweavermx和flashmx設(shè)計(jì)制作導(dǎo)航條，同時(shí)對(duì)文字圖片進(jìn)行調(diào)整。具體的就是文字的大小、字體以及圖片的格式、大小進(jìn)行調(diào)整。
3、超鏈接其動(dòng)態(tài)設(shè)計(jì)。
用用dreamveavermx建立超鏈接使整個(gè)網(wǎng)站能夠自由地相互關(guān)聯(lián)，使瀏覽者能夠方便地到達(dá)所需要的網(wǎng)頁(yè)。另外，本網(wǎng)站還可以進(jìn)行注冊(cè)，利用asp與access相連使網(wǎng)站變?yōu)閯?dòng)態(tài)網(wǎng)站。
2第五周調(diào)研，準(zhǔn)備各種參考資料、充實(shí)所需知識(shí)。
3第六周查閱相關(guān)書(shū)籍資料，提出可行性的設(shè)計(jì)方案。
4第七到十六周具體設(shè)計(jì)與制作工作。
5第十七周文檔的生成與整理，指導(dǎo)教師修改。
6第十八周畢業(yè)設(shè)計(jì)論文的相關(guān)資料的搜集。
7第十九周完成畢業(yè)論文撰寫。
《網(wǎng)頁(yè)設(shè)計(jì)典型技巧》time創(chuàng)作室人民郵電出版社20xx年10月。
《asp動(dòng)態(tài)網(wǎng)站開(kāi)發(fā)畢劉瑞斯機(jī)械工業(yè)出版社20xx年3月。
網(wǎng)頁(yè)設(shè)計(jì)的實(shí)踐報(bào)告篇十三
在經(jīng)濟(jì)迅速發(fā)展的今天，internet顯得更為重要它是人們發(fā)布信息與傳遞信息的重要渠道，為了與社會(huì)發(fā)展同步，為了讓我們成為真正的技術(shù)性人才。學(xué)校在本周為我們安排了維持一周的網(wǎng)頁(yè)制作專用周是實(shí)習(xí)，讓我們把平時(shí)所學(xué)知識(shí)運(yùn)用到實(shí)踐中做到真正的學(xué)以致用而不只是紙上談兵。通過(guò)本周的實(shí)習(xí)使我獲得了更多的新知識(shí)同時(shí)也使我使我認(rèn)識(shí)到了自己在學(xué)習(xí)上的許多不足，下面就談?wù)勎以诒敬螌Ｓ弥艿闹饕惺堋?BR> 一、網(wǎng)站整體規(guī)劃，要做網(wǎng)頁(yè)的第一步便是做網(wǎng)站的整體規(guī)劃這主要包括四個(gè)方面的內(nèi)容。
1.討論網(wǎng)站的主題。
網(wǎng)站整體規(guī)劃是做網(wǎng)頁(yè)的第一步也是制作網(wǎng)頁(yè)最關(guān)鍵的一步它決定了你要表答的信息，因此我選擇了我選擇我最喜愛(ài)的服飾來(lái)為它做網(wǎng)頁(yè)。在平時(shí)我也對(duì)服裝的網(wǎng)頁(yè)比較關(guān)心，無(wú)論是淘寶網(wǎng)上的衣店還是各種品牌裝。這次我是為“易菲”服飾做的網(wǎng)頁(yè)。
2.定位網(wǎng)站的ci形象?！耙追啤敝哺袊?guó)文化之精髓，汲取自然稟賦之靈性，形成一個(gè)既有濃厚文化底蘊(yùn)，又有現(xiàn)代自然人文氣息的特色品牌?！耙住奔词侨?，是包容，是寬容，是五千年中華民族的文化精髓，是厚德載物，是對(duì)人性寬度的一種拓展?！胺啤蓖ǚ?，是生機(jī)、是個(gè)性、是春意盎然、是自強(qiáng)不息，是對(duì)人性深度的一種挖掘?！吧钊缁?，自在快樂(lè)”是yifini易菲的設(shè)計(jì)理念，倡導(dǎo)一種與自然和諧相處，如花兒綻放般美好舒適、自在快樂(lè)的生活方式。這也便是我網(wǎng)站的ci形象。
3.確定欄目和板塊。
于時(shí)間的關(guān)系在本次我準(zhǔn)備做四張網(wǎng)頁(yè)：一張主頁(yè)三張二級(jí)頁(yè)面。分別設(shè)計(jì)了“時(shí)尚首頁(yè)、時(shí)尚衣秀、推薦產(chǎn)品、潮流信息”等四個(gè)欄目。在這四張頁(yè)面中我打算都用淡藍(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)站的主打色主要是因?yàn)槲业漠a(chǎn)品特性。在設(shè)計(jì)上，yieini易菲推崇“自然美”，將帶表女性氣質(zhì)的花卉和自然元素融入設(shè)計(jì)之中，充分體現(xiàn)設(shè)計(jì)師和顧客所追求的一種灑脫、舒適的生活氛圍，力求表現(xiàn)悠閑、舒暢、自然的生活情趣。因此我用天空與自然的顏色來(lái)表達(dá)這張自然之美、和諧之美。
二、網(wǎng)頁(yè)制作的前期策劃與準(zhǔn)備，在本階級(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ò)三次像老實(shí)詢問(wèn)我終于懂得一些關(guān)于代碼的搜索。在搜集資料的過(guò)程之中我發(fā)現(xiàn)了自己的許多不足之處，最關(guān)鍵就是平時(shí)對(duì)知識(shí)的掌握不夠，連最基本的資料搜尋都覺(jué)得困難。也是我平時(shí)不夠認(rèn)真和努力的表現(xiàn)。通過(guò)這次的教訓(xùn)在以后我一定會(huì)做得更好，爭(zhēng)取不范類似錯(cuò)誤。
2.熟悉制作軟件。
做網(wǎng)頁(yè)主要用的工具便是dremweaver、photoshop、flash軟件。在這些軟件我對(duì)dremweaver、photoshop相對(duì)比較熟悉，因?yàn)樵谄綍r(shí)上課是老師帶領(lǐng)我們運(yùn)用過(guò)。所以我還可以正常的運(yùn)用，但是出現(xiàn)的問(wèn)題還是有很多。有很多不懂如何操作，只有通過(guò)在次去看書(shū)才能夠了解，這也體現(xiàn)了我學(xué)習(xí)方面的缺點(diǎn)，它是我平時(shí)不夠認(rèn)真的具體表現(xiàn)。
三、網(wǎng)頁(yè)制作，這便進(jìn)入我該次的主題了具體制作流程如下。
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)潔實(shí)用:這是非常重要的，網(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ù)各自的特色建立了不同的表格，突出各自的主題，增強(qiáng)了對(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)教后終于在老師的幫助下我成功的在我的主頁(yè)插入了flash。而在其它的二級(jí)網(wǎng)頁(yè)我主頁(yè)插入的是一些gif格式的動(dòng)態(tài)圖片。
在做完網(wǎng)站才發(fā)現(xiàn)，怎么所有的圖片素材并不是在一個(gè)文件夾中，而有許多的子文件夾，從網(wǎng)上下載的網(wǎng)頁(yè)全都是一個(gè)網(wǎng)頁(yè)對(duì)應(yīng)一個(gè)文件夾。制作過(guò)程中，才發(fā)現(xiàn)，原來(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ò)程中出現(xiàn)一些問(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)拓視野，增強(qiáng)自己的實(shí)踐操作技能，為以后能做出出色的網(wǎng)頁(yè)而努力。同時(shí)我也希望能夠有更多的類似動(dòng)手練習(xí)，讓我們?cè)趯?shí)踐之中來(lái)學(xué)習(xí)知識(shí)。因?yàn)槲矣X(jué)得實(shí)踐不僅能夠提高我們的學(xué)習(xí)興趣它更能夠提高我們的動(dòng)手能力增強(qiáng)我們的技術(shù)性。
網(wǎng)頁(yè)設(shè)計(jì)的實(shí)踐報(bào)告篇十四
隨著現(xiàn)代化科技的發(fā)展，計(jì)算機(jī)已經(jīng)成為人們生活中的重要組成部分，網(wǎng)頁(yè)瀏覽的形式已經(jīng)代替以往書(shū)籍瀏覽的形式，也正因?yàn)槿绱司W(wǎng)頁(yè)的設(shè)計(jì)與布局尤為重要?？茖W(xué)合理的網(wǎng)頁(yè)設(shè)計(jì)布局不但能夠帶給人們美感，并且還能使人們?cè)跒g覽的過(guò)程中內(nèi)心放松。計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)的概念主要包括網(wǎng)頁(yè)設(shè)計(jì)布局的整體造型以及網(wǎng)頁(yè)設(shè)計(jì)布局頁(yè)面的尺寸。頁(yè)面設(shè)計(jì)的整體造型指的就是網(wǎng)頁(yè)設(shè)計(jì)中的布局形狀，其中最常見(jiàn)的形狀有三角形、圓形等，也有部分計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)采用綜合體的形狀，在頁(yè)面的選擇上，大多是根據(jù)網(wǎng)站自身的特點(diǎn)來(lái)選擇的。計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)的尺寸也較為多樣化，在計(jì)算機(jī)使用過(guò)程中，常常由于客觀影響造成屏幕的分辨率以及尺寸的影響，但由于是客觀因素?zé)o法改變，在瀏覽器自帶的功能上，對(duì)于瀏覽過(guò)程中網(wǎng)頁(yè)的增大與減小都能夠借助瀏覽器工具欄中的相應(yīng)功能解決。計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)中的布局與計(jì)算機(jī)的發(fā)展有著直接的聯(lián)系，并且影響網(wǎng)站的瀏覽量，目前最為常見(jiàn)的布局分為同字型布局、標(biāo)題正文型布局、綜合框架型布局、封面型布局以及flash型布局等五種形式。這五種布局形式都能夠最大程度的提高網(wǎng)頁(yè)的美感，并且在現(xiàn)代網(wǎng)頁(yè)布局中被廣泛運(yùn)用，以下便是對(duì)五種布局類型的詳細(xì)分析。
同字型布局主要針對(duì)網(wǎng)頁(yè)布局的內(nèi)容，這種布局其內(nèi)的填充范圍較廣、填充的數(shù)量也較大。在網(wǎng)頁(yè)設(shè)計(jì)布局中，大多都是在網(wǎng)頁(yè)的標(biāo)題欄進(jìn)行網(wǎng)站主體的填充，有的是填充廣告，也有少數(shù)網(wǎng)頁(yè)設(shè)計(jì)布局中填充的形式是小標(biāo)題。在頁(yè)面的兩側(cè)分別布置內(nèi)容，其中網(wǎng)站的信息與動(dòng)態(tài)或是服務(wù)人員以及相應(yīng)的廣告等，在以往網(wǎng)頁(yè)設(shè)計(jì)布局中這部分并沒(méi)有受到重視，因此也是相對(duì)具有價(jià)值的部分。同字型布局網(wǎng)頁(yè)主要都是從中央位置布置，根據(jù)網(wǎng)頁(yè)內(nèi)容的重點(diǎn)由上到下布局，或是根據(jù)網(wǎng)頁(yè)自身的特點(diǎn)以及相應(yīng)的顏色進(jìn)行布局，也有部分網(wǎng)頁(yè)是根據(jù)其中的細(xì)節(jié)進(jìn)行布局的。在網(wǎng)頁(yè)的下端并不會(huì)進(jìn)行內(nèi)容的布局，就目前網(wǎng)頁(yè)來(lái)看下端也只是網(wǎng)頁(yè)的信息以及登錄方式等。
標(biāo)題正文型布局與同字型布局不同的是標(biāo)題正文型布局并沒(méi)有兩端的布局，其它布局類型相似。在頁(yè)面上端的布局中大多都是網(wǎng)頁(yè)的標(biāo)題，其中也有廣告，頁(yè)面的中端是網(wǎng)頁(yè)的主要內(nèi)容以及和重點(diǎn)內(nèi)容，其中中端內(nèi)容中包含同字型布局兩端布局的'內(nèi)容，例如，在正標(biāo)題下方是對(duì)網(wǎng)站的簡(jiǎn)訊，之后便是相應(yīng)的附加咨詢，最為常見(jiàn)的就是天氣信息以及網(wǎng)站的注冊(cè)信息等，在下方便是網(wǎng)站的主要內(nèi)容也就是正文，在正文的布局上，其結(jié)構(gòu)都是簡(jiǎn)單明了的。
綜合框架型布局與其它布局相比形式較為復(fù)雜，主要采用框架的形式來(lái)進(jìn)行網(wǎng)頁(yè)的布局，分別在上端、兩端以及下端，網(wǎng)站的主要內(nèi)容都是在框架中進(jìn)行布局的。這種布局形式與其他布局形式相比更具有輪廓性，能夠?qū)⑵渌季种械膬?nèi)容類型充分地體現(xiàn)出來(lái)。
封面類型布局便是字面上的意思，按照書(shū)本頁(yè)面的形式進(jìn)行布局，在封面型布局中大多采用的是圖片，其中圖片篇幅較大。一般在不同種類網(wǎng)站的主頁(yè)上大多采用封面型布局，在布局的周圍相應(yīng)的分布著較小以及較為簡(jiǎn)單的信息，此種信息所采用的形式都是超鏈接的形式，例如，最為常見(jiàn)的qq空間，其主頁(yè)便采用封面型布局的形式，采用此種布局的主要目的就是能夠凸顯網(wǎng)頁(yè)自身的特點(diǎn)，能夠吸引使用者的目光的同時(shí)，對(duì)其功能更加一目了然方便操作。
flash型布局與頁(yè)面布局較為相似，flash型布局與頁(yè)面型布局唯一不同的便是在頁(yè)面的布局過(guò)程中采用更多的flash，其中包含聲音以及動(dòng)畫的形式，因此與封面型布局相比在聲音上更能給人們帶來(lái)聽(tīng)覺(jué)上的享受，除了聽(tīng)覺(jué)上的享受外在視覺(jué)上flash型布局也能夠給人們帶來(lái)相應(yīng)的震撼效果。例如，在現(xiàn)代最為常見(jiàn)的游戲頁(yè)面上，采用的都是flash型布局，尤其是在登錄的界面或是在進(jìn)入游戲過(guò)程中的等待界面，在現(xiàn)代科技的發(fā)展中，也有少數(shù)網(wǎng)頁(yè)在主頁(yè)布局的過(guò)程中采用flash型布局，以此提高網(wǎng)頁(yè)的瀏覽量?？偠灾?，計(jì)算機(jī)時(shí)代已經(jīng)到來(lái)，網(wǎng)頁(yè)設(shè)計(jì)布局已經(jīng)成為重要的發(fā)展趨勢(shì)，網(wǎng)頁(yè)設(shè)計(jì)布局并沒(méi)有固定的格式，做一種形式設(shè)計(jì)的過(guò)程中主要根據(jù)個(gè)人的審美，因此想要在網(wǎng)頁(yè)的設(shè)計(jì)布局中增添其美感，首先就要對(duì)美有更深刻的了解，合理的運(yùn)用到網(wǎng)頁(yè)的布局中，使人們?cè)诰W(wǎng)頁(yè)的瀏覽中獲取所需信息的同時(shí)還能夠帶來(lái)相應(yīng)的視覺(jué)享受。
網(wǎng)頁(yè)設(shè)計(jì)的實(shí)踐報(bào)告篇十五
在經(jīng)濟(jì)迅速發(fā)展的今天，internet顯得更為重要它是人們發(fā)布信息與傳遞信息的重要渠道，為了與社會(huì)發(fā)展同步，為了讓我們成為真正的技術(shù)性人才。學(xué)校在本周為我們安排了維持一周的網(wǎng)頁(yè)制作專用周是實(shí)習(xí)，讓我們把平時(shí)所學(xué)知識(shí)運(yùn)用到實(shí)習(xí)中做到真正的學(xué)以致用而不只是紙上談兵。通過(guò)本周的實(shí)習(xí)使我獲得了更多的新知識(shí)同時(shí)也使我使我認(rèn)識(shí)到了自己在學(xué)習(xí)上的許多不足，下面就談?wù)勎以诒敬螌Ｓ弥艿闹饕惺堋?BR> 1、討論網(wǎng)站的主題。
網(wǎng)站整體規(guī)劃是做網(wǎng)頁(yè)的第一步也是制作網(wǎng)頁(yè)最關(guān)鍵的一步它決定了你要表答的信息，因此我選擇了我選擇我最喜愛(ài)的服飾來(lái)為它做網(wǎng)頁(yè)。在平時(shí)我也對(duì)服裝的網(wǎng)頁(yè)比較關(guān)心，無(wú)論是淘寶網(wǎng)上的衣店還是各種品牌裝。這次我是為“易菲”服飾做的網(wǎng)頁(yè)。
2、定位網(wǎng)站的ci形象。“易菲”植根中國(guó)文化之精髓，汲取自然稟賦之靈性，形成一個(gè)既有濃厚文化底蘊(yùn)，又有現(xiàn)代自然人文氣息的特色品牌?！耙住奔词侨?，是包容，是寬容，是五千年中華民族的文化精髓，是厚德載物，是對(duì)人性寬度的一種拓展?！胺啤蓖ǚ?，是生機(jī)、是個(gè)性、是春意盎然、是自強(qiáng)不息，是對(duì)人性深度的一種挖掘?！吧钊缁?，自在快樂(lè)”是yifini易菲的設(shè)計(jì)理念，倡導(dǎo)一種與自然和諧相處，如花兒綻放般美好舒適、自在快樂(lè)的生活方式。這也便是我網(wǎng)站的ci形象。
3、確定欄目和板塊。
于時(shí)間的關(guān)系在本次我準(zhǔn)備做四張網(wǎng)頁(yè)：一張主頁(yè)三張二級(jí)頁(yè)面。分別設(shè)計(jì)了“時(shí)尚首頁(yè)、時(shí)尚衣秀、推薦產(chǎn)品、潮流信息”等四個(gè)欄目。在這四張頁(yè)面中我打算都用淡藍(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)站的主打色主要是因?yàn)槲业漠a(chǎn)品特性。在設(shè)計(jì)上，yieini易菲推崇“自然美”，將帶表女性氣質(zhì)的花卉和自然元素融入設(shè)計(jì)之中，充分體現(xiàn)設(shè)計(jì)師和顧客所追求的一種灑脫、舒適的生活氛圍，力求表現(xiàn)悠閑、舒暢、自然的生活情趣。因此我用天空與自然的顏色來(lái)表達(dá)這張自然之美、和諧之美。
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ò)三次像老實(shí)詢問(wèn)我終于懂得一些關(guān)于代碼的搜索。在搜集資料的過(guò)程之中我發(fā)現(xiàn)了自己的許多不足之處，最關(guān)鍵就是平時(shí)對(duì)知識(shí)的掌握不夠，連最基本的資料搜尋都覺(jué)得困難。也是我平時(shí)不夠認(rèn)真和努力的表現(xiàn)。通過(guò)這次的教訓(xùn)在以后我一定會(huì)做得更好，爭(zhēng)取不范類似錯(cuò)誤。
2、熟悉制作軟件。
做網(wǎng)頁(yè)主要用的工具便是dremweaver、photoshop、flash軟件。在這些軟件我對(duì)dremweaver、photoshop相對(duì)比較熟悉，因?yàn)樵谄綍r(shí)上課是老師帶領(lǐng)我們運(yùn)用過(guò)。所以我還可以正常的運(yùn)用，但是出現(xiàn)的問(wèn)題還是有很多。有很多不懂如何操作，只有通過(guò)在次去看書(shū)才能夠了解，這也體現(xiàn)了我學(xué)習(xí)方面的缺點(diǎn)，它是我平時(shí)不夠認(rèn)真的具體表現(xiàn)。
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)潔實(shí)用： 這是非常重要的，網(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ù)各自的特色建立了不同的表格，突出各自的主題，增強(qiáng)了對(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)教后終于在老師的幫助下我成功的在我的主頁(yè)插入了flash。而在其它的二級(jí)網(wǎng)頁(yè)我主頁(yè)插入的是一些gif格式的動(dòng)態(tài)圖片。
在做完網(wǎng)站才發(fā)現(xiàn)，怎么所有的圖片素材并不是在一個(gè)文件夾中，而有許多的子文件夾，從網(wǎng)上下載的網(wǎng)頁(yè)全都是一個(gè)網(wǎng)頁(yè)對(duì)應(yīng)一個(gè)文件夾。制作過(guò)程中，才發(fā)現(xiàn)，原來(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ò)程中出現(xiàn)一些問(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)拓視野，增強(qiáng)自己的實(shí)習(xí)操作技能，為以后能做出出色的網(wǎng)頁(yè)而努力。同時(shí)我也希望能夠有更多的類似動(dòng)手練習(xí)，讓我們?cè)趯?shí)習(xí)之中來(lái)學(xué)習(xí)知識(shí)。因?yàn)槲矣X(jué)得實(shí)習(xí)不僅能夠提高我們的學(xué)習(xí)興趣它更能夠提高我們的動(dòng)手能力增強(qiáng)我們的技術(shù)性。
網(wǎng)頁(yè)設(shè)計(jì)的實(shí)踐報(bào)告篇十六
一、畢業(yè)設(shè)計(jì)的內(nèi)容和意義：（500字左右）。
學(xué)校網(wǎng)站是實(shí)現(xiàn)教育資源分配的橋梁網(wǎng)絡(luò)有巨大的教育資源庫(kù)，它聚集社會(huì)的力量，使教育資源無(wú)限增長(zhǎng)。學(xué)校網(wǎng)站是最佳的教學(xué)研究室，學(xué)校網(wǎng)站與教育類專門網(wǎng)站的有效鏈接，給學(xué)校教學(xué)研究帶來(lái)了一片新天地，各種優(yōu)秀文章、各科素材、優(yōu)秀軟件下載等內(nèi)容為學(xué)生提供了極佳的平臺(tái)。有效地降低教研成本、提高效率。
我國(guó)的大學(xué)教育已經(jīng)普及，大學(xué)生的隊(duì)伍也正在不斷壯大，為了方便大學(xué)生對(duì)本校各項(xiàng)工作的了解以及加深學(xué)生、教師與學(xué)校之間相互的交流，建設(shè)一個(gè)規(guī)?；男@網(wǎng)站成為了當(dāng)務(wù)之急。網(wǎng)絡(luò)化將給我們的工作和學(xué)習(xí)帶來(lái)了極大的便利。
以internet/intranet為網(wǎng)絡(luò)平臺(tái)實(shí)現(xiàn)校園網(wǎng)絡(luò)各項(xiàng)信息發(fā)布、管理、設(shè)置等功能。本題目要開(kāi)發(fā)一個(gè)校園網(wǎng)門戶網(wǎng)站。包括bbs系統(tǒng)平臺(tái)、院校新聞發(fā)布平臺(tái)，在限選課平臺(tái)。后臺(tái)：包括平臺(tái)管理、統(tǒng)一認(rèn)證、資源管理、用戶權(quán)限管理等。
二、文獻(xiàn)綜述：（300字左右）。
經(jīng)濟(jì)高速發(fā)展的今天，校園的各種信息的收集與發(fā)布都要求有一個(gè)高的效率。由于大學(xué)生的生活節(jié)奏較快，且電腦普及率和上網(wǎng)概率也隨著社會(huì)的發(fā)展越來(lái)越高，學(xué)生上網(wǎng)獲取信息的機(jī)會(huì)越來(lái)越多。所以，學(xué)?？梢詫⒄?wù)宣傳服務(wù)切入到這個(gè)點(diǎn)來(lái)，讓學(xué)生更方便地獲取相關(guān)信息，這將大大提高學(xué)生學(xué)習(xí)的進(jìn)度和對(duì)學(xué)校教育的滿意度。這就要求通過(guò)網(wǎng)站，全面宣傳、展示學(xué)校風(fēng)采、優(yōu)點(diǎn)與特色，發(fā)布學(xué)校的重大活動(dòng)安排與招生政策，增強(qiáng)家長(zhǎng)與學(xué)校之間的聯(lián)系，在internet上實(shí)現(xiàn)完成部分校務(wù)，提高辦事效率。
該系統(tǒng)是面向全網(wǎng)絡(luò)的，作為學(xué)校與外界聯(lián)系的一個(gè)平臺(tái)。系統(tǒng)管理員負(fù)責(zé)更新網(wǎng)站內(nèi)容，不同權(quán)限的用戶登錄系統(tǒng)將進(jìn)入不同的頁(yè)面，實(shí)現(xiàn)不同的操作。
系統(tǒng)主要包括六個(gè)模塊：1.用戶注冊(cè)模塊：這個(gè)模塊完成新用戶的注冊(cè)功能，并能對(duì)注冊(cè)信息進(jìn)行檢查。2.用戶登錄模塊：這個(gè)模塊提供用戶的登錄界面，并驗(yàn)證用戶名和密碼,以確定用戶身份。3.顯示模塊：這個(gè)模塊將根據(jù)用戶權(quán)限顯示出不同的頁(yè)面，以及內(nèi)容。4.操作模塊：這個(gè)模塊提供與內(nèi)容相關(guān)的功能，并且對(duì)不同身份的用戶給予不同的操作權(quán)限。5.用戶管理模塊：這個(gè)模塊能夠?qū)τ脩魝€(gè)人信息進(jìn)行管理。6.數(shù)據(jù)庫(kù)模塊：這個(gè)模塊實(shí)現(xiàn)對(duì)數(shù)據(jù)庫(kù)的連接和訪問(wèn)。
三、工作計(jì)劃及方案論證：（500字左右）。
1．第一階段：11月20日—11月25日。
閱讀資料；進(jìn)行需求分析，提出設(shè)計(jì)方案確定技術(shù)路線，完成開(kāi)。
題報(bào)告；設(shè)計(jì)軟件原型。
2．第二階段：11月26日—2月10日。
在上一階段基礎(chǔ)上，按時(shí)、按質(zhì)、按量完成畢業(yè)設(shè)計(jì)任務(wù)。
3．第三階段：2月11日—4月1日。
總結(jié)所有的工作，完成畢業(yè)設(shè)計(jì)論文初稿。
4．第四階段：4月2日—4月20日。
修改論文；小組內(nèi)答辯，評(píng)分；準(zhǔn)備答辯材料。
[1]周懷軍.asp動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)應(yīng)用教程[m].電子工業(yè)出版社,20xx-3。
[2]趙燕萍.電子商務(wù)概論[m].北京中央黨校出版社,20xx-11。
[3]王恩波王若賓.管理信息系統(tǒng)實(shí)用教程[m].人民郵電出版社,20xx-9。
[4]唐乾林.網(wǎng)頁(yè)設(shè)計(jì)與制作案例教程[m]機(jī)械工業(yè)出版社,20xx-8。
[5]趙增敏.asp可視化編程及應(yīng)用[m].機(jī)械工業(yè)出版社,20xx。
[7]崔良海沙俐敏.web編程技術(shù)[m].人民郵電出版社,20xx。
[8]陳家琪.c程序設(shè)計(jì)教程[m].新華出版社,20xx-11。
[9]明日科技.數(shù)據(jù)庫(kù)系統(tǒng)開(kāi)發(fā)完全手冊(cè)[m].人民郵電出版社,20xx-1。
[10]鄧春妮孫艷華鄒慶云.信息化系統(tǒng)建設(shè)案例[m].人。
民郵電出版社,20xx-12。
[15]王珂玲.利用。
asp技術(shù)的在線教育系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)電腦知識(shí)與技[16]吳錦.基于。
[18]王海燕王明明張景義.用。