網頁設計實訓報告

　　在不斷進步的時代，報告的使用成為日常生活的常態(tài)，報告成為了一種新興產業(yè)。相信很多朋友都對寫報告感到非�？鄲腊�，下面是小編整理的網頁設計實訓報告，僅供參考，大家一起來看看吧。

　　網頁設計實訓報告 篇1

　　一、實訓目的

　　大一網頁設計實訓旨在培養(yǎng)學生的網頁設計與制作能力，掌握HTML、CSS等技術，了解網頁的基本構成和布局方式，培育學生的設計思維和創(chuàng)新能力，提高學生的實踐操作能力。

　　二、實踐經歷

　　在實訓中，我們主要學習了HTML基礎、CSS樣式表、網頁布局等方面的知識。在學習過程中，我們參考了一些經典網頁的設計，結合實踐，不斷提升自己的設計水平。

　　設計一個網頁需要考慮到很多方面，如顏色、字體、布局、圖片等。在實踐中，我們需要不斷地調整和修改，不斷地提高自己的審美和設計能力。

　　三、實踐成果

　　在經過一期實訓之后，我們各自完成了一個網頁的設計與制作。雖然每個人的設計風格和表達方式都不同，但我們的網頁都具有一定的可操作性和美觀度，達到了較好的實踐效果。

　　同時，我們還在實踐中了解了一些網頁設計的語言規(guī)范和技巧。比如HTML語言結構，CSS基本樣式表設計，網頁布局等等。這些技能都是我們今后能夠利用的，從而讓我們在實踐中有更多的突破。

　　四、實踐收獲

　　通過實踐，我們不僅掌握了HTML、CSS等技術，更重要的是培養(yǎng)了自己的設計思維和創(chuàng)新能力。在設計過程中，我們要考慮到用戶的`使用習慣和需求，以及網頁的實際應用情況，靈活運用技巧和知識，對整個設計過程進行深入的分析和思考。

　　同時，實踐中我們也發(fā)現了學習的不足和不足之處，在學習中不斷完善自己，打破框框，挑戰(zhàn)極限，從而更好地提升自己。

　　綜上所述，在大一網頁設計實訓中，我們獲得了大量的實踐經驗和技能，同時也深刻認識到學習的重要性。在今后的實踐中，我們將繼續(xù)發(fā)揚我們的實踐精神，持之以恒，不斷地提升自己的實踐能力和設計水平。

　　網頁設計實訓報告 篇2

　　為期四個星期的實訓就這樣結束了。這學期的實訓是我在南工院的最后一次實訓，所以我很重視，也很認真。當然，在本次實訓中我也學會了許多編程方面的知識，這些知識的積累是非常重要的。

　　本次實訓的主要目的是讓我們來做一個網上商城，通過了解ASP的框架以及結構，熟悉ASP.NET應用程序的運行環(huán)境及開發(fā)平臺和其內置對象的屬性以及其方法，以及其界面的設計代碼讓整個系統(tǒng)能正常的運行，通過寫每個頁面的功能實現代碼，讓我們鞏固了之前學的知識，又有進一步的加深對語言學習的印象，最終能夠實現網上購物的一系列流程。我們小組主要應用ASP.NET設計一個網上圖書商城，完成對數據庫的基本操作。根據所安排的課題項目，設計出一個結構基本完整，具備一定應用功能的網上圖書商城。要求具有一定的內容，程序界面使用ASP.NET的WEB控件，可以完成會員的圖書瀏覽、數據檢索、登陸、注冊、購書、修改會員的各種信息等。

　　我本人主要負責網上書城首頁、詳細頁面的設計。其中首頁實現的功能主要有：圖書的展示、新書上架、圖書搜索、會員登陸、圖書詳細情況的調用。另外，我還設計制作了數據庫中的圖書信息表。其中首頁的搭建過程還是比較繁瑣的，需要考慮的內容太多，而且還要做得美觀簡潔，工作量是蠻大的'。經過此次實訓，使我比較全面、系統(tǒng)的了解和熟悉ASP的各種工具的使用，各種不同的效果的做法，為我們以后的學習和工作打下了堅實的基礎。以前沒有學懂的一些東西，在這個實習過程中我基本把它們弄懂了，可以說這是對我所學知識的復習和深化。對于難點的克服，我除了請教老師、詢問同學外，課后也找了一些相關書籍看了看，在實訓的過程中真的學了很多知識，受益匪淺。

　　其實，實訓不僅僅是為了讓同學們完成任務而展開的學習計劃，更是要培養(yǎng)學生的學習能力和精神。我也深刻認識到：在學習過程中密切聯系生活和工程實際，激發(fā)學習的求知欲，培養(yǎng)我們的科學精神和創(chuàng)新精神;培養(yǎng)學習對待工作和學習要耐心、細心和一絲不茍、精益求精的職業(yè)習慣等精神和素養(yǎng)是十分重要的。

　　實訓結束了，很感謝田曉敏和楊正翔兩位老師一個月來對我的悉心指導，感謝小組同學的互相鼓勵與支持，也感謝班級其他同學對我的幫助。如果沒有每一個人的辛苦努力與付出，我不可能完成自己的任務，也不可能取得如此好的成績，在此，我對所有付出過努力的老師、同學道一聲誠摯的謝意：謝謝你們!

　　天高任鳥飛，海闊憑魚躍。人生的道路上還有很多考驗等待著我們，我們要勇敢的向前大步邁進。

　　加油吧，為我們的理想!

　　網頁設計實訓報告 篇3

　　一、開發(fā)背景

　　通過教學實習掌握站點制作、站點測試與發(fā)布技術。會綜合利用Photoshop、Flash和Dreamweaver三個軟件進行靜態(tài)網站的設計。加上ASP技術和CSS+DIV進行昂也布局，實驗頁面的效果。

　　二、設計思路

　　我做的大致算是一個服裝企業(yè)推廣的小型網站。網站主頁，一般都會包括首頁，管理，鏈接，公司的產品圖片文加字說明，我的網站主頁也不例外，包括次首頁，圖片（展示照片），關于（關于自己的文字，關于本站的一些說明），鏈接（比較有名的站點）。不同的是，我自己獨立的構思使頁面完整化。三、網站規(guī)劃1.頁面大小布局2.網頁logo

　　3.設計網站導航條；4.網頁flash5.搜索框6.產品展示四、技術介紹

　　基于asp動態(tài)網頁技術的學習

　　從建立的數據庫中讀出圖片；圖片存儲為路徑；并按一行5個排列；大于五個自動換行。網頁設計實訓報告

　　css+div的頁面布局

　　多出用到css+div是整個頁面更加美觀。Logo的css樣式：

　　登陸界面的css：網頁設計實訓報告

　　font-family:"黑體";}-->

　　五、頁面設計（抓圖）圖片1

　　圖片2

　　圖片3

　　六、網站測試

　　應用動態(tài)asp技術，用iis或者安裝的小旋風進行本地的測試。

　　第3頁共4頁網頁設計實訓報告

　　七、實訓總結

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

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

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

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

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

　　網頁設計實訓報告 篇4

　　一、實習目的

　�、� 學會制作新聞發(fā)布系統(tǒng)。

　�、� 學會制作在線調查系統(tǒng)。

　�、� 熟悉購物網站的主要功能和欄目。

　�、� 學會購物網站數據庫表的創(chuàng)建和數據庫連接的創(chuàng)建。

　�、� 學會購物系統(tǒng)前臺頁面制作和后臺管理制作。

　　二、實訓內容

　　1.創(chuàng)建數據庫表

　�、� 啟動Microsoft Access ，執(zhí)行“文件”——“新建”命令，打開“新建文件”面板，在面板中單擊“空數據庫”。

　�、� 彈出“文件新建數據庫”對話框，在對話框中選擇數據庫保存的路徑，“文件名”文本框中輸入shop。

　　③ 單擊“創(chuàng)建”按鈕，在對話框中雙擊“使用設計器創(chuàng)建表”選項。

　�、� 彈出“表1：表”對話框，在對話框中輸入“字段名稱”和字段所對應的“數據類型”，將shopID字段設置為主鍵。

　�、� 執(zhí)行“文件”——“保存”命令，彈出“另存為”對話框，在對話框的“表名稱”文本框中輸入products。

　　⑥ 單擊“確定”按鈕，保存表。按以上步驟的方法，創(chuàng)建表fen和admin。

　　2.創(chuàng)建數據庫連接

　　新建一個網頁文件夾，打開IIS信息服務，創(chuàng)建IIS虛擬目錄，在文件夾安全性把來賓用戶的權限修改為完全控制，并導入數據庫。

　　3.制作購物網系統(tǒng)頁面

　�、� 用index.html創(chuàng)建zhanshi.asp商品分類展示頁，新建站點，導入shop.mdb數據庫文件建立數據庫連接。插入表格并插入圖片、文字，創(chuàng)建記錄集并在表格相應位置綁定數據。在服務器行為里為表格設置重復區(qū)域，創(chuàng)建記錄集RS2并在左邊的商品分類表格里綁定

　　數據，在服務器行為里為左側的表格添加重復區(qū)域和轉到詳細頁，制作記錄集導航條。

　�、� 用index.html創(chuàng)建xiangxi.asp商品詳細信息頁，首先創(chuàng)建記錄集并制作左側的商品分類表格，之后在中間區(qū)域插入表格，在表格中插入圖片、文字，創(chuàng)建記錄集RS2并將數據綁定在表格相應位置。

　�、� 用index.html創(chuàng)建denglu.asp商品詳細信息頁,創(chuàng)建記錄集并制作左側的商品分類表格，在中間區(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)建記錄集，用插入記錄表單向導創(chuàng)建插入記錄表單，在服務器行為里添加限制對頁的訪問。再用index.html創(chuàng)建tianjiaok.asp,在其中插入表格輸入文字，并設置返回鏈接。

　　⑥ 用index.html創(chuàng)建guanli.asp商品管理頁，創(chuàng)建記錄集并制作左側的商品分類表格，在中間區(qū)域插入表格并插入文字，創(chuàng)建記錄集RS2并在表格相應位置綁定數據，為該表格設置服務器行為的重復區(qū)域，制作修改和刪除鏈接，制作記錄集導航條。

　�、� 用tianjia.asp創(chuàng)建xiugai.asp修改頁面，創(chuàng)建記錄集在對應的文本域中綁定數據，把服務器行為里的插入記錄刪除并添加更新記錄。在服務器行為里添加限制對頁的訪問。再用index.html創(chuàng)建xiugaiok.asp,在其中插入表格輸入文字，并設置返回鏈接。

　�、� 用index.html創(chuàng)建shanchu.asp刪除頁面,插入表格并插入文字，建立記錄集，在表格相應位置綁定數據，插入表單和表單按鈕，創(chuàng)建服務器行為限制對頁的訪問和刪除記錄。再用index.html創(chuàng)建shanchuok.asp,在其中插入表格輸入文字，并設置返回鏈接。

　　三、疑難解惑

　�、� 網頁不能正常打開，電腦用戶權限沒有修改，在文件夾安全性把來賓用戶的權限修改為完全控制。

　　② 創(chuàng)建重復區(qū)域時，總顯示相同的內容，仔細閱讀教材，發(fā)現創(chuàng)建重復區(qū)域時要選中表格，而不是文字內容。

　�、� 登陸頁面不能登陸，把表格放入表單后，重新登錄，問題解決。

　�、� 創(chuàng)建添加商品頁面時，無法顯示商品分類。在插入記錄表單時，應將feileiID"顯

　　示為"下拉列表中選擇“菜單”，并在“菜單屬性”里的“域”列表中選擇fenlei。

　　⑤ 修改頁面點進去初始內容都一樣 ，“唯一鍵列”下拉列表中應選擇shpID。

　�、� 商品分類點進去每個種類都一樣，查找原因，發(fā)現記錄集中篩選是shpID，把記錄集中的篩選改為fenleiID解決。

　　四、實訓心得

　　經過一周動態(tài)網頁的實訓，使我們對本學期的這門課進行了整體的匯總。在這匯總期間，也算是對自己本學期的一個考核，此次實訓暴露出了許多我自身存在的問題，同時也對自身有了很大的提高。

　　在這次實訓中，我也有許多收獲。首先，我體會到了作為一個計算機專業(yè)的人，不會用DW的痛苦和尷尬。在制作的過程中遇到問題，可以說得是困難重重，這畢竟是第一次獨自制作動態(tài)網頁，難免會遇到過各種各樣的問題，同時在制作的過程中發(fā)現了自己的不足之處，對以前所學過的知識理解得不夠深刻，掌握得不夠牢固。在此過程當中彌補了我許多知識上的缺陷，弄清的以前沒有搞懂的知識點。經過多番的`努力和辛酸，我成功地完成了這次過程艱辛的實訓，而且我從中體會到了一種叫做‘成功的喜悅’的感覺，那種小有成就的興奮是只有置身其中的人才能體會的。

　　在實訓過程中，我更體會到了基礎知識的重要性，也許我們正在迷惘，我們是否學到了東西，但事實說明零零散散的知識，在項目開發(fā)當中起到了非常關鍵的作用，我們不缺少時間和工具，我們只是缺少經驗和動手能力，如果我們以后能更好的在各方面增長自己的經驗，相信我們能在長長的就業(yè)隊伍中脫穎而出的!相信自己，相信未來。今后我將會更加努力的學習，不斷提高自身素質，為我將來的就業(yè)打下良好的基礎。

　　網頁設計實訓報告 篇5

　　前言

　　Dreamweaver是美國MACROMEDIA公司開發(fā)的集網頁制作和管理網站于一身的所見即所得網頁編輯器，它是第一套針對專業(yè)網頁設計師特別發(fā)展的視覺化網頁開發(fā)工具，利用它可以輕而易舉地制作出跨越平臺限制和跨越瀏覽器限制的充滿動感的網頁。Dreamweaver、FLASH以及在DREAMWEAVER之后推出的針DREAMWEAVER對專業(yè)網頁圖像設計的FIREWORKS，三者被MACROMEDIA公司稱為DREAMTEAM(夢之隊)，足見市場的反響和MACROMEDIA公司對它們的自信。說到DREAMWEAVER我們應該了解一下網頁編輯器的發(fā)展過程，隨著互聯網(Internet)的家喻戶曉，HTML技術的不斷發(fā)展和完善，隨之而產生了眾多網頁編輯器，從網頁編輯器基本性質可以分為所見即所得網頁編輯器和非所見即所得網頁編輯器（則原始代碼編輯器），兩者各有千秋。所見則所得網頁編輯器的優(yōu)點就是直觀性，使用方便，容易上手，您在所見即所得網頁編輯器進行網頁制作和在WORD中進行文本編輯不會感到有什么區(qū)別，但它同時也存在著致命的`弱點�，F如今，數以萬計的網站以網頁的方式提供了豐富、精彩的信息。在人類社會進入信息時代的時候，在網絡成為通信的主要手段的時候，在計算機網絡普及的今天，網頁也在它自己的崗位上做出了突出的貢獻。網頁是我們在網絡上的“代言人”。

　　1．對靜態(tài)網頁設計的認識

　　1.1網頁設計介紹

　　從文件的角度來說，一個網頁就是一個HTML文件。當瀏覽者輸入一個網址或單擊某個鏈接后，在瀏覽器中顯示出來的就是一個網頁。一般網頁上都會有文本、圖片等信息，而復雜一些的網頁上還會有聲音、視頻、動畫等多媒體內容，為網頁增添了豐富的色彩和動感。靜態(tài)網頁是指網頁文件中沒有程序，只有HTML代碼，一般以.html或.htm為后綴名的網頁，靜態(tài)網站內容不會在制作完成后發(fā)生變化，任何人訪問都顯示一樣的內容。網站是一系列邏輯上可以視為一個整體的網頁集合，是許多相關網頁有機結合而組成的一個信息服務中心。對于小型網站，是指帶有一定主題的多個網頁集合；對于大型網站還包含數據庫和服務器端應用程序等如新浪、網易、搜狐等門戶網站。在構成網站的眾多網頁中，有一個頁面比較特殊，稱為首頁，即網站的第一個頁面。動態(tài)網頁是指網頁文件不僅具有HTML標記，而且還含有程序代碼，并使用數據庫連接。動態(tài)網頁能根據不同的時間，不同的來訪者顯示不同的內容，動態(tài)網站更新方便，一般在后臺直接更新。

　　1.2網頁設計及網頁布局技術

　　網頁是構成網站的基本元素。一個網頁是否精彩與網頁布局有著重要關系。常見的網頁布局類型有“國”字型、“匡”字型、“三”字型、“川”字型等。其他類型的有：標題文本型，封面型，Flash型，框架型。可以用表格的形式講一個頁面分成幾個單元格，通過單元格的合并拆分，對網頁進行布局，單元格就相當于是一塊紙，在紙上寫的東西單元格里都可以容得下。通過設置單元格的長寬對頁面進行布局�？蚣軐�網頁進行布局有很多優(yōu)點網頁結構清晰，易于維護和更新。方便用戶瀏覽網頁，采用滾動條，可節(jié)省頁面空間，使網頁風格保持統(tǒng)一；CSS作為網頁設計中的一種重要技術，具有以下優(yōu)點：，表現和內容相分離，提高頁面瀏覽速度，易于維護和修改，應用apdiv創(chuàng)建網頁，網頁清晰，易于分塊。應用表單創(chuàng)建網頁，應用行為創(chuàng)建網頁。

　　1.3靜態(tài)網頁設計的技術要點

　　用框架對網頁進行布局時有很多缺點：網頁內容無法被大多數搜索引擎搜索到，不被低版本瀏覽器支持，樣式陳舊，無法滿足個性化設置，難以實現不同框架中各元素的精確對齊。在網頁設計過程中使用CSS樣式表，主要有以下兩種方式，內部CSS樣式表，外部CSS樣式表，應用庫創(chuàng)建網頁時：對于站點訪問者和開發(fā)人員而言，使用交互式網頁www.具有更多用途，使訪問者可以快速方便地在一個內容豐富的網站上查找信息，后臺管理者可以收集、保存和分析站點訪問者提供的數據，，后臺管理者可以對內容不斷變化的網站進行更新。靜態(tài)網頁每個網頁都有一個固定的URL，且網頁URL以.htm、.html、.shtml等常見形式為后綴，而不含有“?”;網頁內容一經發(fā)布到網站服務器上，無論是否有用戶訪問，每個靜態(tài)網頁的內容都是保存在網站服務器上的，也就是說，靜態(tài)網頁是實實在在保存在服務器上的文件，每個網頁都是一個獨立的文件;靜態(tài)網頁的內容相對穩(wěn)定，因此容易被搜索引擎檢索;靜態(tài)網頁沒有數據庫的支持，在網站制作和維護方面工作量較大，因此當網站信息量很大時完全依靠靜態(tài)網頁制作方式比較困難;靜態(tài)網頁的交互性較差，在功能方面有較大的限制。

　　網頁設計實訓報告 篇6

　　實驗項目：ASP基礎

　　實驗時間：20xx年3月9日

　　一、實驗基礎知識：

　　1、什么是客戶端腳本，什么服務端腳本？所謂腳本是指嵌入到WEB頁中的程序代碼，在服務器端運行的腳本語言是服務器端腳本，在客戶端運行的腳本是客戶端腳本。客戶端腳本由一個配備了解釋器的WEB瀏覽器處理，當一個瀏覽器的用戶執(zhí)行了一個操作時，不必通過網絡對其作出響應，客戶端程序就能完成任務，常見的客戶端腳本語言有：javascript，VBScript。服務端腳本則是在WEB服務器上執(zhí)行生成代碼，然后發(fā)送到瀏覽器，在瀏覽器上收到的只是執(zhí)行后的標準HTML文件，常見的服務器端腳本語言有：PHP，jsp，asp

　　二、實驗內容：

　　1、掌握用DW創(chuàng)建動態(tài)站點的方法：將IIS的.網頁發(fā)布主目錄設在D盤，名為。利用DW新建一個動態(tài)站點，站點的本地信息和測試服務器設置如下：

　　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輸出如下圖片：

　　網頁設計實訓報告 篇7

　　實驗項目：VBScript基礎：內部函數

　　實驗時間：20xx年3月23日

　　一、實驗基礎知識：

　　1、什么是VBscript內部函數？VBscript內部函數是VB系統(tǒng)定義的函數，這些函數具有一定的功能，編程者都可以直接調用這些內部函數。

　　二、實驗內容：

　　1、將IIS的網頁發(fā)布主目錄設在D盤，名為。利用DW新建一個動態(tài)站點，站點的本地信息和測試服務器設置如下：

　　略

　　2、新建一個名為index1.asp的文件，利用日期函數顯示當前系統(tǒng)的時間,在頁面中顯示如下：“歡迎訪問本網站，現在時間是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運行，將運行結果截圖，插入下面的表格中

　　網頁設計實訓報告 篇8

　　靜態(tài)網頁設計專業(yè)實訓總結報告提要：

　　網頁設計實訓就快結束了，在這短短的兩周里，我學會了很多新的知識，更掌握了新的技能，讓我覺得受益匪淺。在實訓時，有空閑就會想到學校里青蔥歲月，簡單流暢，無憂無慮。

　　插入apdiv標簽，插入圖片，創(chuàng)建超鏈接，設置段落

　　2.1.3作品展示

　　圖一：中秋送祝福

　　2.2項目2

　　2.2.1項目介紹

　　有鐵血戰(zhàn)鷹的的圖片素材及相關資料，對鐵血戰(zhàn)鷹進行描述，創(chuàng)建“鐵血戰(zhàn)鷹網頁”

　　2.2.2關鍵技術

　　應用表格布局，插入橫線對網頁進行美化

　　2.2.3作品展示

　　圖二：鐵血戰(zhàn)鷹

　　2.3項目3

　　2.3.1項目介紹

　　現有自然寫真的圖片，要求自然寫真的圖片在鼠標經過時換成別的圖片，點下導航欄的標題時轉向別的網頁，制作靜態(tài)網頁，網頁名稱為自然寫真。

　　2.3.2關鍵技術應用

　　練習頭標題的應用，超鏈接的創(chuàng)建，flash的插入，導航欄的創(chuàng)建。

　　2.3.3作品展示

　　圖三：自然寫真

　　3．實訓過程總結

　　3.1實訓收獲

　　這個階段的實訓我們主要是練習網頁制作及網站發(fā)布的各種知識。近些年隨著計算機的廣泛應用，Internet已經成為人們獲得信息不可或缺的媒介，特別是Internet的普及和發(fā)展，網絡已經成為了不可或缺的通信手段。無論是最新的新聞信息、新產品的出臺、新游戲的發(fā)布、最新的動態(tài)，包括等候就業(yè)人才的個人簡歷，我們都是可以通過網絡來獲得。但是什么為這提供平臺的呢。我們又是通過什么來獲取這些信息的呢―網頁。由于人們使用網絡的頻繁，網頁作為上網的主要依托就變得非常的重要。網頁講究的是排版布局，其功能主要就是提供一種形式給每個上網者，讓他們能夠了解網站提供的信息。網頁設計直接面對的是大量的用戶，隨時都會反饋回來對網頁的批評建議等，可以根據實際情況進行修改，這樣做可以使使用者用起來更加的方便。

　　Dreamweaver工具為我們實現這些提供了便利，下面我將網頁制作和網站發(fā)布的知識總結如下：

　�。�1）網頁制作的前期工作是搜集大量的素材，我們的網頁只有是實用的才會是大眾喜歡的，搜集素材以充實我們的網頁。當然我們也應該在此時定下網站的方向是什么，剩下的就是靠Dreamweaver進行編輯；

　�。�2）網頁的版式設計，版式設計時我們應該有重點，把重要的內容新聞放在醒目的位置上。規(guī)劃各元素在網頁中的位置關系和表現方法，合理安排圖像、文本等元素，使網頁布局合理、美觀大方；

　�。�3）文本編寫，我們的網頁中需要大量的文字材料，這就要在網頁編輯器中用HTML語言中的標簽編寫。也可以利用網頁編輯工具的“所見即所得”功能，直接寫入文字。在瀏覽器中運行時出現冗余代碼時返回代碼頁面重新進行查看修改；

　�。�4）處理網頁之間的關聯，這主要是建立合理、高效的網頁導航系統(tǒng)；

　�。�5）網頁發(fā)布過程，主要是將建設好的網頁上傳到服務器中供用戶瀏覽。

　　3.2存在的問題及解決思路

　�。�1）在Dreamweaver基礎方面：制作網頁時如何實現網頁不跳轉就可以出現新的內容，實現頁面內的鏈接；用代碼編寫網頁上的按鈕，實現按鈕的各種功能，如刷新，重置，確定操作。Css樣式表的概念模糊。

　　（2）網站風格方面：一個網站的各個頁面之間風格應該是統(tǒng)一的，只有圍繞一個風格才會成功。

　　（3）網站的內容方面：在制作網站時內容之間應該是相關的，在制作時我們不能追求面面俱到，只能做到精益求精。雜亂無章的網站是不會有大的發(fā)展的。

　　4．結束語

　　網頁設計實訓就快結束了，在這短短的兩周里，我學會了很多新的知識，更掌握了新的技能，讓我覺得受益匪淺。在實訓時，有空閑就會想到學校里青蔥歲月，簡單流暢，無憂無慮，回想各位老師的授課，孜孜不倦，學校的生活固然是快樂，www.但是學校的實訓課程真的.很重要，因為它能讓我們這些在校學生接觸到社會的發(fā)展，讓我們有時間崗位環(huán)境，順利得從單純的校園生活感到復雜社會生活的不同。在這一周的時間里，我一心只做網頁，做自己喜歡的風格的網頁。經歷了一次充實而有愉快的實訓，我學會了制作框架、使用錨點、給網頁網頁插入背景音樂、表格、視頻、flash、導航條等更深層次的掌握了它們的用法，現在我心目中的網頁也已經大體竣工，我感到很開心，經過這兩的不斷探索，我喜歡上了這門課程，感覺很有意思�；蛟S實訓的結束代表一段新生活的開始，但是我認為它不但是一門課，需要我們去掌握，同時還可以鍛煉我們的邏輯思維能力和思維的嚴密性，還有就是在制作網頁的過程中，更需要有不錯的藝術審美觀，這樣，你做出的網頁才會賞心悅目，讓人眼前一亮，也就是從此刻起，我決心好好鉆研這門課，力求這方面的技能達到頂級。雖然網頁已經完成，可這并不是一件輕而易舉的事情，在此過程中遇到了許多以前不曾遇到的問題，多的情況都是自己解決，萬不得已之際，我會主動問老師和同學，直到弄懂為止！讓我更加清楚地明白老師平日里的良苦用心，也更加清楚地明白了自己以后應該怎樣去做事。

　　網頁設計實訓報告 篇9

　　一、實訓簡介

　　本次大一網頁設計實訓是為了讓學生掌握基本的網頁設計技能，包括HTML、CSS、JavaScript等基礎知識。實訓分為多個階段，通過實際操作來學習和掌握相關技能。

　　二、實訓過程

　　1、HTML基礎學習

　　HTML是網頁設計的基礎，學習HTML語言的基本結構和語法是學習Web前端編程的第一步。在學習HTML基礎時，我們首先需要學會如何創(chuàng)建HTML文檔，然后學會如何書寫HTML標簽和屬性，包括標題標簽、段落標簽、超鏈接標簽、圖像標簽等。此外，我們還學習了HTML表單、HTML文件結構和SEO優(yōu)化等相關知識。

　　2、CSS樣式設計

　　CSS是網頁樣式設計的核心，能夠讓我們把網頁的布局、顏色、字體等方面進行更加精細的控制。在學習CSS樣式設計時，我們學會了如何設置字體樣式、顏色、大小，如何設置背景顏色、邊框樣式以及如何控制元素之間的間距等。

　　3、 JavaScript編程

　　JavaScript是Web編程中不可缺少的一部分，它可以讓我們開發(fā)交互性更強的網頁。在學習JavaScript編程時，我們首先需要學會如何引入JavaScript代碼，其次學會如何運用JavaScript來實現按鈕點擊、表單驗證和動畫效果等相關操作。

　　4、實踐操作

　　通過以上學習，我們可以將所學技能應用于實踐中，包括設計一個完整的.網頁，實現網頁的動態(tài)效果等。通過實踐操作，我們可以更好地理解和掌握所學知識。

　　三、實訓感受

　　通過這次大一網頁設計實訓，我收獲了很多，不僅學會了基本的網頁設計知識，還鍛煉了分析問題和解決問題的能力。同時，實踐操作也讓我更加深刻地理解了所學知識，并能夠更加熟練地運用到實際項目中。

　　通過實訓，我也發(fā)現了自身存在的不足之處，比如沒有很好地掌握一些基礎知識，需要進一步加強自己的基礎。同時，我也認識到網頁設計是一個需要不斷學習和提高的過程，需要不斷積累經驗和實踐。

　　總的來說，這次大一網頁設計實訓讓我受益匪淺，使我對Web前端編程有了更加深刻的了解和認識。我相信，在今后的學習中，我將繼續(xù)努力，不斷提高自己的水平，為未來的職業(yè)發(fā)展打下堅實的基礎。

　　網頁設計實訓報告 篇10

　　一、實訓意義

　　網頁設計與制作綜合實訓是教學過程中重要的實踐性教學環(huán)節(jié)、它是根據專業(yè)教學計劃的要求、在教師的指導下對學生進行網頁制作專業(yè)技能的訓練，培養(yǎng)學生綜合運用理論知識分析和解決實際問題的能力，實現由理論知識向操作技能的培養(yǎng)過程、因此加強實踐教學環(huán)節(jié)，搞好實訓教學，對實現本專業(yè)的培養(yǎng)目標，提高學生的綜合素質有著重要的作用。

　　二、實訓目的

　　1、通過綜合實訓進一步鞏固，深化和加強學生的理論知識于專業(yè)技能。

　�。�1）掌握規(guī)劃網站的內容結構，目錄結構，鏈接結構的方法。

　�。�2）熟練掌握網頁制作軟件dreamweaver8和基本操作和使用技能。

　�。�3）掌握頁面的整體控制和頭部內容設置的方法。

　　（4）熟練掌握網頁頁面布局的各種方法。

　　（5）熟練掌握在網頁中輸入，設置標題和正文文字的方法。

　�。�6）熟練掌握在網頁中插入圖像，flash動畫和背景音樂的方法。

　�。�7）熟練建立各種形式的超級鏈接的`方法。

　　（8）掌握表單網頁制作方法。

　�。�9）掌握網頁特效制作方法。

　　（10）掌握網站測試的方法。

　　2、訓練和培養(yǎng)學生獲取信息和處理信息的能力，充分培養(yǎng)和提高學生的動手能力，學會通過網站、書籍、素材光盤等方式收集所需的文字資料、圖像資料、flash動畫和網頁特效等。

　　3、培養(yǎng)學生運用所學的理論知識和技能解決網站開發(fā)過程中所遇到的實際問題的能力及基本工作素質。

　　4、培養(yǎng)學生理論聯系實際的工作作風，嚴肅認真的科學態(tài)度以及獨立工作的能力，樹立自信心。

　　三、實訓步驟

　　1、定義站點

　　2、設定網頁屬性和文本格式

　　3、從大到小把結構設計好

　　4、輸入主要內容并進行排版

　　5、檢查并保存

　　四、實訓心得

　　兩周的實訓轉瞬即逝，在這短暫的時間里，我們在老師的指導和幫助下，對于網頁設計與制作有了進一步的了解。

　　在這兩周內，同學們每天都按時完成老師留下的作業(yè)，對于自己以前不理解的東西，通過老師的重新講解、指導和自己的練習，對其有了很好的了解；對于我們看不懂的一些內容，通過與同學協商和聽老師的講解來理解并掌握它。在這兩周的實訓里，我發(fā)現了許多自己以前沒有注意到的問題，在flash制作方面，有很多是自己以前沒注意過的，通過老師的講解和同學的幫助，我了解到一些新的東西并對網頁設計與制作有了更深的興趣，如falsh制作與運用、網站的基本制作、超鏈接的設置等；我們對網頁設計與制作方面的知識有了一定的認識，為我們以后對網站的學習和運用有很大的幫助。

　　通過實訓，我們把網頁設計與制作中涉及到的理論和實踐更好的結合起來，我對網頁設計與制作這本書有了更深的理解，在flash制作方面有了很大提高，操作能力也得到了增強，使我們了解到無論做什么事都要有足夠的耐心，還要認真細心。在做題時要對自己做過得東西進行仔細的檢查，同時也使我了解到同學之間要相互協作、共同努力。

　　網頁設計實訓報告 篇11

　　自從互聯網誕生以來，網絡在人類社會中扮演了一個越來越重要的角色�，F在，越來越多的人通過網絡學習、購物、社交和工作。因此，網頁設計已成為一門重要的學科，也成為了各個企業(yè)和組織的必不可少的一部分。為了幫助學生更好地了解網頁設計，大一的時候我參加了一次網頁設計實訓課程。

　　在實訓課程中，我們首先閱讀了有關網頁設計的一些基本知識和概念。我們學習了HTML和CSS的基礎知識，了解了如何使用它們來創(chuàng)建網頁。我們還學習了如何使用Sketch等工具來設計網頁的外觀和布局。通過這些基本的課程，我們了解了網頁設計的基本知識，可以開始實際操作創(chuàng)建我們的網頁了。

　　在實際操作中，我遇到了很多挑戰(zhàn)。例如，當我開始使用HTML和CSS創(chuàng)建網頁時，我發(fā)現我并不熟悉它們的語法。我還需要學習如何管理CSS文件中的樣式，以便整個網頁看起來更整齊、清晰。此外，我還需要思考如何將網頁的設計與其功能整合，以呈現出一個好的用戶體驗。

　　但是，在我克服了這些挑戰(zhàn)后，我開始享受網頁設計的過程。我意識到，只有當我嘗試實際操作并解決問題時，我才能更好地理解網頁設計的核心原則。我還學到了很多技巧，例如如何調整網頁元素的大小、顏色和布局，以使其更具吸引力和易于使用。最重要的是，我開始思考如何為網頁用戶提供最好的體驗，以便他們能夠更好地體驗到網頁所提供的'信息和功能。

　　在整個實訓課程中，我從錯誤中吸取教訓。我意識到，雖然有時我們會犯錯，但這些錯誤可能會成為我們在日后設計過程中的指引。例如，當我第一次創(chuàng)建網頁的時候，我嘗試添加太多元素，導致網頁混亂不清。但當我意識到這個問題的存在時，我開始重新審視我的設計，并把它們改進得更好。

　　最后，通過整個實訓過程，我獲得了很大的成就感。我學習了如何創(chuàng)建有用、易于使用的網頁，還學會了許多新的技能和知識。這些技能和知識將成為我未來職業(yè)生涯中不可或缺的一部分。此外，這個實訓還給我?guī)�來了更多的信心和動力，鼓勵我不斷挑�?zhàn)自我并逐漸提高網頁設計的技能水平。

　　總之，在我的大一網頁設計實訓課程中，我學到了很多東西。我學會了如何使用HTML和CSS來創(chuàng)建并修飾網頁，并學會了如何使用Sketch等工具來設計網頁的布局和外觀。我還學到了很多關于用戶體驗和設計原則的知識。但最重要的是，我意識到，呈現出一個好的網頁需要不斷嘗試和不斷改進，需要從錯誤中吸取教訓。這是我將來作為一名網頁設計師必須不斷追求的目標。

　　網頁設計實訓報告 篇12

　　一實驗目的

　　1．學習html語言和dreamweaver，frontpage等工具

　　2．掌握在本地環(huán)境下運用asp技術實現一個簡單的電子商務網站

　　二實驗的方法和原理

　　三實驗過程

　　1.資料的搜集。

　　組長分配任務，大家從網站上搜集各種關于手機的資料。

　　2.熟悉制作軟件。

　　做網頁主要用的工具便是dremweaver、photoshop、flash軟件。在這些軟件我對dremweaver、photoshop相對比較熟悉，因為在平時上課是老師帶領我們運用過。所以我還可以正常的運用，但是出現的問題還是有很多。有很多不懂如何操作，只有通過在次去看書才能夠了解，這也體現了我學習方面的缺點，它是我平時不夠認真的具體表現。

　　3.構建站點框架。

　　打開dremweaver后第一步便是新建站點

　　4設計主頁及二級頁面。

　　5實現網頁間的鏈接

　　鏈接的過程其實很簡單，主要是把要鏈接的文字選擇在選擇工具欄的鏈接按鈕最后選擇自己要鏈接的網頁單擊確定便可以了。

　　6向靜太網頁插入動態(tài)效果

　　四實驗心得

　　在經濟迅速發(fā)展的今天，internet顯得更為重要它是人們發(fā)布信息與傳遞信息的重要渠道，為了與社會發(fā)展同步，為了讓我們成為真正的'技術性人才。學校在本周為我們安排了維持三周的網頁制作專用周是實習，讓我們把平時所學知識運用到實踐中做到真正的學以致用而不只是紙上談兵。通過本周的實習使我獲得了更多的新知識同時也使我使我認識到了自己在學習上的許多不足。

　　近三個星期的實訓將要結束，其中的酸甜苦辣我會在今后的日子里不斷地去咀嚼，去回味，去探索。從制作網頁過程中，我學到了新的美化網頁的方法，運用了更多以前未運用的技巧。這使我學到了更多的知識，并且為我自己在制作網頁這方面積累了一些經驗。這些將是我人生中的一次重要的經歷，將是我今后走上社會后的一筆巨大的財富。這次實習的收獲對我來說有不少，我自己感覺在知識、技能等方面都有了不少的收獲。總體來說這次是對我的綜合素質的培養(yǎng)，鍛煉和提高。

【網頁設計實訓報告】相關文章：

網頁設計實訓報告03-19

網頁設計實訓報告精選7篇03-19

《動態(tài)網頁設計》實訓報告11-29

網頁設計實訓報告(7篇)03-19

網頁實訓報告05-31

網頁設計實訓報告（通用7篇）09-24

網頁設計實訓總結通用05-17

網頁設計實訓個人總結04-12

《動態(tài)網頁設計》實訓報告3篇11-29