web實訓心得體會

1、web 實訓心得體會篇一： Web網(wǎng)頁設計實驗報告WEB系統(tǒng)開發(fā)綜合實驗報告題目紅塵客棧網(wǎng)上訂房頁面專業(yè) 計算機科學與技術（信息技術及應用）班級學生重慶交通大學20XX 年目 錄一、設計目的 .3二、設計題目 .3三、結構設計 .3四、技術分析 .4五、設計過程 .7六、實驗心得10七、實驗總結11一、設計目的在 Internet飛速發(fā)展的今天，互聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道，它在人們政治、經(jīng)濟、生活等各個方面發(fā)揮著重要的作用。 因此網(wǎng)站建設在 Internet 應用上的地位顯而易見，它已成為政府、企事業(yè)單位信息化建設中的重要組成部分，從而倍受人們的重視。我們當代大學生更是離

2、不開網(wǎng)絡給我們帶來的好處與便利 . 但是 , 我們成天瀏覽的網(wǎng)站網(wǎng)頁到底是如何制作的呢 ?我想這一點很多同學都沒有去深究過 . 所以 , 這學期我選擇了” web 網(wǎng)頁設計”這門課 , 本課程的設計目的是通過實踐使同學們經(jīng)歷網(wǎng)頁制作的全過程 . 通過設計達到掌握網(wǎng)頁設計、制作的技巧。了解和熟悉網(wǎng)頁設計的基礎知識和實現(xiàn)技巧。根據(jù)題目的要求，給出網(wǎng)頁設計方案，可以按要求，利用合適圖文素材設計制作符合要求的網(wǎng)頁設計作品。熟練掌握 Photoshop cs3 、Dreamweaver cs 等軟件的的操作和應用。 增強動手實踐能力，進一步加強自身綜合素質(zhì)。學會和團隊配合，逐漸培養(yǎng)做一個完整項目的能力。

3、二、設計題目紅塵客棧三、結構設計選定主題，確定題目之后，在做整個網(wǎng)站之前對網(wǎng)站進行需求分析。首先，做好需求調(diào)研。調(diào)研方式主要是上網(wǎng)查閱資料，在圖書館里翻閱相關書籍。然后，調(diào)研結束之后對整個網(wǎng)站進行功能描述，并對網(wǎng)站進行總體規(guī)劃，接著逐步細化。我們選做的主題是個人主頁，并且選定題目為“紅塵客?！?，其目的是做一個簡單的網(wǎng)站，介紹酒店概況，提供一定的資訊信息。四、技術分析建立布局在這次的網(wǎng)頁設計中用到大量的布局，所以怎么樣建立布局是關鍵。 Dreamweaver cs3 是大多數(shù)人設計網(wǎng)頁的稱手兵器，也是眾多入門者的捷徑。特別是其在布局方面的出色表現(xiàn)，更受青睞。大家都知道，沒有表格的幫助，很難組織出

4、一個協(xié)調(diào)合理的頁面。1. 點擊“ ALT+F6”鍵，進入布局模式，插入布局表格。建立一個大概的布局。2. 使用背景圖片：選中該項，按瀏覽可以插入一幅準備好的圖片作為表格的背景，因為圖片是以平鋪的形式作為表格背景，所以表格大小和圖片尺寸都要控制好。（二）網(wǎng)頁中的圖像圖像傳輸是的真正魅力所在，它與文字相比具有顯著的優(yōu)點：一是直觀，人眼觀看圖像時接受信息的速度遠遠超過觀看文字時接受信息的速度；二是能更清楚地表達細節(jié)內(nèi)容。正是由于這些優(yōu)點，所以在進行網(wǎng)頁設計時圖像很受歡迎。如果網(wǎng)頁做得像一幅風景畫， 瀏覽者一定會流連忘返 （如果圖片很大，效果會適得其反）。圖像文件的格式有幾十種，如 GIF、JPEG、

5、BMP、 EPS、PCX、PNG、FAS、TGA、TIFF 、WMF等，現(xiàn)在 InternetExplorer和 Netscape 支持的、最常用的圖像格式是GIF、JPEG和 BMP。（1）在網(wǎng)頁中插入圖像利用 Dreamweaver cs3 可以方便地在網(wǎng)頁中插入圖像，還可以設置圖像邊框、大小、和位置，并且可以直接對圖像進行 xx 。在網(wǎng)頁中加入圖像的操作非常簡單：1. 新建一個空白網(wǎng)頁，把光標定位在網(wǎng)頁的開始位置。2. 打開“工具”菜單，選擇“圖片”菜單項，在子菜單中選擇“來自文件”菜單項，或者單擊工具欄中的圖片工具圖標，彈出一個“圖片”對話框。3. 在此對話框中單擊“瀏覽”按鈕，出現(xiàn)一

6、個“選擇文件”對話框。4. 在“選擇文件”對話框的文件列表中選擇某個圖像文件，然后單擊“確定”按鈕，或直接雙擊該圖像文件，該圖像即被加入到網(wǎng)頁中。在網(wǎng)頁中插入圖像后我們就可以對圖像的各種屬性進行設置了。（2）圖像的各種屬性設置1. 選中所插入的圖片，單擊鼠標右鍵，彈出一個快捷菜單，在菜單中選擇“圖片屬性”菜單項，出現(xiàn)一個“圖片屬性”對話框 .2. 打開“外觀”選項卡。設定圖像邊框粗細：在“外觀”選項卡的“布局”欄里可以根據(jù)需要定義圖像的邊框，也可以定義邊框值為“ 0”，即無邊框。設置圖像環(huán)繞方式：一般情況下一幅圖像只能與一行文字處在同一高度，但有時需要將圖像和文字分開，且兩者互不影響。比如在網(wǎng)

7、頁左邊插入一幅圖像，要求右邊的文字就像沒有圖像時可以多行輸入，這就要通過設置圖像的環(huán)繞方式來實現(xiàn)。在網(wǎng)頁中圖像的環(huán)繞方式有兩種：左環(huán)繞：圖像在左邊，文本在圖像的右邊進行環(huán)繞。右環(huán)繞：圖像在右邊，文本在圖像的左邊進行環(huán)繞。在“外觀”選項卡的“布局”欄中打開“對齊方式”下拉列表框，選擇“左”選項，并單擊“確定”按鈕，圖像就被設置為左環(huán)繞方式，同樣，如果選“右”，圖像就被設置為右環(huán)繞方式。xx 圖像大?。涸?Dreamweaver cs3 中，當在網(wǎng)頁中加入一幅圖像后，圖像大小默認設置為其原來的大小，如果加入的圖像太大或太小，或有其他特別需要，就得調(diào)整圖像的大小。調(diào)整圖像大小非常簡單靈活，只要你選中

8、加入的圖像，用鼠標左鍵拖動圖像邊框，可任意調(diào)整圖像的寬度和高度直到達到你滿意的尺寸。設置圖像縮放比例：網(wǎng)頁設計的一個重要原則就是網(wǎng)頁的兼容性，對于不同的瀏覽器或者不同的分辨率， 不管是 800× 600 的窗口，還是 1024× 768 的窗口，網(wǎng)頁都要能正常的顯示。設置圖像縮放比例就是將圖像設置為大小可以按比例變化，與瀏覽器的大小成一固定比例，這樣在不同大小的瀏覽器窗口里圖像都能正常的顯示外觀。設置圖像縮放比例的步驟如下：1. 選中網(wǎng)頁中的圖像，單擊鼠標右鍵，在彈出的快捷菜單里，選擇“圖像屬性”菜單項，彈出一個“圖像屬性”對話框 .2. 在“大小”欄中選中“指定大小”復選

9、框，同時選中“寬度” 和“高度” 下面的 “百分比” 單選按鈕， 然后在 “寬度”和“高度”欄里輸入想顯示的比例，單擊“確定”完成設置。外還可以在“外觀”選項卡的“水平間距”和“垂直間距”欄里進行設置，水平間距是指圖像與周圍元素在水平方向的間距，以象素為單位；垂直間距指圖像與周圍元素在垂直方向的間距。（3）怎樣 xx 網(wǎng)頁中的圖像在 Dreamweaver cs3 中，可以使用“圖片”工具欄中的各種工具對網(wǎng)頁中的圖像進行 xx ，xx 功能主要有：圖像旋轉和翻轉、剪裁、圖像淡化、凹凸效果等等。另外，為了使圖片更符合要求，我們還在 photoshop cs3 中隊所用的圖片進行了處理，使得圖片看

10、起來更加精細美觀，符合我們的主題要求。（4）使用背景圖像使用背景圖像與使用背景色不同，使用背景色只將網(wǎng)頁的背景用某種顏色填充，而使用背景圖像則是將網(wǎng)頁的背景用圖像平鋪。這樣做可以使制作的網(wǎng)頁更美觀好看。網(wǎng)頁中使用背景圖像的具體步驟如下：1. 新建一個空白網(wǎng)頁。2. 單擊鼠標右鍵，彈出的快捷菜單里選“網(wǎng)頁屬性”，彈出“網(wǎng)頁屬性”對話框 .篇二： web 開發(fā)技術實訓報告實訓報告姓名：曾暉班級： 09 網(wǎng)絡 01 班 網(wǎng)站類型：個人網(wǎng)站曾小亮實訓時間： 20XX-12-20-20XX-12-30一、實習目的指導老師：·讓學生了解網(wǎng)站的制作流程和基本技法。 . Dreamweaver 的使

11、用·掌握利用 IIS完成站點創(chuàng)建， 學會站點的規(guī)劃與創(chuàng)建，能自己創(chuàng)建個人網(wǎng)站和簡單的企業(yè)網(wǎng)站。·掌握利用SQL Server的企業(yè)管理器建立數(shù)據(jù)庫和數(shù)據(jù)庫表，鞏固數(shù)據(jù)庫基本命令的使用（當然，不反對利用ACCESS建立數(shù)據(jù)庫和數(shù)據(jù)庫表）。·掌握利用ASP訪問與操作數(shù)據(jù)庫的各種常用的功能及實現(xiàn)方法。·了解動態(tài)網(wǎng)頁的制作技術，掌握與數(shù)據(jù)庫的鏈接及簡單的數(shù)據(jù)處理。·培訓學生的動手能力、綜合應用能力和團隊合作能力。二、實習要求·按時、按地參加實習，遵守實習紀律，遵守實習場地的制度；·愛護實習場地的所有實習設備，講究公共衛(wèi)生；·

12、;做好實習筆記和實習記載，實掌握實習的每項內(nèi)容；·認真填寫好實習報告、實習總結，實習完成統(tǒng)一交實習老師。三、實習形式·前一周完成ASP、SQLServer 以及 DeramweacerMX20XX的學習，要及時完成學習任務。·后一兩周進行網(wǎng)站綜合開發(fā)實訓，可分組進行。（題目可自選，要求：有一定實際意義的網(wǎng)絡數(shù)據(jù)庫應用程序，具有較好的界面和使用的方便性、準確性和安全性，且能在機上運行通過軟件。）五、實驗內(nèi)容1. 網(wǎng)站結構示意圖（1）打開我的首頁， 然后點擊 zhufu 按鈕進入按鈕界面， （ 20如下（ 2）所示（ 2） newyears/進入頁面后有一首歡快的背景

13、音樂，在祝福頁面里，你可以向你的好友發(fā)表你的祝福，你可以對祝福查看和修改，并且還可以看到歷史記錄，頁面右上角可以返回首頁。（ 3） liuyan1/回到主頁再點擊留言按鈕，進入面，你可以發(fā)表留言，不需要審核也能發(fā)表。由于時間倉促，網(wǎng)站暫時到此，網(wǎng)站還在積極開設建設中，敬請期待你的到來五、實訓結果（實訓分析）實驗基本成功實訓是培養(yǎng)學生綜合運用所學知識 , 發(fā)現(xiàn) , 提出 , 分析和解決實際問題 , 通過上機練習來培養(yǎng)我們自身實踐能力，這次網(wǎng)頁布局訓練就是其中之一。這次的網(wǎng)頁設計與制作讓我收獲頗豐。的確，從聽老師解說到開始自己制作，從理論到實踐，在這幾節(jié)課的實操時間里，過程中不僅鞏固了以前所學過的

14、知識，而且學到了很多在書本上所沒有學到過的知識。使我懂得了理論與實際相結合是很重要的，只有從理論中得出結論，才能真正為掌握技術，從而提高自己的實際動手能力和獨立思考的能力。只有把布局的基礎打好，才能設計出成功的網(wǎng)頁六，實訓心得首先我要做的就是要選擇好題目和網(wǎng)站的風格，之后我就分步驟準備在制作網(wǎng)站前所要做好的準備工作。我瀏覽了日照職業(yè)技術學院以及相關網(wǎng)站的一些特點，借鑒這些網(wǎng)站的優(yōu)秀之處，不好的地方在自己的網(wǎng)站上加以改良，從而使自己的網(wǎng)站更加美觀?；仡欉@次課程設計，至今我仍感慨頗多。的卻。從選題到開始制作，從理論到實踐，在實訓機房日子里，可以說得是苦多于甜，但是可以學到很多很多的的東西，同時不僅

15、可以鞏固了以前所學過的知識，而且學到了很多在書本上所沒有學到過的知識。在選擇好題目和網(wǎng)站的風格之后，我就開始了實訓項目的進程，按照實訓方案的規(guī)定，先是將網(wǎng)站的總體策劃以書面的形式展現(xiàn)出來，通過老師審核之后，在相應的時間段找相關的素材，搜集與主題相關的文字、圖像等。再是設計網(wǎng)站的內(nèi)容結構、目錄結構和鏈接結構，設計首頁及其頁面的版式結構。然后創(chuàng)建本地網(wǎng)站，建立網(wǎng)站的目錄結構。制作首頁、二級子頁、內(nèi)容頁，創(chuàng)建超級鏈接。最后就是測試與瀏覽網(wǎng)頁，如果還有什么不理想的地方再改進再預覽，如此反復，最后達到最好效果！篇三： web 應用開發(fā)實訓總結實訓總結這學期將要結束，在最后的 WEB實訓的這三周中，我弄懂了許多在上課中不曾理解的東西，比如如何連接數(shù)據(jù)庫，如何將用戶控件綁定數(shù)據(jù)庫，如何編寫后臺代碼。我認為這三周的實訓，對我來說是及其重要的，它讓我鞏固了這一學期來所學 Web知識，讓我更加深入的了解這門課的重要性，我也十分的感謝申老師！在這次的實訓中，我們做的是庫房管理系統(tǒng)。其中包括登陸，修改 xx 刪除庫房，用戶，庫房時間。以及修改密碼，查看工作閥值。原本以為這東西會很簡單，因為老師會在講完之后發(fā)代碼，或在最后發(fā)所做的代碼。心想著只要復制黏貼，在稍作修改就好。但其實不然，你所復制黏貼上去的東西，做的即使再對，它也不