網(wǎng)頁(yè)設計實(shí)訓報告7篇【實(shí)用】
在現在社會(huì )，報告使用的次數愈發(fā)增長(cháng)，報告中提到的所有信息應該是準確無(wú)誤的。一聽(tīng)到寫(xiě)報告就拖延癥懶癌齊復發(fā)？下面是小編為大家整理的網(wǎng)頁(yè)設計實(shí)訓報告，僅供參考，大家一起來(lái)看看吧。
網(wǎng)頁(yè)設計實(shí)訓報告 篇1
前言
Dreamweaver是美國MACROMEDIA公司開(kāi)發(fā)的集網(wǎng)頁(yè)制作和管理網(wǎng)站于一身的所見(jiàn)即所得網(wǎng)頁(yè)編輯器，它是第一套針對專(zhuān)業(yè)網(wǎng)頁(yè)設計師特別發(fā)展的視覺(jué)化網(wǎng)頁(yè)開(kāi)發(fā)工具，利用它可以輕而易舉地制作出跨越平臺限制和跨越瀏覽器限制的充滿(mǎn)動(dòng)感的網(wǎng)頁(yè)。Dreamweaver、FLASH以及在DREAMWEAVER之后推出的針DREAMWEAVER對專(zhuān)業(yè)網(wǎng)頁(yè)圖像設計的FIREWORKS，三者被MACROMEDIA公司稱(chēng)為DREAMTEAM(夢(mèng)之隊)，足見(jiàn)市場(chǎng)的反響和MACROMEDIA公司對它們的自信。說(shuō)到DREAMWEAVER我們應該了解一下網(wǎng)頁(yè)編輯器的發(fā)展過(guò)程，隨著(zhù)互聯(lián)網(wǎng)(Internet)的家喻戶(hù)曉，HTML技術(shù)的不斷發(fā)展和完善，隨之而產(chǎn)生了眾多網(wǎng)頁(yè)編輯器，從網(wǎng)頁(yè)編輯器基本性質(zhì)可以分為所見(jiàn)即所得網(wǎng)頁(yè)編輯器和非所見(jiàn)即所得網(wǎng)頁(yè)編輯器（則原始代碼編輯器），兩者各有千秋。所見(jiàn)則所得網(wǎng)頁(yè)編輯器的優(yōu)點(diǎn)就是直觀(guān)性，使用方便，容易上手，您在所見(jiàn)即所得網(wǎng)頁(yè)編輯器進(jìn)行網(wǎng)頁(yè)制作和在WORD中進(jìn)行文本編輯不會(huì )感到有什么區別，但它同時(shí)也存在著(zhù)致命的弱點(diǎn)�，F如今，數以萬(wàn)計的網(wǎng)站以網(wǎng)頁(yè)的方式提供了豐富、精彩的信息。在人類(lèi)社會(huì )進(jìn)入信息時(shí)代的時(shí)候，在網(wǎng)絡(luò )成為通信的主要手段的時(shí)候，在計算機網(wǎng)絡(luò )普及的今天，網(wǎng)頁(yè)也在它自己的崗位上做出了突出的貢獻。網(wǎng)頁(yè)是我們在網(wǎng)絡(luò )上的“代言人”。
1．對靜態(tài)網(wǎng)頁(yè)設計的認識
1.1網(wǎng)頁(yè)設計介紹
從文件的角度來(lái)說(shuō)，一個(gè)網(wǎng)頁(yè)就是一個(gè)HTML文件。當瀏覽者輸入一個(gè)網(wǎng)址或單擊某個(gè)鏈接后，在瀏覽器中顯示出來(lái)的就是一個(gè)網(wǎng)頁(yè)。一般網(wǎng)頁(yè)上都會(huì )有文本、圖片等信息，而復雜一些的網(wǎng)頁(yè)上還會(huì )有聲音、視頻、動(dòng)畫(huà)等多媒體內容，為網(wǎng)頁(yè)增添了豐富的色彩和動(dòng)感。靜態(tài)網(wǎng)頁(yè)是指網(wǎng)頁(yè)文件中沒(méi)有程序，只有HTML代碼，一般以.html或.htm為后綴名的網(wǎng)頁(yè)，靜態(tài)網(wǎng)站內容不會(huì )在制作完成后發(fā)生變化，任何人訪(fǎng)問(wèn)都顯示一樣的內容。網(wǎng)站是一系列邏輯上可以視為一個(gè)整體的網(wǎng)頁(yè)集合，是許多相關(guān)網(wǎng)頁(yè)有機結合而組成的一個(gè)信息服務(wù)中心。對于小型網(wǎng)站，是指帶有一定主題的多個(gè)網(wǎng)頁(yè)集合；對于大型網(wǎng)站還包含數據庫和服務(wù)器端應用程序等如新浪、網(wǎng)易、搜狐等門(mén)戶(hù)網(wǎng)站。在構成網(wǎng)站的眾多網(wǎng)頁(yè)中，有一個(gè)頁(yè)面比較特殊，稱(chēng)為首頁(yè)，即網(wǎng)站的第一個(gè)頁(yè)面。動(dòng)態(tài)網(wǎng)頁(yè)是指網(wǎng)頁(yè)文件不僅具有HTML標記，而且還含有程序代碼，并使用數據庫連接。動(dòng)態(tài)網(wǎng)頁(yè)能根據不同的時(shí)間，不同的來(lái)訪(fǎng)者顯示不同的內容，動(dòng)態(tài)網(wǎng)站更新方便，一般在后臺直接更新。
1.2網(wǎng)頁(yè)設計及網(wǎng)頁(yè)布局技術(shù)
網(wǎng)頁(yè)是構成網(wǎng)站的基本元素。一個(gè)網(wǎng)頁(yè)是否精彩與網(wǎng)頁(yè)布局有著(zhù)重要關(guān)系。常見(jiàn)的網(wǎng)頁(yè)布局類(lèi)型有“國”字型、“匡”字型、“三”字型、“川”字型等。其他類(lèi)型的有：標題文本型，封面型，Flash型，框架型�？梢杂帽砀竦�'形式講一個(gè)頁(yè)面分成幾個(gè)單元格，通過(guò)單元格的合并拆分，對網(wǎng)頁(yè)進(jìn)行布局，單元格就相當于是一塊紙，在紙上寫(xiě)的東西單元格里都可以容得下。通過(guò)設置單元格的長(cháng)寬對頁(yè)面進(jìn)行布局�？蚣軐W(wǎng)頁(yè)進(jìn)行布局有很多優(yōu)點(diǎn)網(wǎng)頁(yè)結構清晰，易于維護和更新。方便用戶(hù)瀏覽網(wǎng)頁(yè)，采用滾動(dòng)條，可節省頁(yè)面空間，使網(wǎng)頁(yè)風(fēng)格保持統一；CSS作為網(wǎng)頁(yè)設計中的一種重要技術(shù)，具有以下優(yōu)點(diǎn)：，表現和內容相分離，提高頁(yè)面瀏覽速度，易于維護和修改，應用apdiv創(chuàng )建網(wǎng)頁(yè)，網(wǎng)頁(yè)清晰，易于分塊。應用表單創(chuàng )建網(wǎng)頁(yè)，應用行為創(chuàng )建網(wǎng)頁(yè)。
1.3靜態(tài)網(wǎng)頁(yè)設計的技術(shù)要點(diǎn)
用框架對網(wǎng)頁(yè)進(jìn)行布局時(shí)有很多缺點(diǎn)：網(wǎng)頁(yè)內容無(wú)法被大多數搜索引擎搜索到，不被低版本瀏覽器支持，樣式陳舊，無(wú)法滿(mǎn)足個(gè)性化設置，難以實(shí)現不同框架中各元素的精確對齊。在網(wǎng)頁(yè)設計過(guò)程中使用CSS樣式表，主要有以下兩種方式，內部CSS樣式表，外部CSS樣式表，應用庫創(chuàng )建網(wǎng)頁(yè)時(shí)：對于站點(diǎn)訪(fǎng)問(wèn)者和開(kāi)發(fā)人員而言，使用交互式網(wǎng)頁(yè)www.具有更多用途，使訪(fǎng)問(wèn)者可以快速方便地在一個(gè)內容豐富的網(wǎng)站上查找信息，后臺管理者可以收集、保存和分析站點(diǎn)訪(fǎng)問(wèn)者提供的數據，，后臺管理者可以對內容不斷變化的網(wǎng)站進(jìn)行更新。靜態(tài)網(wǎng)頁(yè)每個(gè)網(wǎng)頁(yè)都有一個(gè)固定的URL，且網(wǎng)頁(yè)URL以.htm、.html、.shtml等常見(jiàn)形式為后綴，而不含有“?”;網(wǎng)頁(yè)內容一經(jīng)發(fā)布到網(wǎng)站服務(wù)器上，無(wú)論是否有用戶(hù)訪(fǎng)問(wèn)，每個(gè)靜態(tài)網(wǎng)頁(yè)的內容都是保存在網(wǎng)站服務(wù)器上的，也就是說(shuō)，靜態(tài)網(wǎng)頁(yè)是實(shí)實(shí)在在保存在服務(wù)器上的文件，每個(gè)網(wǎng)頁(yè)都是一個(gè)獨立的文件;靜態(tài)網(wǎng)頁(yè)的內容相對穩定，因此容易被搜索引擎檢索;靜態(tài)網(wǎng)頁(yè)沒(méi)有數據庫的支持，在網(wǎng)站制作和維護方面工作量較大，因此當網(wǎng)站信息量很大時(shí)完全依靠靜態(tài)網(wǎng)頁(yè)制作方式比較困難;靜態(tài)網(wǎng)頁(yè)的交互性較差，在功能方面有較大的限制。
網(wǎng)頁(yè)設計實(shí)訓報告 篇2
實(shí)驗項目：VBScript基礎：內部函數
實(shí)驗時(shí)間：20xx年3月23日
一、實(shí)驗基礎知識：
1、什么是VBscript內部函數？VBscript內部函數是VB系統定義的函數，這些函數具有一定的功能，編程者都可以直接調用這些內部函數。
二、實(shí)驗內容：
1、將IIS的網(wǎng)頁(yè)發(fā)布主目錄設在D盤(pán)，名為。利用DW新建一個(gè)動(dòng)態(tài)站點(diǎn)，站點(diǎn)的本地信息和測試服務(wù)器設置如下：
略
2、新建一個(gè)名為index1.asp的'文件，利用日期函數顯示當前系統的時(shí)間,在頁(yè)面中顯示如下：“歡迎訪(fǎng)問(wèn)本網(wǎng)站，現在時(shí)間是20xx-9-1011:35:19”(注：時(shí)間必須是用戶(hù)訪(fǎng)問(wèn)頁(yè)面時(shí)候的實(shí)際時(shí)間)訪(fǎng)問(wèn)本網(wǎng)站，現在的時(shí)間是：
3、新建一個(gè)名為index2.asp的文件
1)、用字符串函數求字符串“我校20xx級新生開(kāi)學(xué)典禮暨軍訓動(dòng)員大會(huì )在我校風(fēng)雨籃球場(chǎng)順利召開(kāi)”的長(cháng)度并輸出，
2)、利用字符串截取函數截取該字符串的前10個(gè)字符，并輸出
3)、并利用replace函數將字符串中的”我�！庇谩肮鹆致脤�(zhuān)”取代，并輸出結果。
4、在下新建一個(gè)名為images的文件夾，從網(wǎng)上下載四張圖片到該文件夾下，圖片命名為img1.jpg、img2.jpg、img3.jpg、img4.jpg。新建一個(gè)名為index2.asp的文件，定義一個(gè)有4個(gè)元素的字符型數組變量，然后給數組變量img的每一個(gè)元素賦值，內容如下：利用用ASP隨機數函數Rnd，每次刷新頁(yè)的時(shí)候隨機輸出數組中包含的一張圖片，顯示在瀏覽器中。按F12運行，將運行結果截圖，插入下面的表格中
網(wǎng)頁(yè)設計實(shí)訓報告 篇3
一、開(kāi)發(fā)背景
通過(guò)教學(xué)實(shí)習掌握站點(diǎn)制作、站點(diǎn)測試與發(fā)布技術(shù)。會(huì )綜合利用Photoshop、Flash和Dreamweaver三個(gè)軟件進(jìn)行靜態(tài)網(wǎng)站的設計。加上ASP技術(shù)和CSS+DIV進(jìn)行昂也布局，實(shí)驗頁(yè)面的效果。
二、設計思路
我做的大致算是一個(gè)服裝企業(yè)推廣的小型網(wǎng)站。網(wǎng)站主頁(yè)，一般都會(huì )包括首頁(yè)，管理，鏈接，公司的產(chǎn)品圖片文加字說(shuō)明，我的網(wǎng)站主頁(yè)也不例外，包括次首頁(yè)，圖片（展示照片），關(guān)于（關(guān)于自己的文字，關(guān)于本站的一些說(shuō)明），鏈接（比較有名的站點(diǎn)）。不同的是，我自己獨立的構思使頁(yè)面完整化。三、網(wǎng)站規劃1.頁(yè)面大小布局2.網(wǎng)頁(yè)logo
3.設計網(wǎng)站導航條；4.網(wǎng)頁(yè)flash5.搜索框6.產(chǎn)品展示四、技術(shù)介紹
基于asp動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)的學(xué)習
從建立的數據庫中讀出圖片；圖片存儲為路徑；并按一行5個(gè)排列；大于五個(gè)自動(dòng)換行。網(wǎng)頁(yè)設計實(shí)訓報告
css+div的頁(yè)面布局
多出用到css+div是整個(gè)頁(yè)面更加美觀(guān)。Logo的css樣式：
登陸界面的css：網(wǎng)頁(yè)設計實(shí)訓報告
font-family:"黑體";}-->
五、頁(yè)面設計（抓圖）圖片1
圖片2
圖片3
六、網(wǎng)站測試
應用動(dòng)態(tài)asp技術(shù)，用iis或者安裝的小旋風(fēng)進(jìn)行本地的測試。
第3頁(yè)共4頁(yè)網(wǎng)頁(yè)設計實(shí)訓報告
七、實(shí)訓總結
在我看來(lái)，設計網(wǎng)頁(yè)，應該先策劃，策劃很重要，加上創(chuàng )意，配色很重要，技術(shù)與鑒賞能力是最主要的。建立站點(diǎn)的時(shí)候，各個(gè)文件夾取名的時(shí)候，最好用相應的英語(yǔ)，見(jiàn)名知意，如圖片文件夾用image。
在所有配色當中，不同的顏色傳達著(zhù)不同的意義也有不同的象征。如白色代表著(zhù)：清潔、天真、潔凈、真理、和平、冷淡、貧乏；灰色讓人聯(lián)想到灰塵、石頭、水泥、白銀，象征著(zhù)中庸、平凡、溫和、謙讓?zhuān)o人以中立和高雅的感覺(jué)。太多的顏色會(huì )給人帶來(lái)視覺(jué)上的疲勞。所以，在我下載準備素材的時(shí)候，就選擇用灰色做背景顏色，灰色太貧乏，就加上亮色的鈕扣起到“中和”的作用。
通過(guò)此次實(shí)訓,我覺(jué)得平面設計的創(chuàng )意思維、版面設計、色彩配置、圖形創(chuàng )意等方面都有很重要，對于網(wǎng)頁(yè)制作來(lái)說(shuō)，我覺(jué)得是一個(gè)以多學(xué)科設計為基礎，受到包括視覺(jué)藝術(shù)、技術(shù)、內容的多種影響。網(wǎng)頁(yè)設計的技術(shù)不算什么困難，真正困難的是網(wǎng)頁(yè)的設計創(chuàng )意，文字我覺(jué)得也很重要，有些人瀏覽你的網(wǎng)頁(yè)不是喜歡上你的艷麗漂亮的`圖片，也許是喜歡上你的文字，那種感動(dòng)人心的，唯美的文字。文字與圖片要搭得上調，不可能用一張美女圖做背景，上面卻寫(xiě)有關(guān)于親情的文章。也就是整體的搭配問(wèn)題。
通過(guò)此次實(shí)訓，使我對于網(wǎng)頁(yè)制作的三大軟件有了進(jìn)一步的了解，各功能都能夠實(shí)現。提高了自己的鑒賞能力，綜合搭配能力，也對以前學(xué)過(guò)的內容進(jìn)行了綜合的復習。
通過(guò)此次實(shí)訓，我更了解到，生活中有許多色彩，搭配顏色的時(shí)候，聯(lián)想到生活中的東西會(huì )做的更漂亮，給人一種親切感，現在看到什么東西，我就會(huì )聯(lián)想到做網(wǎng)頁(yè)的時(shí)候，還有怎么布局。反正此次實(shí)訓收獲很多。
網(wǎng)頁(yè)設計實(shí)訓報告 篇4
實(shí)驗項目：ASP基礎
實(shí)驗時(shí)間：20xx年3月9日
一、實(shí)驗基礎知識：
1、什么是客戶(hù)端腳本，什么服務(wù)端腳本？所謂腳本是指嵌入到WEB頁(yè)中的程序代碼，在服務(wù)器端運行的腳本語(yǔ)言是服務(wù)器端腳本，在客戶(hù)端運行的腳本是客戶(hù)端腳本�？蛻�(hù)端腳本由一個(gè)配備了解釋器的WEB瀏覽器處理，當一個(gè)瀏覽器的用戶(hù)執行了一個(gè)操作時(shí)，不必通過(guò)網(wǎng)絡(luò )對其作出響應，客戶(hù)端程序就能完成任務(wù)，常見(jiàn)的客戶(hù)端腳本語(yǔ)言有：javascript，VBScript。服務(wù)端腳本則是在WEB服務(wù)器上執行生成代碼，然后發(fā)送到瀏覽器，在瀏覽器上收到的只是執行后的.標準HTML文件，常見(jiàn)的服務(wù)器端腳本語(yǔ)言有：PHP，jsp，asp
二、實(shí)驗內容：
1、掌握用DW創(chuàng )建動(dòng)態(tài)站點(diǎn)的方法：將IIS的網(wǎng)頁(yè)發(fā)布主目錄設在D盤(pán)，名為。利用DW新建一個(gè)動(dòng)態(tài)站點(diǎn)，站點(diǎn)的本地信息和測試服務(wù)器設置如下：
2、新建一個(gè)ASP頁(yè)面，用VBscript編寫(xiě)一段服務(wù)端腳本，在客戶(hù)端瀏覽器中輸出“Hello！World”，將該頁(yè)面以index1.asp為名保存在d:中，然后訪(fǎng)問(wèn)index1.asp頁(yè)面，將結果截圖插入下面的空白文檔中：
3、新建一個(gè)ASP頁(yè)面，用VBscript定義變量r，area，PI，然后給變量r，PI賦值，并計算出相對應的圓面積，保存文件為index2.asp，然后訪(fǎng)問(wèn)index2.asp頁(yè)面，將結果截圖插入下面的空白文檔中：
4、新建一個(gè)ASP頁(yè)面，其要求如下:寫(xiě)一個(gè)已知三角形三邊長(cháng)，求三角形面積的程序。保存文件為index3.asp，然后訪(fǎng)問(wèn)index3.asp頁(yè)面，將結果截圖插入下面的空白文檔中：
5、利用DW在當前站點(diǎn)下新建一個(gè)文件，index5.asp，其功能如下：用response輸出如下圖片：
網(wǎng)頁(yè)設計實(shí)訓報告 篇5
靜態(tài)網(wǎng)頁(yè)設計專(zhuān)業(yè)實(shí)訓總結報告提要：
網(wǎng)頁(yè)設計實(shí)訓就快結束了，在這短短的兩周里，我學(xué)會(huì )了很多新的知識，更掌握了新的技能，讓我覺(jué)得受益匪淺。在實(shí)訓時(shí)，有空閑就會(huì )想到學(xué)校里青蔥歲月，簡(jiǎn)單流暢，無(wú)憂(yōu)無(wú)慮。
插入apdiv標簽，插入圖片，創(chuàng )建超鏈接，設置段落
2.1.3作品展示
圖一：中秋送祝福
2.2項目2
2.2.1項目介紹
有鐵血戰鷹的的圖片素材及相關(guān)資料，對鐵血戰鷹進(jìn)行描述，創(chuàng )建“鐵血戰鷹網(wǎng)頁(yè)”
2.2.2關(guān)鍵技術(shù)
應用表格布局，插入橫線(xiàn)對網(wǎng)頁(yè)進(jìn)行美化
2.2.3作品展示
圖二：鐵血戰鷹
2.3項目3
2.3.1項目介紹
現有自然寫(xiě)真的圖片，要求自然寫(xiě)真的圖片在鼠標經(jīng)過(guò)時(shí)換成別的圖片，點(diǎn)下導航欄的標題時(shí)轉向別的網(wǎng)頁(yè)，制作靜態(tài)網(wǎng)頁(yè)，網(wǎng)頁(yè)名稱(chēng)為自然寫(xiě)真。
2.3.2關(guān)鍵技術(shù)應用
練習頭標題的應用，超鏈接的創(chuàng )建，flash的插入，導航欄的創(chuàng )建。
2.3.3作品展示
圖三：自然寫(xiě)真
3．實(shí)訓過(guò)程總結
3.1實(shí)訓收獲
這個(gè)階段的實(shí)訓我們主要是練習網(wǎng)頁(yè)制作及網(wǎng)站發(fā)布的各種知識。近些年隨著(zhù)計算機的廣泛應用，Internet已經(jīng)成為人們獲得信息不可或缺的媒介，特別是Internet的普及和發(fā)展，網(wǎng)絡(luò )已經(jīng)成為了不可或缺的通信手段。無(wú)論是最新的新聞信息、新產(chǎn)品的出臺、新游戲的發(fā)布、最新的動(dòng)態(tài)，包括等候就業(yè)人才的個(gè)人簡(jiǎn)歷，我們都是可以通過(guò)網(wǎng)絡(luò )來(lái)獲得。但是什么為這提供平臺的呢。我們又是通過(guò)什么來(lái)獲取這些信息的呢―網(wǎng)頁(yè)。由于人們使用網(wǎng)絡(luò )的頻繁，網(wǎng)頁(yè)作為上網(wǎng)的主要依托就變得非常的重要。網(wǎng)頁(yè)講究的是排版布局，其功能主要就是提供一種形式給每個(gè)上網(wǎng)者，讓他們能夠了解網(wǎng)站提供的信息。網(wǎng)頁(yè)設計直接面對的是大量的用戶(hù)，隨時(shí)都會(huì )反饋回來(lái)對網(wǎng)頁(yè)的批評建議等，可以根據實(shí)際情況進(jìn)行修改，這樣做可以使使用者用起來(lái)更加的方便。
Dreamweaver工具為我們實(shí)現這些提供了便利，下面我將網(wǎng)頁(yè)制作和網(wǎng)站發(fā)布的知識總結如下：
�。�1）網(wǎng)頁(yè)制作的前期工作是搜集大量的素材，我們的網(wǎng)頁(yè)只有是實(shí)用的才會(huì )是大眾喜歡的，搜集素材以充實(shí)我們的網(wǎng)頁(yè)。當然我們也應該在此時(shí)定下網(wǎng)站的方向是什么，剩下的就是靠Dreamweaver進(jìn)行編輯；
�。�2）網(wǎng)頁(yè)的版式設計，版式設計時(shí)我們應該有重點(diǎn)，把重要的內容新聞放在醒目的位置上。規劃各元素在網(wǎng)頁(yè)中的位置關(guān)系和表現方法，合理安排圖像、文本等元素，使網(wǎng)頁(yè)布局合理、美觀(guān)大方；
�。�3）文本編寫(xiě)，我們的網(wǎng)頁(yè)中需要大量的文字材料，這就要在網(wǎng)頁(yè)編輯器中用HTML語(yǔ)言中的'標簽編寫(xiě)。也可以利用網(wǎng)頁(yè)編輯工具的“所見(jiàn)即所得”功能，直接寫(xiě)入文字。在瀏覽器中運行時(shí)出現冗余代碼時(shí)返回代碼頁(yè)面重新進(jìn)行查看修改；
�。�4）處理網(wǎng)頁(yè)之間的關(guān)聯(lián)，這主要是建立合理、高效的網(wǎng)頁(yè)導航系統；
�。�5）網(wǎng)頁(yè)發(fā)布過(guò)程，主要是將建設好的網(wǎng)頁(yè)上傳到服務(wù)器中供用戶(hù)瀏覽。
3.2存在的問(wèn)題及解決思路
�。�1）在Dreamweaver基礎方面：制作網(wǎng)頁(yè)時(shí)如何實(shí)現網(wǎng)頁(yè)不跳轉就可以出現新的內容，實(shí)現頁(yè)面內的鏈接；用代碼編寫(xiě)網(wǎng)頁(yè)上的按鈕，實(shí)現按鈕的各種功能，如刷新，重置，確定操作。Css樣式表的概念模糊。
�。�2）網(wǎng)站風(fēng)格方面：一個(gè)網(wǎng)站的各個(gè)頁(yè)面之間風(fēng)格應該是統一的，只有圍繞一個(gè)風(fēng)格才會(huì )成功。
�。�3）網(wǎng)站的內容方面：在制作網(wǎng)站時(shí)內容之間應該是相關(guān)的，在制作時(shí)我們不能追求面面俱到，只能做到精益求精。雜亂無(wú)章的網(wǎng)站是不會(huì )有大的發(fā)展的。
4．結束語(yǔ)
網(wǎng)頁(yè)設計實(shí)訓就快結束了，在這短短的兩周里，我學(xué)會(huì )了很多新的知識，更掌握了新的技能，讓我覺(jué)得受益匪淺。在實(shí)訓時(shí)，有空閑就會(huì )想到學(xué)校里青蔥歲月，簡(jiǎn)單流暢，無(wú)憂(yōu)無(wú)慮，回想各位老師的授課，孜孜不倦，學(xué)校的生活固然是快樂(lè )，www.但是學(xué)校的實(shí)訓課程真的很重要，因為它能讓我們這些在校學(xué)生接觸到社會(huì )的發(fā)展，讓我們有時(shí)間崗位環(huán)境，順利得從單純的校園生活感到復雜社會(huì )生活的不同。在這一周的時(shí)間里，我一心只做網(wǎng)頁(yè)，做自己喜歡的風(fēng)格的網(wǎng)頁(yè)。經(jīng)歷了一次充實(shí)而有愉快的實(shí)訓，我學(xué)會(huì )了制作框架、使用錨點(diǎn)、給網(wǎng)頁(yè)網(wǎng)頁(yè)插入背景音樂(lè )、表格、視頻、flash、導航條等更深層次的掌握了它們的用法，現在我心目中的網(wǎng)頁(yè)也已經(jīng)大體竣工，我感到很開(kāi)心，經(jīng)過(guò)這兩的不斷探索，我喜歡上了這門(mén)課程，感覺(jué)很有意思�；蛟S實(shí)訓的結束代表一段新生活的開(kāi)始，但是我認為它不但是一門(mén)課，需要我們去掌握，同時(shí)還可以鍛煉我們的邏輯思維能力和思維的嚴密性，還有就是在制作網(wǎng)頁(yè)的過(guò)程中，更需要有不錯的藝術(shù)審美觀(guān)，這樣，你做出的網(wǎng)頁(yè)才會(huì )賞心悅目，讓人眼前一亮，也就是從此刻起，我決心好好鉆研這門(mén)課，力求這方面的技能達到頂級。雖然網(wǎng)頁(yè)已經(jīng)完成，可這并不是一件輕而易舉的事情，在此過(guò)程中遇到了許多以前不曾遇到的問(wèn)題，多的情況都是自己解決，萬(wàn)不得已之際，我會(huì )主動(dòng)問(wèn)老師和同學(xué)，直到弄懂為止！讓我更加清楚地明白老師平日里的良苦用心，也更加清楚地明白了自己以后應該怎樣去做事。
網(wǎng)頁(yè)設計實(shí)訓報告 篇6
為期四個(gè)星期的實(shí)訓就這樣結束了。這學(xué)期的實(shí)訓是我在南工院的最后一次實(shí)訓，所以我很重視，也很認真。當然，在本次實(shí)訓中我也學(xué)會(huì )了許多編程方面的知識，這些知識的積累是非常重要的。
本次實(shí)訓的主要目的是讓我們來(lái)做一個(gè)網(wǎng)上商城，通過(guò)了解ASP的框架以及結構，熟悉ASP.NET應用程序的運行環(huán)境及開(kāi)發(fā)平臺和其內置對象的屬性以及其方法，以及其界面的設計代碼讓整個(gè)系統能正常的運行，通過(guò)寫(xiě)每個(gè)頁(yè)面的功能實(shí)現代碼，讓我們鞏固了之前學(xué)的知識，又有進(jìn)一步的加深對語(yǔ)言學(xué)習的印象，最終能夠實(shí)現網(wǎng)上購物的'一系列流程。我們小組主要應用ASP.NET設計一個(gè)網(wǎng)上圖書(shū)商城，完成對數據庫的基本操作。根據所安排的課題項目，設計出一個(gè)結構基本完整，具備一定應用功能的網(wǎng)上圖書(shū)商城。要求具有一定的內容，程序界面使用ASP.NET的WEB控件，可以完成會(huì )員的圖書(shū)瀏覽、數據檢索、登陸、注冊、購書(shū)、修改會(huì )員的各種信息等。
我本人主要負責網(wǎng)上書(shū)城首頁(yè)、詳細頁(yè)面的設計。其中首頁(yè)實(shí)現的功能主要有：圖書(shū)的展示、新書(shū)上架、圖書(shū)搜索、會(huì )員登陸、圖書(shū)詳細情況的調用。另外，我還設計制作了數據庫中的圖書(shū)信息表。其中首頁(yè)的搭建過(guò)程還是比較繁瑣的，需要考慮的內容太多，而且還要做得美觀(guān)簡(jiǎn)潔，工作量是蠻大的。經(jīng)過(guò)此次實(shí)訓，使我比較全面、系統的了解和熟悉ASP的各種工具的使用，各種不同的效果的做法，為我們以后的學(xué)習和工作打下了堅實(shí)的基礎。以前沒(méi)有學(xué)懂的一些東西，在這個(gè)實(shí)習過(guò)程中我基本把它們弄懂了，可以說(shuō)這是對我所學(xué)知識的復習和深化。對于難點(diǎn)的克服，我除了請教老師、詢(xún)問(wèn)同學(xué)外，課后也找了一些相關(guān)書(shū)籍看了看，在實(shí)訓的過(guò)程中真的學(xué)了很多知識，受益匪淺。
其實(shí)，實(shí)訓不僅僅是為了讓同學(xué)們完成任務(wù)而展開(kāi)的學(xué)習計劃，更是要培養學(xué)生的學(xué)習能力和精神。我也深刻認識到：在學(xué)習過(guò)程中密切聯(lián)系生活和工程實(shí)際，激發(fā)學(xué)習的求知欲，培養我們的科學(xué)精神和創(chuàng )新精神;培養學(xué)習對待工作和學(xué)習要耐心、細心和一絲不茍、精益求精的職業(yè)習慣等精神和素養是十分重要的。
實(shí)訓結束了，很感謝田曉敏和楊正翔兩位老師一個(gè)月來(lái)對我的悉心指導，感謝小組同學(xué)的互相鼓勵與支持，也感謝班級其他同學(xué)對我的幫助。如果沒(méi)有每一個(gè)人的辛苦努力與付出，我不可能完成自己的任務(wù)，也不可能取得如此好的成績(jì)，在此，我對所有付出過(guò)努力的老師、同學(xué)道一聲誠摯的謝意：謝謝你們!
天高任鳥(niǎo)飛，海闊憑魚(yú)躍。人生的道路上還有很多考驗等待著(zhù)我們，我們要勇敢的向前大步邁進(jìn)。
加油吧，為我們的理想!
網(wǎng)頁(yè)設計實(shí)訓報告 篇7
一、實(shí)習目的
�、� 學(xué)會(huì )制作新聞發(fā)布系統。
�、� 學(xué)會(huì )制作在線(xiàn)調查系統。
�、� 熟悉購物網(wǎng)站的主要功能和欄目。
�、� 學(xué)會(huì )購物網(wǎng)站數據庫表的創(chuàng )建和數據庫連接的創(chuàng )建。
�、� 學(xué)會(huì )購物系統前臺頁(yè)面制作和后臺管理制作。
二、實(shí)訓內容
1.創(chuàng )建數據庫表
�、� 啟動(dòng)Microsoft Access ，執行“文件”——“新建”命令，打開(kāi)“新建文件”面板，在面板中單擊“空數據庫”。
�、� 彈出“文件新建數據庫”對話(huà)框，在對話(huà)框中選擇數據庫保存的路徑，“文件名”文本框中輸入shop。
�、� 單擊“創(chuàng )建”按鈕，在對話(huà)框中雙擊“使用設計器創(chuàng )建表”選項。
�、� 彈出“表1：表”對話(huà)框，在對話(huà)框中輸入“字段名稱(chēng)”和字段所對應的“數據類(lèi)型”，將shopID字段設置為主鍵。
�、� 執行“文件”——“保存”命令，彈出“另存為”對話(huà)框，在對話(huà)框的“表名稱(chēng)”文本框中輸入products。
�、� 單擊“確定”按鈕，保存表。按以上步驟的方法，創(chuàng )建表fen和admin。
2.創(chuàng )建數據庫連接
新建一個(gè)網(wǎng)頁(yè)文件夾，打開(kāi)IIS信息服務(wù)，創(chuàng )建IIS虛擬目錄，在文件夾安全性把來(lái)賓用戶(hù)的權限修改為完全控制，并導入數據庫。
3.制作購物網(wǎng)系統頁(yè)面
�、� 用index.html創(chuàng )建zhanshi.asp商品分類(lèi)展示頁(yè)，新建站點(diǎn)，導入shop.mdb數據庫文件建立數據庫連接。插入表格并插入圖片、文字，創(chuàng )建記錄集并在表格相應位置綁定數據。在服務(wù)器行為里為表格設置重復區域，創(chuàng )建記錄集RS2并在左邊的商品分類(lèi)表格里綁定
數據，在服務(wù)器行為里為左側的表格添加重復區域和轉到詳細頁(yè)，制作記錄集導航條。
�、� 用index.html創(chuàng )建xiangxi.asp商品詳細信息頁(yè)，首先創(chuàng )建記錄集并制作左側的商品分類(lèi)表格，之后在中間區域插入表格，在表格中插入圖片、文字，創(chuàng )建記錄集RS2并將數據綁定在表格相應位置。
�、� 用index.html創(chuàng )建denglu.asp商品詳細信息頁(yè),創(chuàng )建記錄集并制作左側的商品分類(lèi)表格，在中間區域插入表單，在表單里插入表格，在表格里插入文字、文本域、表單按鈕，并為表單設置檢查表單。創(chuàng )建記錄集RS2并在服務(wù)器行為里添加登錄用戶(hù)。
�、� 用index.html創(chuàng )建fenlei.asp添加商品分類(lèi)頁(yè)，插入表單，在表單里插入文字、文本域、表單按鈕，創(chuàng )建記錄集并在服務(wù)器行為里添加插入記錄和限制對頁(yè)的訪(fǎng)問(wèn)。再用index.html創(chuàng )建fenleiok.asp,在其中插入表格輸入文字，并設置返回鏈接。
�、� 用index.html創(chuàng )建tianjia.asp添加商品頁(yè)，創(chuàng )建記錄集，用插入記錄表單向導創(chuàng )建插入記錄表單，在服務(wù)器行為里添加限制對頁(yè)的訪(fǎng)問(wèn)。再用index.html創(chuàng )建tianjiaok.asp,在其中插入表格輸入文字，并設置返回鏈接。
�、� 用index.html創(chuàng )建guanli.asp商品管理頁(yè)，創(chuàng )建記錄集并制作左側的商品分類(lèi)表格，在中間區域插入表格并插入文字，創(chuàng )建記錄集RS2并在表格相應位置綁定數據，為該表格設置服務(wù)器行為的重復區域，制作修改和刪除鏈接，制作記錄集導航條。
�、� 用tianjia.asp創(chuàng )建xiugai.asp修改頁(yè)面，創(chuàng )建記錄集在對應的文本域中綁定數據，把服務(wù)器行為里的插入記錄刪除并添加更新記錄。在服務(wù)器行為里添加限制對頁(yè)的訪(fǎng)問(wèn)。再用index.html創(chuàng )建xiugaiok.asp,在其中插入表格輸入文字，并設置返回鏈接。
�、� 用index.html創(chuàng )建shanchu.asp刪除頁(yè)面,插入表格并插入文字，建立記錄集，在表格相應位置綁定數據，插入表單和表單按鈕，創(chuàng )建服務(wù)器行為限制對頁(yè)的訪(fǎng)問(wèn)和刪除記錄。再用index.html創(chuàng )建shanchuok.asp,在其中插入表格輸入文字，并設置返回鏈接。
三、疑難解惑
�、� 網(wǎng)頁(yè)不能正常打開(kāi)，電腦用戶(hù)權限沒(méi)有修改，在文件夾安全性把來(lái)賓用戶(hù)的權限修改為完全控制。
�、� 創(chuàng )建重復區域時(shí)，總顯示相同的內容，仔細閱讀教材，發(fā)現創(chuàng )建重復區域時(shí)要選中表格，而不是文字內容。
�、� 登陸頁(yè)面不能登陸，把表格放入表單后，重新登錄，問(wèn)題解決。
�、� 創(chuàng )建添加商品頁(yè)面時(shí)，無(wú)法顯示商品分類(lèi)。在插入記錄表單時(shí)，應將feileiID"顯
示為"下拉列表中選擇“菜單”，并在“菜單屬性”里的“域”列表中選擇fenlei。
�、� 修改頁(yè)面點(diǎn)進(jìn)去初始內容都一樣 ，“唯一鍵列”下拉列表中應選擇shpID。
�、� 商品分類(lèi)點(diǎn)進(jìn)去每個(gè)種類(lèi)都一樣，查找原因，發(fā)現記錄集中篩選是shpID，把記錄集中的篩選改為fenleiID解決。
四、實(shí)訓心得
經(jīng)過(guò)一周動(dòng)態(tài)網(wǎng)頁(yè)的實(shí)訓，使我們對本學(xué)期的這門(mén)課進(jìn)行了整體的匯總。在這匯總期間，也算是對自己本學(xué)期的一個(gè)考核，此次實(shí)訓暴露出了許多我自身存在的問(wèn)題，同時(shí)也對自身有了很大的提高。
在這次實(shí)訓中，我也有許多收獲。首先，我體會(huì )到了作為一個(gè)計算機專(zhuān)業(yè)的人，不會(huì )用DW的痛苦和尷尬。在制作的過(guò)程中遇到問(wèn)題，可以說(shuō)得是困難重重，這畢竟是第一次獨自制作動(dòng)態(tài)網(wǎng)頁(yè)，難免會(huì )遇到過(guò)各種各樣的問(wèn)題，同時(shí)在制作的過(guò)程中發(fā)現了自己的不足之處，對以前所學(xué)過(guò)的知識理解得不夠深刻，掌握得不夠牢固。在此過(guò)程當中彌補了我許多知識上的缺陷，弄清的以前沒(méi)有搞懂的知識點(diǎn)。經(jīng)過(guò)多番的努力和辛酸，我成功地完成了這次過(guò)程艱辛的實(shí)訓，而且我從中體會(huì )到了一種叫做‘成功的喜悅’的感覺(jué)，那種小有成就的興奮是只有置身其中的'人才能體會(huì )的。
在實(shí)訓過(guò)程中，我更體會(huì )到了基礎知識的重要性，也許我們正在迷惘，我們是否學(xué)到了東西，但事實(shí)說(shuō)明零零散散的知識，在項目開(kāi)發(fā)當中起到了非常關(guān)鍵的作用，我們不缺少時(shí)間和工具，我們只是缺少經(jīng)驗和動(dòng)手能力，如果我們以后能更好的在各方面增長(cháng)自己的經(jīng)驗，相信我們能在長(cháng)長(cháng)的就業(yè)隊伍中脫穎而出的!相信自己，相信未來(lái)。今后我將會(huì )更加努力的學(xué)習，不斷提高自身素質(zhì)，為我將來(lái)的就業(yè)打下良好的基礎。
【網(wǎng)頁(yè)設計實(shí)訓報告】相關(guān)文章：
網(wǎng)頁(yè)設計實(shí)訓報告（精選11篇）01-13
網(wǎng)頁(yè)設計實(shí)訓體會(huì )07-06