《動態網頁設計》實訓報告

時間：2022-11-29 15:10:57 實訓報告我要投稿

《動態網頁設計》實訓報告3篇

　　在經濟發展迅速的今天，越來越多人會去使用報告，報告包含標題、正文、結尾等。我敢肯定，大部分人都對寫報告很是頭疼的，以下是小編收集整理的《動態網頁設計》實訓報告，歡迎閱讀與收藏。

《動態網頁設計》實訓報告3篇

《動態網頁設計》實訓報告1

　　實驗項目：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輸出如下圖片：

《動態網頁設計》實訓報告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

　　一、開發背景

　　通過教學實習掌握站點制作、站點測試與發布技術。會綜合利用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。

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

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

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

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

【《動態網頁設計》實訓報告】相關文章：