大學(xué)計算機(jī)基礎(chǔ)網(wǎng)頁制作實驗報告

網(wǎng)頁制作報告計算機(jī)基礎(chǔ)網(wǎng)頁制作報告201目錄一．制作目的： 3二．制作內(nèi)容： 3三．遇到的問題及解決方案 3四．報告成果截圖展示 4五．制作體會 5第3頁共8頁一．制作目的：掌握Dreamweaver的基本操作；掌握網(wǎng)頁設(shè)計的規(guī)范；掌握簡單網(wǎng)頁的制作方法。二．制作內(nèi)容：熟悉Dreamweaver的工作界面；在頁面上插入常用的對象，比如文字，圖像，聲音，flash動畫等；設(shè)置超鏈接；表格的應(yīng)用；層的設(shè)置。三．遇到的問題及解決方案1．使用Word制作藝術(shù)字效果，然后復(fù)制粘貼到HTML中，結(jié)果原來做的效果全部失幀。解決方案：使用PPT做出自己需要的效果，然后保存為圖片格式，然后再在HTML中插入這個圖片就好了。2．直接超鏈接視頻文件后，打開時會出現(xiàn)一個下載的界面，然后才能進(jìn)入。解決方案：只有swf文件格式才能直接鏈接。所以如果直接鏈接的話就得先轉(zhuǎn)成swf文件。四．報告成果截圖展示五．制作體會1、實驗開始之前要先建立一個根文件夾，在實驗的過程中把站點存在自己建的文件夾里，這樣才能使實驗條理化，不至于在實驗后找不到自己的站點。在實驗過程中會出現(xiàn)一些選項，計算機(jī)一般會有默認(rèn)的選擇，最后不要去更改，如果要更改要先充分了解清楚該選項的含義，以及它會造成的效果，否則會使實驗的結(jié)果失真。實驗前先熟悉好操作軟件是做好該實驗的關(guān)鍵。建立站點，將文件導(dǎo)入到站點名下，正式開始網(wǎng)頁制作。首先進(jìn)行頁面設(shè)置，我是插入一個背景圖片，但是好像感覺效果不是很好，上網(wǎng)看看，貌似沒有看到以圖片作為網(wǎng)頁背景的。接下便是創(chuàng)建表格和層，往里面插入圖片和文字，并注意文字與圖片的搭配，多看看計算機(jī)上網(wǎng)站上的網(wǎng)頁，借鑒一下他們的某些地方，內(nèi)心地組合搭配，力求做出最美觀的頁面。本操作中主要通過整個表格和單元格顏色的差異來襯托出實驗效果，間距的作用主要在于表現(xiàn)這種顏色差異。表格的背景顏色和單元格的背景顏色容易混淆，在實驗中要認(rèn)真判斷，一旦操作錯誤則得不到實驗的效果?！氨砀駥挾取蔽谋究蛴覀?cè)的表格的寬度單位，包括“像素”和“百分比”兩種，容易混淆，要充分地理解這兩種單位表示的意義才能正確地進(jìn)行選擇，否則就不能達(dá)到自己想要的效果，設(shè)置錯誤就會嚴(yán)重影響實驗效果。還有就是我覺得那個插入背景聲音的做法不錯，通過拆分，直接在源代碼上輸入相關(guān)內(nèi)容，可操作性強(qiáng)，這又使人想起了復(fù)制成熟網(wǎng)站的源代碼，再把它的內(nèi)容小做修改，就可以很容易做出一個網(wǎng)頁。2、在學(xué)習(xí)了office辦公軟件之后，我們又學(xué)習(xí)了網(wǎng)頁制作的基本知識，了解了有關(guān)系統(tǒng)結(jié)構(gòu)、靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁、網(wǎng)頁的發(fā)布等基礎(chǔ)知識。其中，發(fā)布信息采用的是www網(wǎng)頁方式，系統(tǒng)一般采用Browser/Server結(jié)構(gòu)，通過三層結(jié)構(gòu)建立連接、解釋執(zhí)行。另外，靜態(tài)網(wǎng)頁就是標(biāo)準(zhǔn)的HTML文件，文件擴(kuò)展名為.htm或.html，其內(nèi)容不會為用戶的操作而改變；動態(tài)網(wǎng)頁內(nèi)含程序代碼并會被服務(wù)器端執(zhí)行，且執(zhí)行結(jié)果會隨執(zhí)行時條件不同而發(fā)生變化。我們學(xué)習(xí)的內(nèi)容則是用Dreamweaver設(shè)計工具制作靜態(tài)網(wǎng)頁。制作網(wǎng)頁所用的標(biāo)記語言分HTML和腳本語言兩種，目前B/S結(jié)構(gòu)基于HTML語言。以上是我們學(xué)習(xí)網(wǎng)頁制作須知的基礎(chǔ)知識。利用Dreamweaver制作網(wǎng)頁，先創(chuàng)建一個空白文檔，工作窗口會出現(xiàn)3種編輯模式：設(shè)計、代碼、拆分。根據(jù)我們的計算機(jī)水平一般使用設(shè)計模式以便查看設(shè)計效果；同時配合應(yīng)用部分代碼模式進(jìn)行必要的精確細(xì)致的修改。在第二步創(chuàng)建站點中，最重要的就是定義一個本地站點來管理相關(guān)網(wǎng)頁制作的文件、圖片、程序等。我覺得，對Dreamweaver軟件一定要整體把握、綜合應(yīng)用。那么，在今后的學(xué)習(xí)工作中就要學(xué)以致用、不斷改進(jìn)，切不可前學(xué)后忘，竹籃打水一場空。因為對于在代碼模式中編輯滾動文字，老師在課堂上講過一次，又在上機(jī)課上帶領(lǐng)操作一次，但我沒有及時鞏固，所以在實際操作時還是沒有完全掌握，只能及時詢問同學(xué)才將問題解決。此外，我一直沒有找到插入豎直文本的方法，詢問許多同學(xué)也沒有結(jié)果，最后只能通過每一行放置一個字再將邊框縮小來實現(xiàn)。幾周來的學(xué)習(xí)給予我更大的感悟是學(xué)習(xí)的過程也是成長的過程。與高中填鴨式被動的教學(xué)模式相比，大學(xué)更提倡自我發(fā)現(xiàn)，自主探索。這就要求我們盡快適應(yīng)環(huán)境，并發(fā)揮自己的主觀能動性積極參與，上下求索，進(jìn)而超越自我。另外，我也深刻明白了積累的重要性。這些操作步驟雖簡單，有的甚至不值一提，卻是學(xué)業(yè)的根本，事業(yè)的基石。因而學(xué)習(xí)不可眼高手低，要從點滴做起。3、通過這次實驗，很好的培養(yǎng)了我的創(chuàng)新思維。以前學(xué)習(xí)都只是接受書本的只是然后不斷地做題，日復(fù)一日。而現(xiàn)在整個網(wǎng)頁沒有一個準(zhǔn)確的標(biāo)準(zhǔn)，就像一篇作文，給你一個主題，其他自己隨意發(fā)揮。其實如果真的要完全原創(chuàng)的話這會是一個非常龐大的工程，所有的東西都要自己寫，這會非常困難，對于我們來說，因此我們就直接照的網(wǎng)上的資源。但是版面的排版設(shè)計都是自己想的，雖然有些簡單，但至少沒有復(fù)制人