動態網站建設實訓報告

來源:才華庫 2.97W

在人們素養不斷提高的今天,報告有著舉足輕重的地位,報告成為了一種新興產業。那麼你真正懂得怎麼寫好報告嗎?以下是小編精心整理的動態網站建設實訓報告,歡迎大家分享。

動態網站建設實訓報告

動態網站建設實訓報告1

一、實訓目的

1、進一步熟悉和掌握網站建設的基本流程和技術規範;

2、鞏固運用Dreamweaver網頁製作軟體製作網頁、特別是製作複雜網頁的知識;

3、鞏固綜合運用Dreamweaver軟體完成網站建設任務的方法,能獨立設計一個內容完整、技術運用得當的網站;

4、在網頁設計的實踐中培養分析問題、解決問題的能力,培養協作、交流的能力,培養創新能力和團隊意識;

5、緊緊圍繞網頁製作的流程:規劃、設計、開發、釋出、維護來進行網站的開發,製作出具有較高水準的動態網頁。以此作為學生學習這門課程的階段性總結,使學生複習、鞏固所學過的理論,並予以適當的深化,進一步訓練學生的基本技能(如:蒐集資料、整理資料、製表繪圖、發現與分析問題、尋求解決問題的方案等),為今後從事網站開發、維護和管理奠定基礎。

二、實訓專案

學生資訊管理網站

三、實訓過程

1.資料的蒐集。

2.構建站點框架。

3.設計主頁及二級頁面。

4.實現網頁間的連結

連結的過程其實很簡單,主要是把要連結的文字選擇在選擇工具欄的連結按鈕最後選擇自己要連結的網頁單擊確定便可以了。具體情況如下:

通過這半年的學習實踐中和老師的指導下以大量明晰的操作步驟和典型的應用例項,教會我們。使更豐富全面的軟體技術和應用技巧,使我們真正對所學的軟體融會貫通。所以我結合所學專業的內容製作了個人網站,作為實習的成果。其內容是多樣化的。製作網頁用的軟體是Dreamweaver軟體。Dreamweaver大大加速了網路時代電子交易應用中的專案交付。它提供了網頁和表單的動態生成到企業級的解決方案,如電子商店,庫存管理系統和企業內部區域網的資料庫應用等功能。製作網頁,首先是確定主題,經過再三考慮,就做了個關於學生資訊管理的網站,於是確定主題,但有些內容比較複雜,對於我們來說有點不實際,根據這種情況,最後決定建立一個簡單的學生資訊管理網站,於是網站主題確立。

然後是整體規劃,每一版塊清晰明,便於管理,大致分幾部分,學生資訊顯示、編輯、新增、刪除等。

再後就是建立站點,接下來就是製作網頁了,使用Dreamweaver製作。

首頁主要是導航作用。首頁製作時,時刻考慮著網頁的基本原則:統一,連貫,分割,對比及和諧的原則,內容統一,都是為了主題服務,一個網站強調的就是一個整體,只有圍繞一個統一的目標所做的設計才是成功的;連貫,頁面之間關係連貫,統成一體;每版內容都自成一體,顏色各異,便於瀏覽;整個網頁有動有靜,顏色不同,形成對比,不呆板,富有生氣;顏色各異,但又不同之中又相同,渾然一體。而且製作過程中,不忘以下原則:

簡潔實用:這是非常重要的,網路特殊環境下,儘量以最高效率的方式將使用者所要想得到的資訊傳送給他就是最好的,所以要去掉所有的冗餘的東西。使用方便:同個是相一致的,滿足使用者的要求,網頁做得越適合使用,就越顯示出其功能美;頁面用色協調,佈局符合形式美的要求:佈局有條理,充分利用美的形式,是網頁富有可欣賞性,提高檔次。當然雅俗共賞是人人都追求的。還有,這次的網站大部分用的是表格,層用的很少,因為它太靈活了,不好控制,用的很少。

再後,是網頁的上傳與釋出,用ftp將製作好的網站上傳製作過程中,才發現,原來自己懂的太少了,好多不知道的地方,才開始查詢,開始的時候只是會建立模版,可不會應用,操作,可這樣要修改模版可就麻煩了,要一個網頁一個的修改,於是趕緊上網學習相關內容,閱覽書籍,最後才知道檔案這有個資源,點選:

進入資源面板,點選到數第二個的模版,選項,所有模版就都顯示了,點選資源面板左下角的應用命令,好了,這個模版就應用到你建立的網頁中去了。這只是在製作過程中出現的問題之一,其它問題也是類似相同。現在想想,自己所會的東西太少了,現在做的網站只是一些簡單的網站,看到了一些知名的網站開發出的網頁,不僅欄目內容豐富,資訊量大,而且頁面圖文並茂,五彩繽紛,使得網民讚歎不已,流連忘返。以我們的經驗,當前的軟體的功能日趨複雜,不學到一定的深度和廣度是難以在實際工作中應付自如的。因此反映出學習的還不夠,缺點疏漏。需在加以刻苦鑽研及學習,不斷開拓視野,增強自己的實踐操作技能,為以後能做出出色的網頁而努力。以後要學的實在是太多了,而且我也很喜歡這方面,在以後的日子裡,會努力填充自己,豐富自己的。希望以後有不懂的地方,老師能多多指點。

四、心得體會

在Internet飛速發展的今天,網際網路成為人們快速獲取、釋出和傳遞資訊的重要渠道,它在人們政治、經濟、生活等各個方面發揮著重要的作用。因此網站建設在Internet應用上的地位顯而易見,它已成為政府、企事業單位資訊化建設中的重要組成部分,從而倍受人們的重視。

對於現在的社會,科技的飛速發展已經成為社會發展的標誌。其中計算機的發展可謂快中之快,而在計算機的發展中計算機網路的'發展又是首當其衝的。計算機網路從為我們所知,到現在才經歷的短短的幾年時間,在這幾年中隨著計算機網路的廣泛應用,特別是Internet的普及和發展,網路已經成為了不可或缺的通訊手段。不論是最新的新聞資訊、新產品的出臺、新遊戲的釋出、最新的各種IT動態,包括等候就業人才的個人簡歷,我們都是可以通過網路來獲得。但是什麼為這所有的一切提供平臺的呢。我們又是通過什麼來獲取這些訊息的呢對就是網頁。現如今,數以萬計的網站以網頁的方式提供了豐富、精彩的資訊。在人類社會進入資訊時代的時候,在網路成為通訊的主要手段的時候,在計算機網路普及的今天,網頁也在它自己的崗位上做出了突出的貢獻。網頁是我們在網路上的“代言人”。我們將什麼樣的資訊傳達給瀏覽者,要講述什麼樣的事情,網頁在這裡起著重要的作用。(一)頁面的設計方面

網頁設計跟學習別的東西一樣,也需要興趣,所謂的興趣也不是三分鐘熱度,是一種執著。

學習網頁設計需要耐心,如果沒有耐心,就學不好網頁設計,應為當你碰到一個問題時,如果不能立刻得到問題的答案,你可能需要很長時間去解決,我就碰到過一個問題,用了很長時間才解決。

學習網頁設計需要堅持,堅持不斷的學習,因為設計網頁的軟體在不斷的更新,因此我們要不斷的學習

並且學習網頁設計不要掉入技術的陷阱,如果你的網頁設計技術一流,並且對軟體的掌握程度已經達到一定水平,但是你設計的網頁確不堪目睹,這是因為網頁設計是介於平面設計和程式設計技術兩者之間的"邊緣科學."不僅涉及到美學,心理學,平面構成,色彩搭配等平面設計的方面的知識,還涉及到:

VBscript,css,asp等程式語言技術方面的知識.只有綜合運用多種知識,才能設計出視聽特效,動感十足,富於個性的web頁面,才能全面展現網際網路這一新型媒體的獨特魅力和多維空間的超強功能.並且我認為網頁設計應該注重實用性,因為它是讓人瀏覽的,是使用者可以撫摸,可以評論,可以互動的。因此我提倡簡單的美。

(二)網頁的整體佈局和導航

網頁的佈局通常指的是網頁的整體架構,說的通俗一點就是排版。如何突出最重要的內容,即讓使用者眼就看到這個網頁所想要傳達的資訊。這一點至關重要。在大多數做的比較成功的網頁中,一個共同的特點就是網頁的整體架構十分的清晰明瞭,便於使用者瀏覽。網頁佈局是主要考慮以下幾點:

1、首先要考慮整個網頁的長和寬,以及長度和寬度之間的比例。

2、其次就應該考慮導航條的設定了。

3、正文的框架設定(橫向因素和縱向因素交錯)

(三)網頁製作過程中的其他注意事項

不要過於注重色彩的燦爛,只要簡單就行。我們最終追求的主要是實用價值。通過這次實習,在製作時想想使自己的網頁更加豐富多彩,在網頁中插入圖象,動畫,動態特效。可是總遇到這樣那樣的問題,但在同學的幫助和自己摸索的情況下完成了這個實習的成果。看到了一些知名的網站開發出的網頁,不僅欄目內容豐富,資訊量大,而且頁面圖文並茂,五彩繽紛,使得網民讚歎不已,流連忘返。以我們的經驗,當前的軟體的功能日趨複雜,不學到一定的深度和廣度是難以在實際工作中應付自如的。因此反映出學習的還不夠,缺點疏漏。虛在加以刻苦鑽研及學習,不斷開拓視野,增強自己的實踐操作技能,為以後能做出出色的網頁而努力。

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

動態網站建設實訓報告2

一、實訓目的

1、進一步熟悉和掌握網站建設的基本流程、ASP程式語言及SQL語句操作資料庫的方法;

2、鞏固運用Dreamweaver網頁製作軟體製作網頁、特別是製作複雜網頁的知識和運用Access建立資料庫;

3。通過實驗教學主要培養學生的動手能力,提高學生運用ASP程式設計工具編寫動態網頁能力的水平;

4、運用所學ASP程式設計知識進行網頁材料準備,並建設學生資訊管理系統和新聞內容的後臺管理。

二、實訓專案

學生資訊管理系統

2。校園新聞後臺管理

三、實訓過程

1.資料庫的建立。2。熟悉製作軟體。3。構建站點及框架。4設計主頁頁面及二級頁面。5實現網頁間的連結。具體情況如下:

通過具體的操作步驟和例項,教會我們學習製作動態網頁製作,瞭解ASP六大內建物件(request物件、response物件等),也豐富了我們應用軟體的技巧,使我們真正對所學的軟體融會貫通。針對動態網站建設這一課程,結合所學專業的內容製作學生資訊管理系統及新聞釋出的後臺管理兩個專案,熟悉ASP程式語言的內容。製作網頁用的軟體是Dreamweaver軟體和MiscrosoftAccess軟體。

(1)學生管理資訊系統

該系統利用新建上方固定、左側巢狀的框架頁實現學生資訊簡單的顯示、新增、編輯、刪除、查詢功能,在框架的leftframe中放置顯示、新增、刪除、編輯的文字連結,完成學生資訊操作,並讓其內容顯示在mainframe中。在MiscrosoftAccess中新建db1。mdb資料庫,建立biao1儲存學生資訊。包括有:Id自動編號學號文字姓名文字班級文字專業文字籍貫文字年齡文字(2)校園新聞後臺管理

校園新聞後臺的管理主要及時新增最新的文章,將新增的文章標題顯示在主頁面Index。asp的相應的綜合新聞、通知公告、系部動態、招生就業、學生活動、校園動態欄目下,並新增文字連結,使其能夠閱覽到標題的正文neirong。asp。首頁的後臺管理中涉及錄入文章的標題、作者、來源、更新時間等,提交到資料庫new表中。

在MiscrosoftAccess中新建new.mdb資料庫,建立new儲存學生資訊。包括有:idBiaotiZuozheLaiyuanTimeZhengwenLanmu

實訓過程中,主要是考察我們在動態網頁製作過程裡對ASP程式語言的熟知與應用。

書寫程式碼的時候,在執行過程中資料庫缺少欄位、因為缺少空格導致的錯誤、建立的記錄集中的名稱不一樣、還有雙引號不能夠直接套雙引號等問題;在書寫SQL語句時,將單引號與雙引號混淆,造出瀏覽時頁面的錯誤;在呼叫表單的時候,容易犯把FROM書寫成FORM,不細心混淆兩者。

四、心得體會

在Internet飛速發展的今天,網際網路成為人們快速獲取、釋出和傳遞資訊的重要渠道,它在人們政治、經濟、生活等各個方面發揮著重要的作用。因此網站建設在Internet應用上的地位顯而易見,它已成為政府、企事業單位資訊化建設中的重要組成部分,從而倍受人們的重視。

網頁是我們在網路上的“代言人”。我們將什麼樣的資訊傳達給瀏覽者,要講述什麼樣的事情,網頁程式設計在這裡起著重要的作用。

以我們的經驗,當前的軟體的功能日趨複雜,不學到一定的深度和廣度是難以在實際工作中應付自如的。因此反映出學習的還不夠,缺點疏漏。我們需在加以刻苦鑽研及學習,不斷開拓視野,增強自己的實踐操作技能,為以後能做出出色的網頁而努力。

熱門標籤