網(wǎng)頁制作實訓報告
在現(xiàn)實生活中，報告的使用頻率呈上升趨勢，其在寫作上具有一定的竅門。為了讓您不再為寫報告頭疼，下面是小編為大家整理的網(wǎng)頁制作實訓報告，希望能夠幫助到大家。
網(wǎng)頁制作實訓報告 1
一、實訓目的
1．進一步熟悉和掌握網(wǎng)站建設的基本流程和技術規(guī)范；
2．鞏固運用Dreamweaver網(wǎng)頁制作軟件制作網(wǎng)頁、特別是制作動態(tài)網(wǎng)頁的知識；
3．鞏固運用Fireworks圖像處理軟件進行網(wǎng)頁中圖形制作和運用flash動畫制作軟件設計網(wǎng)頁中動畫的知識；
4．鞏固綜合運用Dreamweaver、Fireworks、flash三個軟件完成網(wǎng)站建設任務的方法，能獨立設計一個內(nèi)容完整、圖文并茂、技術運用得當?shù)木W(wǎng)站；
5．具備獨立撰寫實訓報告等科技文件的基本能力；
6．在網(wǎng)頁設計的實踐中培養(yǎng)分析問題、解決問題的能力，培養(yǎng)協(xié)作、交流的能力，培養(yǎng)創(chuàng)新能力和團隊意識。
二、實訓任務
1．站點規(guī)劃，搜集資料。確定網(wǎng)站主題內(nèi)容，規(guī)劃站點結(jié)構，從網(wǎng)上搜索相關資料（圖片、文字等）。
2．進行主頁設計。構思主頁布局，進行主頁標題圖片的設計（要求原創(chuàng)），進行主頁其余圖片的設計和頁面內(nèi)容的錄入，最后進行主頁的整體優(yōu)化設計。
3．網(wǎng)頁設計。除主頁以外的網(wǎng)頁設計，首先設計網(wǎng)頁模版，一部分網(wǎng)頁由模版生成，一部分為單獨設計（依據(jù)實際需要確定哪些網(wǎng)頁由模版生成，確定哪些網(wǎng)頁單獨設計）。包括版面設計和圖形設計、內(nèi)容錄入等。
4．動畫設計。主頁動畫設計和其余頁面動畫設計，充分運用所掌握技術，效果好。
5．綜合優(yōu)化。鏈接正確、得當，動態(tài)效果好（時間軸動畫、行為、代碼的嵌入等）
6．網(wǎng)站測試并遞交。在瀏覽器中對完成的網(wǎng)站逐頁打開測試，包括鏈接正確與否，頁面打開時間，圖片和動畫是否丟失等。
三、實訓項目網(wǎng)站
基本介紹網(wǎng)站的主題是:游覽天下行，快樂共分享。背景圖片均為國內(nèi)外知名旅游地圖片，體現(xiàn)網(wǎng)站主題。圖片和文字部分采用浮動形式，讓網(wǎng)站看起來更生動，更有吸引力；導航欄采用超鏈接，鏈接到相關網(wǎng)站，同時插入表單，設置了會員登陸窗口和注冊鏈接。還插入了音樂，輕柔舒緩，仿佛置身于游覽圣地中。
四、實訓中的問題和解決辦法
1、圖片太大，鏈接上就影響整個網(wǎng)頁的效果，用可牛將圖片修飾裁剪后在鏈接進去。
2、不能出現(xiàn)完整的站點地圖。講html另存為index.html，并設成首頁，其他導航欄要依次鏈接并設成首頁。
3、插進的音樂撥不起，格式不對。下載wav格式的音樂，用。
4、按照設置浮動文字的形式插入浮動的圖片。請教同學后，用命令
五、實訓體會
一直很羨慕會作網(wǎng)站的人，是那樣的神奇，自己做了，才知道其中的技術含量。首先要掌握基本的操作，還要找各種資料，查找數(shù)據(jù)，一切并不像想象的那樣簡單，但做好后很有成就感，想要做一個漂亮的網(wǎng)站，不知光想就能做好的，平時上課開一點小差，有些東西就做不起了。唉，以后上課一定要認真聽講啊，網(wǎng)頁制作是我們的'專業(yè)課，面臨現(xiàn)在的就業(yè)形勢，大學生畢業(yè)就失業(yè)已成普遍現(xiàn)象，但如果你真的有過硬的專業(yè)只是和實踐能力有何愁找不到工作呢。電子商務自上世紀興起，便以不可阻擋的勢頭迅猛發(fā)展著！它方便、快捷、省時、省力，收到企業(yè)和個人的極大親睞。在現(xiàn)代的信息時代中，多種交易都是通過網(wǎng)絡實現(xiàn)的，于是，對于掌握這方面的知識越來越重要了！所以，我們要啊抓緊一切機會學習，不斷的充實自己，在這個信息爆炸的時代，計算機技術的更新周期不斷縮短，緊緊掌握所學的知識是不行的，還要不斷擴展新的知識，再次實訓中，有的同學作出很漂亮的網(wǎng)站，還插入了自己做的視頻，而我是會插入簡單的圖片和音樂，當時的觸動很大，所以，現(xiàn)在的我們要有危險意識了，畢業(yè)后我們的路該怎樣走就看現(xiàn)在的學習了，不是抱怨學校和專業(yè)的時候了，沒有用的，再好的學校，再好的專業(yè)，自己不好好學，將來走進社會還是一無所成的！以后我會認真上每一堂課，認識完成每一次作業(yè)，每一次實習，將來的路是自己走出來的��！
網(wǎng)頁制作實訓報告 2
一、實習目的
�、� 學會制作新聞發(fā)布系統(tǒng)。
�、� 學會制作在線調(diào)查系統(tǒng)。
�、� 熟悉購物網(wǎng)站的主要功能和欄目。
�、� 學會購物網(wǎng)站數(shù)據(jù)庫表的創(chuàng)建和數(shù)據(jù)庫連接的創(chuàng)建。
�、� 學會購物系統(tǒng)前臺頁面制作和后臺管理制作。
二、實訓內(nèi)容
1.創(chuàng)建數(shù)據(jù)庫表
① 啟動Microsoft Access ，執(zhí)行“文件”——“新建”命令，打開“新建文件”面板，在面板中單擊“空數(shù)據(jù)庫”。
�、� 彈出“文件新建數(shù)據(jù)庫”對話框，在對話框中選擇數(shù)據(jù)庫保存的路徑，“文件名”文本框中輸入shop。
③ 單擊“創(chuàng)建”按鈕，在對話框中雙擊“使用設計器創(chuàng)建表”選項。
�、� 彈出“表1：表”對話框，在對話框中輸入“字段名稱”和字段所對應的“數(shù)據(jù)類型”，將shopID字段設置為主鍵。
�、� 執(zhí)行“文件”——“保存”命令，彈出“另存為”對話框，在對話框的“表名稱”文本框中輸入products。
�、� 單擊“確定”按鈕，保存表。按以上步驟的方法，創(chuàng)建表fen和admin。
2.創(chuàng)建數(shù)據(jù)庫連接
新建一個網(wǎng)頁文件夾，打開IIS信息服務，創(chuàng)建IIS虛擬目錄，在文件夾安全性把來賓用戶的權限修改為完全控制，并導入數(shù)據(jù)庫。
3.制作購物網(wǎng)系統(tǒng)頁面
�、� 用index.html創(chuàng)建zhanshi.asp商品分類展示頁，新建站點，導入shop.mdb數(shù)據(jù)庫文件建立數(shù)據(jù)庫連接。插入表格并插入圖片、文字，創(chuàng)建記錄集并在表格相應位置綁定數(shù)據(jù)。在服務器行為里為表格設置重復區(qū)域，創(chuàng)建記錄集RS2并在左邊的商品分類表格里綁定
數(shù)據(jù)，在服務器行為里為左側(cè)的表格添加重復區(qū)域和轉(zhuǎn)到詳細頁，制作記錄集導航條。
�、� 用index.html創(chuàng)建xiangxi.asp商品詳細信息頁，首先創(chuàng)建記錄集并制作左側(cè)的商品分類表格，之后在中間區(qū)域插入表格，在表格中插入圖片、文字，創(chuàng)建記錄集RS2并將數(shù)據(jù)綁定在表格相應位置。
③ 用index.html創(chuàng)建denglu.asp商品詳細信息頁，創(chuàng)建記錄集并制作左側(cè)的商品分類表格，在中間區(qū)域插入表單，在表單里插入表格，在表格里插入文字、文本域、表單按鈕，并為表單設置檢查表單。創(chuàng)建記錄集RS2并在服務器行為里添加登錄用戶。
④ 用index.html創(chuàng)建fenlei.asp添加商品分類頁，插入表單，在表單里插入文字、文本域、表單按鈕，創(chuàng)建記錄集并在服務器行為里添加插入記錄和限制對頁的訪問。再用index.html創(chuàng)建fenleiok.asp，在其中插入表格輸入文字，并設置返回鏈接。
⑤ 用index.html創(chuàng)建tianjia.asp添加商品頁，創(chuàng)建記錄集，用插入記錄表單向?qū)?chuàng)建插入記錄表單，在服務器行為里添加限制對頁的訪問。再用index.html創(chuàng)建tianjiaok.asp，在其中插入表格輸入文字，并設置返回鏈接。
�、� 用index.html創(chuàng)建guanli.asp商品管理頁，創(chuàng)建記錄集并制作左側(cè)的商品分類表格，在中間區(qū)域插入表格并插入文字，創(chuàng)建記錄集RS2并在表格相應位置綁定數(shù)據(jù)，為該表格設置服務器行為的重復區(qū)域，制作修改和刪除鏈接，制作記錄集導航條。
�、� 用tianjia.asp創(chuàng)建xiugai.asp修改頁面，創(chuàng)建記錄集在對應的文本域中綁定數(shù)據(jù)，把服務器行為里的插入記錄刪除并添加更新記錄。在服務器行為里添加限制對頁的訪問。再用index.html創(chuàng)建xiugaiok.asp，在其中插入表格輸入文字，并設置返回鏈接。
�、� 用index.html創(chuàng)建shanchu.asp刪除頁面，插入表格并插入文字，建立記錄集，在表格相應位置綁定數(shù)據(jù)，插入表單和表單按鈕，創(chuàng)建服務器行為限制對頁的訪問和刪除記錄。再用index.html創(chuàng)建shanchuok.asp，在其中插入表格輸入文字，并設置返回鏈接。
三、疑難解惑
① 網(wǎng)頁不能正常打開，電腦用戶權限沒有修改，在文件夾安全性把來賓用戶的權限修改為完全控制。
�、� 創(chuàng)建重復區(qū)域時，總顯示相同的內(nèi)容，仔細閱讀教材，發(fā)現(xiàn)創(chuàng)建重復區(qū)域時要選中表格，而不是文字內(nèi)容。
③ 登陸頁面不能登陸，把表格放入表單后，重新登錄，問題解決。
�、� 創(chuàng)建添加商品頁面時，無法顯示商品分類。在插入記錄表單時，應將feileiID"顯
示為"下拉列表中選擇“菜單”，并在“菜單屬性”里的“域”列表中選擇fenlei。
�、� 修改頁面點進去初始內(nèi)容都一樣 ，“唯一鍵列”下拉列表中應選擇shpID。
�、� 商品分類點進去每個種類都一樣，查找原因，發(fā)現(xiàn)記錄集中篩選是shpID，把記錄集中的篩選改為fenleiID解決。
四、實訓心得
經(jīng)過一周動態(tài)網(wǎng)頁的實訓，使我們對本學期的這門課進行了整體的匯總。在這匯總期間，也算是對自己本學期的一個考核，此次實訓暴露出了許多我自身存在的.問題，同時也對自身有了很大的提高。
在這次實訓中，我也有許多收獲。首先，我體會到了作為一個計算機專業(yè)的人，不會用DW的痛苦和尷尬。在制作的過程中遇到問題，可以說得是困難重重，這畢竟是第一次獨自制作動態(tài)網(wǎng)頁，難免會遇到過各種各樣的問題，同時在制作的過程中發(fā)現(xiàn)了自己的不足之處，對以前所學過的知識理解得不夠深刻，掌握得不夠牢固。在此過程當中彌補了我許多知識上的缺陷，弄清的以前沒有搞懂的知識點。經(jīng)過多番的努力和辛酸，我成功地完成了這次過程艱辛的實訓，而且我從中體會到了一種叫做‘成功的喜悅’的感覺，那種小有成就的興奮是只有置身其中的人才能體會的。
在實訓過程中，我更體會到了基礎知識的重要性，也許我們正在迷惘，我們是否學到了東西，但事實說明零零散散的知識，在項目開發(fā)當中起到了非常關鍵的作用，我們不缺少時間和工具，我們只是缺少經(jīng)驗和動手能力，如果我們以后能更好的在各方面增長自己的經(jīng)驗，相信我們能在長長的就業(yè)隊伍中脫穎而出的!相信自己，相信未來。今后我將會更加努力的學習，不斷提高自身素質(zhì)，為我將來的就業(yè)打下良好的基礎。
網(wǎng)頁制作實訓報告 3
一、實訓目的與要求
目的：通過實驗教學主要培養(yǎng)學生的學生的動手能力，提高學生運用HTML語言編寫靜態(tài)網(wǎng)頁能力的水平，掌握HTML和CSS語言的應用，為學生學習動態(tài)網(wǎng)頁的打下堅硬的基礎。（1）（2）（3）（4）
掌握創(chuàng)建dreamweaver本地站點的方法，利用表格和層規(guī)劃網(wǎng)頁布局掌握在網(wǎng)頁中添加文本，圖像，flash動畫和音樂等頁面元素掌握在創(chuàng)建連接的“查詢”與數(shù)據(jù)庫連接等方法。綜合運用所學軟件進行網(wǎng)頁材料準備
要求：掌握網(wǎng)頁設計基本概念和HTML的基本結(jié)構，了解網(wǎng)頁技術概況、HTML的編輯和運行環(huán)境。掌握文字版面的編輯，掌握網(wǎng)頁的超鏈接技術的應用，了解圖像的處理，包括背景圖案、圖形、圖象及其超鏈接等的設定和應用。了解列表的各種使用，了解表格的基本語法，掌握表格的定義、控制、分組、標題等的應用。了解表單在網(wǎng)頁中的應用，了解如何在網(wǎng)頁中加入各種動態(tài)效果，了解網(wǎng)頁中CSS的基礎知識，掌握CSS的各種屬性應用。
二、課程設計題目，描述和要求
題目：即將逝去的大學
網(wǎng)頁主用內(nèi)容體現(xiàn)對大學的留念，對大一時光的還念。綜合運用翻頁Flash相冊多彩版、夢想之巔屏保制作+2[1]、美圖秀秀、家家樂相冊制作、佳影MTV電子相冊制作軟件8.4.等軟件制作了不同種的視頻相冊。
綜合運用Photoshop、Fireworks、CorelDRAW、Flash、Pagemaker等多媒體制作軟件，創(chuàng)作出一多媒體作品，為網(wǎng)頁制作充分材料。
三、系統(tǒng)分析與設計
主頁色彩新穎，由標題欄、導航欄、友情鏈接及用flash做成的滾動電子相冊組成一幅完整畫面。電子相冊下面是給同學的寄語留言，接著是個人主頁、畢業(yè)寄語、我的動感相冊、我的作品、個人簡歷等鏈接子頁。
子頁根據(jù)主頁標題欄做了我的留言、我的相冊、我的作品展等子頁。子頁是由不同軟件所做的作品。內(nèi)容豐富、新穎。子頁鏈接簡單，與主頁和下一個子頁及個人簡歷鏈接。個人簡歷時用word制作的長文檔簡歷。內(nèi)容豐富，色彩鮮艷明了。用截圖軟件滾動截圖截下來的word。在dreamweaver里用表格插入個人簡歷圖片。
靜態(tài)網(wǎng)頁是相對于動態(tài)網(wǎng)頁而言，是指沒有后臺數(shù)據(jù)庫、不含程序和不可交互的網(wǎng)頁。你編的是什么它顯示的就是什么、不會有任何改變。靜態(tài)網(wǎng)頁相對更新起來比較麻煩，適用于一般更新較少的展示型網(wǎng)站。
在網(wǎng)站設計中，純粹HTML格式的網(wǎng)頁通常被稱為“靜態(tài)網(wǎng)頁”，早期的網(wǎng)站一般都是由靜態(tài)網(wǎng)頁制作的。靜態(tài)網(wǎng)頁的網(wǎng)址形式通常為:，也就是以.htm、.html、.shtml、.xml等為后后綴的。在HTML格式的網(wǎng)頁上，也可以出現(xiàn)各種動態(tài)的效果，如.GIF格式的動畫、FLASH、滾動字母等，這些“動態(tài)效果”只是視覺上的，與下面將要介紹的動態(tài)網(wǎng)頁是不同的概念。
靜態(tài)網(wǎng)頁的特點簡要歸納如下：
(1)靜態(tài)網(wǎng)頁每個網(wǎng)頁都有一個固定的URL，且網(wǎng)頁URL以.htm、.html、.shtml等常見形式為后綴，而不含有“?”;
(2)網(wǎng)頁內(nèi)容一經(jīng)發(fā)布到網(wǎng)站服務器上，無論是否有用戶訪問，每個靜態(tài)網(wǎng)頁的內(nèi)容都是保存在網(wǎng)站服務器上的，也就是說，靜態(tài)網(wǎng)頁是實實在在保存在服務器上的文件，每個網(wǎng)頁都是一個獨立的文件;
(3)靜態(tài)網(wǎng)頁的內(nèi)容相對穩(wěn)定，因此容易被搜索引擎檢索;
(4)靜態(tài)網(wǎng)頁沒有數(shù)據(jù)庫的支持，在網(wǎng)站制作和維護方面工作量較大，因此當網(wǎng)站信息量很大時完全依靠靜態(tài)網(wǎng)頁制作方式比較困難;
(5)靜態(tài)網(wǎng)頁的交互性較差，在功能方面有較大的限制。
四、系統(tǒng)調(diào)試過程中出現(xiàn)的主要問題
在制作網(wǎng)頁中出現(xiàn)主要問題是熱點鏈接不上子頁。通過老師同學及自己在網(wǎng)上找答案最后解決了問題。原因是熱點鏈接在本地文件夾下打開不能達到鏈接目的.，只有在預覽或是在根目錄下在可以連接成功。
其次在一些軟件的使用中也出現(xiàn)不少問題，主要原因是自身沒有正真熟悉這款軟件，在以后學習中一定回加深練習。
五、實訓過程：
第一天，查看實訓要求了解做什么網(wǎng)站，然后上網(wǎng)查看他人網(wǎng)站，之后規(guī)劃自己的網(wǎng)站。在選擇的根目錄下建一個文件夾，然后打開dreamweaver軟件，選擇新建站點，輸入自己想要見的網(wǎng)站，在存取路徑當中選擇所建的路徑，點擊確定。
第二天，對信息服務進行設置，在開始菜單中選擇設置中的控制面板中的管理工具雙擊進入，選擇IIS信息服務，選擇默認網(wǎng)站右單擊選擇屬性，在主目錄中的本地路徑選擇所建的根目錄夾，單擊確定。
第三天，選擇布局表格在工作區(qū)里建立表格外框，在屬性當中調(diào)整表格大小然后在插入中擇圖像，選擇所要添加的圖像，在表格當中寫入所要添加的文字，首頁工作基本做好，新建文件，打開后建立表格，插入圖片和文字。
第四天，利用準備好的材料，電子相冊、作品等進行完善主頁及各個子頁，然后創(chuàng)立鏈接。
第五天，進行動態(tài)與靜態(tài)的連接，然后進行測試，上傳作業(yè)。
六、實訓總結(jié)：
五天的實訓課程結(jié)束了，此次實訓檢驗了通過一學期的學習對知識進行了匯總，通過本次實訓我已基本掌握了制作簡單網(wǎng)頁的過程，基本熟悉了各種軟件的綜合使用方法。在這五天的學習當中和同學進討論制作網(wǎng)站，同時學到了許多關于網(wǎng)頁制作的相關知識，也讓我體會到了團結(jié)的重要意義，我覺得在制作過程中，發(fā)現(xiàn)自己學的東西太欠缺了，要學習有條不紊，要學習冷靜思索，所以我想以后課上課下一定要認真學習，虛心聽取別人意見，多去學習一點網(wǎng)頁制作的技術，以備我以后的制作之路。
實踐出真理，實訓的日子過去了，從理論和操作中融合了我們平時所學的知識，為我們的學習和工作鋪墊了精彩的一幕。因此，我堅信，用血去做自己認為應該做的事，努力的開拓我們的極限，沒有什么是不可能的，我們要更加的去努力。通過這五天的學習，在制作過程中出現(xiàn)了許多問，這些都是細節(jié)問題，我與同學進行了細致的研究后，最后達到了所要預期的效果.
【網(wǎng)頁制作實訓報告】相關文章：
網(wǎng)頁制作實訓報告4篇12-01
網(wǎng)頁制作常態(tài)化實訓總結(jié)11-19
網(wǎng)頁設計實訓報告07-07
模型制作實訓報告12-01
設計與制作實訓報告01-13
網(wǎng)頁設計實訓報告5篇07-07
網(wǎng)頁設計實訓心得02-28