網頁設計實訓報告怎么寫系列。

一分耕耘，一分收獲。實習可以使學生更好地鞏固課堂知識，寫寫實習范文一定要明確內容主題，要有重點，有自己的想法。優秀的實習范文是什么樣子的？以下是小編為大家精心整理的“網頁設計實訓報告怎么寫系列”，歡迎您閱讀和收藏，并分享給身邊的朋友！

網頁設計實訓報告怎么寫 篇1

前言

Dreamweaver是美國MACROMEDIA公司開發的集網頁制作和管理網站于一身的所見即所得網頁編輯器，它是第一套針對專業網頁設計師特別發展的視覺化網頁開發工具，利用它可以輕而易舉地制作出跨越平臺限制和跨越瀏覽器限制的充滿動感的網頁。Dreamweaver、FLASH以及在DREAMWEAVER之后推出的針DREAMWEAVER對專業網頁圖像設計的FIREWORKS，三者被MACROMEDIA公司稱為DREAMTEAM(夢之隊)，足見市場的反響和MACROMEDIA公司對它們的自信。說到DREAMWEAVER我們應該了解一下網頁編輯器的.發展過程，隨著互聯網(Internet)的家喻戶曉，HTML技術的不斷發展和完善，隨之而產生了眾多網頁編輯器，從網頁編輯器基本性質可以分為所見即所得網頁編輯器和非所見即所得網頁編輯器（則原始代碼編輯器），兩者各有千秋。所見則所得網頁編輯器的優點就是直觀性，使用方便，容易上手，您在所見即所得網頁編輯器進行網頁制作和在WORD中進行文本編輯不會感到有什么區別，但它同時也存在著致命的弱點?，F如今，數以萬計的網站以網頁的方式提供了豐富、精彩的信息。在人類社會進入信息時代的時候，在網絡成為通信的主要手段的時候，在計算機網絡普及的今天，網頁也在它自己的崗位上做出了突出的貢獻。網頁是我們在網絡上的“代言人”。

1．對靜態網頁設計的認識

1.1網頁設計介紹

從文件的角度來說，一個網頁就是一個HTML文件。當瀏覽者輸入一個網址或單擊某個鏈接后，在瀏覽器中顯示出來的就是一個網頁。一般網頁上都會有文本、圖片等信息，而復雜一些的網頁上還會有聲音、視頻、動畫等多媒體內容，為網頁增添了豐富的色彩和動感。靜態網頁是指網頁文件中沒有程序，只有HTML代碼，一般以.html或.htm為后綴名的網頁，靜態網站內容不會在制作完成后發生變化，任何人訪問都顯示一樣的內容。網站是一系列邏輯上可以視為一個整體的網頁集合，是許多相關網頁有機結合而組成的一個信息服務中心。對于小型網站，是指帶有一定主題的多個網頁集合；對于大型網站還包含數據庫和服務器端應用程序等如新浪、網易、搜狐等門戶網站。在構成網站的眾多網頁中，有一個頁面比較特殊，稱為首頁，即網站的第一個頁面。動態網頁是指網頁文件不僅具有HTML標記，而且還含有程序代碼，并使用數據庫連接。動態網頁能根據不同的時間，不同的來訪者顯示不同的內容，動態網站更新方便，一般在后臺直接更新。

1.2網頁設計及網頁布局技術

網頁是構成網站的基本元素。一個網頁是否精彩與網頁布局有著重要關系。常見的網頁布局類型有“國”字型、“匡”字型、“三”字型、“川”字型等。其他類型的有：標題文本型，封面型，Flash型，框架型。可以用表格的形式講一個頁面分成幾個單元格，通過單元格的合并拆分，對網頁進行布局，單元格就相當于是一塊紙，在紙上寫的東西單元格里都可以容得下。通過設置單元格的長寬對頁面進行布局?？蚣軐W頁進行布局有很多優點網頁結構清晰，易于維護和更新。方便用戶瀏覽網頁，采用滾動條，可節省頁面空間，使網頁風格保持統一；CSS作為網頁設計中的一種重要技術，具有以下優點：，表現和內容相分離，提高頁面瀏覽速度，易于維護和修改，應用apdiv創建網頁，網頁清晰，易于分塊。應用表單創建網頁，應用行為創建網頁。

1.3靜態網頁設計的技術要點

用框架對網頁進行布局時有很多缺點：網頁內容無法被大多數搜索引擎搜索到，不被低版本瀏覽器支持，樣式陳舊，無法滿足個性化設置，難以實現不同框架中各元素的精確對齊。在網頁設計過程中使用CSS樣式表，主要有以下兩種方式，內部CSS樣式表，外部CSS樣式表，應用庫創建網頁時：對于站點訪問者和開發人員而言，使用交互式網頁www.具有更多用途，使訪問者可以快速方便地在一個內容豐富的網站上查找信息，后臺管理者可以收集、保存和分析站點訪問者提供的數據，，后臺管理者可以對內容不斷變化的網站進行更新。靜態網頁每個網頁都有一個固定的URL，且網頁URL以.htm、.html、.shtml等常見形式為后綴，而不含有“?”;網頁內容一經發布到網站服務器上，無論是否有用戶訪問，每個靜態網頁的內容都是保存在網站服務器上的，也就是說，靜態網頁是實實在在保存在服務器上的文件，每個網頁都是一個獨立的文件;靜態網頁的內容相對穩定，因此容易被搜索引擎檢索;靜態網頁沒有數據庫的支持，在網站制作和維護方面工作量較大，因此當網站信息量很大時完全依靠靜態網頁制作方式比較困難;靜態網頁的交互性較差，在功能方面有較大的限制。

網頁設計實訓報告怎么寫 篇2

實驗項目：VBScript基礎：內部函數

實驗時間：20xx年3月23日

一、實驗基礎知識：

1、什么是VBscript內部函數？VBscript內部函數是VB系統定義的函數，這些函數具有一定的功能，編程者都可以直接調用這些內部函數。

二、實驗內容：

1、將IIS的網頁發布主目錄設在D盤，名為。利用DW新建一個動態站點，站點的本地信息和測試服務器設置如下：

略

2、新建一個名為index1.asp的文件，利用日期函數顯示當前系統的時間,在頁面中顯示如下：“歡迎訪問本網站，現在時間是20xx-9-1011:35:19”(注：時間必須是用戶訪問頁面時候的實際時間)訪問本網站，現在的時間是：

3、新建一個名為index2.asp的文件

1)、用字符串函數求字符串“我校20xx級新生開學典禮暨軍訓動員大會在我校風雨籃球場順利召開”的長度并輸出，

2)、利用字符串截取函數截取該字符串的前10個字符，并輸出

3)、并利用replace函數將字符串中的”我校”用“桂林旅?！比〈?，并輸出結果。

4、在下新建一個名為images的文件夾，從網上下載四張圖片到該文件夾下，圖片命名為img1.jpg、img2.jpg、img3.jpg、img4.jpg。新建一個名為index2.asp的文件，定義一個有4個元素的字符型數組變量，然后給數組變量img的每一個元素賦值，內容如下：利用用ASP隨機數函數Rnd，每次刷新頁的時候隨機輸出數組中包含的一張圖片，顯示在瀏覽器中。按F12運行，將運行結果截圖，插入下面的表格中

網頁設計實訓報告怎么寫 篇3

一、實習目的

①學會制作新聞發布系統。

②學會制作在線調查系統。

③熟悉購物網站的主要功能和欄目。

④學會購物網站數據庫表的創建和數據庫連接的創建。

⑤學會購物系統前臺頁面制作和后臺管理制作。

二、實訓內容

1.創建數據庫表

①啟動MicrosoftAccess，執行“文件”——“新建”命令，打開“新建文件”面板，在面板中單擊“空數據庫”。

②彈出“文件新建數據庫”對話框，在對話框中選擇數據庫保存的路徑，“文件名”文本框中輸入shop。

③單擊“創建”按鈕，在對話框中雙擊“使用設計器創建表”選項。

④彈出“表1：表”對話框，在對話框中輸入“字段名稱”和字段所對應的“數據類型”，將shopID字段設置為主鍵。

⑤執行“文件”——“保存”命令，彈出“另存為”對話框，在對話框的“表名稱”文本框中輸入products。

⑥單擊“確定”按鈕，保存表。按以上步驟的方法，創建表fen和admin。

2.創建數據庫連接

新建一個網頁文件夾，打開IIS信息服務，創建IIS虛擬目錄，在文件夾安全性把來賓用戶的權限修改為完全控制，并導入數據庫。

3.制作購物網系統頁面

①用index.html創建zhanshi.asp商品分類展示頁，新建站點，導入shop.mdb數據庫文件建立數據庫連接。插入表格并插入圖片、文字，創建記錄集并在表格相應位置綁定數據。在服務器行為里為表格設置重復區域，創建記錄集RS2并在左邊的商品分類表格里綁定

數據，在服務器行為里為左側的表格添加重復區域和轉到詳細頁，制作記錄集導航條。

②用index.html創建xiangxi.asp商品詳細信息頁，首先創建記錄集并制作左側的商品分類表格，之后在中間區域插入表格，在表格中插入圖片、文字，創建記錄集RS2并將數據綁定在表格相應位置。

③用index.html創建denglu.asp商品詳細信息頁,創建記錄集并制作左側的商品分類表格，在中間區域插入表單，在表單里插入表格，在表格里插入文字、文本域、表單按鈕，并為表單設置檢查表單。創建記錄集RS2并在服務器行為里添加登錄用戶。

④用index.html創建fenlei.asp添加商品分類頁，插入表單，在表單里插入文字、文本域、表單按鈕，創建記錄集并在服務器行為里添加插入記錄和限制對頁的訪問。再用index.html創建fenleiok.asp,在其中插入表格輸入文字，并設置返回鏈接。

⑤用index.html創建tianjia.asp添加商品頁，創建記錄集，用插入記錄表單向導創建插入記錄表單，在服務器行為里添加限制對頁的訪問。再用index.html創建tianjiaok.asp,在其中插入表格輸入文字，并設置返回鏈接。

⑥用index.html創建guanli.asp商品管理頁，創建記錄集并制作左側的商品分類表格，在中間區域插入表格并插入文字，創建記錄集RS2并在表格相應位置綁定數據，為該表格設置服務器行為的重復區域，制作修改和刪除鏈接，制作記錄集導航條。

⑦用tianjia.asp創建xiugai.asp修改頁面，創建記錄集在對應的文本域中綁定數據，把服務器行為里的插入記錄刪除并添加更新記錄。在服務器行為里添加限制對頁的訪問。再用index.html創建xiugaiok.asp,在其中插入表格輸入文字，并設置返回鏈接。

⑧用index.html創建shanchu.asp刪除頁面,插入表格并插入文字，建立記錄集，在表格相應位置綁定數據，插入表單和表單按鈕，創建服務器行為限制對頁的訪問和刪除記錄。再用index.html創建shanchuok.asp,在其中插入表格輸入文字，并設置返回鏈接。

三、疑難解惑

①網頁不能正常打開，電腦用戶權限沒有修改，在文件夾安全性把來賓用戶的權限修改為完全控制。

②創建重復區域時，總顯示相同的內容，仔細閱讀教材，發現創建重復區域時要選中表格，而不是文字內容。

③登陸頁面不能登陸，把表格放入表單后，重新登錄，問題解決。

④創建添加商品頁面時，無法顯示商品分類。在插入記錄表單時，應將feileiID"顯示為"下拉列表中選擇“菜單”，并在“菜單屬性”里的“域”列表中選擇fenlei。

⑤修改頁面點進去初始內容都一樣，“唯一鍵列”下拉列表中應選擇shpID。

⑥商品分類點進去每個種類都一樣，查找原因，發現記錄集中篩選是shpID，把記錄集中的篩選改為fenleiID解決。

四、實訓心得

經過一周動態網頁的實訓，使我們對本學期的這門課進行了整體的匯總。在這匯總期間，也算是對自己本學期的一個考核，此次實訓暴露出了許多我自身存在的問題，同時也對自身有了很大的提高。

在這次實訓中，我也有許多收獲。首先，我體會到了作為一個計算機專業的人，不會用DW的痛苦和尷尬。在制作的過程中遇到問題，可以說得是困難重重，這畢竟是第一次獨自制作動態網頁，難免會遇到過各種各樣的問題，同時在制作的過程中發現了自己的不足之處，對以前所學過的知識理解得不夠深刻，掌握得不夠牢固。在此過程當中彌補了我許多知識上的缺陷，弄清的以前沒有搞懂的知識點。經過多番的努力和辛酸，我成功地完成了這次過程艱辛的實訓，而且我從中體會到了一種叫做‘成功的喜悅’的感覺，那種小有成就的興奮是只有置身其中的人才能體會的。

在實訓過程中，我更體會到了基礎知識的重要性，也許我們正在迷惘，我們是否學到了東西，但事實說明零零散散的知識，在項目開發當中起到了非常關鍵的作用，我們不缺少時間和工具，我們只是缺少經驗和動手能力，如果我們以后能更好的在各方面增長自己的經驗，相信我們能在長長的就業隊伍中脫穎而出的!相信自己，相信未來。今后我將會更加努力的學習，不斷提高自身素質，為我將來的就業打下良好的基礎。

網頁設計實訓報告怎么寫 篇4

為期四個星期的實訓就這樣結束了。這學期的實訓是我在南工院的最后一次實訓，所以我很重視，也很認真。當然，在本次實訓中我也學會了許多編程方面的知識，這些知識的積累是非常重要的。

本次實訓的主要目的是讓我們來做一個網上商城，通過了解ASP的框架以及結構，熟悉應用程序的運行環境及開發平臺和其內置對象的屬性以及其方法，以及其界面的設計代碼讓整個系統能正常的運行，通過寫每個頁面的功能實現代碼，讓我們鞏固了之前學的知識，又有進一步的加深對語言學習的印象，最終能夠實現網上購物的一系列流程。我們小組主要應用設計一個網上圖書商城，完成對數據庫的基本操作。根據所安排的課題項目，設計出一個結構基本完整，具備一定應用功能的網上圖書商城。要求具有一定的內容，程序界面使用的WEB控件，可以完成會員的圖書瀏覽、數據檢索、登陸、注冊、購書、修改會員的各種信息等。

我本人主要負責網上書城首頁、詳細頁面的設計。其中首頁實現的功能主要有：圖書的展示、新書上架、圖書搜索、會員登陸、圖書詳細情況的調用。另外，我還設計制作了數據庫中的圖書信息表。其中首頁的搭建過程還是比較繁瑣的，需要考慮的內容太多，而且還要做得美觀簡潔，工作量是蠻大的。經過此次實訓，使我比較全面、系統的了解和熟悉ASP的各種工具的使用，各種不同的效果的做法，為我們以后的學習和工作打下了堅實的基礎。以前沒有學懂的一些東西，在這個實習過程中我基本把它們弄懂了，可以說這是對我所學知識的復習和深化。對于難點的克服，我除了請教老師、詢問同學外，課后也找了一些相關書籍看了看，在實訓的過程中真的學了很多知識，受益匪淺。

其實，實訓不僅僅是為了讓同學們完成任務而展開的學習計劃，更是要培養學生的學習能力和精神。我也深刻認識到：在學習過程中密切聯系生活和工程實際，激發學習的求知欲，培養我們的科學精神和創新精神;培養學習對待工作和學習要耐心、細心和一絲不茍、精益求精的職業習慣等精神和素養是十分重要的。

實訓結束了，很感謝田曉敏和楊正翔兩位老師一個月來對我的悉心指導，感謝小組同學的互相鼓勵與支持，也感謝班級其他同學對我的幫助。如果沒有每一個人的辛苦努力與付出，我不可能完成自己的任務，也不可能取得如此好的成績，在此，我對所有付出過努力的老師、同學道一聲誠摯的謝意：謝謝你們!

天高任鳥飛，海闊憑魚躍。人生的道路上還有很多考驗等待著我們，我們要勇敢的向前大步邁進。

加油吧，為我們的理想!

網頁設計實訓報告怎么寫 篇5

1、 預期目標

(1) 通過本次實訓要完成仙劍奇俠傳的網頁制作，包括二級頁面和三級頁面，還要應用一些網頁制作的基本技巧。

(2) 掌握布局技術，模版應用，CSS樣式，超級鏈接，并運用fireworks做簡單的圖形編輯。

(3) 通過連續時間的實際操作，鞏固對網站的創建、網頁的策劃、設計與制作的理解，加深理解網站、網頁、制作的過程，理解團隊互助共同完成項目的協作精神。

2.關鍵技術及解決途徑：

一、關鍵技術：

(1)有完整的策劃報告(電子版)，實際內容有改動不受影響;

(2)有標題的網站以及有對應自己創意設計制作的Logo圖象、廣告條等圖象;

(3)至少有首頁、二級頁面、三級頁面的層結構;

(4)有框架、有表單;

(5)有自己創作輸入的文字內容并經過排列整理;

(6)Dreamweaver模板技術;

(7)至少采用了樣式表技術;

(8)采用鼠標事件等行為設置之一;

(9)不允許出現超級鏈接錯誤!

(10)有版權聲明、網站更新日期、創意制作人員。

二、解決途徑

根據課堂所學，充分利用相關技術要點，對于不懂的地方問實訓老師。制作完成后，反復檢查，保證鏈接的正確性。

3.方案設計與實施步驟：

一、方案設計

二、實施步驟(可以包括網站內容)

(1)確定網站內容為仙劍奇俠傳4,并制定詳細的策劃報告

(2)查找相關資料，制作banner，logo，和相關動畫圖片

(3)小組分工合作，我負責首頁制作，人物介紹，友情鏈接，留言板相關內容。

(4)采用布局技術設計首頁，然后插入logo，banner美化首頁

(5)應用模版技術制作人物介紹，介紹仙劍4中的重要出場人物，并配上相關圖片和文字，制作了網站相冊，使用了錨記。

(6)友情連接應用了框架，鏈接到百度，官網等相關網站，并用fireworks制作了相關的logo和banner。

(7)采用表單技術制作留言板。

(8)最后創建CSS樣式，并運用到各個連接上。

(9)個相關頁面之間進行必要的超級鏈接，友情鏈接與相關網站上鏈接。

(10)最后和另一小組成員進行作品匯總，完成相關站點的鏈接

(11)檢查鏈接，清除多余文件和圖片

4.自我評價www.alwaycall.com

這次實訓充分利用了課堂所學，掌握了許多關鍵技術，例如模版技術，CSS樣式，使得制作過程方便了很多。

在完成基本要求得基礎上，文件夾、文件命名規范;文件存放位置合理;

制作完成之后進行過現場清理：沒有無用的文件、文件夾，沒有斷鏈(外部鏈接不算);工作量飽滿：內容較豐富、自己設計制作的素材應用多;色系、布局合理美觀、考慮用戶訪問方便;采用各種特效、并且運用合理。

不過也有些不足，比如一開始沒有把兩個人制作的文件夾分開，導致后面匯總時比較麻煩。

不過總的來說，對這次的作品相當滿意，不僅選擇了我們自己喜歡的內容，而且在我們的水平上把它做的很精美。在這個過程中我們意識到了自己在相關技術上的不足，通過學習，知道了如何改進我們的缺點，相信在以后的應用中，我們會做的更加完美!

網頁設計實訓報告怎么寫 篇6

實驗項目：ASP基礎

實驗時間：20xx年3月9日

一、實驗基礎知識：

1、什么是客戶端腳本，什么服務端腳本？所謂腳本是指嵌入到WEB頁中的程序代碼，在服務器端運行的腳本語言是服務器端腳本，在客戶端運行的腳本是客戶端腳本。客戶端腳本由一個配備了解釋器的WEB瀏覽器處理，當一個瀏覽器的用戶執行了一個操作時，不必通過網絡對其作出響應，客戶端程序就能完成任務，常見的客戶端腳本語言有：javascript，VBScript。服務端腳本則是在WEB服務器上執行生成代碼，然后發送到瀏覽器，在瀏覽器上收到的只是執行后的標準HTML文件，常見的服務器端腳本語言有：PHP，jsp，asp

二、實驗內容：

1、掌握用DW創建動態站點的方法：將IIS的網頁發布主目錄設在D盤，名為。利用DW新建一個動態站點，站點的本地信息和測試服務器設置如下：

2、新建一個ASP頁面，用VBscript編寫一段服務端腳本，在客戶端瀏覽器中輸出“Hello！World”，將該頁面以index1.asp為名保存在d:中，然后訪問index1.asp頁面，將結果截圖插入下面的空白文檔中：

3、新建一個ASP頁面，用VBscript定義變量r，area，PI，然后給變量r，PI賦值，并計算出相對應的圓面積，保存文件為index2.asp，然后訪問index2.asp頁面，將結果截圖插入下面的空白文檔中：

4、新建一個ASP頁面，其要求如下:寫一個已知三角形三邊長，求三角形面積的程序。保存文件為index3.asp，然后訪問index3.asp頁面，將結果截圖插入下面的空白文檔中：

5、利用DW在當前站點下新建一個文件，index5.asp，其功能如下：用response輸出如下圖片：

網頁設計實訓報告怎么寫 篇7

一、開發背景

通過教學實習掌握站點制作、站點測試與發布技術。會綜合利用Photoshop、Flash和Dreamweaver三個軟件進行靜態網站的設計。加上ASP技術和CSS+DIV進行昂也布局，實驗頁面的效果。

二、設計思路

我做的大致算是一個服裝企業推廣的小型網站。網站主頁，一般都會包括首頁，管理，鏈接，公司的產品圖片文加字說明，我的網站主頁也不例外，包括次首頁，圖片（展示照片），關于（關于自己的文字，關于本站的一些說明），鏈接（比較有名的站點）。不同的是，我自己獨立的構思使頁面完整化。三、網站規劃1.頁面大小布局2.網頁logo

3.設計網站導航條；4.網頁flash5.搜索框6.產品展示四、技術介紹

基于asp動態網頁技術的學習

從建立的數據庫中讀出圖片；圖片存儲為路徑；并按一行5個排列；大于五個自動換行。網頁設計實訓報告

css+div的頁面布局

多出用到css+div是整個頁面更加美觀。Logo的css樣式：

登陸界面的css：網頁設計實訓報告

font-family:"黑體";}-->

五、頁面設計（抓圖）圖片1

圖片2

圖片3

六、網站測試

應用動態asp技術，用iis或者安裝的小旋風進行本地的測試。

第3頁共4頁網頁設計實訓報告

七、實訓總結

在我看來，設計網頁，應該先策劃，策劃很重要，加上創意，配色很重要，技術與鑒賞能力是最主要的。建立站點的時候，各個文件夾取名的時候，最好用相應的英語，見名知意，如圖片文件夾用image。

在所有配色當中，不同的顏色傳達著不同的意義也有不同的象征。如白色代表著：清潔、天真、潔凈、真理、和平、冷淡、貧乏；灰色讓人聯想到灰塵、石頭、水泥、白銀，象征著中庸、平凡、溫和、謙讓，它給人以中立和高雅的感覺。太多的顏色會給人帶來視覺上的疲勞。所以，在我下載準備素材的時候，就選擇用灰色做背景顏色，灰色太貧乏，就加上亮色的鈕扣起到“中和”的作用。

通過此次實訓,我覺得平面設計的創意思維、版面設計、色彩配置、圖形創意等方面都有很重要，對于網頁制作來說，我覺得是一個以多學科設計為基礎，受到包括視覺藝術、技術、內容的多種影響。網頁設計的技術不算什么困難，真正困難的是網頁的設計創意，文字我覺得也很重要，有些人瀏覽你的網頁不是喜歡上你的艷麗漂亮的圖片，也許是喜歡上你的文字，那種感動人心的，唯美的文字。文字與圖片要搭得上調，不可能用一張美女圖做背景，上面卻寫有關于親情的文章。也就是整體的搭配問題。

通過此次實訓，使我對于網頁制作的三大軟件有了進一步的了解，各功能都能夠實現。提高了自己的鑒賞能力，綜合搭配能力，也對以前學過的內容進行了綜合的復習。

通過此次實訓，我更了解到，生活中有許多色彩，搭配顏色的時候，聯想到生活中的東西會做的更漂亮，給人一種親切感，現在看到什么東西，我就會聯想到做網頁的時候，還有怎么布局。反正此次實訓收獲很多。