今天給各位分享網(wǎng)站建設(shè)實(shí)訓(xùn)報(bào)告樣板的知識(shí)，其中也會(huì)對(duì)網(wǎng)站建設(shè)實(shí)訓(xùn)總結(jié)進(jìn)行解釋，如果能碰巧解決你現(xiàn)在面臨的問題，別忘了關(guān)注本站，現(xiàn)在開始吧！

本文目錄一覽：

• 1、用ASP制作網(wǎng)頁(yè)的實(shí)訓(xùn)報(bào)告總結(jié)
• 2、《網(wǎng)頁(yè)設(shè)計(jì)》實(shí)驗(yàn)報(bào)告
• 3、要一份網(wǎng)頁(yè)實(shí)訓(xùn)報(bào)告
• 4、網(wǎng)頁(yè)設(shè)計(jì)或網(wǎng)站建設(shè)的實(shí)踐報(bào)告
• 5、網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)心得三篇
• 6、網(wǎng)站設(shè)計(jì)實(shí)訓(xùn)總結(jié)

用ASP制作網(wǎng)頁(yè)的實(shí)訓(xùn)報(bào)告總結(jié)

1. 實(shí)習(xí)內(nèi)容及知識(shí)應(yīng)用

1.1實(shí)訓(xùn)內(nèi)容以及進(jìn)程安排

實(shí)訓(xùn)內(nèi)容：動(dòng)態(tài)網(wǎng)站制作的學(xué)習(xí)及動(dòng)態(tài)網(wǎng)站的制作

這次在3名指導(dǎo)老師的帶領(lǐng)下，我們主要學(xué)習(xí)了用2種現(xiàn)在比較流行的動(dòng)態(tài)網(wǎng)站開發(fā)平臺(tái)來開發(fā)網(wǎng)站：JSP平臺(tái)與ASP.NET平臺(tái)；JSP平臺(tái)方面主要通過XX老師示范制作myblog個(gè)人博客網(wǎng)站而學(xué)習(xí)JSP平臺(tái)的搭建、數(shù)據(jù)庫(kù)的連接、網(wǎng)站測(cè)試等內(nèi)容；而ASP.NET平臺(tái)主要通過XX老師和XX2位老師的指導(dǎo)，學(xué)習(xí)并搭建了ASP.NET平臺(tái)，掌握了網(wǎng)頁(yè)三劍客制作動(dòng)態(tài)網(wǎng)站的基本常識(shí)與方法，以及數(shù)據(jù)庫(kù)的連接、網(wǎng)站測(cè)試及Photoshop處理圖片等內(nèi)容

：

進(jìn)程安排

日期

日程安排

08年7月28日 確定小組組員，小組成員為：XX（組長(zhǎng)），XX（組員）

08年7月29日 確定小組動(dòng)態(tài)網(wǎng)頁(yè)開發(fā)平臺(tái)為ASP.NET

08年7月30日 確定網(wǎng)站要實(shí)現(xiàn)的功能①

08年7月31日-8月5日 制作BBS網(wǎng)站

08年8月6日 測(cè)試BBS網(wǎng)站

08年8月7日-08年8月15日 制作電子商務(wù)網(wǎng)站

08年8月16日-8月17日 測(cè)試電子商務(wù)網(wǎng)站

08年8月18日-8月20日 提交網(wǎng)站給指導(dǎo)老師，聽取指導(dǎo)老師意見，完善網(wǎng)站

08年8月21日-8月22日 網(wǎng)站制作與小學(xué)期總結(jié)，寫小學(xué)期文檔

08年8月23日 提交小學(xué)期文檔，小學(xué)期實(shí)訓(xùn)結(jié)束

說明：①經(jīng)過討論，我們組決定建設(shè)2個(gè)網(wǎng)站來實(shí)現(xiàn)以下功能

網(wǎng)站1-BBS網(wǎng)站：在這個(gè)網(wǎng)站中，我們主要實(shí)現(xiàn)了站點(diǎn)日歷與站點(diǎn)搜索引擎2大功能。

網(wǎng)站2-電子商務(wù)網(wǎng)站：在這個(gè)網(wǎng)站中，我們主要實(shí)現(xiàn)了用戶注冊(cè)與登陸、購(gòu)物車的實(shí)現(xiàn)、訂單的顯示等頁(yè)面。

1.2知識(shí)（點(diǎn)）應(yīng)用以及經(jīng)驗(yàn)總結(jié)

這次制作2個(gè)網(wǎng)站主要應(yīng)用的知識(shí)有以下：

⒈ 數(shù)據(jù)庫(kù)的創(chuàng)建

① Access數(shù)據(jù)庫(kù)的創(chuàng)建

Acess提供2種數(shù)據(jù)庫(kù)創(chuàng)建方式：一種是創(chuàng)建一個(gè)空數(shù)據(jù)庫(kù)，然后編輯數(shù)據(jù)表的內(nèi)容；另一種使用數(shù)據(jù)庫(kù)自帶的模板創(chuàng)建；在動(dòng)態(tài)網(wǎng)頁(yè)面中，一般應(yīng)用第一種方式

② Access數(shù)據(jù)庫(kù)的打開方式

包括打開、只讀方式打開、獨(dú)占方式打開、只讀獨(dú)占方式打開

③ 利用設(shè)計(jì)器設(shè)計(jì)Access數(shù)據(jù)庫(kù)

利用Access數(shù)據(jù)庫(kù)里的設(shè)計(jì)器設(shè)計(jì)Access數(shù)據(jù)庫(kù)

④ 使用向?qū)гO(shè)計(jì)Access數(shù)據(jù)庫(kù)

通過Access的向?qū)В?jīng)過一系列對(duì)話來設(shè)置Access數(shù)據(jù)庫(kù)

⑤ 通過輸入數(shù)據(jù)連接Access數(shù)據(jù)庫(kù)。

先輸入數(shù)據(jù)再確定字段

⒉ 數(shù)據(jù)庫(kù)的連接

① ODBC連接數(shù)據(jù)庫(kù)

打開ODBC數(shù)據(jù)源管理器面板。 在windows XP中打開控制面板，再打開管理工具，找到數(shù)據(jù)源（ODBC），雙擊圖標(biāo)打開管理器，選擇系統(tǒng)DSN。添加數(shù)據(jù)源，點(diǎn)擊添加按鈕，開始創(chuàng)建數(shù)據(jù)源，在接下來的對(duì)話框中選擇數(shù)據(jù)源的驅(qū)動(dòng)程序，因我們使用的是Microsoft Access創(chuàng)建的數(shù)據(jù)庫(kù)，所以選擇Microsoft Access Driver(*.mdb)作為數(shù)據(jù)庫(kù)驅(qū)動(dòng)程序。點(diǎn)擊完成按鈕，填寫數(shù)據(jù)源名，以簡(jiǎn)單易記為原則，這里我們以u(píng)serinfo（表名）來命名，注意不要沖突。說明填不填都無(wú)所謂，是描述這個(gè)數(shù)據(jù)庫(kù)的用途而已。點(diǎn)擊選擇按鈕，選擇你的數(shù)據(jù)庫(kù)文件。找到自己想添加的數(shù)據(jù)庫(kù)，選中即可。

② OLEDB連接數(shù)據(jù)庫(kù)

在Dreamweaver 中,可以通過在連接字符串中包含 Provider 參數(shù)來創(chuàng)建 OLE DB 連接。打開Dreameaver，在站點(diǎn)里面先新建個(gè)ASP頁(yè)面（index.asp）。 在“應(yīng)用程序”面板中選中“數(shù)據(jù)庫(kù)”標(biāo)簽。只要我們?cè)谇懊娼⒘苏军c(diǎn)，選擇了文檔類型（即我們選的ASP Javascript的），并且還測(cè)試了服務(wù)器（）；則當(dāng)前我們看到就剩下第四步?jīng)]有打勾了。 那現(xiàn)在就點(diǎn)擊“+”號(hào)，選擇“自定義連接字符串”。在彈出來的“自定義連接字符串”對(duì)話框中，"連接名稱"隨便寫一個(gè)。“連接字符串”就要好好填寫了。當(dāng)"使用此計(jì)算機(jī)上的驅(qū)動(dòng)程序"時(shí)應(yīng)用絕對(duì)路徑：DRIVER={Microsoft Access Driver (*.mdb)};DBQ=d: ewgndatabasecnbruce.mdb 否則“使用測(cè)試服務(wù)器上的驅(qū)動(dòng)程序”采用Mappath轉(zhuǎn)換路徑"Driver={Microsoft Access Driver (*.mdb)};DBQ=" server.mappath("/newgn/database/cnbruce.mdb"),點(diǎn)擊“測(cè)試”，出現(xiàn)成功對(duì)話框，成功連接數(shù)據(jù)庫(kù)后，在DW里其實(shí)是自動(dòng)生成了一個(gè)連接文件。位置在自動(dòng)生成的Connections文件夾中，名稱是你剛才在“自定義連接字符串”隨便敲的為命名asp文件。還可以注意到DW數(shù)據(jù)庫(kù)標(biāo)簽內(nèi)看到mdb文件內(nèi)的各個(gè)字段。

⒊ 動(dòng)態(tài)網(wǎng)頁(yè)開發(fā)技術(shù)

① 記錄集的定義

分為簡(jiǎn)單記錄集定義與高級(jí)記錄集定義，簡(jiǎn)單記錄集的定義使用戶不必用SQL語(yǔ)句查詢而快速定義記錄集。高級(jí)記錄集定義則通過SQL語(yǔ)來定義記錄集。

② 記錄集的綁定

記錄集(查詢)的綁定。在網(wǎng)頁(yè)中插入一個(gè)表單，并輸入需要插入到數(shù)據(jù)庫(kù)的相關(guān)內(nèi)容，然后通過記錄集（查詢）功能來實(shí)現(xiàn)表單和數(shù)據(jù)庫(kù)的相互協(xié)調(diào)使用，并實(shí)現(xiàn)“動(dòng)態(tài)”功能

③ 重復(fù)區(qū)域服務(wù)器行為

服務(wù)器行為其實(shí)一段VB代碼，為了方便用戶對(duì)記錄集的操作，DW中將常用代碼進(jìn)行封裝，命名為服務(wù)器行為。而重復(fù)區(qū)域服務(wù)器行為相當(dāng)于一個(gè)FOR循環(huán)函數(shù)

④ 設(shè)置記錄集導(dǎo)航條

添加記錄集導(dǎo)航條以分頁(yè)的方式用來顯示重復(fù)區(qū)域服務(wù)器行為顯示有限的記錄

⒋XML動(dòng)態(tài)網(wǎng)頁(yè)制作

① XSLT

XSLT 是一種用于將 XML 文檔轉(zhuǎn)換為 XHTML 文檔或其他 XML 文檔的語(yǔ)言，XSLT 用于將一種 XML 文檔轉(zhuǎn)換為另外一種 XML 文檔，或者可被瀏覽器識(shí)別的其他類型的文檔，比如 HTML 和 XHTML。通常，XSLT 是通過把每個(gè) XML 元素轉(zhuǎn)換為 (X)HTML 元素來完成這項(xiàng)工作的。

⒌服務(wù)器的配置

① 站點(diǎn)存放點(diǎn)的創(chuàng)建

打開電腦，在D盤下建立一文件夾newgn（這個(gè)夾子就是你的站點(diǎn)存放點(diǎn)了），并且在里面建幾個(gè)子文件夾（就好似你網(wǎng)站的子目錄）。

② 建立虛擬目錄

回到newgn的根目錄，右鍵選擇“共享和安全”（其實(shí)是快速地建立虛擬目錄）

③ 設(shè)置IIS的虛擬目錄

出現(xiàn)屬性對(duì)話框后，選擇“Web共享”標(biāo)簽，點(diǎn)選“共享文件夾”，出現(xiàn)共享別名對(duì)話框，選擇默然設(shè)置，確定即可

⒍利用Dreamweaver創(chuàng)建站點(diǎn)

選擇“編輯站點(diǎn)”，在彈出的屬性框中選“高級(jí)”標(biāo)簽，從“分類”中先選“本地信息”，右窗口中設(shè)置站點(diǎn)名稱，本地根文件夾，然后設(shè)置遠(yuǎn)程信息，訪問選擇“本地/網(wǎng)絡(luò)”，遠(yuǎn)端文件夾仍選擇站點(diǎn)文件夾d: ewgn，再接著“測(cè)試服務(wù)器”，“服務(wù)器模型”暫為ASP vbscript，“訪問”本地/網(wǎng)絡(luò)，“測(cè)試服務(wù)器文件夾”仍是站點(diǎn)文件夾d: ewgn，“URL前綴”在后面添加“newgn/”，添加的東西就是設(shè)置的虛擬目錄，這時(shí)，站點(diǎn)定義基本結(jié)束，點(diǎn)擊確定。出現(xiàn)“編輯站點(diǎn)”對(duì)話框，“完成”即可。

⒎利用FIREWORKS處理圖片

利用FIREWORKS處理一些圖片和制作一些GIF動(dòng)畫圖片

經(jīng)驗(yàn)總結(jié)：

利用Dreamweaver做ASP動(dòng)態(tài)網(wǎng)站主要為以下幾步：

①網(wǎng)站服務(wù)器配置

②數(shù)據(jù)庫(kù)設(shè)置

③數(shù)據(jù)庫(kù)顯示

④建立注冊(cè)系統(tǒng)

⑤建立登陸系統(tǒng)

⑥美化網(wǎng)站

2. 實(shí)習(xí)心得

{要求500字以上}

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

本次小學(xué)期期實(shí)訓(xùn)，我們小組主要制作了2個(gè)動(dòng)態(tài)網(wǎng)站,而制作這2個(gè)動(dòng)態(tài)網(wǎng)站的主要過程是：

⒈個(gè)人博客網(wǎng)站

①站點(diǎn)的定義

②數(shù)據(jù)庫(kù)的連接

③制作站點(diǎn)搜索引擎及搜索結(jié)果頁(yè)面

④制作日志列表

⑤制作BLOG首頁(yè)面，基本頁(yè)面設(shè)計(jì)

⑥定義并綁定記錄集

⑦界面的美化

⑧設(shè)置重復(fù)區(qū)域

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

⑩日志具體內(nèi)容頁(yè)面-日志內(nèi)容和回復(fù)及日志回復(fù)功能

⒉電子商務(wù)網(wǎng)站

①站點(diǎn)的建立和連接字符串

②用戶登陸及用戶登陸信息顯示頁(yè)面

③錯(cuò)誤信息頁(yè)面設(shè)計(jì)

④創(chuàng)建模板

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

⑥用戶注冊(cè)頁(yè)面的實(shí)現(xiàn)

⑦添加“密碼”比較驗(yàn)證的代碼

⑧制作最新產(chǎn)品導(dǎo)航條與滾動(dòng)產(chǎn)品導(dǎo)航條

⑨產(chǎn)品展示的實(shí)現(xiàn)

⑩用戶購(gòu)物車：限制用戶登陸、添加購(gòu)物車程序、購(gòu)物車鏈接、刪除購(gòu)物車

而這2個(gè)網(wǎng)站實(shí)現(xiàn)的功能大不相同，前者為一個(gè)博客網(wǎng)站，主要實(shí)現(xiàn)了站點(diǎn)搜索引擎、日志列表、站點(diǎn)日期等內(nèi)容；后者為一個(gè)電子商務(wù)網(wǎng)站，主要實(shí)現(xiàn)了用戶登陸、用戶注冊(cè)、密碼驗(yàn)證、產(chǎn)品展示以及用戶在線購(gòu)物等內(nèi)容；剛確定制作網(wǎng)站的時(shí)候，本設(shè)想將2個(gè)網(wǎng)站整合在一起，但由于技術(shù)和其他原因，這個(gè)目的沒能實(shí)現(xiàn)。

制作動(dòng)態(tài)網(wǎng)站，數(shù)據(jù)庫(kù)最重要，在我們小組這次制作網(wǎng)站的過程中，花時(shí)間最多的地方就是數(shù)據(jù)庫(kù)-數(shù)據(jù)庫(kù)的建立、數(shù)據(jù)庫(kù)與網(wǎng)站的連接、記錄集的綁定、數(shù)據(jù)庫(kù)安全等等，由于時(shí)間的關(guān)系，我們小組這次采用的是Acess數(shù)據(jù)庫(kù)，它與其他數(shù)據(jù)庫(kù)相比較相對(duì)來說操作比較簡(jiǎn)單。在數(shù)據(jù)庫(kù)的制作中，這次我們小組遇到的難題主要是采用OLEDB連接數(shù)據(jù)庫(kù)的方法，這個(gè)難題的關(guān)鍵之處是在于如何利用 Provider 參數(shù)來創(chuàng)建 OLEDB 連接，我們?cè)诰W(wǎng)上搜索了大量資料并在XX老師的幫助下終于學(xué)會(huì)了如何使用OLEDB連接數(shù)據(jù)庫(kù)。

總結(jié)這次小學(xué)期實(shí)訓(xùn)，這次2個(gè)網(wǎng)站能這么順利的完成，離不開老師的幫助和小組成員的努力，雖然這次小學(xué)期實(shí)訓(xùn)我們小組只有2人，但是我們是一個(gè)有效率、有組織、有團(tuán)隊(duì)精神的小組，有效率在于小組制作網(wǎng)站中分工明確、討論有目的；有組織在于小組成員能按時(shí)、有質(zhì)量的完成自己的分工任務(wù)，值得一提的是這次小學(xué)期網(wǎng)站開發(fā)的大部分時(shí)間在小學(xué)期實(shí)訓(xùn)教室而我們小組成員還從未擅自曠課、上課遲到、早退等違紀(jì)行為；有團(tuán)隊(duì)精神在于我們小組實(shí)訓(xùn)過程中的共進(jìn)退，從不因?yàn)樽约悍止と蝿?wù)提前完成而拉下其他組員，我們意識(shí)到小組是一個(gè)有組織、有記錄、有共同目的的集體而不是一個(gè)由分散的個(gè)人組成的團(tuán)體，在這次小學(xué)期實(shí)訓(xùn)中之所以提出小組分工這是鍛煉小組組員的個(gè)人能力培養(yǎng)，而幫助有困難的組員這充分培養(yǎng)了組員之間的默契和團(tuán)隊(duì)協(xié)作能力。

這次是畢業(yè)前最后的一次小學(xué)期實(shí)訓(xùn)，也是自己做投入、最用心的一次實(shí)訓(xùn)，與以前的小學(xué)期相比，以前的小學(xué)期都是以掌握某種實(shí)訓(xùn)技能為主，而這次小學(xué)期則不僅掌握了動(dòng)態(tài)網(wǎng)站的制作技術(shù)而且還制作出了自己的成果，自己非常高興。經(jīng)過這次小學(xué)期，我領(lǐng)悟到任何東西都要“學(xué)以至用”，學(xué)習(xí)了還不行還要看自己掌握了沒，掌握了還不行還要看自己熟練了沒，熟練了還不行還要做出一定成果。即將畢業(yè)，能接受這么一次有意義的小學(xué)期實(shí)訓(xùn)感覺很充實(shí)。

網(wǎng)址:

《網(wǎng)頁(yè)設(shè)計(jì)》實(shí)驗(yàn)報(bào)告

1、

設(shè)計(jì)由多個(gè)網(wǎng)頁(yè)組成的小型網(wǎng)站，自選主題，要求積極、健康，不得從網(wǎng)絡(luò)上下載；

2、

構(gòu)建本地站點(diǎn)，創(chuàng)建站點(diǎn)目錄；

3、

站點(diǎn)目錄中各種文件分類存放，文件命名

科學(xué)

，網(wǎng)站不少于10個(gè)頁(yè)面；

4、

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

5、

網(wǎng)頁(yè)版面采用表格布局；

6、

網(wǎng)頁(yè)中引入CSS

樣式表

技術(shù)。

7、

超級(jí)鏈接的都可正確點(diǎn)通；

8、

網(wǎng)頁(yè)中需添加如

動(dòng)畫

、

音頻

、視頻等多媒體元素；

9、

欄目設(shè)計(jì)合理，頁(yè)面

文字

充實(shí)，圖文并茂。

10、

使用動(dòng)態(tài)頁(yè)面效果，如

時(shí)間軸動(dòng)畫

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

11、

可根據(jù)個(gè)人能力和興趣使用數(shù)據(jù)庫(kù)，ASP，JSP，PHP等網(wǎng)頁(yè)技術(shù)。

實(shí)驗(yàn)報(bào)告

應(yīng)包涵以下幾個(gè)部分：

1、實(shí)驗(yàn)說明：說明網(wǎng)戰(zhàn)在設(shè)計(jì)所應(yīng)用的技術(shù)，站點(diǎn)下各目錄、各文件；素材的收集途徑等；

2、實(shí)驗(yàn)步驟：詳細(xì)闡述網(wǎng)頁(yè)設(shè)計(jì)整體

流程

和其中各個(gè)環(huán)節(jié)的操作步驟；

3、實(shí)驗(yàn)心得。

要一份網(wǎng)頁(yè)實(shí)訓(xùn)報(bào)告

一、實(shí)習(xí)目的：

通過教學(xué)實(shí)習(xí)掌握站點(diǎn)制作、站點(diǎn)測(cè)試與發(fā)布技術(shù)。會(huì)綜合利用Fireworks

、Flash和Dreamweaver三個(gè)軟件進(jìn)行靜態(tài)網(wǎng)站的設(shè)計(jì)。

二、實(shí)習(xí)內(nèi)容：

1.用Fireworks處理圖片。對(duì)圖片裁剪、鈍化、高斯模糊。設(shè)置圖片的GIF動(dòng)畫格式，制作標(biāo)題動(dòng)畫。對(duì)文字應(yīng)用效果。利用Fireworks制作導(dǎo)航條并導(dǎo)出格式為html。

2.用Flash制作標(biāo)題動(dòng)畫。首頁(yè)中的動(dòng)畫不超過20M。制作按鈕來超級(jí)鏈接到其他頁(yè)面。

3.使用Dreamweaver布局視圖，設(shè)置本地站點(diǎn)。在標(biāo)準(zhǔn)視圖和布局視圖模式相互轉(zhuǎn)換。建議使用布局視圖，在標(biāo)準(zhǔn)模式中插入層對(duì)象制作層動(dòng)畫，利用行為面板添加鼠標(biāo)行為，制作翻轉(zhuǎn)動(dòng)畫，使用CSS樣式統(tǒng)一網(wǎng)頁(yè)中文字樣式，插入Fireworks中的GIF

文件及導(dǎo)入Flash中的SWF文檔，設(shè)置文檔間的超級(jí)鏈接。

三、具體要求：

1、利用Dreamweaver制作一個(gè)靜態(tài)網(wǎng)站，要求網(wǎng)站有特色，整個(gè)網(wǎng)站的內(nèi)容和形式要統(tǒng)一，應(yīng)能夠反映一個(gè)簡(jiǎn)單的主題?？梢赃x擇制作《個(gè)人網(wǎng)站設(shè)計(jì)》、《企業(yè)網(wǎng)站設(shè)計(jì)》、《文化網(wǎng)站的設(shè)計(jì)》、《娛樂網(wǎng)站設(shè)計(jì)》或者其他自己認(rèn)為適合的網(wǎng)站。

2、 作一個(gè)主頁(yè)面，至少5個(gè)次頁(yè)面。

3、必須用到框架、表格或?qū)优虐婕夹g(shù)、Flash技術(shù)和圖像處理技術(shù)，使網(wǎng)站具有合理的外觀和功能。

4、 主頁(yè)基本要求：

　頁(yè)頭Logo，準(zhǔn)確無(wú)誤地標(biāo)識(shí)站點(diǎn)和企業(yè)標(biāo)志；

　網(wǎng)頁(yè)標(biāo)題動(dòng)畫，可以制作成GIF動(dòng)畫或者Flash動(dòng)畫；

　導(dǎo)航條；

　E-mail地址，用來接受用戶垂詢；

　聯(lián)系信息，如普通郵件地址或電話；

　版權(quán)信息。

5、制作一個(gè)表單頁(yè)面。

6、某個(gè)頁(yè)面有滾動(dòng)字幕。

7、為一個(gè)頁(yè)面添加背景音樂。

8、至少添加一種行為效果。

9、整個(gè)網(wǎng)站各頁(yè)面之間保持風(fēng)格一致，頁(yè)面之間要有合理的超級(jí)鏈接。

10、進(jìn)行站點(diǎn)測(cè)試后申請(qǐng)免費(fèi)空間并發(fā)布到網(wǎng)絡(luò)。

四、網(wǎng)站設(shè)計(jì)思路：

本站應(yīng)該算是一個(gè)個(gè)人主頁(yè)的小型網(wǎng)站。關(guān)于本站站名的來源：微言微語(yǔ)個(gè)人主頁(yè)，因?yàn)?，我覺得這個(gè)網(wǎng)站里面的所有文字都是像一個(gè)人在自言自語(yǔ)，在低聲地向某人訴說著什么，沒有主題，沒有目的。取這個(gè)站名，是做了網(wǎng)站的大概構(gòu)思后才取的，覺得，這個(gè)名字與網(wǎng)站的圖片、背景音樂還有文字都很相符。

個(gè)人主頁(yè)，一般都會(huì)包括首頁(yè)，相冊(cè)，鏈接，一些個(gè)人喜歡的文字加圖片，我的個(gè)人主頁(yè)也不例外，包括次首頁(yè)（個(gè)人喜歡的的文章加圖片），我的作品（里面包括自己做的三個(gè)FLASH動(dòng)畫），文章（一些自己喜歡的文章），相冊(cè)（Firworks處理過的相冊(cè)），關(guān)于（關(guān)于自己的文字，關(guān)于本站的一些說明），鏈接（世界著名網(wǎng)站的有關(guān)鏈接），反饋表（瀏覽者信息反饋表）。

五、網(wǎng)站設(shè)計(jì)過程：

把所有的素材都整理好（圖片，文章，相片），開始布局。此站大多數(shù)用的是“三”字型的，三字型是我給它取的名字，因?yàn)?，最開頭是一張帶有導(dǎo)航條的圖片，用Firworks處理過的HTML文件，中間一大片用于放正文，下面就是版權(quán)信息，E-mail地址用來接受用戶垂詢；聯(lián)系信息，如普通郵件地址或電話，像被分開的三個(gè)部分，所以我叫它三字型。這種布局方式看起來比較的整齊，簡(jiǎn)潔美觀。

首頁(yè)本想做一個(gè)動(dòng)態(tài)網(wǎng)頁(yè)，由于時(shí)間有限所以還沒完全成功。只好用了一張與次頁(yè)面一樣的背景圖片做背景，加上從下向上的滾動(dòng)字幕，背景圖片是用Firworks處理過的圖片，大片的灰色墻壁加上顏色艷麗的鈕扣圖案，首頁(yè)加了狀態(tài)欄逐字出現(xiàn)的效果，加了“加入收藏”、“設(shè)為首頁(yè)”等代碼。

次頁(yè)面包括如下些內(nèi)容：首頁(yè)、作品、文章、相冊(cè)、關(guān)于、鏈接以及反饋表。這些頁(yè)面是用模板做的，上面的圖片，導(dǎo)航條以及下面的版權(quán)聯(lián)系方式是不用改變的，都保持著首頁(yè)的風(fēng)格，背景圖一樣，字體與樣式一樣，圖片風(fēng)格一樣。中間是兩個(gè)可編輯區(qū)域。

在所有的頁(yè)面導(dǎo)航條下面，插入層對(duì)象制作了一個(gè)層動(dòng)畫，來回移動(dòng)的層，里面存放日期，利用行為面板為此層添加了鼠標(biāo)行為，單擊此層，會(huì)出現(xiàn)對(duì)話框，“歡迎您訪問我的個(gè)人主頁(yè)！”，做布局大多使用表格布局，使用了少量的css樣式，字體，字號(hào)，顏色都統(tǒng)一套用相應(yīng)的樣式。

首頁(yè)中添加背景音樂，小說音樂《我在那一角落患過傷風(fēng)》，一邊看慢慢上移的文字，一邊聽這輕柔的音樂，給人一種意境美。其實(shí)次頁(yè)面添加《蟲兒飛》，輕快而活潑。首頁(yè)禁止右鍵復(fù)制功能，右鍵單擊沒有反應(yīng)。

次首頁(yè)，就是進(jìn)入次頁(yè)面的第一個(gè)頁(yè)面。主題算是與青春有關(guān)的三種感情，三張圖片，用Firworks處理，加上相應(yīng)的文字。要用到兩個(gè)表格，分別放在兩個(gè)可編輯區(qū)域里面，一個(gè)1*2的表格，一個(gè)2*2的表格，第一個(gè)表格放一張有關(guān)于親情的圖片加一小段文字，第二個(gè)表格放一張有關(guān)于友情的圖片加一小段文字,還有一張有關(guān)于愛情的圖片加一小段文字。作品頁(yè)面是三個(gè)FLASH動(dòng)畫，第一個(gè)是左右鍵控制的圖片移動(dòng)按鈕，可以單擊來鏈接到主頁(yè)面（代碼見附錄），四個(gè)圖片經(jīng)過裁剪、高斯模糊。第二個(gè)是光芒四射（代碼見附錄），要用到ActionScript語(yǔ)言，長(zhǎng)短不一的線條加上透明度的改變組成光芒四射。第三個(gè)是鼠標(biāo)跟隨特效（代碼見附錄）。文章頁(yè)面，就是簡(jiǎn)單的文字頁(yè)面，沒有什么特別的。相冊(cè)頁(yè)面，上面是一個(gè)用Firworks處理后的一組圖片，鼠標(biāo)移到小圖片上，下面做出現(xiàn)相應(yīng)的大相片，中間有少量文字，底部是用FLASH做的一組循環(huán)滾動(dòng)圖片（代碼見附錄），圖片跟著鼠標(biāo)的移動(dòng)而左右移動(dòng)。關(guān)于頁(yè)面，也是簡(jiǎn)單的文字頁(yè)面，沒什么特別的，“個(gè)人簡(jiǎn)歷”文字鏈接到WORD文檔“個(gè)人簡(jiǎn)歷”(代碼：a

href="my.doc")，下面有個(gè)信息反饋的鏈接，鏈接到有關(guān)的“瀏覽者信息反饋表”，此信息反饋表用表單做的，用到單行文本域，多行文本域，單選框，復(fù)選框，按鍵，此表單可以用郵件方式反饋信息（mailto:redcarrot2001@163.com）。鏈接頁(yè)面，前面是我的個(gè)人主頁(yè)LOGO，一張用Firworks做的LOGO，并建立有關(guān)鏈接，中間是一些文字，下面是世界著名網(wǎng)頁(yè)的有關(guān)網(wǎng)址以及相應(yīng)鏈接。

附錄：源代碼

(1) 狀態(tài)欄逐字出現(xiàn)的效果代碼：

script language="JavaScript"

var msg = "歡迎來到☆※◎~~~微言微語(yǔ)~~~☆※◎個(gè)人主頁(yè)，請(qǐng)多提意見。謝謝! "

;

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) 首頁(yè)收藏代碼：

onClick="window.external.addFavorite('','微言微語(yǔ)個(gè)人主頁(yè)')"---收藏本站br

（3）設(shè)為首頁(yè)代碼：

onclick="var

strHref=window.location.href;this.style.behavior='url(#default#homepage)';this.setHomePage('');"---設(shè)為首頁(yè)/span/p

（4）滾動(dòng)字幕代碼：

marquee align=left direction=up

behavior=scroll height=400

width=550 hspcace=5 scrollmount=2 scrolldelay=200

vspce=5 loop=-1

pspan class="39601b32daa027e9 css"1、真的很喜歡那些記錄多于表達(dá)的人。

br /

…………

…………

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

/p

/div

/p

/marquee

（5）添加背景音樂代碼：

bgsound src="aa.mp3" loop=1

（6）禁止右鍵復(fù)制功能代碼：

script language="JavaScript"

!--

document.oncontextmenu=new

Function("event.returnValue=false;"); //禁止右鍵功能,單擊右鍵將無(wú)任何反應(yīng)

document.onselectstart=new

Function("event.returnValue=false;"); //禁止先擇,也就是無(wú)法復(fù)制//--

/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）鼠標(biāo)跟隨代碼：

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）循環(huán)滾動(dòng)圖片：

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）左右鍵控制的圖片移動(dòng)按鈕：

on(release)

{getURL("index.html","_blank");}

六、實(shí)訓(xùn)中遇到的難點(diǎn)及解決辦法：

在設(shè)計(jì)開始的時(shí)候，想的太多，不知道怎么開頭，定哪個(gè)主題，背景，色調(diào)，文字，布局都沒有頭緒，后來，開始做，而且覺得越做越有頭緒了，所以我覺得，還是不要想的太多，太復(fù)雜了，不要追求完美，不要做的網(wǎng)頁(yè)太多，搞到最后，別人都不知道，你這個(gè)網(wǎng)站的主題是什么了。

還有就是布局的時(shí)候總是不能做到很美觀，后來，我把頁(yè)面屬性改了左過距為10，上邊距為10，剛好把背景圖片里面的那些亮麗的鈕扣圖案顯示出來，改變了表格背景圖的灰暗，使網(wǎng)頁(yè)的整體看起來更美觀了。

在做CSS樣式表的時(shí)候，做字的顏色的時(shí)候，老是不知道用哪種顏色才搭配的起這個(gè)背景，后來，看到那個(gè)背景的鈕扣顏色與灰色配起來很好看就用吸管取了鈕扣的顏色了。

七、實(shí)訓(xùn)心得：

在我看來，設(shè)計(jì)網(wǎng)頁(yè)，應(yīng)該先策劃，策劃很重要，加上創(chuàng)意，配色很重要，技術(shù)與鑒賞能力是最主要的。建立站點(diǎn)的時(shí)候，各個(gè)文件夾取名的時(shí)候，最好用相應(yīng)的英語(yǔ)，見名知意，如圖片文件夾用image，網(wǎng)頁(yè)文件夾用html。

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

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

通過此次實(shí)訓(xùn)，使我對(duì)于網(wǎng)頁(yè)制作的三大軟件有了進(jìn)一步的了解，各功能都能夠?qū)崿F(xiàn)。提高了自己的鑒賞能力，綜合搭配能力，也對(duì)以前學(xué)過的內(nèi)容進(jìn)行了綜合的復(fù)習(xí)。

通過此次實(shí)訓(xùn)，我更了解到，生活中有許多色彩，搭配顏色的時(shí)候，聯(lián)想到生活中的東西會(huì)做的更漂亮，給人一種親切感，現(xiàn)在看到什么東西，我就會(huì)聯(lián)想到做網(wǎng)頁(yè)的時(shí)候，還有怎么布局。反正此次實(shí)訓(xùn)收獲很多。

最后，我想，如果此次實(shí)訓(xùn)老師是要我們分組來做的話，也許，我們可以做得更好，因?yàn)?，一個(gè)想的畢竟不全面，而且，一個(gè)人的申美有限，我們可以分工合作，一個(gè)人做一個(gè)方面的東西，也可以根據(jù)他所善長(zhǎng)的方面來分工，善長(zhǎng)動(dòng)畫制作的人做動(dòng)畫，善長(zhǎng)圖片處理的人做圖片，善長(zhǎng)文字與布局的就來布局。但是，也許那樣，有些同學(xué)會(huì)懶的動(dòng)手，推著給別人做。

網(wǎng)頁(yè)設(shè)計(jì)或網(wǎng)站建設(shè)的實(shí)踐報(bào)告

以是研究呀

沒有絕對(duì)的東西，有利就有弊，利用得好會(huì)讓你在短期內(nèi)快速戰(zhàn)領(lǐng)市場(chǎng)?，F(xiàn)在連收費(fèi)品，下水道，家政保潔等服務(wù)行業(yè)能過網(wǎng)絡(luò)營(yíng)銷接定單火著呢，關(guān)鍵看你如何利用網(wǎng)絡(luò)營(yíng)銷為你賺錢，拉業(yè)務(wù).少走些彎路就行

最重要的從以下幾點(diǎn)來做：

1、營(yíng)銷網(wǎng)站制作，網(wǎng)站就如同公司的前臺(tái)，如果前臺(tái)都沒有，別人到你公司去談業(yè)務(wù)，同樣的價(jià)格別人不一定會(huì)選擇你。網(wǎng)站一定要做成小型門戶型的，千萬(wàn)別用網(wǎng)絡(luò)公司送的幾時(shí)十個(gè)頁(yè)面的垃圾網(wǎng)站，

2、網(wǎng)站整體優(yōu)化，如今中小企業(yè)網(wǎng)站數(shù)量越來越多，而中小企業(yè)里懂網(wǎng)絡(luò)營(yíng)銷的人才不多，通常中小企業(yè)的網(wǎng)站都是由網(wǎng)絡(luò)服務(wù)商制作維護(hù)，可是網(wǎng)絡(luò)服務(wù)商只管做網(wǎng)站，不管網(wǎng)絡(luò)營(yíng)銷。這是其一。其二，網(wǎng)絡(luò)推廣費(fèi)用太高，一部分中小企業(yè)付擔(dān)不起，而網(wǎng)站優(yōu)化不必要支付按點(diǎn)擊付費(fèi)的費(fèi)用。所以有機(jī)會(huì)節(jié)約網(wǎng)絡(luò)營(yíng)銷成本就抓緊進(jìn)行網(wǎng)站優(yōu)化，讓你的網(wǎng)站成為行業(yè)冠軍，定單自動(dòng)找上門。SEO可從：對(duì)網(wǎng)頁(yè)的URL 、TITLE 、META 標(biāo)簽、正文標(biāo)題、正文內(nèi)容、ALT 標(biāo)簽、鏈接進(jìn)行優(yōu)化

3、花錢做些廣告，天下沒有免費(fèi)的午餐這句話誰(shuí)都知道，要想讓你的客戶找到你，目前搜索競(jìng)價(jià)廣告可以說是較快的讓你的客戶找到你，但網(wǎng)站一定要做得專業(yè)些，千萬(wàn)別用幾十個(gè)頁(yè)面那種的。

網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)心得三篇

網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)心得一：

這兩個(gè)星期是我們的網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)時(shí)間，這正是考驗(yàn)我們實(shí)力的時(shí)候了。

經(jīng)過一個(gè)學(xué)期的網(wǎng)頁(yè)設(shè)計(jì)的學(xué)習(xí)，我們的專業(yè)基礎(chǔ)更加扎實(shí)了，我們對(duì)于自己的專業(yè)學(xué)習(xí)更加有信心了。一開始對(duì)于網(wǎng)站設(shè)計(jì)我是抱著好奇以及興趣認(rèn)真地學(xué)習(xí)，剛開始接觸網(wǎng)頁(yè)設(shè)計(jì)會(huì)覺得很神奇，平時(shí)上網(wǎng)接觸到的網(wǎng)頁(yè)可以通過自己的努力來建成。一心想著設(shè)計(jì)一個(gè)美觀大氣的大網(wǎng)站，可以與其他網(wǎng)站媲美。對(duì)于我這種初學(xué)者，有這種天真的夢(mèng)想促使我更努力的學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)。

平時(shí)老師授課，講解了有關(guān)網(wǎng)頁(yè)設(shè)計(jì)的理論知識(shí)以及實(shí)際操作的示范。網(wǎng)頁(yè)設(shè)計(jì)更著重于實(shí)際操作，我們?cè)跈C(jī)房通過每次上課的學(xué)習(xí)運(yùn)用，已經(jīng)有了一定的基礎(chǔ)。一開始我們都是看著別人的網(wǎng)站去模仿建設(shè)，到后來每個(gè)人在設(shè)計(jì)自己的網(wǎng)頁(yè)時(shí)都有自己的人個(gè)人風(fēng)格，這就是網(wǎng)頁(yè)設(shè)計(jì)的樂趣。他不僅可以激發(fā)同學(xué)們的興趣，還可以把自己的風(fēng)格更大膽地展示出來，是一個(gè)可以展示自我的空間，使我們更有成就感。

這兩個(gè)星期我們實(shí)訓(xùn)課讓我們更清楚地認(rèn)識(shí)到自己的建站水平。實(shí)訓(xùn)任務(wù)是建立自己班級(jí)的網(wǎng)站，剛開始覺得兩個(gè)星期足夠我們?nèi)ソǔ梢粋€(gè)網(wǎng)站，但是我們都太高估我們自己了。一開始設(shè)計(jì)網(wǎng)站時(shí)不知道從何下手，之前老師上課講的知識(shí)一時(shí)不知道怎么靈活運(yùn)用起來，我才發(fā)覺對(duì)我軟件功能的不太熟悉，除了基本的框架構(gòu)建，其他的設(shè)計(jì)都需要比較長(zhǎng)的時(shí)間去思考以及翻查書本。但是同學(xué)們都很積極地向老師提問，把自己存在的問題一一的解決掉。雖然建立網(wǎng)站不是很順利，也只有這樣我們才可以正視自身，把平時(shí)半桶水的聽課方式給改掉。在這次的網(wǎng)站建設(shè)過程中，我發(fā)現(xiàn)自己對(duì)于知識(shí)不能靈活運(yùn)用，不能巧妙地結(jié)合起來，對(duì)代碼的不熟悉，這更加是一個(gè)大問題。建站過程中會(huì)遇到代碼出錯(cuò)，代碼位置寫錯(cuò)之類的問題，當(dāng)測(cè)試的時(shí)候出現(xiàn)了錯(cuò)誤但是不能看懂出錯(cuò)原因，只能靠網(wǎng)上搜索。因?yàn)閷?duì)于這種程序的東西我會(huì)比較抗拒，從小就不喜歡思維性太強(qiáng)的學(xué)習(xí)，所以建站會(huì)遇到比較多這種問題，但是我只能積極去面對(duì)才能完成任務(wù)，畢竟這是我的專業(yè)，為了專業(yè)而專業(yè)，不能說不喜歡就不愿意去學(xué)，這次實(shí)訓(xùn)我反省了自身的存在問題。我們建立網(wǎng)站的時(shí)候都發(fā)揮自己的創(chuàng)新力、 想象力 ，用心地完成這個(gè)大項(xiàng)目。會(huì)遇到很多的問題，經(jīng)常因?yàn)橐粋€(gè)細(xì)小的步驟而出錯(cuò)，做動(dòng)態(tài)網(wǎng)頁(yè)的時(shí)候會(huì)遇到更多類似的問題，通常都會(huì)花費(fèi)我很多時(shí)間來解決出錯(cuò)原因。打個(gè)比方，我會(huì)一個(gè)上午都在弄留言板，因?yàn)椴恢莱鲥e(cuò)原因，當(dāng)請(qǐng)教老師或是同學(xué)的時(shí)候才恍然大悟，原來是這么簡(jiǎn)單的。當(dāng)然，最終可以解決困難我還是很欣慰的。

當(dāng)我真正建立起自己的網(wǎng)站的時(shí)候，我看著自己的作品非常地興奮，這是我用心血完成的只屬于自己的網(wǎng)站，特別地欣慰。因?yàn)檫^程的困難，我更加珍惜自己第一次的作品，做每一步都會(huì)小心翼翼，就像母親生怕會(huì)失去自己的孩子一樣，我就是這樣的感受。

我可以說網(wǎng)頁(yè)設(shè)計(jì)給了我很大的收獲，我是用我的熱情去學(xué)習(xí)，也是用我的真心去設(shè)計(jì)，屬于自己的東西永遠(yuǎn)是最美好的。網(wǎng)頁(yè)設(shè)計(jì)不是用嘴巴就可以設(shè)計(jì)的，更需要的我們的堅(jiān)持、創(chuàng)新、用心，才能收獲更大的勝利。

網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)心得二：

轉(zhuǎn)眼間，已到了期末，學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)這門課程也要結(jié)束了，雖然時(shí)間有點(diǎn)短，但是學(xué)過這個(gè)幾周以后我受益匪淺。

記得最初接觸dreamweaver的時(shí)候，我很茫然，因?yàn)閯偨佑|陌生的軟件心里會(huì)很害怕跟不上老師的進(jìn)程。剛開始幾節(jié)課，老師講得比較基礎(chǔ)，還能跟得上，漸漸的老師授課的進(jìn)程開始加速，有些跟不上了，需要下課后自己補(bǔ)上，問老師和周圍的同學(xué)。漸漸的，在老師的悉心教導(dǎo)下，我們開始熟悉這個(gè)軟件了。老師布置的第一個(gè)任務(wù)，要求做一個(gè)自我形象網(wǎng)站。由于學(xué)習(xí)的時(shí)間較短，老師只要求用PS做好模板即可，任務(wù)相對(duì)簡(jiǎn)單。但也要求設(shè)計(jì)感強(qiáng)，色彩搭配和諧，并且盡可能的做成實(shí)用又符合實(shí)際的漂亮網(wǎng)頁(yè)。

第二個(gè)網(wǎng)頁(yè)設(shè)計(jì)老師要求相對(duì)較高，用dreamweaver做一個(gè)比較接近真實(shí)的網(wǎng)頁(yè)，還要做一個(gè)二級(jí)頁(yè)面。于是開始收集各方面的資料。確定了主題就開始布局了。最開始使用了一個(gè)表格，然后在表格內(nèi)進(jìn)行拆分合并處理，接著就把通過ps處理出來一個(gè)版頭并且把修改過大小的圖片放進(jìn)去了。

中間時(shí)預(yù)覽，問題出現(xiàn)了，發(fā)現(xiàn)版頭與下面的圖片文字之間出現(xiàn)了很大的一段距離，但是在軟件中已經(jīng)把距離縮小為0了，多次嘗試后沒有效果。最后想到可以另外再加一個(gè)表格，把版頭放在一個(gè)表格內(nèi)面，這樣問題就解決了。預(yù)覽是效果還不錯(cuò)。但是總覺得首頁(yè)做得太普通，一次瀏覽學(xué)長(zhǎng)做的網(wǎng)頁(yè)時(shí)，覺得他們的文字滾動(dòng)窗口做得效果做得不錯(cuò)，于是想借見一下。就決定把自己網(wǎng)站的左邊修改修改。復(fù)制了他的代碼，把上面的內(nèi)容修改成我的網(wǎng)站需要的文字。本以為可以輕松的完成，但是卻出現(xiàn)大問題了。

因?yàn)樾枰獫L動(dòng)的文字占的空間太大，把左邊的那部分表格全部占滿了，而在實(shí)際的網(wǎng)頁(yè)預(yù)覽中，這個(gè)有文字滾動(dòng)的框只占了左邊Oeasy教你玩轉(zhuǎn)網(wǎng)頁(yè)設(shè)計(jì)瀏覽的工具建站程序三分之一，左邊有三分之二留白了。我就想可不可以把文字這樣一層層的放在上面，試了很多 方法 ，在網(wǎng)站查了很多資料，可能因?yàn)闆]有專業(yè)術(shù)語(yǔ)作為搜索的關(guān)鍵詞，查不到任何相關(guān)的資料，試過div標(biāo)簽，試過不停的拆分表格，最后還是沒有效果。就這樣試著試著，突然想到了層這個(gè)概念。于是在布局中點(diǎn)擊了繪制層，結(jié)果成功了，經(jīng)過一些加工，終于成功的完成左邊的布局。印象還比較深刻的是插入聲音，記得老師曾經(jīng)給我們講過很多次怎樣插入聲音，可是等到自己做網(wǎng)頁(yè)的時(shí)候卻忘記了，于是問其他人，結(jié)果居然都忘記了，于是自己在百度上收。最后終于找到了一個(gè)可以使用的代碼，但是在加入聲音路徑時(shí)出現(xiàn)了問題。在屬性內(nèi)加入源文件，結(jié)果就是加不進(jìn)去MP3的音樂文件，然后自己就嘗試加入了一個(gè)視頻，記下了路徑格式，然后照著這種格式寫下了指向聲音源文件的路徑，最后成功了。在設(shè)計(jì)過程中還出現(xiàn)了很多的問題，但通過看書，上網(wǎng)查詢，請(qǐng)教同學(xué)等方式，不斷的學(xué)習(xí)、解決、提高，設(shè)計(jì)出的網(wǎng)頁(yè)不論是外觀還是內(nèi)容，都在不斷的進(jìn)步、改善?？梢哉f在自己動(dòng)手，不斷實(shí)踐的過程中，網(wǎng)頁(yè)設(shè)計(jì)水平得到了很大的提高。熱情和執(zhí)著，我將來設(shè)計(jì)出的網(wǎng)頁(yè)會(huì)更加專業(yè)，更完善。

網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)心得三：

科學(xué)是發(fā)展生產(chǎn)力的根本前提，當(dāng)今的社會(huì)是互聯(lián)網(wǎng)蓬勃發(fā)展的世界，每當(dāng)我們上網(wǎng)的時(shí)候，那一個(gè)個(gè)精美別致的網(wǎng)頁(yè)給人是多么流暢順利的感覺，無(wú)論是尋找資料還是網(wǎng)上商城購(gòu)物，都給我們帶來了方便快捷的好處，我想，科學(xué)技術(shù)的發(fā)展，離不開互聯(lián)網(wǎng)的發(fā)展，而互聯(lián)網(wǎng)的發(fā)展也離不開網(wǎng)頁(yè)制作的發(fā)展，而只有把兩者結(jié)合起來才是正確的。

首先，了解網(wǎng)頁(yè)并不是單純的認(rèn)為他僅僅只是為人們服務(wù)的，而它的存在也是給我們帶來了利益和好處。當(dāng)然，了解網(wǎng)頁(yè)首先也從幾個(gè)軟件開始：

1. dreamweaver m_ __ (或dreamweaver 8)。

2. flash m_ __ (或flash 8)

3. fireworks 8

而網(wǎng)頁(yè)制作就是開始從這些軟件開始著手的，今天，我終于可以學(xué)習(xí)網(wǎng)頁(yè)制作了，我們?cè)诙呸壤蠋煹慕虒?dǎo)下，各位同學(xué)們也都在聆聽老師的講解和指導(dǎo)我們運(yùn)用以上這些軟件的功能和網(wǎng)頁(yè)的剖析。所謂網(wǎng)頁(yè)，就是指一個(gè)可以瀏覽內(nèi)容并且可以使用ie瀏覽器打開的內(nèi)容稱之為網(wǎng)頁(yè)。

在剛開始接觸網(wǎng)頁(yè)的第一堂課上，聽說網(wǎng)頁(yè)制作會(huì)是一門很無(wú)聊并且很難聽懂的過程，而事實(shí)卻印證了這樣一個(gè)事實(shí)，但是只要我們努力，無(wú)論是怎樣的艱難險(xiǎn)阻，成功依然會(huì)迎面直擊。在剛開始時(shí)我覺得dreamweaver m_ __ 很難理解，不管老師做怎樣的解釋，而我卻對(duì)它感到很是吃力，諸如里面有許多不知道的功能。如：布局表格、繪制層、制作css樣式表等，這些內(nèi)容迷糊了我的視線，真是沒想到制作一個(gè)精巧別致的網(wǎng)頁(yè)是如此的困難，可是心有不甘，每天上網(wǎng)看著那樣多的網(wǎng)頁(yè)，于是我才下定決心選擇了網(wǎng)頁(yè)制作這一門課程，目的就是希望以后能夠做出一個(gè)完美的網(wǎng)頁(yè)來。

“路漫漫其修遠(yuǎn)兮，吾將上下而求索”學(xué)習(xí)的道路是艱苦漫長(zhǎng)的，更何況這是關(guān)于一個(gè)科學(xué)技術(shù)的一個(gè)代名詞，隨后，課堂的氣氛慢慢的好轉(zhuǎn)，耐心的老師和專心的學(xué)生在課堂上都盡情的發(fā)揮各自的才能，老師也為了能教好每一位學(xué)生，而學(xué)生也不辜負(fù)老師的使命，就這樣，網(wǎng)頁(yè)制作這一門課程進(jìn)行的很順利，學(xué)習(xí)了dreamweaver m_ __ 對(duì)它如何徹底的剖析和分解，我們終于認(rèn)清了它的原理，摸清了應(yīng)該怎樣去完全的使用它，而我們?cè)诶蠋煹闹笇?dǎo)和訓(xùn)練的結(jié)果下，終于開始做屬于自己的網(wǎng)頁(yè)了。

慢慢的快接近尾聲了，我們也快臨近期末了，老師給我們的任務(wù)卻是需要我們每人至少做出三個(gè)網(wǎng)頁(yè)來，且內(nèi)存不能超過3m，剛開始我以為我會(huì)對(duì)著感到很是吃力，不知道該如何是好，畢竟網(wǎng)頁(yè)才是剛剛起步，根基不穩(wěn)，怎么能夠做出這樣的網(wǎng)頁(yè)呢?而我對(duì)dreamweaver m_ __ 它也不是很熟悉，心里真是很擔(dān)憂。

在這最后的時(shí)間里，我仔細(xì)掂量了一番，網(wǎng)頁(yè)制作給我的結(jié)論是：要想制作一個(gè)能夠像網(wǎng)上的那樣，還得需要經(jīng)過長(zhǎng)時(shí)間的刻苦努力和不斷地檢驗(yàn)及實(shí)踐，否則，如果只靠老師在課堂上講的那些知識(shí)是遠(yuǎn)遠(yuǎn)不夠的。畢竟網(wǎng)頁(yè)是一個(gè)技術(shù)性的知識(shí)，不像文學(xué)那樣的純理論知識(shí)。通過這個(gè)課程的學(xué)習(xí)，我從中得到了一些對(duì)網(wǎng)頁(yè)知識(shí)如功能、概念的理解，原來要做出一個(gè)簡(jiǎn)單可行的網(wǎng)頁(yè)并不是一件害怕的事情，而是一件努力和嘗試的事情。

網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)心得三篇相關(guān) 文章 ：

★ 網(wǎng)頁(yè)設(shè)計(jì)實(shí)習(xí)心得體會(huì)3篇

★ 網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)心得

★ 網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)報(bào)告心得

★ 網(wǎng)頁(yè)設(shè)計(jì)實(shí)習(xí)心得體會(huì)感想

★ 網(wǎng)頁(yè)設(shè)計(jì)實(shí)習(xí)心得體會(huì)

★ 設(shè)計(jì)實(shí)訓(xùn)心得體會(huì)3篇

★ 設(shè)計(jì)實(shí)訓(xùn)心得體會(huì)范文3篇

★ 網(wǎng)頁(yè)制作實(shí)習(xí)心得

★ 有關(guān)網(wǎng)頁(yè)制作實(shí)訓(xùn)報(bào)告心得體會(huì)

★ 網(wǎng)頁(yè)制作實(shí)習(xí)心得小結(jié)

網(wǎng)站設(shè)計(jì)實(shí)訓(xùn)總結(jié)

首先我要做的就是要選擇好題目和網(wǎng)站的風(fēng)格，之后我就分步驟準(zhǔn)備在制作網(wǎng)站前所要做好的準(zhǔn)備工作。我瀏覽了中國(guó)美食網(wǎng)的一些特點(diǎn)，借監(jiān)這些網(wǎng)站的優(yōu)秀之處，不好的地方在自己的網(wǎng)站上加以改良，從而使自己的網(wǎng)站更加美觀。

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

在選擇好題目和網(wǎng)站的風(fēng)格之后，我就開始了實(shí)訓(xùn)項(xiàng)目的進(jìn)程，按照實(shí)訓(xùn)方案的規(guī)定，先是將網(wǎng)站的總體策劃以書面的形式展現(xiàn)出來，通過老師審核之后，在相應(yīng)的時(shí)間段找相關(guān)的素材，搜集與主題相關(guān)的文字、圖像等。再是設(shè)計(jì)網(wǎng)站的內(nèi)容結(jié)構(gòu)、目錄結(jié)構(gòu)和鏈接結(jié)構(gòu)，設(shè)計(jì)首頁(yè)及其頁(yè)面的版式結(jié)構(gòu)。然后創(chuàng)建本地網(wǎng)站，建立網(wǎng)站的目錄結(jié)構(gòu)。制作首頁(yè)、二級(jí)子頁(yè)、內(nèi)容頁(yè)，創(chuàng)建超級(jí)鏈接。最后就是測(cè)試與瀏覽網(wǎng)頁(yè)，如果還有什么不理想的地方再改進(jìn)再預(yù)覽，如此反復(fù)，最后達(dá)到最好效果！

在此次網(wǎng)站的設(shè)計(jì)與制作過程中，難免會(huì)遇到過各種各樣的問題，這畢竟是第一次獨(dú)自設(shè)計(jì)網(wǎng)站、制作網(wǎng)站。但值得高興的是：在設(shè)計(jì)的過程中發(fā)現(xiàn)了自己的不足之處，對(duì)以前所學(xué)過的知識(shí)理解得不夠深刻，掌握得不夠牢固，沒有能完全達(dá)到自己預(yù)期的效果，還好通過老師的細(xì)心指導(dǎo)才能達(dá)到最終效果……

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

網(wǎng)站建設(shè)實(shí)訓(xùn)報(bào)告樣板的介紹就聊到這里吧，感謝你花時(shí)間閱讀本站內(nèi)容，更多關(guān)于網(wǎng)站建設(shè)實(shí)訓(xùn)總結(jié)、網(wǎng)站建設(shè)實(shí)訓(xùn)報(bào)告樣板的信息別忘了在本站進(jìn)行查找喔。