首頁網站建設正文

網站建設實訓報告樣闆（網站建設實訓報告樣闆圖）

網站建設 2023-02-20T13:00:09 2389

今天給各位分享網站建設實訓報告樣闆的(de)知識，其中也會對網站建設實訓報告樣闆圖進行(xíng)解釋，如(rú)果能碰巧解決你現在面臨的(de)問題，别忘了關注本站，現在開始吧(ba)！本文目錄一(yī)覽： 1、《網頁設計》實驗報告

今天給各位分享網站建設實訓報告樣闆的(de)知識，其中也會對網站建設實訓報告樣闆圖進行(xíng)解釋，如(rú)果能碰巧解決你現在面臨的(de)問題，别忘了關注本站，現在開始吧(ba)！

本文目錄一(yī)覽：

1、《網頁設計》實驗報告
2、用ASP制作網頁的(de)實訓報告總結
3、要一(yī)份網頁實訓報告
4、緊急求一(yī)份網頁制作的(de)實訓報告，希望大家幫忙呀

《網頁設計》實驗報告

1、

設計由多個網頁組成的(de)小型網站，自(zì)選主題，要求積極、健康，不得從網絡上下載；

2、

構建本地(dì)站點，創建站點目錄；

3、

站點目錄中各種文件分類存放，文件命名

科(kē)學(xué)

，網站不少于10個頁面；

4、

整個網站內(nèi)容大小不超過20M；

5、

網頁版面采用表格布局；

6、

網頁中引入CSS

樣式表

技術。

7、

超級鏈接的(de)都可(kě)正确點通；

8、

網頁中需添加如(rú)

動畫

、

音頻

、視(shì)頻等多媒體元素；

9、

欄目設計合理(lǐ)，頁面

文字

充實，圖文并茂。

10、

使用動态頁面效果，如(rú)

時間軸動畫

、彈出信息、彈出菜單等；

11、

可(kě)根據個人能力和(hé)興趣使用數據庫，ASP，JSP，PHP等網頁技術。

實驗報告

應包涵以下幾個部分：

1、實驗說明：說明網戰在設計所應用的(de)技術，站點下各目錄、各文件；素材的(de)收集途徑等；

2、實驗步驟：詳細闡述網頁設計整體

流程

和(hé)其中各個環節的(de)操作步驟；

3、實驗心得。

用ASP制作網頁的(de)實訓報告總結

1. 實習內(nèi)容及知識應用

1.1實訓內(nèi)容以及進程安排

實訓內(nèi)容：動态網站制作的(de)學(xué)習及動态網站的(de)制作

這次在3名指導老師的(de)帶領下，我(wǒ)們(men)主要學(xué)習了用2種現在比較流行(xíng)的(de)動态網站開發平台來開發網站：JSP平台與ASP.NET平台；JSP平台方面主要通過XX老師示範制作myblog個人博客網站而學(xué)習JSP平台的(de)搭建、數據庫的(de)連接、網站測試等內(nèi)容；而ASP.NET平台主要通過XX老師和(hé)XX2位老師的(de)指導，學(xué)習并搭建了ASP.NET平台，掌握了網頁三劍客制作動态網站的(de)基本常識與方法，以及數據庫的(de)連接、網站測試及Photoshop處理(lǐ)圖片等內(nèi)容

：

進程安排

日期

日程安排

08年(nián)7月28日确定小組組員，小組成員為(wèi)：XX（組長(cháng)），XX（組員）

08年(nián)7月29日确定小組動态網頁開發平台為(wèi)ASP.NET

08年(nián)7月30日确定網站要實現的(de)功能①

08年(nián)7月31日-8月5日制作BBS網站

08年(nián)8月6日測試BBS網站

08年(nián)8月7日-08年(nián)8月15日制作電子(zǐ)商(shāng)務網站

08年(nián)8月16日-8月17日測試電子(zǐ)商(shāng)務網站

08年(nián)8月18日-8月20日提交網站給指導老師，聽取指導老師意見，完善網站

08年(nián)8月21日-8月22日網站制作與小學(xué)期總結，寫小學(xué)期文檔

08年(nián)8月23日提交小學(xué)期文檔，小學(xué)期實訓結束

說明：①經過讨論，我(wǒ)們(men)組決定建設2個網站來實現以下功能

網站1-BBS網站：在這個網站中，我(wǒ)們(men)主要實現了站點日曆與站點搜索引擎2大功能。

網站2-電子(zǐ)商(shāng)務網站：在這個網站中，我(wǒ)們(men)主要實現了用戶注冊與登陸、購物車的(de)實現、訂單的(de)顯示等頁面。

1.2知識（點）應用以及經驗總結

這次制作2個網站主要應用的(de)知識有(yǒu)以下：

⒈ 數據庫的(de)創建

① Access數據庫的(de)創建

Acess提供2種數據庫創建方式：一(yī)種是創建一(yī)個空數據庫，然後編輯數據表的(de)內(nèi)容；另一(yī)種使用數據庫自(zì)帶的(de)模闆創建；在動态網頁面中，一(yī)般應用第一(yī)種方式

② Access數據庫的(de)打開方式

包括打開、隻讀方式打開、獨占方式打開、隻讀獨占方式打開

③ 利用設計器設計Access數據庫

利用Access數據庫裏的(de)設計器設計Access數據庫

④ 使用向導設計Access數據庫

通過Access的(de)向導，經過一(yī)系列對話來設置Access數據庫

⑤ 通過輸入數據連接Access數據庫。

先輸入數據再确定字段

⒉ 數據庫的(de)連接

① ODBC連接數據庫

打開ODBC數據源管理(lǐ)器面闆。在windows XP中打開控制面闆，再打開管理(lǐ)工具，找到數據源（ODBC），雙擊圖标打開管理(lǐ)器，選擇系統DSN。添加數據源，點擊添加按鈕，開始創建數據源，在接下來的(de)對話框中選擇數據源的(de)驅動程序，因我(wǒ)們(men)使用的(de)是Microsoft Access創建的(de)數據庫，所以選擇Microsoft Access Driver(*.mdb)作為(wèi)數據庫驅動程序。點擊完成按鈕，填寫數據源名，以簡單易記為(wèi)原則，這裏我(wǒ)們(men)以userinfo（表名）來命名，注意不要沖突。說明填不填都無所謂，是描述這個數據庫的(de)用途而已。點擊選擇按鈕，選擇你的(de)數據庫文件。找到自(zì)己想添加的(de)數據庫，選中即可(kě)。

② OLEDB連接數據庫

在Dreamweaver 中,可(kě)以通過在連接字符串中包含 Provider 參數來創建 OLE DB 連接。打開Dreameaver，在站點裏面先新建個ASP頁面（index.asp）。在“應用程序”面闆中選中“數據庫”标簽。隻要我(wǒ)們(men)在前面建立了站點，選擇了文檔類型（即我(wǒ)們(men)選的(de)ASP Javascript的(de)），并且還測試了服務器（）；則當前我(wǒ)們(men)看到就剩下第四步沒有(yǒu)打勾了。那現在就點擊“+”号，選擇“自(zì)定義連接字符串”。在彈出來的(de)“自(zì)定義連接字符串”對話框中，"連接名稱"随便寫一(yī)個。“連接字符串”就要好好填寫了。當"使用此計算機(jī)上的(de)驅動程序"時應用絕對路徑：DRIVER={Microsoft Access Driver (*.mdb)};DBQ=d: ewgndatabasecnbruce.mdb 否則“使用測試服務器上的(de)驅動程序”采用Mappath轉換路徑"Driver={Microsoft Access Driver (*.mdb)};DBQ=" server.mappath("/newgn/database/cnbruce.mdb"),點擊“測試”，出現成功對話框，成功連接數據庫後，在DW裏其實是自(zì)動生成了一(yī)個連接文件。位置在自(zì)動生成的(de)Connections文件夾中，名稱是你剛才在“自(zì)定義連接字符串”随便敲的(de)為(wèi)命名asp文件。還可(kě)以注意到DW數據庫标簽內(nèi)看到mdb文件內(nèi)的(de)各個字段。

⒊ 動态網頁開發技術

① 記錄集的(de)定義

分為(wèi)簡單記錄集定義與高(gāo)級記錄集定義，簡單記錄集的(de)定義使用戶不必用SQL語句查詢而快速定義記錄集。高(gāo)級記錄集定義則通過SQL語來定義記錄集。

② 記錄集的(de)綁定

記錄集(查詢)的(de)綁定。在網頁中插入一(yī)個表單，并輸入需要插入到數據庫的(de)相關內(nèi)容，然後通過記錄集（查詢）功能來實現表單和(hé)數據庫的(de)相互協調使用，并實現“動态”功能

③ 重複區域服務器行(xíng)為(wèi)

服務器行(xíng)為(wèi)其實一(yī)段VB代碼，為(wèi)了方便用戶對記錄集的(de)操作，DW中将常用代碼進行(xíng)封裝，命名為(wèi)服務器行(xíng)為(wèi)。而重複區域服務器行(xíng)為(wèi)相當于一(yī)個FOR循環函數

④ 設置記錄集導航條

添加記錄集導航條以分頁的(de)方式用來顯示重複區域服務器行(xíng)為(wèi)顯示有(yǒu)限的(de)記錄

⒋XML動态網頁制作

① XSLT

XSLT 是一(yī)種用于将 XML 文檔轉換為(wèi) XHTML 文檔或其他 XML 文檔的(de)語言，XSLT 用于将一(yī)種 XML 文檔轉換為(wèi)另外一(yī)種 XML 文檔，或者可(kě)被浏覽器識别的(de)其他類型的(de)文檔，比如(rú) HTML 和(hé) XHTML。通常，XSLT 是通過把每個 XML 元素轉換為(wèi) (X)HTML 元素來完成這項工作的(de)。

⒌服務器的(de)配置

① 站點存放點的(de)創建

打開電腦，在D盤下建立一(yī)文件夾newgn（這個夾子(zǐ)就是你的(de)站點存放點了），并且在裏面建幾個子(zǐ)文件夾（就好似你網站的(de)子(zǐ)目錄）。

② 建立虛拟目錄

回到newgn的(de)根目錄，右鍵選擇“共享和(hé)安全”（其實是快速地(dì)建立虛拟目錄）

③ 設置IIS的(de)虛拟目錄

出現屬性對話框後，選擇“Web共享”标簽，點選“共享文件夾”，出現共享别名對話框，選擇默然設置，确定即可(kě)

⒍利用Dreamweaver創建站點

選擇“編輯站點”，在彈出的(de)屬性框中選“高(gāo)級”标簽，從“分類”中先選“本地(dì)信息”，右窗口中設置站點名稱，本地(dì)根文件夾，然後設置遠程信息，訪問選擇“本地(dì)/網絡”，遠端文件夾仍選擇站點文件夾d: ewgn，再接着“測試服務器”，“服務器模型”暫為(wèi)ASP vbscript，“訪問”本地(dì)/網絡，“測試服務器文件夾”仍是站點文件夾d: ewgn，“URL前綴”在後面添加“newgn/”，添加的(de)東西就是設置的(de)虛拟目錄，這時，站點定義基本結束，點擊确定。出現“編輯站點”對話框，“完成”即可(kě)。

⒎利用FIREWORKS處理(lǐ)圖片

利用FIREWORKS處理(lǐ)一(yī)些圖片和(hé)制作一(yī)些GIF動畫圖片

經驗總結：

利用Dreamweaver做(zuò)ASP動态網站主要為(wèi)以下幾步：

①網站服務器配置

②數據庫設置

③數據庫顯示

④建立注冊系統

⑤建立登陸系統

⑥美化網站

2. 實習心得

{要求500字以上}

l 過程、功能需求、菜單設計、界面設計、數據庫設計、知識的(de)應用技巧、團隊合作感受等(指導教師可(kě)按實習內(nèi)容進行(xíng)要求并自(zì)行(xíng)增加內(nèi)容)

本次小學(xué)期期實訓，我(wǒ)們(men)小組主要制作了2個動态網站,而制作這2個動态網站的(de)主要過程是：

⒈個人博客網站

①站點的(de)定義

②數據庫的(de)連接

③制作站點搜索引擎及搜索結果頁面

④制作日志列表

⑤制作BLOG首頁面，基本頁面設計

⑥定義并綁定記錄集

⑦界面的(de)美化

⑧設置重複區域

⑨指定日期的(de)日志內(nèi)容頁面

⑩日志具體內(nèi)容頁面-日志內(nèi)容和(hé)回複及日志回複功能

⒉電子(zǐ)商(shāng)務網站

①站點的(de)建立和(hé)連接字符串

②用戶登陸及用戶登陸信息顯示頁面

③錯誤信息頁面設計

④創建模闆

⑤添加登陸頁面的(de)嵌入框架

⑥用戶注冊頁面的(de)實現

⑦添加“密碼”比較驗證的(de)代碼

⑧制作最新産品導航條與滾動産品導航條

⑨産品展示的(de)實現

⑩用戶購物車：限制用戶登陸、添加購物車程序、購物車鏈接、删除購物車

而這2個網站實現的(de)功能大不相同，前者為(wèi)一(yī)個博客網站，主要實現了站點搜索引擎、日志列表、站點日期等內(nèi)容；後者為(wèi)一(yī)個電子(zǐ)商(shāng)務網站，主要實現了用戶登陸、用戶注冊、密碼驗證、産品展示以及用戶在線購物等內(nèi)容；剛确定制作網站的(de)時候，本設想将2個網站整合在一(yī)起，但由于技術和(hé)其他原因，這個目的(de)沒能實現。

制作動态網站，數據庫最重要，在我(wǒ)們(men)小組這次制作網站的(de)過程中，花時間最多的(de)地(dì)方就是數據庫-數據庫的(de)建立、數據庫與網站的(de)連接、記錄集的(de)綁定、數據庫安全等等，由于時間的(de)關系，我(wǒ)們(men)小組這次采用的(de)是Acess數據庫，它與其他數據庫相比較相對來說操作比較簡單。在數據庫的(de)制作中，這次我(wǒ)們(men)小組遇到的(de)難題主要是采用OLEDB連接數據庫的(de)方法，這個難題的(de)關鍵之處是在于如(rú)何利用 Provider 參數來創建 OLEDB 連接，我(wǒ)們(men)在網上搜索了大量資料并在XX老師的(de)幫助下終于學(xué)會了如(rú)何使用OLEDB連接數據庫。

總結這次小學(xué)期實訓，這次2個網站能這麽順利的(de)完成，離(lí)不開老師的(de)幫助和(hé)小組成員的(de)努力，雖然這次小學(xué)期實訓我(wǒ)們(men)小組隻有(yǒu)2人，但是我(wǒ)們(men)是一(yī)個有(yǒu)效率、有(yǒu)組織、有(yǒu)團隊精神的(de)小組，有(yǒu)效率在于小組制作網站中分工明确、讨論有(yǒu)目的(de)；有(yǒu)組織在于小組成員能按時、有(yǒu)質量的(de)完成自(zì)己的(de)分工任務，值得一(yī)提的(de)是這次小學(xué)期網站開發的(de)大部分時間在小學(xué)期實訓教室而我(wǒ)們(men)小組成員還從未擅自(zì)曠課、上課遲到、早退等違紀行(xíng)為(wèi)；有(yǒu)團隊精神在于我(wǒ)們(men)小組實訓過程中的(de)共進退，從不因為(wèi)自(zì)己分工任務提前完成而拉下其他組員，我(wǒ)們(men)意識到小組是一(yī)個有(yǒu)組織、有(yǒu)記錄、有(yǒu)共同目的(de)的(de)集體而不是一(yī)個由分散的(de)個人組成的(de)團體，在這次小學(xué)期實訓中之所以提出小組分工這是鍛煉小組組員的(de)個人能力培養，而幫助有(yǒu)困難的(de)組員這充分培養了組員之間的(de)默契和(hé)團隊協作能力。

這次是畢業前最後的(de)一(yī)次小學(xué)期實訓，也是自(zì)己做(zuò)投入、最用心的(de)一(yī)次實訓，與以前的(de)小學(xué)期相比，以前的(de)小學(xué)期都是以掌握某種實訓技能為(wèi)主，而這次小學(xué)期則不僅掌握了動态網站的(de)制作技術而且還制作出了自(zì)己的(de)成果，自(zì)己非常高(gāo)興。經過這次小學(xué)期，我(wǒ)領悟到任何東西都要“學(xué)以至用”，學(xué)習了還不行(xíng)還要看自(zì)己掌握了沒，掌握了還不行(xíng)還要看自(zì)己熟練了沒，熟練了還不行(xíng)還要做(zuò)出一(yī)定成果。即将畢業，能接受這麽一(yī)次有(yǒu)意義的(de)小學(xué)期實訓感覺很充實。

網址:

要一(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="d4ef14e4d4b96e54 css"1、真的(de)很喜歡那些記錄多于表達的(de)人。

br /

…………

183、希望每一(yī)個新的(de)一(yī)天，醒來的(de)那個你都神清氣爽。/span

/div

/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ò)。

網站建設實訓報告樣闆（網站建設實訓報告樣闆圖）

緊急求一(yī)份網頁制作的(de)實訓報告，希望大家幫忙呀

畢業設計的(de)項目計劃書

1、網頁設計要實現的(de)目的(de)、目标

2、網頁設計的(de)形象說明

3、網站的(de)欄目、版塊的(de)結構

4、網站內(nèi)容的(de)安排、相互鏈接的(de)關系

5、實現軟件、硬件和(hé)技術分析說明

6、小組人員分工與開發時間的(de)進度表

網站需要實現的(de)目的(de)和(hé)目标

• 網上購物：在線銷售圖書

• 會員服務：注冊、訂單、交款、購物車、

• 售後服務：留言版

網站形象說明

• 網站的(de)名稱叫**

• 整體形象設計包括标準字、Logo、标準色彩、廣告語等。

• 首頁作為(wèi)網站的(de)形象頁，作為(wèi)網站的(de)歡迎頁面，引入的(de)元素大緻有(yǒu)網站名稱、LOGO、形像圖片、宣傳文字、欄目導航等要素，是彰顯網站整體風格的(de)重要頁面，一(yī)般通過FLASH動畫來展示。

• ****網站形象頁的(de)設計突出在線購物的(de)主題，通過文字、形像、圖片的(de)巧妙哄托，令頁面富有(yǒu)層次感，達到賞心悅目的(de)效果。

• 網頁富有(yǒu)動感，通過FLASH動畫來展示，頁面的(de)色彩好與首頁和(hé)欄目頁統一(yī)，取*色

• 頁面的(de)大小，隻要在800X600下和(hé)1024X68分辯率下均能正常顯示即可(kě)。

• 背景圖片的(de)下方，設置欄目導航，欄目導航用漂亮(liàng)的(de)符号隔開，“網站首頁”、“圖書分類”、“店長(cháng)推薦”、“暢銷排行(xíng)榜”、“友情鏈接”、“購物車”、“遊客留言”、“網站簡介”等8項。

• 顔色調配設計，網頁的(de)色彩是樹立網站形象的(de)關鍵之一(yī)，由廖海清進行(xíng)整個網站的(de)美工工作，各版塊采用與網站首頁同一(yī)色系的(de)顔色，整個版塊內(nèi)部也盡量保持風格一(yī)緻

• 考慮到網站是圖書網站，顔色既要體現出文藝色彩，又不能過于死版。所以采用淡雅型的(de)配色方案，避免有(yǒu)大面積色塊出現。

• 網站調試，采用邊制作邊調試，即采用本機(jī)調試與和(hé)上傳服務器調試的(de)方法，因為(wèi)網站在單機(jī)和(hé)服務器上運行(xíng)有(yǒu)很大的(de)區别，所以很有(yǒu)可(kě)能在上傳服務器之後，出現在單機(jī)上不能浏覽的(de)一(yī)系列問題。觀察速度、兼容性、交互性等，發現問題及時解決并記錄下來。

網站的(de)欄目闆塊和(hé)結構

• 主頁

• 排行(xíng)榜

• 會員注冊

• 暢銷書與店長(cháng)推薦

• 圖書分類

• 留言版

• 友情鏈接

網站內(nèi)容的(de)安排相互鏈接關系

• 主頁部分

• 作為(wèi)網站的(de)形象頁，我(wǒ)們(men)的(de)主頁風格獨特，字體采用華康少女文字，符合網站的(de)風格。

• 主頁分别設有(yǒu)導航條、圖書分類、銷售排行(xíng)榜、店長(cháng)推薦、留言版以及友情鏈接