網站建設與網頁設計實訓報告（網站建設與網頁設計實訓報告總結）
今天給各位分享網站建設與網頁設計實訓報告的(de)知識，其中也會對網站建設與網頁設計實訓報告總結進行(xíng)解釋，如(rú)果能碰巧解決你現在面臨的(de)問題，别忘了關注本站，現在開始吧(ba)！
本文目錄一(yī)覽：
網頁制作與網站設計報告書
網站項目管理(lǐ)規範
一(yī).概念
網站項目管理(lǐ)就是根據特定的(de)規範、在預算範圍內(nèi)、按時完成的(de)網站開發任務。
二.需求分析
1.項目立項
我(wǒ)們(men)接到客戶的(de)業務咨詢，經過雙方不斷的(de)接洽和(hé)了解，并通過基本的(de)可(kě)行(xíng)性讨論夠，初步達成制作協議，這時就需要将項目立項。較好的(de)做(zuò)法是成立一(yī)個專門的(de)項目小組，小組成員包括：項目經理(lǐ)，網頁設計，程序員，測試員，編輯/文檔等必須人員。項目實行(xíng)項目經理(lǐ)制。
2.客戶的(de)需求說明書
第一(yī)步是需要客戶提供一(yī)個完整的(de)需求說明。很多客戶對自(zì)己的(de)需求并不是很清楚，需要您不斷引導和(hé)幫助分析。曾經有(yǒu)一(yī)次，我(wǒ)問客戶：“您做(zuò)網站的(de)目的(de)是什麽？”他回答：“沒有(yǒu)目的(de)，隻是因為(wèi)别人都有(yǒu)，我(wǒ)沒有(yǒu)！”。這樣的(de)客戶就需要耐心說明，仔細分析，挖掘出他潛在的(de)，真正的(de)需求。 配合客戶寫一(yī)份詳細的(de)，完整的(de)需求說明會花很多時間，但這樣做(zuò)是值得的(de)，而且一(yī)定要讓客戶滿意，簽字認可(kě)。把好這一(yī)關，可(kě)以杜絕很多因為(wèi)需求不明或理(lǐ)解偏差造成的(de)失誤和(hé)項目失敗。糟糕的(de)需求說明不可(kě)能有(yǒu)高(gāo)質量的(de)網站。那麽需求說明書要達到怎樣的(de)标準呢(ne)？簡單說，包含下面幾點：
1.正确性：每個功能必須清楚描寫交付的(de)功能；
2.可(kě)行(xíng)性：确保在當前的(de)開發能力和(hé)系統環境下可(kě)以實現每個需求；
3.必要性：功能是否必須交付，是否可(kě)以推遲實現，是否可(kě)以在削減開支情況發生時"砍"掉；
4.簡明性：不要使用專業的(de)網絡術語；
5.檢測性：如(rú)果開發完畢，客戶可(kě)以根據需求檢測。
三.系統分析
1.網站總體設計
在拿到客戶的(de)需求說明後，并不是直接開始制作，而是需要對項目進行(xíng)總體設計，詳細設計，出一(yī)份網站建設方案給客戶。總體設計是非常關鍵的(de)一(yī)步。它主要确定：
1.網站需要實現哪些功能；
2.網站開發使用什麽軟件，在什麽樣的(de)硬件環境；
3.需要多少人，多少時間；
4.需要遵循的(de)規則和(hé)标準有(yǒu)哪些。
同時需要寫一(yī)份總體規劃說明書，包括：
1.網站的(de)欄目和(hé)版塊；
2.網站的(de)功能和(hé)相應的(de)程序；
3.網站的(de)鏈接結構；
4.如(rú)果有(yǒu)數據庫，進行(xíng)數據庫的(de)概念設計；
5.網站的(de)交互性和(hé)用戶友好設計。
2.網站建設方案
在總體設計出來後，一(yī)般需要給客戶一(yī)個網站建設方案。很多網頁制作公司在接洽業務時就被客戶要求提供方案。那時的(de)方案一(yī)般比較籠統，而且在客戶需求不是十分明确的(de)情況下提交方案，往往和(hé)實際制作後的(de)結果會有(yǒu)很大差異。所以應該盡量取得客戶的(de)理(lǐ)解，在明确需求并總體設計後提交方案，這樣對雙方都有(yǒu)益處。網站建設方案的(de)包括以下幾個部分：
1.客戶情況分析；
2.網站需要實現的(de)目的(de)和(hé)目标；
3.網站形象說明；
4.網站的(de)欄目版塊和(hé)結構；
5.網站內(nèi)容的(de)安排，相互鏈接關系；
6.使用軟件，硬件和(hé)技術分析說明；
7.開發時間進度表；
8.宣傳推廣方案；
9.維護方案；
10.制作費用；
11.本公司簡介：成功作品，技術，人才說明等。
當您的(de)方案通過客戶的(de)認可(kě)，您可(kě)以開始動手制作網站了。但還不是真正意義上的(de)制作，你需要進行(xíng)詳細設計：
3.網站詳細設計
總體設計階段以比較抽象概括的(de)方式提出了解決問題的(de)辦法。詳細設計階段的(de)任務就是把解法具體化。詳細設計主要是針對程序開發部分來說的(de)。但這個階段的(de)不是真正編寫程序，而是設計出程序的(de)詳細規格說明。這種規格說明的(de)作用很類似于其他工程領域中工程師經常使用的(de)工程藍圖，它們(men)應該 包含必要的(de)細節，例如(rú)：程序界面，表單，需要的(de)數據等。程序員可(kě)以根據它們(men)寫出實際的(de)程序代碼。
四. 項目實施
1.整體形象設計
在程序員進行(xíng)詳細設計的(de)同時，網頁設計師開始設計網站的(de)整體形象和(hé)首頁。
整體形象設計包括标準字，Logo，标準色彩，廣告語等。 首頁設計包括版面，色彩，圖像，動态效果，圖标等風格設計，也包括banner，菜單，标題，版權等模塊設計。首頁一(yī)般設計1-3個不同風格，完成後，供客戶選擇。
記住：在客戶确定首頁風格之後，請客戶簽字認可(kě)。以後不得再對版面風格有(yǒu)大的(de)變動，否則視(shì)為(wèi)第二次設計。
開發制作
2.開發制作
到這裏，程序員和(hé)網頁設計師同時進入全力開發階段，需要提醒的(de)是，測試人員需要随時測試網頁與程序，發現Bug立刻記錄并反饋修改。不要等到完全制作完畢再測試，這樣會浪費大量的(de)時間和(hé)精力。項目經理(lǐ)需要經常了解項目進度，協調和(hé)溝通程序員與網頁設計師的(de)工作。
調試完善
3.調試完成
在網站初步完成後，上傳到服務器，對網站進行(xíng)全範圍的(de)測試。包括速度，兼容性，交互性，鏈接正确性，程序健壯性，超流量測試等，發現問題及時解決并記錄下來。
為(wèi)什麽要記錄文檔呢(ne)？其實本軟件工程本身就是一(yī)個文檔，是一(yī)個不斷充實和(hé)完善的(de)标準。通過不斷的(de)發現問題，解決問題，修改，補充文檔，使這個标準越來越規範，越來越工業化。進而使得網站開發趨向規範，趨向合理(lǐ)。
4.宣傳推廣
宣傳推廣的(de)基本方法有(yǒu)：
1.網頁裏設置适當的(de)META标簽；
2.各搜索引擎登錄；
3.準備新聞稿件在各新聞公告闆發表；
4.合理(lǐ)使用Email郵件列表；
5.廣告條交換；
6.付費廣告。
至此，網站項目建設完畢，将有(yǒu)關網址，使用操作說明文檔等提交客戶驗收。如(rú)果需要維護，另行(xíng)簽定維護項目。
五.維護
網站成功推出後，長(cháng)期的(de)維護工作才剛剛開始，需要做(zuò)到的(de)是:
1.及時響應客戶反饋；例如(rú)可(kě)以采取Email自(zì)動回複功能，然後在1-3個工作日裏解決問題，再次回複；
2.網站流量統計分析和(hé)相應對策；
3.盡量推廣和(hé)使用您的(de)網址；
4.網站內(nèi)容的(de)及時更新和(hé)維護。
六.遵循的(de)規範
1.網站建設目錄規範
2.網站文件命名規範
3.網站建設尺寸規範
4.網站首頁head區代碼規範
5.網站連接結構規範
網站開發規範
任何一(yī)個項目或者系統開發之前都需要定制一(yī)個開發約定和(hé)規則，這樣有(yǒu)利于項目的(de)整體風格統一(yī)、代碼維護和(hé)擴展。由于Web項目開發的(de)分散性、獨立性、整合的(de)交互性等，所以定制一(yī)套完整的(de)約定和(hé)規則顯得尤為(wèi)重要。定制一(yī)系列約定和(hé)規則，包括組件團隊、文件夾命名規則、文件名命名規則、程序代碼編程風格、數據庫設計約定。這些規則和(hé)約定需要與開發人員、設計人員和(hé)維護人員共同讨論定制，将來開發都将嚴格按規則或約定開發。每個團隊開發都應有(yǒu)自(zì)己的(de)一(yī)套規範，一(yī)個優良可(kě)行(xíng)的(de)規範可(kě)以使我(wǒ)們(men)工作得心應手事半功倍，這些規範都不是唯一(yī)的(de)标準不存在對與錯，也許有(yǒu)些地(dì)方與你當前使用的(de)習慣相駁，很多地(dì)方都有(yǒu)争議。。
非常明顯在Web項目開發中有(yǒu)前後台開發之分，前台開發主要是指非程序編程部分，主要職責是網站AI設計、界面設計、動畫設計等。而後台開發主要是編程和(hé)網站運行(xíng)平台搭建，其主要職責是設計網站數據庫和(hé)網站功能模闆的(de)實現。下面的(de)這些規範主要是從這2個方面來定制的(de)，這些規範是工作中總結的(de)一(yī)點經驗，本文檔比較适合中小型網站或者Web項目的(de)開發規範。
一(yī)．組建開發團隊
在接手項目後的(de)第一(yī)件事是組建團隊。根據項目的(de)大小團隊可(kě)以有(yǒu)幾十人，也有(yǒu)可(kě)以是隻有(yǒu)幾個人的(de)小團隊，在團隊劃分中應該含有(yǒu)6個角色，這6個角色是必須的(de)，分别是項目經理(lǐ)，策劃，美工，程序員，代碼整合員，測試員。也許你的(de)團隊還沒有(yǒu)6個人，沒有(yǒu)關系一(yī)個人可(kě)以有(yǒu)多個角色，比如(rú)項目經理(lǐ)還可(kě)以有(yǒu)策劃這個角色，如(rú)程序員還可(kě)以含有(yǒu)代碼整合和(hé)測試這2個角色，如(rú)果你的(de)項目夠大人數夠多那就分為(wèi)6個組，每個組分工再來細分。下面簡單介紹一(yī)下這6個角色的(de)具體職責。
項目經理(lǐ)，項目總體設計，開發進度的(de)定制和(hé)監控，定制相應的(de)開發規範，負責各個環節的(de)評審工作，協調各個成員(小組)之間開發。策劃，提供詳細的(de)策劃方案和(hé)需求分析。還包括後期網站推廣方面的(de)策劃。美工，根據策劃和(hé)需求設計網站AI，界面，Logo等。程序員，根據項目總體設計來設計數據庫和(hé)功能模塊的(de)實現。代碼整合員，負責将程序員的(de)代碼和(hé)界面融合到一(yī)起，代碼整合員可(kě)以制作網站的(de)相關頁面，測試員，負責測試程序。
二．開發工具
Web開發工具主要分為(wèi)3部分，第一(yī)部分是網站前台開發工具，第二部分是網站後台開發環境，第三部分是項目管理(lǐ)和(hé)輔助軟件。下面分别簡單介紹這三部分需要使用的(de)軟件。
網站前台開發主要是指Web界面設計。包括網站整體框架建立、常用圖片、Flash動畫設計等等，主要使用的(de)相關軟件是：Adobe Illustrator 、Adodb Photoshop、Dreamweaver MX、Flash MX等。
網站後台開發主要指網站動态程序開發、數據庫建模，主要使用的(de)相關軟件是： PowerDesigner（數據庫建模），PowerDesigner在數據庫設計方面應用非常強大，用它可(kě)以快速創建數據庫概念和(hé)物理(lǐ)模型，我(wǒ)最喜歡的(de)還是它生成數據庫Report的(de)功能太方便了，設計數據庫強烈推薦用它。Rational Rose（程序建模），如(rú)果你的(de)項目功能模塊不是特别複雜那就剩了它吧(ba)，這樣會節省一(yī)些時間和(hé)開發的(de)複雜度，不過我(wǒ)個人認為(wèi)不管是大項目還是小項目都應該畫畫Rose圖。
網站項目管理(lǐ)主要指對開發進度和(hé)代碼版本的(de)控制。開發進度用Microsoft Project來制定，代碼版本控制采用Visual SourceSafe，當然還有(yǒu)其他的(de)選擇比如(rú)CVS和(hé)Rational ClearCase。網站測試采用VS.net的(de)附帶工具Microsoft Application Center Test，它可(kě)以進行(xíng)并行(xíng)、負載測試等。程序文檔編寫采用Word，用WPS也可(kě)以。
三.網站開發流程
在項目開始實施之前應該有(yǒu)一(yī)個工作步驟也就是工作流程，在項目開發中最需要時間的(de)是總體設計和(hé)系統測試，而程序編寫代碼所占的(de)時間并不多，但有(yǒu)的(de)團隊就急于開發寫代碼，先把程序寫出來再說，沒有(yǒu)注重評審和(hé)測試這2個環節，結果造成返工，我(wǒ)在一(yī)家比較大的(de)公司中都遇到多次這種情況。所以項目來了不要急于開工寫代碼，應該一(yī)步一(yī)步慢慢來，隻有(yǒu)走的(de)慢才能走得穩走得遠。圖1的(de)開發流程比較好地(dì)體現開發的(de)整個環節。
圖 1
從圖1可(kě)以看到2條主線，這2條主線分别是前台開發和(hé)後台開發。前後台開發在項目開發早期互相沒有(yǒu)交叉，當然不是絕對沒有(yǒu)，Web策劃和(hé)需求分析都是互相有(yǒu)關系的(de)，一(yī)個是網站表現形式和(hé)風格的(de)策劃另一(yī)個是網站功能的(de)策劃，它們(men)是衣服和(hé)軀幹的(de)關系。到了開發後期就需要把界面和(hé)功能模塊結合起來形成一(yī)個統一(yī)，也就即将發布的(de)網站。
四．數據庫開發規範
數據文件命名采用系統名+_+文件類型，比如(rú)系統名為(wèi)kupage,則數據庫文件命名為(wèi)kupage_database.mdf，有(yǒu)的(de)數據庫文件有(yǒu)多個，比如(rú)SQL Server就有(yǒu)2個，一(yī)個是數據庫文件，另一(yī)個是日志文件，那麽他們(men)的(de)文件命名分别為(wèi)kupage_database.mdf，kupage_log.log。文件名全部采用小寫。
數據庫表命名規範，表名長(cháng)度不能超過30個字符，表名中含有(yǒu)單詞全部采用單數形式，單詞首寫字母要大寫，多個單詞間不用任何連接符号。若庫中有(yǒu)多個系統，表名采用系統名稱+單詞或多個單詞，系統名是開發系統的(de)縮寫，系統名稱全部采用小寫英文字符,如(rú)bbsTitle,bbsForumType。若庫中隻含有(yǒu)一(yī)個系統，那麽表名僅用一(yī)個單詞或多個單詞。單詞選擇能夠概括表內(nèi)容的(de)一(yī)個或多個英文單詞，如(rú)UserInfo,UserType。關連表命名規則為(wèi)Re_表A_表B,Re是Relative的(de)縮寫，如(rú)：Re_User_ArticleType, Re_User_FormType。
數據庫字段命名規範，數據庫字段名全部采用小寫英文單詞，單詞之間用”_”隔開，命名規則是表别名+單詞，如(rú)：user_name,user_pwd。表别名規則，如(rú)果表名是一(yī)個單詞，别名就取單詞的(de)前4 個字母；如(rú)果表名是兩個單詞，就各取兩個單詞的(de)前兩個字母組成4 個字母長(cháng)的(de)别名；如(rú)果表的(de)名字由3 個單詞組成，你不妨從頭兩個單詞中各取一(yī)個然後從最後一(yī)個單詞中再取出兩個字母，結果還是組成4 字母長(cháng)的(de)别名。
視(shì)圖名采用規則View_表A_表B_表C,View表示視(shì)圖。這個視(shì)圖由幾個表産生就用”_”連接幾個表的(de)名，如(rú)果表過多可(kě)以将表名适當簡化，但一(yī)定要列出所有(yǒu)表名。
存儲過程命名規則P_表名_存取過程名(縮寫)，比如(rú)P_User_Del，P_ArticleType_AddData。
SQL語句編寫規則，關鍵字必須大寫，其他書寫按上述命名規則，比如(rú)：
SELECT user_id, user_name FROM User WHERE user_id = ‘tom’
五．文件夾文件名命名規範
文件夾命名一(yī)般采用英文，長(cháng)度一(yī)般不超過20個字符，命名采用小寫字母。除特殊情況才使用中文拼音，一(yī)些常見的(de)文件夾命名如(rú)：images(存放圖形文件)，flash（存放Flash文件），style(存放CSS文件)，scripts（存放Javascript腳本），inc(存放include文件)，link（存放友情鏈接）,media(存放多媒體文件)等。
文件名稱統一(yī)用小寫的(de)英文字母、數字和(hé)下劃線的(de)組合。命名原則的(de)指導思想一(yī)是使得你自(zì)己和(hé)工作組的(de)每一(yī)個成員能夠方便的(de)理(lǐ)解每一(yī)個文件的(de)意義，二是當我(wǒ)們(men)在文件夾中使用“按名稱排例”的(de)命令時，同一(yī)種大類的(de)文件能夠排列在一(yī)起，以便我(wǒ)們(men)查找、修改、替換、計算負載量等等操作 。
1、圖片的(de)命名原則名稱分為(wèi)頭尾兩部分，用下劃線隔開，頭部分表示此圖片的(de)大類性質例如(rú)廣告、标志、菜單、按鈕等等。
放置在頁面頂部的(de)廣告、裝飾圖案等長(cháng)方形的(de)圖片取名： banner
标志性的(de)圖片取名為(wèi)： logo
在頁面上位置不固定并且帶有(yǒu)鏈接的(de)小圖片我(wǒ)們(men)取名為(wèi) button
在頁面上某一(yī)個位置連續出現，性質相同的(de)鏈接欄目的(de)圖片我(wǒ)們(men)取名： menu
裝飾用的(de)照片我(wǒ)們(men)取名： pic
不帶鏈接表示标題的(de)圖片我(wǒ)們(men)取名： title
下面是幾個範例： banner_sohu.gif 、banner_sina.gif、 menu_aboutus.gif 、menu_job.gif、 title_news.gif、 logo_police.gif、 logo_national.gif 、pic_people.jpg 。
2、動态語言文件命名規則性質_描述，描述可(kě)以有(yǒu)多個單詞，用”_”隔開，性質一(yī)般是該頁面得概要。
範例：register_form.asp，register_post.asp,topic_lock.asp
六．程序代碼編程規範
一(yī)個良好的(de)程序編碼風格有(yǒu)利于系統的(de)維護，代碼也易于閱讀查錯。在此隻讨論ASP的(de)編程風格和(hé)約定。在ASP中所有(yǒu)變量是弱變量，無需定義就可(kě)以直接使用，而且代碼不區分大小寫。但其他語言一(yī)般這些都要定義的(de)，為(wèi)了養成良好的(de)編程習慣，編寫代碼務必按照一(yī)下規則。
1、每個變量名必須定義，在ASP文件的(de)最開始添加語句，強制定制每個變量。
2、出于易讀和(hé)一(yī)緻性的(de)目的(de)，在代碼中使用以下變量命名約定：
子(zǐ)類型 前綴 示例
Boolean bln blnFound
Byte byt bytRasterData
Date (Time) dtm dtmStart
Double dbl dblTolerance
Error err errOrderNum
Integer int intQuantity
Long lng lngDistance
Object obj objCurrent
Single sng sngAverage
String str strFirstName
3、程序代碼需要有(yǒu)縮進，縮進采用鍵盤Tab鍵，不采用空格鍵。并且”＝”或者鏈接字符串時需要左右空一(yī)格，如(rú)下：
4、函數過程編寫的(de)約定。函數或者過程命名采用動作+名詞，每個函數需要給出相應的(de)注釋，函數功能，傳入變量，以及作者和(hé)修改相關信息。如(rú)下面函數:
%
'[功能] 返回一(yī)個參數的(de)值
'[參數] strParameterName 參數名稱
'[作者] icefire 2002/8/20 am
Function GetParameterValue(strParameterName)
Dim objRS, strSQL, strParameterValue
strSQL = "SELECT ParameterValue FROM damsParameters WHERE ParameterName = '" strParameterName "'"
.
.
.
GetParameterValue = strParameterValue
Set objRS = Nothing
End Function
5、ASP內(nèi)置對象區分大小寫。如(rú)下代碼片斷
strUserName = Request.Form(“UserName”)
Set conn = Server.CreateObject("ADODB.Connection")
6、數據庫連接一(yī)個庫隻能有(yǒu)一(yī)個數據庫連接文件，創建數據庫對象得原則是盡可(kě)能晚地(dì)打開數據庫，盡可(kě)能早地(dì)關閉數據庫。創建數據庫對象調用統一(yī)地(dì)創建函數。如(rú)下：
Sub OpenConn(ByRef conn)
Dim strDBPath, strDBConnection
strDBPath = Server.MapPath("database/tax.mdb")
strDBConnnection = "Driver={Microsoft Access Driver (*.mdb)}; DBQ=" strDBPath
Set conn = Server.CreateObject("ADODB.Connection")
conn.Open strDBConnnection
End Sub
7、當一(yī)個對象不在使用時要釋放對象資源，比如(rú)objFSO,objRS對象等。采用統一(yī)函數調用。函數如(rú)下：
Sub CloseObj(ByRef obj)
If IsObject(obj) Then
obj.Close
Set obj = nothing
End If
End Sub
8、時間全部以字符串的(de)形式保存到數據庫中，這樣做(zuò)能夠是日期在不同的(de)數據庫中都能良好地(dì)保存，也方便數據庫地(dì)遷移。時間用14位字符串保存，日期用8位字符串保存。
七．網站首頁head區代碼規範
head區是指首頁HTML代碼的(de)head和(hé)/head之間的(de)內(nèi)容。 必須加入的(de)标簽
1.公司版權注釋
!--- The site is designed by Maketown,Inc 06/2004 ---
2.網頁顯示字符集
簡體中文：META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312"
繁體中文：META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=BIG5"
英 語：META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1"
3.網頁制作者信息
META name="author" content="webmaster@maketown.com"
4.網站簡介
META NAME="DESCRIPTION" CONTENT="本站是一(yī)個醫療站點…"
5.搜索關鍵字
META NAME="keywords" CONTENT="xxxx,xxxx,xxx,xxxxx,xxxx,"
6.網頁的(de)css規範
LINK href="style/style.css" rel="stylesheet" type="text/css"
(參見目錄及命名規範)
7.網頁标題
titlexxxxxxxxxxxxxxxxxx/title
8.可(kě)以選擇加入的(de)标簽
1.設定網頁的(de)到期時間。一(yī)旦網頁過期，必須到服務器上重新調閱。
META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT"
2.禁止浏覽器從本地(dì)機(jī)的(de)緩存中調閱頁面內(nèi)容。
META HTTP-EQUIV="Pragma" CONTENT="no-cache"
3.用來防止别人在框架裏調用你的(de)頁面。
META HTTP-EQUIV="Window-target" CONTENT="_top"
4.自(zì)動跳轉。
META HTTP-EQUIV="Refresh" CONTENT="5;URL=" 5指時間停留5秒。
5.網頁搜索機(jī)器人向導.用來告訴搜索機(jī)器人哪些頁面需要索引，哪些頁面不需要索引。
META NAME="robots" CONTENT="none"
CONTENT的(de)參數有(yǒu)all,none,index,noindex,follow,nofollow。默認是all。
6.收藏夾圖标
link rel = "Shortcut Icon" href="favicon.ico"
所有(yǒu)的(de)javascript的(de)調用盡量采取外部調用.
SCRIPT LANGUAGE="javascript" SRC="script/xxxxx.js"/SCRIPT
附body标簽：
body标簽不屬于head區，這裏強調一(yī)下，為(wèi)了保證浏覽器的(de)兼容性，必須設置頁面背景body bgcolor="#FFFFFF"
八．網站建設尺寸規範
1. 頁面标準按800*600分辨率制作，實際尺寸為(wèi)778*434px
2. 頁面長(cháng)度原則上不超過3屏，寬度不超過1屏
3. 每個标準頁面為(wèi)A4幅面大小，即8.5X11英寸
4. 全尺寸banner為(wèi)468*60px，半尺寸banner為(wèi)234*60px，小banner為(wèi)88*31px
5. 另外120*90，120*60也是小圖标的(de)标準尺寸
6. 每個非首頁靜态頁面含圖片字節不超過60K，全尺寸banner不超過14K
網頁設計實訓心得三篇
網頁設計實訓心得一(yī)：
這兩個星期是我(wǒ)們(men)的(de)網頁設計實訓時間，這正是考驗我(wǒ)們(men)實力的(de)時候了。
經過一(yī)個學(xué)期的(de)網頁設計的(de)學(xué)習，我(wǒ)們(men)的(de)專業基礎更加紮實了，我(wǒ)們(men)對于自(zì)己的(de)專業學(xué)習更加有(yǒu)信心了。一(yī)開始對于網站設計我(wǒ)是抱着好奇以及興趣認真地(dì)學(xué)習，剛開始接觸網頁設計會覺得很神奇，平時上網接觸到的(de)網頁可(kě)以通過自(zì)己的(de)努力來建成。一(yī)心想着設計一(yī)個美觀大氣的(de)大網站，可(kě)以與其他網站媲美。對于我(wǒ)這種初學(xué)者，有(yǒu)這種天真的(de)夢想促使我(wǒ)更努力的(de)學(xué)習網頁設計。
平時老師授課，講解了有(yǒu)關網頁設計的(de)理(lǐ)論知識以及實際操作的(de)示範。網頁設計更着重于實際操作，我(wǒ)們(men)在機(jī)房通過每次上課的(de)學(xué)習運用，已經有(yǒu)了一(yī)定的(de)基礎。一(yī)開始我(wǒ)們(men)都是看着别人的(de)網站去(qù)模仿建設，到後來每個人在設計自(zì)己的(de)網頁時都有(yǒu)自(zì)己的(de)人個人風格，這就是網頁設計的(de)樂(yuè)趣。他不僅可(kě)以激發同學(xué)們(men)的(de)興趣，還可(kě)以把自(zì)己的(de)風格更大膽地(dì)展示出來，是一(yī)個可(kě)以展示自(zì)我(wǒ)的(de)空間，使我(wǒ)們(men)更有(yǒu)成就感。
這兩個星期我(wǒ)們(men)實訓課讓我(wǒ)們(men)更清楚地(dì)認識到自(zì)己的(de)建站水平。實訓任務是建立自(zì)己班級的(de)網站，剛開始覺得兩個星期足夠我(wǒ)們(men)去(qù)建成一(yī)個網站，但是我(wǒ)們(men)都太高(gāo)估我(wǒ)們(men)自(zì)己了。一(yī)開始設計網站時不知道(dào)從何下手，之前老師上課講的(de)知識一(yī)時不知道(dào)怎麽靈活運用起來，我(wǒ)才發覺對我(wǒ)軟件功能的(de)不太熟悉，除了基本的(de)框架構建，其他的(de)設計都需要比較長(cháng)的(de)時間去(qù)思考以及翻查書本。但是同學(xué)們(men)都很積極地(dì)向老師提問，把自(zì)己存在的(de)問題一(yī)一(yī)的(de)解決掉。雖然建立網站不是很順利，也隻有(yǒu)這樣我(wǒ)們(men)才可(kě)以正視(shì)自(zì)身，把平時半桶水的(de)聽課方式給改掉。在這次的(de)網站建設過程中，我(wǒ)發現自(zì)己對于知識不能靈活運用，不能巧妙地(dì)結合起來，對代碼的(de)不熟悉，這更加是一(yī)個大問題。建站過程中會遇到代碼出錯，代碼位置寫錯之類的(de)問題，當測試的(de)時候出現了錯誤但是不能看懂出錯原因，隻能靠網上搜索。因為(wèi)對于這種程序的(de)東西我(wǒ)會比較抗拒，從小就不喜歡思維性太強的(de)學(xué)習，所以建站會遇到比較多這種問題，但是我(wǒ)隻能積極去(qù)面對才能完成任務，畢竟這是我(wǒ)的(de)專業，為(wèi)了專業而專業，不能說不喜歡就不願意去(qù)學(xué)，這次實訓我(wǒ)反省了自(zì)身的(de)存在問題。我(wǒ)們(men)建立網站的(de)時候都發揮自(zì)己的(de)創新力、 想象力 ，用心地(dì)完成這個大項目。會遇到很多的(de)問題，經常因為(wèi)一(yī)個細小的(de)步驟而出錯，做(zuò)動态網頁的(de)時候會遇到更多類似的(de)問題，通常都會花費我(wǒ)很多時間來解決出錯原因。打個比方，我(wǒ)會一(yī)個上午都在弄留言闆，因為(wèi)不知道(dào)出錯原因，當請教老師或是同學(xué)的(de)時候才恍然大悟，原來是這麽簡單的(de)。當然，最終可(kě)以解決困難我(wǒ)還是很欣慰的(de)。
當我(wǒ)真正建立起自(zì)己的(de)網站的(de)時候，我(wǒ)看着自(zì)己的(de)作品非常地(dì)興奮，這是我(wǒ)用心血完成的(de)隻屬于自(zì)己的(de)網站，特别地(dì)欣慰。因為(wèi)過程的(de)困難，我(wǒ)更加珍惜自(zì)己第一(yī)次的(de)作品，做(zuò)每一(yī)步都會小心翼翼，就像母親生怕會失去(qù)自(zì)己的(de)孩子(zǐ)一(yī)樣，我(wǒ)就是這樣的(de)感受。
我(wǒ)可(kě)以說網頁設計給了我(wǒ)很大的(de)收獲，我(wǒ)是用我(wǒ)的(de)熱情去(qù)學(xué)習，也是用我(wǒ)的(de)真心去(qù)設計，屬于自(zì)己的(de)東西永遠是最美好的(de)。網頁設計不是用嘴巴就可(kě)以設計的(de)，更需要的(de)我(wǒ)們(men)的(de)堅持、創新、用心，才能收獲更大的(de)勝利。
網頁設計實訓心得二：
轉眼間，已到了期末，學(xué)習網頁設計這門課程也要結束了，雖然時間有(yǒu)點短(duǎn)，但是學(xué)過這個幾周以後我(wǒ)受益匪淺。
記得最初接觸dreamweaver的(de)時候，我(wǒ)很茫然，因為(wèi)剛接觸陌生的(de)軟件心裏會很害怕跟不上老師的(de)進程。剛開始幾節課，老師講得比較基礎，還能跟得上，漸漸的(de)老師授課的(de)進程開始加速，有(yǒu)些跟不上了，需要下課後自(zì)己補上，問老師和(hé)周圍的(de)同學(xué)。漸漸的(de)，在老師的(de)悉心教導下，我(wǒ)們(men)開始熟悉這個軟件了。老師布置的(de)第一(yī)個任務，要求做(zuò)一(yī)個自(zì)我(wǒ)形象網站。由于學(xué)習的(de)時間較短(duǎn)，老師隻要求用PS做(zuò)好模闆即可(kě)，任務相對簡單。但也要求設計感強，色彩搭配和(hé)諧，并且盡可(kě)能的(de)做(zuò)成實用又符合實際的(de)漂亮(liàng)網頁。
第二個網頁設計老師要求相對較高(gāo)，用dreamweaver做(zuò)一(yī)個比較接近真實的(de)網頁，還要做(zuò)一(yī)個二級頁面。于是開始收集各方面的(de)資料。确定了主題就開始布局了。最開始使用了一(yī)個表格，然後在表格內(nèi)進行(xíng)拆分合并處理(lǐ)，接着就把通過ps處理(lǐ)出來一(yī)個版頭并且把修改過大小的(de)圖片放進去(qù)了。
中間時預覽，問題出現了，發現版頭與下面的(de)圖片文字之間出現了很大的(de)一(yī)段距離(lí)，但是在軟件中已經把距離(lí)縮小為(wèi)0了，多次嘗試後沒有(yǒu)效果。最後想到可(kě)以另外再加一(yī)個表格，把版頭放在一(yī)個表格內(nèi)面，這樣問題就解決了。預覽是效果還不錯。但是總覺得首頁做(zuò)得太普通，一(yī)次浏覽學(xué)長(cháng)做(zuò)的(de)網頁時，覺得他們(men)的(de)文字滾動窗口做(zuò)得效果做(zuò)得不錯，于是想借見一(yī)下。就決定把自(zì)己網站的(de)左邊修改修改。複制了他的(de)代碼，把上面的(de)內(nèi)容修改成我(wǒ)的(de)網站需要的(de)文字。本以為(wèi)可(kě)以輕松的(de)完成，但是卻出現大問題了。
因為(wèi)需要滾動的(de)文字占的(de)空間太大，把左邊的(de)那部分表格全部占滿了，而在實際的(de)網頁預覽中，這個有(yǒu)文字滾動的(de)框隻占了左邊Oeasy教你玩轉網頁設計浏覽的(de)工具建站程序三分之一(yī)，左邊有(yǒu)三分之二留白了。我(wǒ)就想可(kě)不可(kě)以把文字這樣一(yī)層層的(de)放在上面，試了很多 方法 ，在網站查了很多資料，可(kě)能因為(wèi)沒有(yǒu)專業術語作為(wèi)搜索的(de)關鍵詞，查不到任何相關的(de)資料，試過div标簽，試過不停的(de)拆分表格，最後還是沒有(yǒu)效果。就這樣試着試着，突然想到了層這個概念。于是在布局中點擊了繪制層，結果成功了，經過一(yī)些加工，終于成功的(de)完成左邊的(de)布局。印象還比較深刻的(de)是插入聲音，記得老師曾經給我(wǒ)們(men)講過很多次怎樣插入聲音，可(kě)是等到自(zì)己做(zuò)網頁的(de)時候卻忘記了，于是問其他人，結果居然都忘記了，于是自(zì)己在百度上收。最後終于找到了一(yī)個可(kě)以使用的(de)代碼，但是在加入聲音路徑時出現了問題。在屬性內(nèi)加入源文件，結果就是加不進去(qù)MP3的(de)音樂(yuè)文件，然後自(zì)己就嘗試加入了一(yī)個視(shì)頻，記下了路徑格式，然後照着這種格式寫下了指向聲音源文件的(de)路徑，最後成功了。在設計過程中還出現了很多的(de)問題，但通過看書，上網查詢，請教同學(xué)等方式，不斷的(de)學(xué)習、解決、提高(gāo)，設計出的(de)網頁不論是外觀還是內(nèi)容，都在不斷的(de)進步、改善。可(kě)以說在自(zì)己動手，不斷實踐的(de)過程中，網頁設計水平得到了很大的(de)提高(gāo)。熱情和(hé)執着，我(wǒ)将來設計出的(de)網頁會更加專業，更完善。
網頁設計實訓心得三：
科(kē)學(xué)是發展生産力的(de)根本前提，當今的(de)社會是互聯網蓬勃發展的(de)世界，每當我(wǒ)們(men)上網的(de)時候，那一(yī)個個精美别緻的(de)網頁給人是多麽流暢順利的(de)感覺，無論是尋找資料還是網上商(shāng)城購物，都給我(wǒ)們(men)帶來了方便快捷的(de)好處，我(wǒ)想，科(kē)學(xué)技術的(de)發展，離(lí)不開互聯網的(de)發展，而互聯網的(de)發展也離(lí)不開網頁制作的(de)發展，而隻有(yǒu)把兩者結合起來才是正确的(de)。
首先，了解網頁并不是單純的(de)認為(wèi)他僅僅隻是為(wèi)人們(men)服務的(de)，而它的(de)存在也是給我(wǒ)們(men)帶來了利益和(hé)好處。當然，了解網頁首先也從幾個軟件開始：
1. dreamweaver m_ __ (或dreamweaver 8)。
2. flash m_ __ (或flash 8)
3. fireworks 8
而網頁制作就是開始從這些軟件開始着手的(de)，今天，我(wǒ)終于可(kě)以學(xué)習網頁制作了，我(wǒ)們(men)在杜奕老師的(de)教導下，各位同學(xué)們(men)也都在聆聽老師的(de)講解和(hé)指導我(wǒ)們(men)運用以上這些軟件的(de)功能和(hé)網頁的(de)剖析。所謂網頁，就是指一(yī)個可(kě)以浏覽內(nèi)容并且可(kě)以使用ie浏覽器打開的(de)內(nèi)容稱之為(wèi)網頁。
在剛開始接觸網頁的(de)第一(yī)堂課上，聽說網頁制作會是一(yī)門很無聊并且很難聽懂的(de)過程，而事實卻印證了這樣一(yī)個事實，但是隻要我(wǒ)們(men)努力，無論是怎樣的(de)艱難險阻，成功依然會迎面直擊。在剛開始時我(wǒ)覺得dreamweaver m_ __ 很難理(lǐ)解，不管老師做(zuò)怎樣的(de)解釋，而我(wǒ)卻對它感到很是吃力，諸如(rú)裏面有(yǒu)許多不知道(dào)的(de)功能。如(rú)：布局表格、繪制層、制作css樣式表等，這些內(nèi)容迷糊了我(wǒ)的(de)視(shì)線，真是沒想到制作一(yī)個精巧别緻的(de)網頁是如(rú)此的(de)困難，可(kě)是心有(yǒu)不甘，每天上網看着那樣多的(de)網頁，于是我(wǒ)才下定決心選擇了網頁制作這一(yī)門課程，目的(de)就是希望以後能夠做(zuò)出一(yī)個完美的(de)網頁來。
“路漫漫其修遠兮，吾将上下而求索”學(xué)習的(de)道(dào)路是艱苦漫長(cháng)的(de)，更何況這是關于一(yī)個科(kē)學(xué)技術的(de)一(yī)個代名詞，随後，課堂的(de)氣氛慢慢的(de)好轉，耐心的(de)老師和(hé)專心的(de)學(xué)生在課堂上都盡情的(de)發揮各自(zì)的(de)才能，老師也為(wèi)了能教好每一(yī)位學(xué)生，而學(xué)生也不辜負老師的(de)使命，就這樣，網頁制作這一(yī)門課程進行(xíng)的(de)很順利，學(xué)習了dreamweaver m_ __ 對它如(rú)何徹底的(de)剖析和(hé)分解，我(wǒ)們(men)終于認清了它的(de)原理(lǐ)，摸清了應該怎樣去(qù)完全的(de)使用它，而我(wǒ)們(men)在老師的(de)指導和(hé)訓練的(de)結果下，終于開始做(zuò)屬于自(zì)己的(de)網頁了。
慢慢的(de)快接近尾聲了，我(wǒ)們(men)也快臨近期末了，老師給我(wǒ)們(men)的(de)任務卻是需要我(wǒ)們(men)每人至少做(zuò)出三個網頁來，且內(nèi)存不能超過3m，剛開始我(wǒ)以為(wèi)我(wǒ)會對着感到很是吃力，不知道(dào)該如(rú)何是好，畢竟網頁才是剛剛起步，根基不穩，怎麽能夠做(zuò)出這樣的(de)網頁呢(ne)?而我(wǒ)對dreamweaver m_ __ 它也不是很熟悉，心裏真是很擔憂。
在這最後的(de)時間裏，我(wǒ)仔細掂量了一(yī)番，網頁制作給我(wǒ)的(de)結論是：要想制作一(yī)個能夠像網上的(de)那樣，還得需要經過長(cháng)時間的(de)刻苦努力和(hé)不斷地(dì)檢驗及實踐，否則，如(rú)果隻靠老師在課堂上講的(de)那些知識是遠遠不夠的(de)。畢竟網頁是一(yī)個技術性的(de)知識，不像文學(xué)那樣的(de)純理(lǐ)論知識。通過這個課程的(de)學(xué)習，我(wǒ)從中得到了一(yī)些對網頁知識如(rú)功能、概念的(de)理(lǐ)解，原來要做(zuò)出一(yī)個簡單可(kě)行(xíng)的(de)網頁并不是一(yī)件害怕的(de)事情，而是一(yī)件努力和(hé)嘗試的(de)事情。
網頁設計實訓心得三篇相關 文章(zhāng) ：
★ 網頁設計實習心得體會3篇
★ 網頁設計實訓心得
★ 網頁設計實訓報告心得
★ 網頁設計實習心得體會感想
★ 網頁設計實習心得體會
★ 設計實訓心得體會3篇
★ 設計實訓心得體會範文3篇
★ 網頁制作實習心得
★ 有(yǒu)關網頁制作實訓報告心得體會
★ 網頁制作實習心得小結
網站設計實訓總結
首先我(wǒ)要做(zuò)的(de)就是要選擇好題目和(hé)網站的(de)風格，之後我(wǒ)就分步驟準備在制作網站前所要做(zuò)好的(de)準備工作。我(wǒ)浏覽了中國(guó)美食網的(de)一(yī)些特點，借監這些網站的(de)優秀之處，不好的(de)地(dì)方在自(zì)己的(de)網站上加以改良，從而使自(zì)己的(de)網站更加美觀。
回顧這次課程設計，至今我(wǒ)仍感慨頗多。的(de)卻。從選題到開始制作，從理(lǐ)論到實踐，在實訓機(jī)房日子(zǐ)裏，可(kě)以說得是苦多于甜，但是可(kě)以學(xué)到很多很多的(de)的(de)東西，同時不僅可(kě)以鞏固了以前所學(xué)過的(de)知識，而且學(xué)到了很多在書本上所沒有(yǒu)學(xué)到過的(de)知識。
在選擇好題目和(hé)網站的(de)風格之後，我(wǒ)就開始了實訓項目的(de)進程，按照實訓方案的(de)規定，先是将網站的(de)總體策劃以書面的(de)形式展現出來，通過老師審核之後，在相應的(de)時間段找相關的(de)素材，搜集與主題相關的(de)文字、圖像等。再是設計網站的(de)內(nèi)容結構、目錄結構和(hé)鏈接結構，設計首頁及其頁面的(de)版式結構。然後創建本地(dì)網站，建立網站的(de)目錄結構。制作首頁、二級子(zǐ)頁、內(nèi)容頁，創建超級鏈接。最後就是測試與浏覽網頁，如(rú)果還有(yǒu)什麽不理(lǐ)想的(de)地(dì)方再改進再預覽，如(rú)此反複，最後達到最好效果！
在此次網站的(de)設計與制作過程中，難免會遇到過各種各樣的(de)問題，這畢竟是第一(yī)次獨自(zì)設計網站、制作網站。但值得高(gāo)興的(de)是：在設計的(de)過程中發現了自(zì)己的(de)不足之處，對以前所學(xué)過的(de)知識理(lǐ)解得不夠深刻，掌握得不夠牢固，沒有(yǒu)能完全達到自(zì)己預期的(de)效果，還好通過老師的(de)細心指導才能達到最終效果……
一(yī)周網頁設計與制作的(de)實訓課程結束了，回顧這次課程設計實訓，至今我(wǒ)仍感慨頗多。的(de)确，從選材到開始制作，從理(lǐ)論到實踐，在兩周的(de)實訓日子(zǐ)裏，可(kě)以說得是苦多于甜，但是可(kě)以學(xué)到很多很多的(de)的(de)東西，同時不僅可(kě)以鞏固了以前所學(xué)過的(de)知識，而且學(xué)到了很多在書本上所沒有(yǒu)學(xué)到過的(de)知識。更懂得并親身體會到了理(lǐ)論與實際相結合的(de)重要性，隻有(yǒu)理(lǐ)論知識是遠遠不夠的(de)，把所學(xué)的(de)理(lǐ)論知識與實踐相結合起來，從理(lǐ)論中得出結論，才能真正為(wèi)掌握技術，從而提高(gāo)自(zì)己的(de)實際動手能力和(hé)獨立思考的(de)能力。
網頁設計實訓總結心得6篇(2)
網頁設計實訓總結心得體會範文4
上周，也就是5月31日到6月4日的(de)五天裏，我(wǒ)們(men)電商(shāng)專業進行(xíng)了為(wèi)期五天的(de)網頁制作實訓。
在機(jī)房裏待了一(yī)個星期，雖然生理(lǐ)反應不大，但是還是不好受。原本以為(wèi)是實訓比平時上課要舒服多了吧(ba)，但是這一(yī)個星期下來差點沒被累死，比平時上課還疼苦。但是在這實訓的(de)一(yī)星期裏我(wǒ)的(de)收獲還是很多的(de)。
第一(yī)、從這次實訓當中我(wǒ)深刻的(de)體會到理(lǐ)論知識的(de)重要性，隻有(yǒu)在自(zì)己熟練理(lǐ)論知識後再能在實踐中遊刃有(yǒu)餘，才不會出現“書到用時方恨少”的(de)尴尬體會。
第二、實訓中我(wǒ)印象最深的(de)是對各種網頁制作工具的(de)使用不熟練，甚至還有(yǒu)個别不會用的(de)，隻是自(zì)己想要做(zuò)個圖片或圖标等都做(zuò)不好，其心情想而知。所以對這些網頁是做(zuò)工具的(de)使用都要練習。
第三、集體協作是我(wǒ)又一(yī)個體會。這次網頁制作由于某些原因我(wǒ)一(yī)個人一(yī)組，是我(wǒ)搞掘到壓力很大而且很累，而且我(wǒ)自(zì)己的(de)思維能力很有(yǒu)限，網站設計和(hé)制作上也略顯粗糙和(hé)不足，正所謂：你有(yǒu)一(yī)個思想，我(wǒ)有(yǒu)一(yī)個思想，分享後我(wǒ)們(men)就都有(yǒu)兩個思想。所以與同學(xué)合作是很有(yǒu)必要的(de)。
總之，這5天裏自(zì)己雖然很累，但是自(zì)己的(de)收獲也是很不小的(de)，所以我(wǒ)也是很開心的(de)。
網頁設計實訓總結心得體會範文5
實訓的(de)五天中，我(wǒ)的(de)心情就好像這五天的(de)天氣變化，有(yǒu)晴有(yǒu)陰，隻是差了點眼淚。但這并沒有(yǒu)使我(wǒ)放棄，我(wǒ)不想落後，也不想拖小組的(de)後腿，我(wǒ)告訴自(zì)己隻有(yǒu)努力做(zuò)好一(yī)切才是我(wǒ)的(de)選擇。一(yī)次次的(de)失敗，一(yī)次次的(de)嘗試，做(zuò)好的(de)那一(yī)刻，激動、高(gāo)興。我(wǒ)不是天才，有(yǒu)些知識不會。查書，問同學(xué)，找代碼等等，時間飛(fēi)速的(de)流逝着，有(yǒu)些學(xué)會了，但仍然有(yǒu)不會的(de)。
我(wǒ)們(men)的(de)小組從開始就産生了分歧，網站主題不一(yī)緻。直到制作網站的(de)第三天，我(wǒ)們(men)才達成共識，兩方各退一(yī)步。還好，大家做(zuò)出來的(de)效果差不多，接下來的(de)幾天大家一(yī)起努力制作網頁。遇到問題了，互相讨論，找出解決的(de)方法，解決不了的(de)就找人問。
在規劃網站結構前，我(wǒ)們(men)在互聯網上大量的(de)尋找網站布局規劃，“不行(xíng)”、“不行(xíng)”、“與主題不搭”等一(yī)遍遍否定的(de)話不斷說出，終于确定了。我(wǒ)們(men)做(zuò)旅遊的(de)，以春夏秋冬四季分作，色調意思及顔色搭配。制作的(de)過程中，我(wǒ)們(men)改變了初衷，不知道(dào)是好，還是壞，決定做(zuò)春夏冬三季及另外涉及天下旅遊方面的(de)主網頁。
選取素材，一(yī)個個的(de)挑，看的(de)越多也變得越難選，好多與自(zì)己想要的(de)想差太遠，找的(de)眼都花了，還是得找。磨練又一(yī)次的(de)來了，堅持吧(ba)，努力吧(ba)，找完就好了。
制作網頁，一(yī)遍遍的(de)改。不對、不對，顔色不搭，不能突出主題，浏覽出來的(de)結構不搭，改吧(ba)。累啊，煩呢(ne)，還是得繼續做(zuò)。做(zuò)網站是即使出現再多的(de)錯誤，也要堅持做(zuò)，耐心點，做(zuò)好做(zuò)完就好了，就輕松了。
我(wǒ)們(men)經常在嘴邊挂着要有(yǒu)“團隊合作理(lǐ)念”，但行(xíng)動起來時，有(yǒu)些人還是會忘記，也許是固執，也許是其他原因。遇到這種情況時，要有(yǒu)人站出來調節，盡快解決矛盾，否者會影響整體的(de)工作進程，彼此不高(gāo)興。制作網頁不協調，影響質量。
我(wǒ)們(men)這次實訓的(de)目的(de)及要求是：以小組為(wèi)單位，合作完成從确定網站主題、規劃網站結構、選取網頁素材、到制作網頁內(nèi)容等步驟，從而掌握網站建設的(de)全流程。同時，培養團隊協作精神，提高(gāo)綜合運用所學(xué)分析、解決實際問題的(de)能力，實現由理(lǐ)論知識向操作技能的(de)轉化。
網頁設計實訓總結心得體會範文6
從學(xué)校 畢業 後，我(wǒ)第一(yī)次步入了社會，從此開始了面對社會、工作的(de)生活。剛剛走入社會的(de)我(wǒ)是一(yī)個性格有(yǒu)些內(nèi)向的(de)人，面對陌生的(de)人，我(wǒ)不善言辭，不會給自(zì)己的(de)外表進行(xíng)很好的(de)包裝，不适合做(zuò)那些銷售、接待的(de)工作，隻有(yǒu)技術類的(de)工作，少說多幹的(de)活适合我(wǒ)，這個我(wǒ)很清楚。現在，中國(guó)每年(nián)都有(yǒu)很多畢業的(de)大學(xué)生找不到工作，我(wǒ)也不例外，所以，這第一(yī)次實習工作肯定不會太好找，但是相反，我(wǒ)的(de)運氣還不錯。找到了一(yī)份網頁設計的(de)工作。現将我(wǒ)在工作中的(de)情況 報告 如(rú)下。
一(yī)、工作介紹
我(wǒ)工作的(de)這家公司，從事網站開發工作的(de)，公司在技術團隊這部分是比較正規的(de)，一(yī)般是五到六人為(wèi)一(yī)個小組，小組中有(yǒu)明确分工，有(yǒu)負責聯系客戶接恰生意的(de)，有(yǒu)專門做(zuò)技術的(de)，而在技術這塊分為(wèi)網站前台、後台開發，我(wǒ)在學(xué)校主要做(zuò)的(de)是後台開發，當然前台設計工作也還算熟練，但不是很精通。我(wǒ)們(men)這個小組一(yī)般接下的(de)活都是一(yī)些小型網站的(de)開發工作，這樣的(de)網站技術難度不大，而且工作周期短(duǎn)，有(yǒu)相當一(yī)部分的(de)，隻需要通過cms軟件就可(kě)以進行(xíng)開發。但是有(yǒu)個别的(de)網站開發時，我(wǒ)們(men)還是需要進行(xíng)一(yī)些手寫代碼工作的(de)。
二、開發技術
做(zuò)為(wèi)一(yī)個剛畢業的(de)大學(xué)生，我(wǒ)的(de)知識儲備肯定有(yǒu)不足的(de)地(dì)方，畢竟學(xué)校教的(de)東西肯定會有(yǒu)一(yī)部分和(hé)社會是脫節的(de)，但好在我(wǒ)的(de)領導對于我(wǒ)沒有(yǒu)太多的(de)要求，他隻是要求我(wǒ)盡快的(de)适應公司的(de)工作和(hé)生活，在短(duǎn)時間內(nèi)熟練的(de)掌握相關技術，幹好本職工作。
在大學(xué)裏對一(yī)個學(xué)生來說什麽是最重要的(de)，那就是學(xué)習能力。要知道(dào)，這個世界上，知識在發展，人類在進步，每天都在進行(xíng)日新月異的(de)變化，我(wǒ)們(men)的(de)知識儲備總會有(yǒu)不夠的(de)地(dì)方，但是一(yī)定要有(yǒu)學(xué)習能力，将不會知識快速掌握，隻有(yǒu)這樣才能占據主動，減少被動情況的(de)尴尬發生，通過二個星期的(de)時間，我(wǒ)成功的(de)适應了公司的(de)工作和(hé)生活節奏，每天早九點上班，晚17:30下班，中午休息一(yī)個半小時，每周還有(yǒu)兩天假期。我(wǒ)利用業餘時間，抓緊學(xué)習，将工作中所需要的(de)技術進行(xíng)了強化學(xué)習，其實這些東西在學(xué)校的(de)時候就接觸過，隻是不精通。那個時候學(xué)的(de)東西多，難免有(yǒu)個主次之分，這次工作了，才知道(dào)哪個應該多學(xué)點，但好在我(wǒ)都有(yǒu)學(xué)過，所以有(yǒu)個好的(de)基礎在這裏，也就不怕了，比如(rú)說：flash，公司要求技術人員會做(zuò)flash，flash這東西以前我(wǒ)在宿舍的(de)時候經常玩的(de)，可(kě)是後來在分析就業情況時，分析錯了方向，以為(wèi)這東西沒有(yǒu)什麽用處，結果就給荒廢了。但好在還有(yǒu)印象，并且當初記了很多的(de)筆(bǐ)記，所以說記筆(bǐ)記是很重要的(de)事情。而其它像javascript、xml、數據庫這些東西我(wǒ)都學(xué)過，隻是實踐能力稍差一(yī)點，但好在從前在學(xué)習方面用的(de)功不是白費的(de)。通過這種實戰環境，和(hé)半個月的(de)刻苦學(xué)習，我(wǒ)終于可(kě)以感上小組的(de)工作進度了，已經可(kě)以很好的(de)完成領導教給我(wǒ)的(de)任務了。
像我(wǒ)這個組常用的(de)是css+div排版，後台使用php技術進行(xíng)開發，服務器平台采用，linux+apache+mysql+php,這種lamp組合，我(wǒ)很高(gāo)興在學(xué)校學(xué)的(de)東西能學(xué)有(yǒu)所用。以前我(wǒ)們(men)是用表格(table)進行(xíng)排版，這種方式簡單但是已經有(yǒu)些過時了，現在大部分網站都開始了重新構架，所以都采用css+div進行(xíng)網頁排版，我(wǒ)目前正在學(xué)習，掌握的(de)還算比較快。而在後台開發部分，我(wǒ)們(men)使用php來進行(xíng)開發，我(wǒ)的(de)工作是手寫一(yī)些小模塊。或者用javascript寫一(yī)些特效小代碼。
三、工作流程
小組分工時，我(wǒ)負責後台裏小模塊的(de)開發工作，如(rú)：留言闆或論壇，還有(yǒu)一(yī)部分javascript代碼編寫工作。前台部分的(de)工作是和(hé)組裏的(de)丁珊珊做(zuò)一(yī)些排版的(de)工作，使用css+div技術。編寫代碼這種工作看起來有(yǒu)些枯燥，其實時間長(cháng)了以後，還真有(yǒu)點厭煩，但是後來我(wǒ)明白，隻有(yǒu)将自(zì)己的(de)本職工作做(zuò)好，提高(gāo)自(zì)己的(de)技術，做(zuò)出優良的(de)東西，這樣自(zì)己才會有(yǒu)價值感，才會對自(zì)己的(de)工作保持新鮮感。所以我(wǒ)每天都在工作後，記錄下每天在技術上的(de)不足之處，回家後，将強學(xué)習，這所謂：找出不會的(de)地(dì)方，學(xué)會它，你就變的(de)強大了。
php是現在比較流行(xíng)的(de)一(yī)種網站開發技術，由于它是開源的(de)免費代碼，并因良好的(de)跨平台性能受到了大重的(de)喜歡，我(wǒ)個人認為(wèi)php很簡單，适合初學(xué)者學(xué)習使用，但是在某些地(dì)方想要做(zuò)好，就需要你認真的(de)學(xué)習了。目前，我(wǒ)負責的(de)隻是技術性較低(dī)和(hé)規模較小的(de)模塊，不過，我(wǒ)覺得從簡單處做(zuò)起也挺好的(de)，但是我(wǒ)在寫代碼時，還是經常犯些小錯誤，導緻代碼頁面經常出錯，而自(zì)己往往還找不到是哪錯了，有(yǒu)幾次急的(de)都不行(xíng)，不管怎麽弄，結果就是錯誤，後來我(wǒ)才發現，原來隻是一(yī)個小錯誤，小的(de)不仔細察看，我(wǒ)都找不到。于是我(wǒ)明白，做(zuò)開發工作，一(yī)定要細心，否則就會給自(zì)己和(hé)别人帶來麻煩。
四、安全檢查
安全檢查是很重要的(de)一(yī)個環節，就像你給人家蓋房子(zǐ)，房子(zǐ)蓋好了，可(kě)是門和(hé)窗不結實，那這種就必然不會安全的(de)了。頁站的(de)制做(zuò)也是同樣的(de)道(dào)理(lǐ)，在安全方面，有(yǒu)一(yī)個地(dì)方是和(hé)開發人員有(yǒu)很大的(de)關系的(de)。因為(wèi)開發人員技術的(de)高(gāo)低(dī)決定了網站的(de)安全性，有(yǒu)些人員在一(yī)些環節上的(de)疏漏，很有(yǒu)可(kě)能導緻網站在實際使用時，遭到黑客攻擊，如(rú)果造成了經濟損失就無法挽救了。
所以，我(wǒ)們(men)每個人在将各自(zì)的(de)工作完成以後，組長(cháng)和(hé)其它專門的(de)技術人員會對網站的(de)安全性進行(xíng)測試，找出存在的(de)漏洞，然後加以修改。以使它的(de)安全性達到最高(gāo)最穩定的(de)狀态。
在公司進行(xíng)實習工作的(de)這段時間，我(wǒ)在個人技術上收獲了很多，現在的(de)我(wǒ)已經能獨檔一(yī)面了，做(zuò)一(yī)些難度比較大的(de)工作，我(wǒ)通過優異的(de)表現，已經轉為(wèi)正式員工，我(wǒ)對自(zì)己的(de)表現感到滿意，最重要的(de)是我(wǒ)給自(zì)己的(de)學(xué)校争了光，但是在社交能力方面，溝通能力上還有(yǒu)不足的(de)地(dì)方。我(wǒ)決定在今後的(de)工作和(hé)學(xué)習，要加強和(hé)别人的(de)溝通能力。使自(zì)己變的(de)更好，為(wèi)國(guó)家為(wèi)社會做(zuò)出更多的(de)貢獻。
網頁設計實訓總結心得6篇相關 文章(zhāng) ：
★ 網頁設計實訓總結心得6篇
★ 網頁設計實習心得體會3篇
★ 網頁設計實訓報告心得
★ 網頁設計實訓心得
★ 網頁設計實習心得體會總結
★ 網頁設計實訓心得三篇
★ 網頁設計實習心得體會
★ 網頁設計實習心得體會感想
★ 學(xué)習網頁設計的(de)總結
★ 有(yǒu)關網頁制作實訓報告心得體會
網頁設計或網站建設的(de)實踐報告
以是研究呀
沒有(yǒu)絕對的(de)東西，有(yǒu)利就有(yǒu)弊，利用得好會讓你在短(duǎn)期內(nèi)快速戰領市(shì)場。現在連收費品，下水道(dào)，家政保潔等服務行(xíng)業能過網絡營銷接定單火着呢(ne)，關鍵看你如(rú)何利用網絡營銷為(wèi)你賺錢，拉業務.少走些彎路就行(xíng)
最重要的(de)從以下幾點來做(zuò)：
1、營銷網站制作，網站就如(rú)同公司的(de)前台，如(rú)果前台都沒有(yǒu)，别人到你公司去(qù)談業務，同樣的(de)價格别人不一(yī)定會選擇你。網站一(yī)定要做(zuò)成小型門戶型的(de)，千萬别用網絡公司送的(de)幾時十個頁面的(de)垃圾網站，
2、網站整體優化，如(rú)今中小企業網站數量越來越多，而中小企業裏懂網絡營銷的(de)人才不多，通常中小企業的(de)網站都是由網絡服務商(shāng)制作維護，可(kě)是網絡服務商(shāng)隻管做(zuò)網站，不管網絡營銷。這是其一(yī)。其二，網絡推廣費用太高(gāo)，一(yī)部分中小企業付擔不起，而網站優化不必要支付按點擊付費的(de)費用。所以有(yǒu)機(jī)會節約網絡營銷成本就抓緊進行(xíng)網站優化，讓你的(de)網站成為(wèi)行(xíng)業冠軍，定單自(zì)動找上門。SEO可(kě)從：對網頁的(de)URL 、TITLE 、META 标簽、正文标題、正文內(nèi)容、ALT 标簽、鏈接進行(xíng)優化
3、花錢做(zuò)些廣告，天下沒有(yǒu)免費的(de)午餐這句話誰都知道(dào)，要想讓你的(de)客戶找到你，目前搜索競價廣告可(kě)以說是較快的(de)讓你的(de)客戶找到你，但網站一(yī)定要做(zuò)得專業些，千萬别用幾十個頁面那種的(de)。
要一(yī)份網頁實訓報告
一(yī)、實習目的(de)：
通過教學(xué)實習掌握站點制作、站點測試與發布技術。會綜合利用Fireworks
、Flash和(hé)Dreamweaver三個軟件進行(xíng)靜态網站的(de)設計。
二、實習內(nèi)容：
1.用Fireworks處理(lǐ)圖片。對圖片裁剪、鈍化、高(gāo)斯模糊。設置圖片的(de)GIF動畫格式，制作标題動畫。對文字應用效果。利用Fireworks制作導航條并導出格式為(wèi)html。
2.用Flash制作标題動畫。首頁中的(de)動畫不超過20M。制作按鈕來超級鏈接到其他頁面。
3.使用Dreamweaver布局視(shì)圖，設置本地(dì)站點。在标準視(shì)圖和(hé)布局視(shì)圖模式相互轉換。建議使用布局視(shì)圖，在标準模式中插入層對象制作層動畫，利用行(xíng)為(wèi)面闆添加鼠标行(xíng)為(wèi)，制作翻轉動畫，使用CSS樣式統一(yī)網頁中文字樣式，插入Fireworks中的(de)GIF
文件及導入Flash中的(de)SWF文檔，設置文檔間的(de)超級鏈接。
三、具體要求：
1、利用Dreamweaver制作一(yī)個靜态網站，要求網站有(yǒu)特色，整個網站的(de)內(nèi)容和(hé)形式要統一(yī)，應能夠反映一(yī)個簡單的(de)主題。可(kě)以選擇制作《個人網站設計》、《企業網站設計》、《文化網站的(de)設計》、《娛樂(yuè)網站設計》或者其他自(zì)己認為(wèi)适合的(de)網站。
2、 作一(yī)個主頁面，至少5個次頁面。
3、必須用到框架、表格或層排版技術、Flash技術和(hé)圖像處理(lǐ)技術，使網站具有(yǒu)合理(lǐ)的(de)外觀和(hé)功能。
4、 主頁基本要求：
頁頭Logo，準确無誤地(dì)标識站點和(hé)企業标志；
網頁标題動畫，可(kě)以制作成GIF動畫或者Flash動畫；
導航條；
E-mail地(dì)址，用來接受用戶垂詢；
聯系信息，如(rú)普通郵件地(dì)址或電話；
版權信息。
5、制作一(yī)個表單頁面。
6、某個頁面有(yǒu)滾動字幕。
7、為(wèi)一(yī)個頁面添加背景音樂(yuè)。
8、至少添加一(yī)種行(xíng)為(wèi)效果。
9、整個網站各頁面之間保持風格一(yī)緻，頁面之間要有(yǒu)合理(lǐ)的(de)超級鏈接。
10、進行(xíng)站點測試後申請免費空間并發布到網絡。
四、網站設計思路：
本站應該算是一(yī)個個人主頁的(de)小型網站。關于本站站名的(de)來源：微言微語個人主頁，因為(wèi)，我(wǒ)覺得這個網站裏面的(de)所有(yǒu)文字都是像一(yī)個人在自(zì)言自(zì)語，在低(dī)聲地(dì)向某人訴說着什麽，沒有(yǒu)主題，沒有(yǒu)目的(de)。取這個站名，是做(zuò)了網站的(de)大概構思後才取的(de)，覺得，這個名字與網站的(de)圖片、背景音樂(yuè)還有(yǒu)文字都很相符。
個人主頁，一(yī)般都會包括首頁，相冊，鏈接，一(yī)些個人喜歡的(de)文字加圖片，我(wǒ)的(de)個人主頁也不例外，包括次首頁（個人喜歡的(de)的(de)文章(zhāng)加圖片），我(wǒ)的(de)作品（裏面包括自(zì)己做(zuò)的(de)三個FLASH動畫），文章(zhāng)（一(yī)些自(zì)己喜歡的(de)文章(zhāng)），相冊（Firworks處理(lǐ)過的(de)相冊），關于（關于自(zì)己的(de)文字，關于本站的(de)一(yī)些說明），鏈接（世界著名網站的(de)有(yǒu)關鏈接），反饋表（浏覽者信息反饋表）。
五、網站設計過程：
把所有(yǒu)的(de)素材都整理(lǐ)好（圖片，文章(zhāng)，相片），開始布局。此站大多數用的(de)是“三”字型的(de)，三字型是我(wǒ)給它取的(de)名字，因為(wèi)，最開頭是一(yī)張帶有(yǒu)導航條的(de)圖片，用Firworks處理(lǐ)過的(de)HTML文件，中間一(yī)大片用于放正文，下面就是版權信息，E-mail地(dì)址用來接受用戶垂詢；聯系信息，如(rú)普通郵件地(dì)址或電話，像被分開的(de)三個部分，所以我(wǒ)叫它三字型。這種布局方式看起來比較的(de)整齊，簡潔美觀。
首頁本想做(zuò)一(yī)個動态網頁，由于時間有(yǒu)限所以還沒完全成功。隻好用了一(yī)張與次頁面一(yī)樣的(de)背景圖片做(zuò)背景，加上從下向上的(de)滾動字幕，背景圖片是用Firworks處理(lǐ)過的(de)圖片，大片的(de)灰色牆壁加上顔色豔麗的(de)鈕扣圖案，首頁加了狀态欄逐字出現的(de)效果，加了“加入收藏”、“設為(wèi)首頁”等代碼。
次頁面包括如(rú)下些內(nèi)容：首頁、作品、文章(zhāng)、相冊、關于、鏈接以及反饋表。這些頁面是用模闆做(zuò)的(de)，上面的(de)圖片，導航條以及下面的(de)版權聯系方式是不用改變的(de)，都保持着首頁的(de)風格，背景圖一(yī)樣，字體與樣式一(yī)樣，圖片風格一(yī)樣。中間是兩個可(kě)編輯區域。
在所有(yǒu)的(de)頁面導航條下面，插入層對象制作了一(yī)個層動畫，來回移動的(de)層，裏面存放日期，利用行(xíng)為(wèi)面闆為(wèi)此層添加了鼠标行(xíng)為(wèi)，單擊此層，會出現對話框，“歡迎您訪問我(wǒ)的(de)個人主頁！”，做(zuò)布局大多使用表格布局，使用了少量的(de)css樣式，字體，字号，顔色都統一(yī)套用相應的(de)樣式。
首頁中添加背景音樂(yuè)，小說音樂(yuè)《我(wǒ)在那一(yī)角落患過傷風》，一(yī)邊看慢慢上移的(de)文字，一(yī)邊聽這輕柔的(de)音樂(yuè)，給人一(yī)種意境美。其實次頁面添加《蟲兒飛(fēi)》，輕快而活潑。首頁禁止右鍵複制功能，右鍵單擊沒有(yǒu)反應。
次首頁，就是進入次頁面的(de)第一(yī)個頁面。主題算是與青春有(yǒu)關的(de)三種感情，三張圖片，用Firworks處理(lǐ)，加上相應的(de)文字。要用到兩個表格，分别放在兩個可(kě)編輯區域裏面，一(yī)個1*2的(de)表格，一(yī)個2*2的(de)表格，第一(yī)個表格放一(yī)張有(yǒu)關于親情的(de)圖片加一(yī)小段文字，第二個表格放一(yī)張有(yǒu)關于友情的(de)圖片加一(yī)小段文字,還有(yǒu)一(yī)張有(yǒu)關于愛情的(de)圖片加一(yī)小段文字。作品頁面是三個FLASH動畫，第一(yī)個是左右鍵控制的(de)圖片移動按鈕，可(kě)以單擊來鏈接到主頁面（代碼見附錄），四個圖片經過裁剪、高(gāo)斯模糊。第二個是光芒四射（代碼見附錄），要用到ActionScript語言，長(cháng)短(duǎn)不一(yī)的(de)線條加上透明度的(de)改變組成光芒四射。第三個是鼠标跟随特效（代碼見附錄）。文章(zhāng)頁面，就是簡單的(de)文字頁面，沒有(yǒu)什麽特别的(de)。相冊頁面，上面是一(yī)個用Firworks處理(lǐ)後的(de)一(yī)組圖片，鼠标移到小圖片上，下面做(zuò)出現相應的(de)大相片，中間有(yǒu)少量文字，底部是用FLASH做(zuò)的(de)一(yī)組循環滾動圖片（代碼見附錄），圖片跟着鼠标的(de)移動而左右移動。關于頁面，也是簡單的(de)文字頁面，沒什麽特别的(de)，“個人簡曆”文字鏈接到WORD文檔“個人簡曆”(代碼：a
href="my.doc")，下面有(yǒu)個信息反饋的(de)鏈接，鏈接到有(yǒu)關的(de)“浏覽者信息反饋表”，此信息反饋表用表單做(zuò)的(de)，用到單行(xíng)文本域，多行(xíng)文本域，單選框，複選框，按鍵，此表單可(kě)以用郵件方式反饋信息（mailto:redcarrot2001@163.com）。鏈接頁面，前面是我(wǒ)的(de)個人主頁LOGO，一(yī)張用Firworks做(zuò)的(de)LOGO，并建立有(yǒu)關鏈接，中間是一(yī)些文字，下面是世界著名網頁的(de)有(yǒu)關網址以及相應鏈接。
附錄：源代碼
(1) 狀态欄逐字出現的(de)效果代碼：
script language="JavaScript"
var msg = "歡迎來到☆※◎~~~微言微語~~~☆※◎個人主頁，請多提意見。謝謝! "
;
var interval = 120
var spacelen = 120;
var space10=" ";
var seq=0;
function Helpor_net() {
len = msg.length;
window.status = msg.substring(0, seq+1);
seq++;
if ( seq = len ) {
seq = 0;
window.status = '';
window.setTimeout("Helpor_net();", interval );
}
else
window.setTimeout("Helpor_net();", interval );
}
Helpor_net();
/script
(2) 首頁收藏代碼：
onClick="window.external.addFavorite('','微言微語個人主頁')"---收藏本站br
（3）設為(wèi)首頁代碼：
onclick="var
strHref=window.location.href;this.style.behavior='url(#default#homepage)';this.setHomePage('');"---設為(wèi)首頁/span/p
（4）滾動字幕代碼：
marquee align=left direction=up
behavior=scroll height=400
width=550 hspcace=5 scrollmount=2 scrolldelay=200
vspce=5 loop=-1
pspan class="f3f57dd44d55b9e3 css"1、真的(de)很喜歡那些記錄多于表達的(de)人。
br /
…………
…………
183、希望每一(yī)個新的(de)一(yī)天，醒來的(de)那個你都神清氣爽。/span
/p
/div
/p
/marquee
（5）添加背景音樂(yuè)代碼：
bgsound src="aa.mp3" loop=1
（6）禁止右鍵複制功能代碼：
script language="JavaScript"
!--
document.oncontextmenu=new
Function("event.returnValue=false;"); //禁止右鍵功能,單擊右鍵将無任何反應
document.onselectstart=new
Function("event.returnValue=false;"); //禁止先擇,也就是無法複制//--
/script
style type="text/css"
（7）光芒四射代碼：
duplicateMovieClip("line","line"+i,i);
setProperty("line"+i,_rotation,random(360));
setProperty("line"+i,_alpha,random(100));
i++;）
if(i100){
gotoAndPlay(1);
}else{
i=1;
}
（8）鼠标跟随代碼：
movie._visible=0;
i=0;
i++;
if(i100){
i=1;
}
movie._x+=(_xmouse-movie._x)/30;
movie._y+=(_ymouse-movie._y)/30;
duplicateMovieClip(movie,"movie"+i,i);
this["movie"+i]._x=movie._x;
this["movie"+i]._y=movie._y;
gotoAndPlay(2);
（9）循環滾動圖片：
onClipEvent (enterFrame) {
this._x-=(_root._xmouse-300)/15;
if(this._x1371.1){
this._x=this._x-1371.1;
}
if(this._x-1371.1){
this._x=this._x+1371.1;
}
}
（10）左右鍵控制的(de)圖片移動按鈕：
on(release)
{getURL("index.html","_blank");}
六、實訓中遇到的(de)難點及解決辦法：
在設計開始的(de)時候，想的(de)太多，不知道(dào)怎麽開頭，定哪個主題，背景，色調，文字，布局都沒有(yǒu)頭緒，後來，開始做(zuò)，而且覺得越做(zuò)越有(yǒu)頭緒了，所以我(wǒ)覺得，還是不要想的(de)太多，太複雜了，不要追求完美，不要做(zuò)的(de)網頁太多，搞到最後，别人都不知道(dào)，你這個網站的(de)主題是什麽了。
還有(yǒu)就是布局的(de)時候總是不能做(zuò)到很美觀，後來，我(wǒ)把頁面屬性改了左過距為(wèi)10，上邊距為(wèi)10，剛好把背景圖片裏面的(de)那些亮(liàng)麗的(de)鈕扣圖案顯示出來，改變了表格背景圖的(de)灰暗，使網頁的(de)整體看起來更美觀了。
在做(zuò)CSS樣式表的(de)時候，做(zuò)字的(de)顔色的(de)時候，老是不知道(dào)用哪種顔色才搭配的(de)起這個背景，後來，看到那個背景的(de)鈕扣顔色與灰色配起來很好看就用吸管取了鈕扣的(de)顔色了。
七、實訓心得：
在我(wǒ)看來，設計網頁，應該先策劃，策劃很重要，加上創意，配色很重要，技術與鑒賞能力是最主要的(de)。建立站點的(de)時候，各個文件夾取名的(de)時候，最好用相應的(de)英語，見名知意，如(rú)圖片文件夾用image，網頁文件夾用html。
在所有(yǒu)配色當中，不同的(de)顔色傳達着不同的(de)意義也有(yǒu)不同的(de)象征。如(rú)白色代表着：清潔、天真、潔淨、真理(lǐ)、和(hé)平、冷淡、貧乏；灰色讓人聯想到灰塵、石頭、水泥、白銀，象征着中庸、平凡、溫和(hé)、謙讓，它給人以中立和(hé)高(gāo)雅的(de)感覺。太多的(de)顔色會給人帶來視(shì)覺上的(de)疲勞。所以，在我(wǒ)下載準備素材的(de)時候，就選擇用灰色做(zuò)背景顔色，灰色太貧乏，就加上亮(liàng)色的(de)鈕扣起到“中和(hé)”的(de)作用。
通過此次實訓,我(wǒ)覺得平面設計的(de)創意思維、版面設計、色彩配置、圖形創意等方面都有(yǒu)很重要，對于網頁制作來說，我(wǒ)覺得是一(yī)個以多學(xué)科(kē)設計為(wèi)基礎，受到包括視(shì)覺藝術、技術、內(nèi)容的(de)多種影響。網頁設計的(de)技術不算什麽困難，真正困難的(de)是網頁的(de)設計創意，文字我(wǒ)覺得也很重要，有(yǒu)些人浏覽你的(de)網頁不是喜歡上你的(de)豔麗漂亮(liàng)的(de)圖片，也許是喜歡上你的(de)文字，那種感動人心的(de)，唯美的(de)文字。文字與圖片要搭得上調，不可(kě)能用一(yī)張美女圖做(zuò)背景，上面卻寫有(yǒu)關于親情的(de)文章(zhāng)。也就是整體的(de)搭配問題。
通過此次實訓，使我(wǒ)對于網頁制作的(de)三大軟件有(yǒu)了進一(yī)步的(de)了解，各功能都能夠實現。提高(gāo)了自(zì)己的(de)鑒賞能力，綜合搭配能力，也對以前學(xué)過的(de)內(nèi)容進行(xíng)了綜合的(de)複習。
通過此次實訓，我(wǒ)更了解到，生活中有(yǒu)許多色彩，搭配顔色的(de)時候，聯想到生活中的(de)東西會做(zuò)的(de)更漂亮(liàng)，給人一(yī)種親切感，現在看到什麽東西，我(wǒ)就會聯想到做(zuò)網頁的(de)時候，還有(yǒu)怎麽布局。反正此次實訓收獲很多。
最後，我(wǒ)想，如(rú)果此次實訓老師是要我(wǒ)們(men)分組來做(zuò)的(de)話，也許，我(wǒ)們(men)可(kě)以做(zuò)得更好，因為(wèi)，一(yī)個想的(de)畢竟不全面，而且，一(yī)個人的(de)申美有(yǒu)限，我(wǒ)們(men)可(kě)以分工合作，一(yī)個人做(zuò)一(yī)個方面的(de)東西，也可(kě)以根據他所善長(cháng)的(de)方面來分工，善長(cháng)動畫制作的(de)人做(zuò)動畫，善長(cháng)圖片處理(lǐ)的(de)人做(zuò)圖片，善長(cháng)文字與布局的(de)就來布局。但是，也許那樣，有(yǒu)些同學(xué)會懶的(de)動手，推着給别人做(zuò)。
關于網站建設與網頁設計實訓報告和(hé)網站建設與網頁設計實訓報告總結的(de)介紹到此就結束了，不知道(dào)你從中找到你需要的(de)信息了嗎 ？如(rú)果你還想了解更多這方面的(de)信息，記得收藏關注本站。
-
上一(yī)篇
網站建設一(yī)條龍全包（網站建設一(yī)條龍全包seo） -
下一(yī)篇
南昌網站建設小程序（南昌網站建設平台）
