web網站設計大作業實踐報告（優秀網頁設計案例分析作業）

本篇文章給大家談談web網站設計大作業實踐報告，以及優秀網頁設計案例分析作業對應的知識點，希望對各位有所幫助，不要忘了收藏本站喔。

本文目錄一覽：

• 1、網頁設計或網站建設的實踐報告
• 2、網頁制作與網站設計報告書
• 3、網頁設計實訓心得
• 4、網站設計實訓總結

網頁設計或網站建設的實踐報告

以是研究呀

沒有絕對的東西，有利就有弊，利用得好會讓你在短期內快速戰領市場?，F在連收費品，下水道，家政保潔等服務行業能過網絡營銷接定單火著呢，關鍵看你如何利用網絡營銷為你賺錢，拉業務.少走些彎路就行

最重要的從以下幾點來做：

1、營銷網站制作，網站就如同公司的前臺，如果前臺都沒有，別人到你公司去談業務，同樣的價格別人不一定會選擇你。網站一定要做成小型門戶型的，千萬別用網絡公司送的幾時十個頁面的垃圾網站，

2、網站整體優化，如今中小企業網站數量越來越多，而中小企業里懂網絡營銷的人才不多，通常中小企業的網站都是由網絡服務商制作維護，可是網絡服務商只管做網站，不管網絡營銷。這是其一。其二，網絡推廣費用太高，一部分中小企業付擔不起，而網站優化不必要支付按點擊付費的費用。所以有機會節約網絡營銷成本就抓緊進行網站優化，讓你的網站成為行業冠軍，定單自動找上門。SEO可從：對網頁的URL 、TITLE 、META 標簽、正文標題、正文內容、ALT 標簽、鏈接進行優化

3、花錢做些廣告，天下沒有免費的午餐這句話誰都知道，要想讓你的客戶找到你，目前搜索競價廣告可以說是較快的讓你的客戶找到你，但網站一定要做得專業些，千萬別用幾十個頁面那種的。

網頁制作與網站設計報告書

網站項目管理規范

一.概念

網站項目管理就是根據特定的規范、在預算范圍內、按時完成的網站開發任務。

二.需求分析

1.項目立項

我們接到客戶的業務咨詢，經過雙方不斷的接洽和了解，并通過基本的可行性討論夠，初步達成制作協議，這時就需要將項目立項。較好的做法是成立一個專門的項目小組，小組成員包括：項目經理，網頁設計，程序員，測試員，編輯/文檔等必須人員。項目實行項目經理制。

2.客戶的需求說明書

第一步是需要客戶提供一個完整的需求說明。很多客戶對自己的需求并不是很清楚，需要您不斷引導和幫助分析。曾經有一次，我問客戶：“您做網站的目的是什么？”他回答：“沒有目的，只是因為別人都有，我沒有！”。這樣的客戶就需要耐心說明，仔細分析，挖掘出他潛在的，真正的需求。 配合客戶寫一份詳細的，完整的需求說明會花很多時間，但這樣做是值得的，而且一定要讓客戶滿意，簽字認可。把好這一關，可以杜絕很多因為需求不明或理解偏差造成的失誤和項目失敗。糟糕的需求說明不可能有高質量的網站。那么需求說明書要達到怎樣的標準呢？簡單說，包含下面幾點：

1.正確性：每個功能必須清楚描寫交付的功能；

2.可行性：確保在當前的開發能力和系統環境下可以實現每個需求；

3.必要性：功能是否必須交付，是否可以推遲實現，是否可以在削減開支情況發生時"砍"掉；

4.簡明性：不要使用專業的網絡術語；

5.檢測性：如果開發完畢，客戶可以根據需求檢測。

三.系統分析

1.網站總體設計

在拿到客戶的需求說明后，并不是直接開始制作，而是需要對項目進行總體設計，詳細設計，出一份網站建設方案給客戶?？傮w設計是非常關鍵的一步。它主要確定：

1.網站需要實現哪些功能；

2.網站開發使用什么軟件，在什么樣的硬件環境；

3.需要多少人，多少時間；

4.需要遵循的規則和標準有哪些。

同時需要寫一份總體規劃說明書，包括：

1.網站的欄目和版塊；

2.網站的功能和相應的程序；

3.網站的鏈接結構；

4.如果有數據庫，進行數據庫的概念設計；

5.網站的交互性和用戶友好設計。

2.網站建設方案

在總體設計出來后，一般需要給客戶一個網站建設方案。很多網頁制作公司在接洽業務時就被客戶要求提供方案。那時的方案一般比較籠統，而且在客戶需求不是十分明確的情況下提交方案，往往和實際制作后的結果會有很大差異。所以應該盡量取得客戶的理解，在明確需求并總體設計后提交方案，這樣對雙方都有益處。網站建設方案的包括以下幾個部分：

1.客戶情況分析；

2.網站需要實現的目的和目標；

3.網站形象說明；

4.網站的欄目版塊和結構；

5.網站內容的安排，相互鏈接關系；

6.使用軟件，硬件和技術分析說明；

7.開發時間進度表；

8.宣傳推廣方案；

9.維護方案；

10.制作費用；

11.本公司簡介：成功作品，技術，人才說明等。

當您的方案通過客戶的認可，您可以開始動手制作網站了。但還不是真正意義上的制作，你需要進行詳細設計：

3.網站詳細設計

總體設計階段以比較抽象概括的方式提出了解決問題的辦法。詳細設計階段的任務就是把解法具體化。詳細設計主要是針對程序開發部分來說的。但這個階段的不是真正編寫程序，而是設計出程序的詳細規格說明。這種規格說明的作用很類似于其他工程領域中工程師經常使用的工程藍圖，它們應該 包含必要的細節，例如：程序界面，表單，需要的數據等。程序員可以根據它們寫出實際的程序代碼。

四. 項目實施

1.整體形象設計

在程序員進行詳細設計的同時，網頁設計師開始設計網站的整體形象和首頁。

整體形象設計包括標準字，Logo，標準色彩，廣告語等。 首頁設計包括版面，色彩，圖像，動態效果，圖標等風格設計，也包括banner，菜單，標題，版權等模塊設計。首頁一般設計1-3個不同風格，完成后，供客戶選擇。

記?。涸诳蛻舸_定首頁風格之后，請客戶簽字認可。以后不得再對版面風格有大的變動，否則視為第二次設計。

開發制作

2.開發制作

到這里，程序員和網頁設計師同時進入全力開發階段，需要提醒的是，測試人員需要隨時測試網頁與程序，發現Bug立刻記錄并反饋修改。不要等到完全制作完畢再測試，這樣會浪費大量的時間和精力。項目經理需要經常了解項目進度，協調和溝通程序員與網頁設計師的工作。

調試完善

3.調試完成

在網站初步完成后，上傳到服務器，對網站進行全范圍的測試。包括速度，兼容性，交互性，鏈接正確性，程序健壯性，超流量測試等，發現問題及時解決并記錄下來。

為什么要記錄文檔呢？其實本軟件工程本身就是一個文檔，是一個不斷充實和完善的標準。通過不斷的發現問題，解決問題，修改，補充文檔，使這個標準越來越規范，越來越工業化。進而使得網站開發趨向規范，趨向合理。

4.宣傳推廣

宣傳推廣的基本方法有：

1.網頁里設置適當的META標簽；

2.各搜索引擎登錄；

3.準備新聞稿件在各新聞公告板發表；

4.合理使用Email郵件列表；

5.廣告條交換；

6.付費廣告。

至此，網站項目建設完畢，將有關網址，使用操作說明文檔等提交客戶驗收。如果需要維護，另行簽定維護項目。

五.維護

網站成功推出后，長期的維護工作才剛剛開始，需要做到的是:

1.及時響應客戶反饋；例如可以采取Email自動回復功能，然后在1-3個工作日里解決問題，再次回復；

2.網站流量統計分析和相應對策；

3.盡量推廣和使用您的網址；

4.網站內容的及時更新和維護。

六.遵循的規范

1.網站建設目錄規范

2.網站文件命名規范

3.網站建設尺寸規范

4.網站首頁head區代碼規范

5.網站連接結構規范

網站開發規范

任何一個項目或者系統開發之前都需要定制一個開發約定和規則，這樣有利于項目的整體風格統一、代碼維護和擴展。由于Web項目開發的分散性、獨立性、整合的交互性等，所以定制一套完整的約定和規則顯得尤為重要。定制一系列約定和規則，包括組件團隊、文件夾命名規則、文件名命名規則、程序代碼編程風格、數據庫設計約定。這些規則和約定需要與開發人員、設計人員和維護人員共同討論定制，將來開發都將嚴格按規則或約定開發。每個團隊開發都應有自己的一套規范，一個優良可行的規范可以使我們工作得心應手事半功倍，這些規范都不是唯一的標準不存在對與錯，也許有些地方與你當前使用的習慣相駁，很多地方都有爭議。。

非常明顯在Web項目開發中有前后臺開發之分，前臺開發主要是指非程序編程部分，主要職責是網站AI設計、界面設計、動畫設計等。而后臺開發主要是編程和網站運行平臺搭建，其主要職責是設計網站數據庫和網站功能模板的實現。下面的這些規范主要是從這2個方面來定制的，這些規范是工作中總結的一點經驗，本文檔比較適合中小型網站或者Web項目的開發規范。

一．組建開發團隊

在接手項目后的第一件事是組建團隊。根據項目的大小團隊可以有幾十人，也有可以是只有幾個人的小團隊，在團隊劃分中應該含有6個角色，這6個角色是必須的，分別是項目經理，策劃，美工，程序員，代碼整合員，測試員。也許你的團隊還沒有6個人，沒有關系一個人可以有多個角色，比如項目經理還可以有策劃這個角色，如程序員還可以含有代碼整合和測試這2個角色，如果你的項目夠大人數夠多那就分為6個組，每個組分工再來細分。下面簡單介紹一下這6個角色的具體職責。

項目經理，項目總體設計，開發進度的定制和監控，定制相應的開發規范，負責各個環節的評審工作，協調各個成員(小組)之間開發。策劃，提供詳細的策劃方案和需求分析。還包括后期網站推廣方面的策劃。美工，根據策劃和需求設計網站AI，界面，Logo等。程序員，根據項目總體設計來設計數據庫和功能模塊的實現。代碼整合員，負責將程序員的代碼和界面融合到一起，代碼整合員可以制作網站的相關頁面，測試員，負責測試程序。

二．開發工具

Web開發工具主要分為3部分，第一部分是網站前臺開發工具，第二部分是網站后臺開發環境，第三部分是項目管理和輔助軟件。下面分別簡單介紹這三部分需要使用的軟件。

網站前臺開發主要是指Web界面設計。包括網站整體框架建立、常用圖片、Flash動畫設計等等，主要使用的相關軟件是：Adobe Illustrator 、Adodb Photoshop、Dreamweaver MX、Flash MX等。

網站后臺開發主要指網站動態程序開發、數據庫建模，主要使用的相關軟件是： PowerDesigner（數據庫建模），PowerDesigner在數據庫設計方面應用非常強大，用它可以快速創建數據庫概念和物理模型，我最喜歡的還是它生成數據庫Report的功能太方便了，設計數據庫強烈推薦用它。Rational Rose（程序建模），如果你的項目功能模塊不是特別復雜那就剩了它吧，這樣會節省一些時間和開發的復雜度，不過我個人認為不管是大項目還是小項目都應該畫畫Rose圖。

網站項目管理主要指對開發進度和代碼版本的控制。開發進度用Microsoft Project來制定，代碼版本控制采用Visual SourceSafe，當然還有其他的選擇比如CVS和Rational ClearCase。網站測試采用VS.net的附帶工具Microsoft Application Center Test，它可以進行并行、負載測試等。程序文檔編寫采用Word，用WPS也可以。

三.網站開發流程

在項目開始實施之前應該有一個工作步驟也就是工作流程，在項目開發中最需要時間的是總體設計和系統測試，而程序編寫代碼所占的時間并不多，但有的團隊就急于開發寫代碼，先把程序寫出來再說，沒有注重評審和測試這2個環節，結果造成返工，我在一家比較大的公司中都遇到多次這種情況。所以項目來了不要急于開工寫代碼，應該一步一步慢慢來，只有走的慢才能走得穩走得遠。圖1的開發流程比較好地體現開發的整個環節。

圖 1

從圖1可以看到2條主線，這2條主線分別是前臺開發和后臺開發。前后臺開發在項目開發早期互相沒有交叉，當然不是絕對沒有，Web策劃和需求分析都是互相有關系的，一個是網站表現形式和風格的策劃另一個是網站功能的策劃，它們是衣服和軀干的關系。到了開發后期就需要把界面和功能模塊結合起來形成一個統一，也就即將發布的網站。

四．數據庫開發規范

數據文件命名采用系統名+_+文件類型，比如系統名為kupage,則數據庫文件命名為kupage_database.mdf，有的數據庫文件有多個，比如SQL Server就有2個，一個是數據庫文件，另一個是日志文件，那么他們的文件命名分別為kupage_database.mdf，kupage_log.log。文件名全部采用小寫。

數據庫表命名規范，表名長度不能超過30個字符，表名中含有單詞全部采用單數形式，單詞首寫字母要大寫，多個單詞間不用任何連接符號。若庫中有多個系統，表名采用系統名稱+單詞或多個單詞，系統名是開發系統的縮寫，系統名稱全部采用小寫英文字符,如bbsTitle,bbsForumType。若庫中只含有一個系統，那么表名僅用一個單詞或多個單詞。單詞選擇能夠概括表內容的一個或多個英文單詞，如UserInfo,UserType。關連表命名規則為Re_表A_表B,Re是Relative的縮寫，如：Re_User_ArticleType, Re_User_FormType。

數據庫字段命名規范，數據庫字段名全部采用小寫英文單詞，單詞之間用”_”隔開，命名規則是表別名+單詞，如：user_name,user_pwd。表別名規則，如果表名是一個單詞，別名就取單詞的前4 個字母；如果表名是兩個單詞，就各取兩個單詞的前兩個字母組成4 個字母長的別名；如果表的名字由3 個單詞組成，你不妨從頭兩個單詞中各取一個然后從最后一個單詞中再取出兩個字母，結果還是組成4 字母長的別名。

視圖名采用規則View_表A_表B_表C,View表示視圖。這個視圖由幾個表產生就用”_”連接幾個表的名，如果表過多可以將表名適當簡化，但一定要列出所有表名。

存儲過程命名規則P_表名_存取過程名(縮寫)，比如P_User_Del，P_ArticleType_AddData。

SQL語句編寫規則，關鍵字必須大寫，其他書寫按上述命名規則，比如：

SELECT user_id, user_name FROM User WHERE user_id = ‘tom’

五．文件夾文件名命名規范

文件夾命名一般采用英文，長度一般不超過20個字符，命名采用小寫字母。除特殊情況才使用中文拼音，一些常見的文件夾命名如：images(存放圖形文件)，flash（存放Flash文件），style(存放CSS文件)，scripts（存放Javascript腳本），inc(存放include文件)，link（存放友情鏈接）,media(存放多媒體文件)等。

文件名稱統一用小寫的英文字母、數字和下劃線的組合。命名原則的指導思想一是使得你自己和工作組的每一個成員能夠方便的理解每一個文件的意義，二是當我們在文件夾中使用“按名稱排例”的命令時，同一種大類的文件能夠排列在一起，以便我們查找、修改、替換、計算負載量等等操作 。

1、圖片的命名原則名稱分為頭尾兩部分，用下劃線隔開，頭部分表示此圖片的大類性質例如廣告、標志、菜單、按鈕等等。

放置在頁面頂部的廣告、裝飾圖案等長方形的圖片取名： banner

標志性的圖片取名為： logo

在頁面上位置不固定并且帶有鏈接的小圖片我們取名為 button

在頁面上某一個位置連續出現，性質相同的鏈接欄目的圖片我們取名： menu

裝飾用的照片我們取名： pic

不帶鏈接表示標題的圖片我們取名： 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、動態語言文件命名規則性質_描述，描述可以有多個單詞，用”_”隔開，性質一般是該頁面得概要。

范例：register_form.asp，register_post.asp,topic_lock.asp

六．程序代碼編程規范

一個良好的程序編碼風格有利于系統的維護，代碼也易于閱讀查錯。在此只討論ASP的編程風格和約定。在ASP中所有變量是弱變量，無需定義就可以直接使用，而且代碼不區分大小寫。但其他語言一般這些都要定義的，為了養成良好的編程習慣，編寫代碼務必按照一下規則。

1、每個變量名必須定義，在ASP文件的最開始添加語句，強制定制每個變量。

2、出于易讀和一致性的目的，在代碼中使用以下變量命名約定：

子類型 前綴 示例

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、程序代碼需要有縮進，縮進采用鍵盤Tab鍵，不采用空格鍵。并且”＝”或者鏈接字符串時需要左右空一格，如下：

4、函數過程編寫的約定。函數或者過程命名采用動作+名詞，每個函數需要給出相應的注釋，函數功能，傳入變量，以及作者和修改相關信息。如下面函數:

%

'[功能] 返回一個參數的值

'[參數] 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內置對象區分大小寫。如下代碼片斷

strUserName = Request.Form(“UserName”)

Set conn = Server.CreateObject("ADODB.Connection")

6、數據庫連接一個庫只能有一個數據庫連接文件，創建數據庫對象得原則是盡可能晚地打開數據庫，盡可能早地關閉數據庫。創建數據庫對象調用統一地創建函數。如下：

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、當一個對象不在使用時要釋放對象資源，比如objFSO,objRS對象等。采用統一函數調用。函數如下：

Sub CloseObj(ByRef obj)

If IsObject(obj) Then

obj.Close

Set obj = nothing

End If

End Sub

8、時間全部以字符串的形式保存到數據庫中，這樣做能夠是日期在不同的數據庫中都能良好地保存，也方便數據庫地遷移。時間用14位字符串保存，日期用8位字符串保存。

七．網站首頁head區代碼規范

head區是指首頁HTML代碼的head和/head之間的內容。 必須加入的標簽

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="本站是一個醫療站點…"

5.搜索關鍵字

META NAME="keywords" CONTENT="xxxx,xxxx,xxx,xxxxx,xxxx,"

6.網頁的css規范

LINK href="style/style.css" rel="stylesheet" type="text/css"

(參見目錄及命名規范)

7.網頁標題

titlexxxxxxxxxxxxxxxxxx/title

8.可以選擇加入的標簽

1.設定網頁的到期時間。一旦網頁過期，必須到服務器上重新調閱。

META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT"

2.禁止瀏覽器從本地機的緩存中調閱頁面內容。

META HTTP-EQUIV="Pragma" CONTENT="no-cache"

3.用來防止別人在框架里調用你的頁面。

META HTTP-EQUIV="Window-target" CONTENT="_top"

4.自動跳轉。

META HTTP-EQUIV="Refresh" CONTENT="5;URL=" 5指時間停留5秒。

5.網頁搜索機器人向導.用來告訴搜索機器人哪些頁面需要索引，哪些頁面不需要索引。

META NAME="robots" CONTENT="none"

CONTENT的參數有all,none,index,noindex,follow,nofollow。默認是all。

6.收藏夾圖標

link rel = "Shortcut Icon" href="favicon.ico"

所有的javascript的調用盡量采取外部調用.

SCRIPT LANGUAGE="javascript" SRC="script/xxxxx.js"/SCRIPT

附body標簽：

body標簽不屬于head區，這里強調一下，為了保證瀏覽器的兼容性，必須設置頁面背景body bgcolor="#FFFFFF"

八．網站建設尺寸規范

1. 頁面標準按800*600分辨率制作，實際尺寸為778*434px

2. 頁面長度原則上不超過3屏，寬度不超過1屏

3. 每個標準頁面為A4幅面大小，即8.5X11英寸

4. 全尺寸banner為468*60px，半尺寸banner為234*60px，小banner為88*31px

5. 另外120*90，120*60也是小圖標的標準尺寸

6. 每個非首頁靜態頁面含圖片字節不超過60K，全尺寸banner不超過14K

網頁設計實訓心得

網頁設計實訓心得 篇1

通過這次實訓對這門課程的學習，做好網頁，并不是一件容易的事，它包括網頁的選題、內容采集整理、圖片的處理、頁面的排版設置、背景及其整套網頁的色調等很多東西。所以我得出一下總結：

一、準備資料和挑選符合目的主題的合適素材。

做網頁當然要收集、準備資料。在網上多轉轉，看到什么漂亮的網頁，把它保存起來，作為以后自己設計主頁時的參考。另外，還包括搜集美化主頁可能要用到的各種材料，如背景、小動畫圖標等等?？梢栽谟脖P上建一個文件夾，下分“圖片、聲音、動畫”等文件夾，養成上網時看到有創意、新鮮的圖像，就按鼠標右鍵存入你硬盤相應文件夾的習慣，時間一長就擁有了一個可觀的圖庫，等做網頁時隨手拈來或加以修改就成你自己的東西了。

二、規劃好整個網站。

主頁的設計應以醒目優先，應該令人一目了然，切勿堆砌太多不必要的細節，或使畫面過于復雜。切記，頁面給人的第一觀感最為重要！在網上到處瀏覽網站的人很多，如果你的主頁給人的第一印像沒有吸引力，很難令他們深入觀賞，而且他們恐怕再也不會訪問你的網站了。

三、善用圖片，增強藝術效果。

我記得老師說過網頁的迷人之處之一，要算它上面能點綴許多漂亮的圖片。精美的圖片設計，可以使自己的網頁增輝不少，令人過目不忘。圖片的內容應有一定的實際作用，切忌虛飾浮夸，同時還要注意與文字的顏色搭配。最佳的圖像集美觀與資訊于一身。

四、善于借鑒他人主頁制作中的設計技巧。

由于在網上用瀏覽器瀏覽任何主頁時，都能查看到該主頁制作時所編寫的絕大部分網頁編程源代碼。因此，如果想知道并掌握一些優秀的主頁采用的設計技巧，試著將其源代碼調出來仔細揣摩，并模仿著一步一步去實現。

最后感謝老師多日來的辛勤教導！

網頁設計實訓心得 篇2

[實習目的]

通過網頁設計理論聯系實際操作，鞏固所學的知識，提高處理實際問題的能力。充分學習網頁設計實踐中的操作理論，提高自己網頁設計水平，并為能順利與社會環境接軌做準備。

[實習任務]

學習網頁設計實際問題處理方法及常規網頁設計內容（網頁設計切片、數據庫的搭建、新聞管理、留言管理、網頁設計在線編輯器等），網頁設計后臺管理方面的知識應用，及利用所學知識管理和編輯網站，并從實際出發，簡單了解關于網站安全性問題的實際解決措施（md5密碼加密等網頁設計知識）。

[實習時間]

xxxxxx

[實習地點]

xxxx

[實習內容]

按照老師的安排，我制定了相應的實習計劃，并記錄了相關的實訓內容，以備后鑒，且完成實訓作業及實習心得。注重在實習階段對所學知識的鞏固和提高，以達到根據理論知識，指導日后工作實踐的目的。其主要網頁設計實習具體內容情況報告如下：

第一、收集網站所需信息。

第二、運用PHOTOSHOP處理的網頁設計所需圖片。處理圖片要保持圖片不失真，并按照網頁設計需求設計所需的效果。

第三、對所完成的網頁頁面進行合理的切片處理，并按照網頁設計效果完成網站整體框架的構建。

第四、搭建網站所需數據庫。

第五、網站的虛擬建設和初步完善。

[實習體會]

大學生活讓我對計算機理論知識有了一定的了解，但實際操作領域依舊是一片空白。紙上得來終覺淺，絕知此事要躬行。經過網頁實訓課的實習，讓我對自己有了新的認識，并明確了網頁設計方面的前進方向。

1．繼續學習，不斷提升理論素養

在信息時代，學習是不斷地汲取新信息，獲得事業進步的動力?，F在通過實習總感覺自己學的不夠，要用到知識時總感覺腦袋總是空白。實習后讓我明白，為了能更好的適應工作，不得不利用自己空閑時間去彌補學習中的不足。實訓內容是與自己所學專業有密切聯系的，所以自己在這方面格外側重，希望能夠加強自己的專業知識。

2．加強信心，堅持下去

上學的時候大家都說“能珍惜現在的日子就好好珍惜！”，等工作了才真正的領悟這句話的涵義。經歷第一次實訓課的學習后，就希望能把實習所學習的知識，也能運用到課堂上。對自己多一點信心，多給自己點贊賞，多給自己鼓鼓勁，相信自己總會走出一條寬敞大道。

3、實訓學習中的同學相處

感覺學生時代很美好，不僅僅是不需要去努力工作，而是在學生時代你可以有很好的同學，很好的朋友，大家相互噓寒問暖，不必勾心斗角。我感覺這里才真的有純潔的友誼。我想當踏上了社會，就會存在著利益關系，有工作繁忙，也多了份人情世故。希望以后自己努力，可以多幾個朋友，希望自己可以有個團結工作的環境。在整個網頁設計實訓的過程中，實訓同學之間的關系總是那般融洽！

實習，是開端也是結束。在書本上學過很多理論，但從未付諸實踐過，也許等到真正運用時，才會體會到難度有多大。在今后的工作和生活中，自己需要更加努力的奮斗下去。

實習的同時也讓我了解到了自己的不足，我會繼續努力，完善自我。對于學校的精心安排和指導老師的用心輔導非常感謝。

光陰似箭，日月如梭。轉眼間，愉快而又充實的網頁實習課程結束了，在這幾個月的時間里，在實訓的過程中，讓我嘗試了理論與實踐的結合。網頁設計理論一點點轉化為實踐經驗，模擬網頁實訓變成了真正面對社會的基礎，盡管生澀但在慢慢趨近成熟。豐富的實訓知識，讓我的實習生活充滿驚喜、快樂和充實，當然也少不了網頁設計處理過程中的困難。實習結束了，感覺腦袋里又注入了新的知識，對網頁設計也有了更深的了解，在以后的工作中，希望能用自己了解的東西去處理相關的問題，再探究新的問題，使自己和公司不斷進步。

最后談談我個人對自身的職業之路規劃。當然這些還不夠成熟，僅僅是這一個學期的實習帶給我的一點想法，今后我會結合學習生活進一步修正。首先是個人學習，通過實習我認識到利用課堂外的時間也是關鍵，下一步打算結合自己的興趣，利用課余時間自我培訓；其次是社會實踐，初步打算是利用假期等時間充分工作，以提高自身實際工作能力為目的，畢竟“想”和“做”是不一樣的，這次實習中我也認識到了這點，平時覺得自己能夠勝任的簡單事情，當真正動手做時卻總不是那么簡單了；最后，打算結合個人的興趣、價值觀、能力、職業發展傾向做個詳細的職業發展規劃。

總體來說，這次xxxx實習，讓我受益匪淺，以上是我的實習心得與體會，不足之處望得到指正。

實習生：xxx

20xx年x月

網頁設計實訓心得 篇3

現在，計算機和網絡已經深入到了我們生活中的方方面面，也已經成了生活中不可缺少的一部分，網絡成了我們獲取知識和信息的一種便捷工具，現在的網民也在不斷的增多，所以，了解和學習網絡知識是我們作為一名大學生迫切所需的。

通過一周的實習，在這門課上我學習到了一些關于制作網頁的知識，對flash也有所了解，還學會了一些基礎的PS技能。

通過一周對這門課的實習，我對計算機有了更深層次得到了解，也有了更濃厚的興趣。尤其是對網頁制作的過程與一些技巧手法更有了另外一番了解，對網頁制作的基礎知識也有了一定的掌握。

在準備材料的時候我們可以用到學習的Flash知識來制作一些小的動畫和動態圖片，Flash提供了功能齊全的繪圖和編輯圖形工具?？梢灾苯釉诰庉媴^里繪畫，編輯修改非常靈活，它的另一大特點是“交互性”強。在動畫播放時，可以用鼠標或鍵盤對動畫的播放進行控制，效果可以很直觀的反映出來。

然后是對圖片的處理，用到了Photoshop等相關的圖像軟件。也對Photoshopcs4這款軟件有了一定的了解，學會了一些基本的ps方法。

接下來是開始正式制作網頁。

通過Dreamweaver作為制作軟件，只需要用到軟件中的一些基本的功能：圖片插入和對齊設置；文字的格式、顏色、背景顏色的設置等就可以制作出一個簡單的網頁。

在網頁制作的時候，我覺得首先要列出大綱。列出來后，還必須考慮每個頁面之間的鏈接關系。層次不清的站點會造成瀏覽困難，影響內容的發揮。

框架定下來了，然后開始一步一步有條理，有次序地做來，就胸有成竹得多，也會為主頁將來發展打下良好的基礎。

下一步，就以動手制作具體內容了，題材選定，框架選定，接下來就開始往網頁里面填內容。

最后就是對網頁的一些細節調整了，保證預覽網頁的整齊和沒有錯誤。

網頁設計實訓心得 篇4

不知不覺，我已經學習《網頁設計與制作》這門課程一個學期了，雖然時間有點短，但這一個學期以后我卻受益匪淺，不僅讓我全面的、系統的學會了頁設計與制作的基礎知識，還讓我學會了自己動手去制作屬于自己的網頁，這對于我來說是很值得高興的，能讓我在以后的工作生活中更好的展現自己。

建立一個網站就像蓋一幢大樓一樣，它是一個系統工程，有自己特定的工作流程，你只有遵循這個步驟，按部就班地一步步來，才能設計出一個滿意的網站。

首先，我們要確立網站主題。網站主題就是你建立的網站所要包含的主要內容，一個網站必須要有一個明確的主題。特別是對于像我這樣的個人網站，你不可能像綜合網站那樣做得內容大而全，包羅萬象。你沒有這個能力，也沒這個精力。網站的主題無定則，只要是你感興趣的，任何內容都可以，但主題要鮮明，在你的主題范圍內內容做到大而全、精而深。

然后，我們要找材料。明確了網站的主題以后，你就要圍繞主題開始搜集材料了。常言道：“巧婦難為無米之炊”。要想讓自己的網站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以后制作網站就越容易。材料既可以從圖書、報紙、光盤、多媒體上得來，也可以從互聯網上搜集，然后把搜集的材料去粗取精，去偽存真，作為自己制作網頁的素材。

找到材料后，我們還要規劃網站。一個網站設計得成功與否，很大程度上決定于設計者的規劃水平，規劃網站就像設計師設計大樓一樣，圖紙設計好了，才能建成一座漂亮的樓房。網站規劃包含的內容很多，如網站的結構、欄目的設置、網站的風格、顏色搭配、版面布局、文字圖片的運用等，你只有在制作網頁之前把這些方面都考慮到了，才能在制作時駕輕就熟，胸有成竹。也只有如此制作出來的網頁才能有個性、有特色，具有吸引力。如何規劃網站的每一項具體內容，我們在下面會有詳細介紹。

做好以上三步之后，我們就要選擇合適的制作工具。

盡管選擇什么樣的工具并不會影響你設計網頁的好壞，但是一款功能強大、使用簡單的軟件往往可以起到事半功倍的效果。網頁制作涉及的工具比較多，首先就是網頁制作工具了，在這里，我們一般都是用有“網絡三劍客”之稱的Dreamweaver、Fireworks、flash來制作網頁，對于圖片部分的處理，個人覺得Photoshop比較好用。

最后，我們就需要按照規劃一步步地把自己的想法變成現實了，這是一個復雜而細致的過程，一定要按照先大后小、先簡單后復雜來進行制作。所謂先大后小，就是說在制作網頁時，先把大的結構設計好，然后再逐步完善小的結構設計。所謂先簡單后復雜，就是先設計出簡單的內容，然后再設計復雜的內容，以便出現問題時好修改。在制作網頁時要多靈活運用模板，這樣可以大大提高制作效率。

網頁做好之后，就要發布到Web服務器上，才能夠讓全世界的朋友觀看，還要不斷地進行宣傳，這樣才能讓更多的朋友認識它。

以上就是我對于網頁制作的一些個人心得，由于本人的.技術還不是很成熟，還存在很多的不足（如：背景過于單調和網頁布置不合理）。選擇學習這門課是很正確的選擇，雖然在以后不會再有機會去上了，但我還是會通過各種方式繼續頁設計和制作的，同時很感謝帶我入門的徐兵老師，讓我有機會去學習有關網頁的知識，謝謝！

網頁設計實訓心得 篇5

時間過得很快，我即將畢業來到了社會這個匯集眾多江河湖水的大海，感受到了獨立生活的好處與艱辛，同時我自己也更深的理解了，家長和學校老師對我們的殷切希望，在社會實習的這段日子，我吃了些苦，受了些罪，可是整個人在肉體上和精神上卻升華了很多，也比以前的變得更有自信了。

一、實習時間

xxx

二、實習介紹

我所在的這家公司，是一家做網上招商的商業網站，公司接收各種廠家提供的信息，然后由網絡的技術人員，將商家的信息做成網頁廣告，然后掛在我們的網站上，以此達到商業推廣的目的，類似我們公司的網站在同行業還有xx招商網等。

我和其它幾位同事做為網絡部的技術人員，主要的工作就是接收美工人員的網站模板，將其通過photoshop切片，然后導入dreamweaver進行排版，（排版主要使用css+div），并進一步的加以制作，完善美化，如加入js代碼，或透明flash，因為網頁是用css+div進行排版的，所以在最后一步的時候，我們還需要進行瀏覽器測試，因為css+div排版方式有一個的缺點就是：瀏覽器不兼容的問題，典型的如：ie與fireworks，因為各種瀏覽器使用的協議不同，所以會導致頁面在最終瀏覽的時候有一些小問題，如：頁面混亂，圖片、文字之間的距離過大或過小，頁面不美觀等等，做為一個新人，我在有些方面的技術還很不成熟，所以在技術總監張偉的幫助下，解決了很多問題，所在我很感謝他，當每天我們做完網頁后，都會在代碼頁面加入注釋代碼，在里面寫上每個人姓名的漢語拼間和工作日期，這樣方便月底做統計工作，公司領導會根據每個人的工作數量進行獎勵，每做一個頁面會有2塊的提成，雖然少點，但是積少成多，也是很可觀的。

三、實習內容

（一）初級考試

初來公司的時候，我們經過了初期考試，培訓，與最終考試三個階段，在接到公司讓我面試的電話后，我來到了_公司，因為要干的是網頁設計，所以要有一個小測驗，技術總監要求我們在網上自找圖片和文字，做一個簡單的頁面，要求是：什么樣的頁面都可以，考查的主要是面試者相關軟件的操作能力與代碼掌握的熟練成度，說實話，從畢業后，有一段時間沒有寫代碼了，剛一上機，還有點生疏，但是憑借在學樣扎實的學習功底，我很快就恢復了自己的英雄本色，將html代碼寫的很熟練，做了一個左右分欄的頁面，沒什么太大難度，技術總監看了以后，說不錯，讓我三天后參加培訓，合格扣就可以正式上班了。

（二）三天的培訓工作

三天后，我來到了公司，一看，來參加培訓的人有很多，大概在十多個人左右，其實所謂的培訓，就是讓大家先熟悉這家網站的工作，先做一些他們平時干的活，做一些廣告網頁，這些網頁都是靜態的，沒什么難度。我后來發現，自己在這些人當中，還是較較者，心里優勢還挺好的。

（三）最后的考核

三天的培訓后，我們迎來了最后的考核，合格的人會被留下，并得到一份為期一個月的實習合同，然后會在根據你在實習期的表現決定你的去留問題，秀的人會轉正，得到很優厚的待遇。

考核的內容，就是在公司的商務網站上任選一個頁面，然后在規定的時間內做完，我還不錯，技術比較熟練，是第四個做完的。當我們把網頁做完后由這家公司的經理進行審核，最后的結果是，最先做完的前8個人可以有底薪加提成，每人頁面的提成是2元錢，而后面做完的，只有提成，沒有底薪，他們的提成是每個頁面5元錢，最后的幾個人就被淘汰了，制度雖有點不近人情，但是剛畢業的學生能忍也就忍了，就這樣，我們每個人得到了一份一個月的臨時合同，正式開始了實習工作。

（四）正式工作

我們每天的上班時間是從早上8：30分到下午的17：00，這是我見過最有激情的一些人了，年紀輕輕，干勁十足，來了以后就工作，連平時聊天的內容也和本行業分不開，我喜歡他（她）們，回為是實習期，所以每天做的數量沒有太大要求，但是每個人都玩命似的干活，抓緊時間做網頁，我們做的網頁是比較簡單的從上到下式的網頁，通過css+div排版，這樣在后期瀏覽器兼容測試中，就好做的很多了，文字與圖片之間就不會有太多的麻煩，我干的很不錯，不過有些追求精致，我做網頁的速度慢了很多，最初每天只能做3-4個網頁，這對于我來說是不能接受的，后來我改變了工作方法，我第次工作的時候，先訂下計劃，比如今天做多少網頁，然后我將要做的所有網頁，先做好排版，這時的網頁雖然排過版，但是不美觀，因為沒有進行美化工作，然后我會在下午的時間，集中全力做美化工作，就這樣我的速度提高了很多，快了將近一倍多。只要更加熟練速度不會更快，我相信自己。

四、實習體會

實習將要結束，其中的酸甜苦辣我會在今后的日子里不斷地去咀嚼，去回味，去探索。從制作網頁過程中，我學到了新的美化網頁的方法，運用了更多以前未運用的技巧。這使我學到了更多的知識，并且為我自己在制作網頁這方面積累了一些經驗。這些將是我人生中的一次重要的經歷，將是我今后走上社會后的一筆巨大的財富。這次實習的收獲對我來說有不少，我自己感覺在知識、技能等方面都有了不少的收獲?？傮w來說這次是對我的綜合素質的培養，鍛煉和提高。

網站設計實訓總結

首先我要做的就是要選擇好題目和網站的風格，之后我就分步驟準備在制作網站前所要做好的準備工作。我瀏覽了中國美食網的一些特點，借監這些網站的優秀之處，不好的地方在自己的網站上加以改良，從而使自己的網站更加美觀。

回顧這次課程設計，至今我仍感慨頗多。的卻。從選題到開始制作，從理論到實踐，在實訓機房日子里，可以說得是苦多于甜，但是可以學到很多很多的的東西，同時不僅可以鞏固了以前所學過的知識，而且學到了很多在書本上所沒有學到過的知識。

在選擇好題目和網站的風格之后，我就開始了實訓項目的進程，按照實訓方案的規定，先是將網站的總體策劃以書面的形式展現出來，通過老師審核之后，在相應的時間段找相關的素材，搜集與主題相關的文字、圖像等。再是設計網站的內容結構、目錄結構和鏈接結構，設計首頁及其頁面的版式結構。然后創建本地網站，建立網站的目錄結構。制作首頁、二級子頁、內容頁，創建超級鏈接。最后就是測試與瀏覽網頁，如果還有什么不理想的地方再改進再預覽，如此反復，最后達到最好效果！

在此次網站的設計與制作過程中，難免會遇到過各種各樣的問題，這畢竟是第一次獨自設計網站、制作網站。但值得高興的是：在設計的過程中發現了自己的不足之處，對以前所學過的知識理解得不夠深刻，掌握得不夠牢固，沒有能完全達到自己預期的效果，還好通過老師的細心指導才能達到最終效果……

一周網頁設計與制作的實訓課程結束了，回顧這次課程設計實訓，至今我仍感慨頗多。的確，從選材到開始制作，從理論到實踐，在兩周的實訓日子里，可以說得是苦多于甜，但是可以學到很多很多的的東西，同時不僅可以鞏固了以前所學過的知識，而且學到了很多在書本上所沒有學到過的知識。更懂得并親身體會到了理論與實際相結合的重要性，只有理論知識是遠遠不夠的，把所學的理論知識與實踐相結合起來，從理論中得出結論，才能真正為掌握技術，從而提高自己的實際動手能力和獨立思考的能力。

關于web網站設計大作業實踐報告和優秀網頁設計案例分析作業的介紹到此就結束了，不知道你從中找到你需要的信息了嗎 ？如果你還想了解更多這方面的信息，記得收藏關注本站。