大學計算機導(dǎo)論實踐報告

中南大學

大學計算機導(dǎo)論實踐報告

題目學生姓名指導(dǎo)老師學院專業(yè)班級學生學號

201*年12月16日

大學計算機基礎(chǔ)實踐報告

1.任務(wù)內(nèi)容1.1.題目內(nèi)容

學習掌握中文演示軟件PowerPoint201*的操作及使用，并用此軟件實際一份綜合演示報告。

1.2.內(nèi)容主題

陜西風景名勝展示。

2.設(shè)計的步驟2.1.所選題目分析

題目的目的是掌握PowerPoint201*的操作和使用。通過自由確定主題，利用一份完整的綜合演示報告完整表現(xiàn)出相應(yīng)主題，使用音樂、圖片等多媒體元素輔助與襯托。因此，要首先確定報告主題，然后應(yīng)該確定演示報告的組成板塊及彼此聯(lián)系，最后進行逐個的詳細設(shè)計以及資料的收集。進而逐步的完成演示報告，并從中熟悉PowerPoint的操作和使用。

2.2.內(nèi)容主題分析

綜合演示報告所選主題是陜西風景名勝展示，目的是展示自然人文風光，依次簡介和展示鐘鼓樓、大雁塔、半坡遺址、秦嶺、黃帝陵等22處風景名勝。按照以西安為起點，按照東西南北順序依次主要通過文字與圖片結(jié)合的方式來表現(xiàn)。

2.3.頁面設(shè)計分析

首頁為封面并點名主題。第二頁為目錄頁，超鏈接至對應(yīng)頁。最后一頁為“謝謝觀賞”和超鏈接目錄。在除了第一、二頁外每頁插入動作按鈕，便于在上下兩頁以及第二頁的目錄和最后一頁間切換。在首頁插入音樂，播放方式為跨幻燈片播放與循環(huán)播放，作為背景音樂。

其余各頁為演示文稿的正文部分。通過母版設(shè)計，完善內(nèi)容版式，方便使用，同時確定頁面背景與色調(diào)。各頁基本組成為標題、文字介紹、圖片、裝飾性藝術(shù)字、相關(guān)網(wǎng)站的超鏈接。基本為一處景點一頁，共37頁。

每一頁中的各組成部分均設(shè)計有順序的動畫，依次自動出現(xiàn)。在內(nèi)容

1

大學計算機基礎(chǔ)實踐報告

重疊與同一頁的分別設(shè)置退出動畫。個別使用突出動畫和動作路徑動畫。

每一頁都設(shè)置切換動畫以及與動畫演示時間配合的換片時間，實現(xiàn)自動播放。

3.采取的手法的手段3.1.制作工具

PowerPoint201*作為演示報告制作工具。Photoshop作為部分圖片的處理工具。

3.2.幻燈片母版設(shè)計

在PowerPoint201*的“視圖”菜單下打開幻燈片母版，進行設(shè)計母版以方便現(xiàn)在和將來的幻燈片的制作。

利用現(xiàn)有版式制作自己所需新版式，如一個與背景同色標題和多個內(nèi)容占位符組成的多張圖片展示版式，一個豎排標題和兩個上下并列文本占位符的目錄頁版式。

然后在母版中加入每個幻燈片均擁有的公共元素，如統(tǒng)一的頁腳和鏈接到上下頁和首末頁的動作按鈕。

最后改變利用幻燈片設(shè)計更改幻燈片主題，如色調(diào)、字號、字體顏色、背景圖片等。

3.3.圖像音頻的插入

插入圖片的步驟：插入→圖片→選擇相應(yīng)圖片文件→點擊“確定”然后調(diào)節(jié)圖片大小與位置，圖片的處理利用Photoshop完成。插入音頻的步驟：插入→音頻→選擇“來自文件”→選擇相應(yīng)音頻文件→點擊“確定”。

然后在“自定義動畫”設(shè)置音頻播放時機與觸發(fā)方式。對于背景音樂，將背景音樂插入至首頁，然后設(shè)置為“放映時隱藏”、“循環(huán)播放，直到停止”，在“自定義動畫”中設(shè)置為第一個播放，播放時間為“之前”。

3.4.動畫的使用與幻燈片切換

在每一頁幻燈片中，依次選中某一文字、圖片等元素后，選擇“動畫”菜單，選擇所需的進入動畫。需要突出效果的，在進入動畫之后插入突出

2

大學計算機基礎(chǔ)實踐報告

動畫，退出動畫設(shè)置同理。然后打開“自定義動畫”窗口，通過上下拖動改變播放順序，同時設(shè)置播放時機、播放速度和延遲時間，實現(xiàn)動畫自動有序播放。

之后在“動畫”菜單中選擇所需的切換動畫，然后根據(jù)動畫時長與內(nèi)容信息量設(shè)置換片時間，實現(xiàn)自動換片。

3.5.幻燈片之間和幻燈片與網(wǎng)頁之間的超鏈接

選中需要插入超鏈接的文字、圖片等，然后右擊選擇“超鏈接”或點擊“插入”菜單下的“超鏈接”。對于需要鏈接到報告內(nèi)的幻燈片的，在“本文檔中的位置”下選擇相應(yīng)幻燈片后確定；對于需要鏈接到報告外的網(wǎng)頁、文件的，在“現(xiàn)有文件或網(wǎng)頁”下填入相應(yīng)地址或選擇相應(yīng)文件后確定。

按照以上方法制作目錄，分別超鏈接到相應(yīng)幻燈片。同時在華清池、大明宮等頁插入轉(zhuǎn)到互聯(lián)網(wǎng)網(wǎng)頁的鏈接。

在每一頁中插入轉(zhuǎn)到首末頁、上下頁的四個動作按鈕。

4.遇到的問題與解決辦法4.1.使用母版的作用及如何設(shè)計

使用母版可以方便快捷的設(shè)置幻燈片的各種版式，插入一些統(tǒng)一的元素，減少重復(fù)操作。對母版的幻燈片主題，即主色調(diào)、字號、字體顏色及背景，以及四個動作按鈕的插入

4.2.在同一張幻燈片中依次展示多張圖片文字和設(shè)置圖片移動動畫

效果

在一張幻燈片中插入全部圖片，調(diào)節(jié)好圖片大小及位置，然后按照出現(xiàn)順序添加出現(xiàn)、退出動畫的組合，并對退出動畫作適當延時處理。

對需要移動的圖片插入動作路徑。

4.3.實現(xiàn)在每頁幻燈片之間任意的切換

制作目錄，并插入超鏈接至各文字標題的對應(yīng)幻燈片，在最后一頁重復(fù)目錄。

在每一頁中插入動作按鈕，鏈接到目錄頁、結(jié)束頁、上一頁和下一頁。

3

大學計算機基礎(chǔ)實踐報告

5.總結(jié)

此次課程設(shè)計通過綜合演示報告的制作，熟悉了幻燈片的綜合設(shè)計，以及WindowsXP和計算機的使用，也進一步了解到PowerPoint201*的用途和操作，同時也學會了一些基本的文檔處理的方法和操作。

在素材收集過程中，感受到互聯(lián)網(wǎng)在信息容量和獲取中的優(yōu)勢，學會如何有效利用素材和信息。利用互聯(lián)網(wǎng)使制作過程更簡單，內(nèi)容更豐富。

利用文字與圖片、音樂、超鏈接的結(jié)合使得整個主題更加透徹的展示。而且所制作的幻燈片作為一種簡易的多媒體形式，也感受到了多媒體的魅力，將圖、文、聲、像有機的結(jié)合，更加生動吸引人。超鏈接也使得交互性變強。

設(shè)計過程充分理解課程的原理和設(shè)計技能，掌握了PowerPoint201*的基本使用。

4

擴展閱讀：中南大學 大學計算機導(dǎo)論實踐報告 樊列龍 吳同茂

中南大學

大學計算機導(dǎo)論實踐報告

題目網(wǎng)頁制作實踐美食之家學生姓名指導(dǎo)教師學院專業(yè)班級學生學號

樊列龍

胡揚吳同茂信息科學與工程學院

1132班0909113224

201*年12月12日大學計算機導(dǎo)論實踐報告大學計算機導(dǎo)論實踐報告大學計算機導(dǎo)論實踐報告

Contents目錄

一.主題內(nèi)容

1.網(wǎng)站屬性簡介...................................................................................................12.關(guān)于“美食之家”網(wǎng)站簡介...........................................................................1二.實驗?zāi)繕?.............................................................................................................1三.實驗準備..............................................................................................................1四.實驗步驟..............................................................................................................21.實驗設(shè)計站點簡介............................................................................................22.關(guān)于“美食之家”網(wǎng)頁簡介...........................................................................23.搭建站點...........................................................................................................24.設(shè)計首頁及各個網(wǎng)頁的框架...........................................................................35.設(shè)計頁面整體風格............................................................................................46.收集網(wǎng)頁素材...................................................................................................47.制作網(wǎng)頁............................................................................................................58.鏈接和效果的檢查和網(wǎng)站的測試....................................................................10五.待解決的問題.......................................................................................................10六.心得體會...............................................................................................................11附：“美食之家”所有網(wǎng)頁預(yù)覽..............................................................................12

首頁index01.htm圖片展示框中的重疊圖片............................................................20

大學計算機導(dǎo)論實踐報告大學計算機導(dǎo)論實踐報告大學計算機導(dǎo)論實踐報告

一.主題內(nèi)容

1.網(wǎng)站屬性簡介

使用Frontpage制作網(wǎng)頁---美食之家，設(shè)計的網(wǎng)站一共有33個網(wǎng)頁，還包括5個子文件夾，總站點占用存儲空間約56M(主要是本地音樂鏈接文件)。

2.關(guān)于“美食之家”網(wǎng)站簡介

“美食之家”是一個旨在傳播美食文化，推廣美食制作方法，宣傳美食常識，交流美食心得，放松心情的網(wǎng)站。在站點中，首頁（index01.htm）設(shè)計了相關(guān)的導(dǎo)航和鏈接，方便用戶輕松了解美食信息。在網(wǎng)頁制作的過程中盡量考慮到網(wǎng)站文化傳播與對用戶有好界面的設(shè)計，考慮到網(wǎng)站的特殊視覺效果的同時，還要兼顧用戶計算機配置的問題。

二.實驗?zāi)繕?/p>

1、初步了解html標記語言的結(jié)構(gòu)和語法規(guī)則。2、了解與網(wǎng)站搭建相關(guān)的知識領(lǐng)域。3、掌握Frontpage的基本操作。

4、通過遷移word文檔和Excel表格的操作，進一步了解office辦公軟件。5、培養(yǎng)快速接受新知識，并將其轉(zhuǎn)化為可視的知識界面的能力。

三.實驗準備

1、安裝Frontpage201*、PhotoshopCS4、Flash8、DreamwaverCS5軟件。2、在圖書館借閱相關(guān)書籍和在互聯(lián)網(wǎng)上查詢Fronpage的使用方法。3、制定時間計劃，按時完成相關(guān)的任務(wù)。

大學計算機導(dǎo)論實踐報告大學計算機導(dǎo)論實踐報告大學計算機導(dǎo)論實踐報告四.實驗步驟

1．選定設(shè)計對象內(nèi)容

根據(jù)課程設(shè)計實驗要求，考慮到網(wǎng)站的擴展、通用、興趣和易編寫等方面

的因素。我選擇制作的網(wǎng)頁主題是“美食”，網(wǎng)站命名為“美食之家”。網(wǎng)頁包括了“八大菜系”、“美食美文欣賞”、“心情驛站”、“美食制作”、“音樂盡享”等內(nèi)容，網(wǎng)頁設(shè)置了其他網(wǎng)站的鏈接，基本實現(xiàn)了網(wǎng)站搭建的基本要求。

2.設(shè)計網(wǎng)站logo

在網(wǎng)頁的制作之前我首先構(gòu)思了一個網(wǎng)站的logo（如圖4.2），這個logo是利用PhotoshopCS5制作的，關(guān)于該圖標的含義在站點根目錄下的“aboutme.html”文件中有詳細的解釋。

圖4.2logo

3.搭建站點

在網(wǎng)頁制作的過程中，第一步要做的是搭建一個站點。首先在Frontpage中新建一個站點保存在熟悉的路徑中（如果不新建軟件會默認在C盤中自動建立一個站點）。

在站點創(chuàng)建完成之后，需要系統(tǒng)有效地管理站點。

首先，在站點中創(chuàng)建合適名字的文件夾。例如：我的圖片文件統(tǒng)一保存在“images”文件夾下面；我的音樂文件和視頻文件統(tǒng)一保存在“medias”文件夾下面；還有一些文件夾系統(tǒng)會自動生成，同樣可以改變文件的位置，要注意的是在改變文件位置的時候，網(wǎng)頁中的鏈接路徑也要相應(yīng)地改變，否則將出現(xiàn)鏈接錯誤的情況。

另外，為保存的文件和網(wǎng)頁取一個恰當?shù)拿�稱也十分重要。一般來說文件和網(wǎng)頁的命名要簡潔且有意義，最好是英文命名。例如我的主頁命名為“index01.htm”。

這樣就可以系統(tǒng)地管理網(wǎng)站，當網(wǎng)頁發(fā)布之后可以方便實行查找、修改、

大學計算機導(dǎo)論實踐報告大學計算機導(dǎo)論實踐報告大學計算機導(dǎo)論實踐報告添加、替換等操作。

4.設(shè)計首頁及各個網(wǎng)頁的框架

在搭建完站點之后，我開始設(shè)計構(gòu)造網(wǎng)頁的布局。首先在草紙上畫出草圖（見圖4.1.1），通過簡單的計算和定位確定版式布局。例如：我在導(dǎo)航欄設(shè)置了十個欄目通過這些欄目分別鏈接到相應(yīng)的二級網(wǎng)頁；在首頁“index01.htm”的左邊放了“圖片展框”、“站長推薦”、“友情鏈接”三個欄目；在首頁的右邊放了“aboutme”、“音樂盡享”兩個欄目；在首頁的中間放置了一些快速鏈接的欄目，其中有導(dǎo)航欄中出現(xiàn)過的，也有沒出現(xiàn)過的如：“美食美文”欄目；在底部添加版權(quán)（見圖4.4.2）。這就是我的首頁的基本設(shè)計思路，其他頁面的設(shè)計過程和首頁類似。

圖4.4.1設(shè)計草圖

然而，在基于大量的網(wǎng)頁制作實踐中，不可能每一個頁面都完全經(jīng)過上面的設(shè)計過程，因此在內(nèi)容接近的頁面中我使用了同樣的框架結(jié)構(gòu)。當然，在不同類型的頁面中盡量避免出現(xiàn)同一個框架。

圖4.4.2首頁index01的局部

大學計算機導(dǎo)論實踐報告大學計算機導(dǎo)論實踐報告大學計算機導(dǎo)論實踐報告5.設(shè)計頁面整體風格

不同的網(wǎng)站甚至同一網(wǎng)站不同的頁面有不同的風格，因此網(wǎng)頁風格的設(shè)置同樣十分重要。我在設(shè)計網(wǎng)頁的過程中考慮到頁面的數(shù)量和水平限制盡量避免特別出眾的頁面風格類型，而是考慮到盡量使用不同風格的頁面類型。

頁面風格的實現(xiàn)方式有多種，例如：背景顏色、背景圖片、背景音樂、板式布局、邊框類型、動畫插入等等。我在實行頁面風格的實現(xiàn)過程中主要采用前四種。例如“index01.htm（圖4.4.2）”、“xiangcai01.htm”“diy01.htm”、“aboutme.htm（見圖4.5）”這四個網(wǎng)頁通過上面的幾種方式實現(xiàn)了了不同的風格。

圖4.5夜景風格

6.收集網(wǎng)頁素材

網(wǎng)頁素材的收集直接關(guān)系到網(wǎng)頁制作的整體質(zhì)量、總體速度、網(wǎng)頁的內(nèi)容豐富程度等。收集素材時，我主要收集了圖片、文字、Flah視頻、.mid格式的聲音文件還有一些網(wǎng)站的域名等。

網(wǎng)頁素材的收集的過程主要是通過互聯(lián)網(wǎng)實現(xiàn)的，在收集素材的同時也瀏覽了大量同主題的網(wǎng)站，通過查看這些網(wǎng)站的源代碼也學到了許多網(wǎng)頁制作的技巧和網(wǎng)頁布局類型的知識以及網(wǎng)頁特效的實例。

大學計算機導(dǎo)論實踐報告大學計算機導(dǎo)論實踐報告大學計算機導(dǎo)論實踐報告7.制作網(wǎng)頁

1）根據(jù)已制定的草圖布局頁面

在上面的過程中已經(jīng)做好制作網(wǎng)頁的大部分準備工作，接下來就是讓設(shè)計

的網(wǎng)頁實現(xiàn)的過程。根據(jù)已經(jīng)畫好的網(wǎng)頁草圖制作出對應(yīng)網(wǎng)頁。

我在實現(xiàn)網(wǎng)頁布局的過程中，主要用了兩種方法：插入層和插入表格。其中包含了層的嵌套和層的繼承（在同類網(wǎng)頁結(jié)構(gòu)的時候用可以快速實現(xiàn)頁面布局），表格的嵌套和表格的繼承。

通過層和表格相結(jié)合的方式實現(xiàn)了網(wǎng)頁的布局。

2）背景的相關(guān)設(shè)置①背景圖片的選定

插入背景圖片既可以在網(wǎng)頁屬性中插入，還可以通過代碼的輸入來實現(xiàn)。Frontpage為用戶制定的可視化操作界面可簡單方便地進行操作，與word、Excel操作類似。在網(wǎng)頁上右鍵單擊→網(wǎng)頁屬性→格式→背景圖片（圖4.7.2）。代碼方式：在中寫入“background=“路徑””。例如：在網(wǎng)頁“aboutme.htm”中寫入的代碼為劃橫線的部分即為插入背景圖片的代碼。

圖4.7.2背景的相關(guān)設(shè)置

②背景顏色的選定

設(shè)置背景顏色相對來說比較簡單，在Frontpage中也能實現(xiàn)可視化操作，也可以通過寫入代碼的方式設(shè)定。在網(wǎng)頁上右鍵單擊→網(wǎng)頁屬性→格式→背景顏色（圖4.7.2）。代碼方式：在中寫入。例如：在網(wǎng)

大學計算機導(dǎo)論實踐報告大學計算機導(dǎo)論實踐報告大學計算機導(dǎo)論實踐報告頁”diy02.htm”中代碼為大學計算機導(dǎo)論實踐報告大學計算機導(dǎo)論實踐報告大學計算機導(dǎo)論實踐報告5）圖文混排①插入圖片

插入圖片看似很簡單，但是在實際操作的過程中我還是遇到了很多問題。

例如：圖片的插入位置。如果直接在網(wǎng)頁原始層或者表格中插入圖片，圖片的位置放置方式是有限的，不能任意擺放圖片的位置。通過反復(fù)的試驗，最后發(fā)現(xiàn)可以通過插入層的方式來定位圖片的位置，因為層的位置在網(wǎng)頁中是可以任意改變的。

②修改圖片和文字屬性

在圖文混排的過程中，設(shè)置圖片和文字的屬性對于美化網(wǎng)頁外觀、優(yōu)化網(wǎng)頁屬性起到極其重要的作用。

例如：在插入一張圖片后，為了使制作的頁面更加美觀和符合用戶進行瀏覽的習慣，往往會對圖片的大小進行修改。但是如果僅僅修改圖片的顯示大小是遠遠不夠的，如果一張原本100KB的圖片在改變顯示大小之后他占的存儲空間仍然為100KB，會使得用戶瀏覽網(wǎng)頁的速度減慢。這樣顯然是不合適的。所以在編輯時，我對圖片采取重新取樣（圖7.4.5）的方式解決這個問題。

圖7.4.5重新取樣

6）超鏈接

超鏈接有內(nèi)部鏈接外部鏈接之分。內(nèi)部鏈接主要是通過設(shè)定錨點來實現(xiàn)的，外部鏈接需要指出鏈接的地址。只要給出正確有效的鏈接地址，從理論上說是可以對任意的圖像和文字進行鏈接。

由于互聯(lián)網(wǎng)是由一個個網(wǎng)頁通過鏈接組成的，在網(wǎng)頁制作的過程中會有大量的鏈接，如果每一個鏈接都由手動設(shè)置將會占用大量的時間。為了解決這個問題，我在制作的過程中采用了將相同框架下的重復(fù)鏈接通過復(fù)制的方式減少了鏈接的工作量。

鏈接的屬性修改從一開始就困擾著我，例如Frontpage默認的鏈接是有下劃線、瀏覽前為藍色、瀏覽后為紅色。然而我在設(shè)置鏈接的時候希望只是在鼠標經(jīng)過連接時出現(xiàn)下劃線，瀏覽后也不希望它改變顏色。在Frontpage沒能找到相應(yīng)的設(shè)置（應(yīng)該有這個設(shè)置），但是我記得在DreamwaverCS5中有相應(yīng)的設(shè)置，

大學計算機導(dǎo)論實踐報告大學計算機導(dǎo)論實踐報告大學計算機導(dǎo)論實踐報告所以我就想能不能通過DreamwaverCS5來找到代碼。結(jié)果我找到了這樣一串代碼：

a:link{color:#00F;text-decoration:none;}a:visited{text-decoration:none;color:#00F;}a:hover{text-decoration:underline;}a:active{text-decoration:none;}

經(jīng)過修改后復(fù)制粘貼實現(xiàn)了上述功能。

7）特殊頁面效果的實現(xiàn)①圖片展框

圖片展框可以增強頁面的動態(tài)效果，方便用戶直觀快捷地瀏覽網(wǎng)站內(nèi)容。例如在我設(shè)計的展框中用戶可以點擊展框中的圖片可以鏈接到美食DIY的網(wǎng)頁（圖7.4.7.1）。

②帶logo圖標的鼠標跟蹤效果

當用戶移動鼠標的時候，在鼠標的旁邊會出現(xiàn)本網(wǎng)站的一個logo的圖標。這個設(shè)置有利于宣傳網(wǎng)站文化。

③時鐘鼠標跟蹤效果

時鐘跟蹤效果是一個用戶友好型的網(wǎng)頁特效，用戶瀏覽網(wǎng)頁的時候可以方便地查看時間，同時這個效果可以增強網(wǎng)頁頁面的動態(tài)效果。

-8-

圖7.4.7.1圖片展框

圖7.4.7.3時鐘鼠標跟蹤效果大學計算機導(dǎo)論實踐報告大學計算機導(dǎo)論實踐報告大學計算機導(dǎo)論實踐報告

④燭光效果頁面

當用戶瀏覽網(wǎng)頁時，頁面會模擬夜晚的效果，這時候鼠標旁邊會出現(xiàn)一支蠟燭，在蠟燭的周圍會出現(xiàn)局部的光亮。就像一個人在夜晚，拿著蠟燭閱讀墻壁上的畫卷一樣（圖7.4.7.4）。

我把這個效果設(shè)計在“美文欣賞”的頁面中，配上恰當?shù)谋尘耙魳�，可以讓讀者在幽靜的情景氣氛中盡享閱讀的帶來的美感。

圖7.4.7.4燭光效果頁面

⑤彈框的設(shè)置

當用戶打開某個特定的網(wǎng)頁的時候，網(wǎng)站會自動彈出一個對話框，提醒用戶正在進行的操作，例如在我設(shè)計的網(wǎng)頁中當打開“aboutme”或者logo圖標的時候會彈出一個對話框“歡飲來到美食之家�。�！”（圖7.4.7.5）。

圖7.4.7.5一個簡單的彈框

8）滾動字幕設(shè)計

滾動字幕可用于通知、申明、提示等情況下，有助于用戶更多地了解網(wǎng)站

內(nèi)容等信息。在字幕設(shè)計屬性中可以更改背景顏色和重復(fù)次數(shù)等屬性。

9）meta語句的的設(shè)置

meta語句可以用來定義和描述很多內(nèi)容，比如大學計算機導(dǎo)論實踐報告大學計算機導(dǎo)論實踐報告大學計算機導(dǎo)論實踐報告http-equiv="Content-Type"content="text/html;charset=gb2312">這句話描述了網(wǎng)頁顯示為簡體中文GB2312標準。當網(wǎng)站發(fā)布之后meta語句可以定義關(guān)鍵字和內(nèi)容以便用戶可以在收索引擎中收索的網(wǎng)站的相關(guān)信息。除了這些meta語句還可以實現(xiàn)一些例如作者信息（auther）、自動刷新頁面(refresh)等功能。

8.鏈接和效果的檢查和網(wǎng)站的測試

當網(wǎng)站創(chuàng)作基本完成之后，還要檢查鏈接和代碼是否正確和是否有效以對及網(wǎng)站進行測試。如果人工進行逐條檢查，無疑工作量是很大的，并且正確率和完整程度不高。為了解決這個問題我將已經(jīng)制作好的網(wǎng)站放到DreamwaverCS5中進行檢查和測試。測試制作的網(wǎng)頁放在不同的瀏覽器環(huán)境下地瀏覽效果，并進行修改。DreamwaverCS5提供了相關(guān)的功能。最后檢查修改完成后保存。

五.待解決的問題

1.在我制作的網(wǎng)頁中插入了mp3格式音樂的本地文件鏈接，但是這樣一來我的站點的文件就會很大，因此我考慮是否可以將音樂鏈接到互聯(lián)網(wǎng)上通過訪問其他網(wǎng)站進行音樂欣賞。但是這樣一來，用戶打開鏈接后還需要跳轉(zhuǎn)到其他網(wǎng)頁，對用戶來說是不友好的。

2.Frontpage201*中提供的交互式按鈕種類太少,需要自己用Flash做，但是本人對Flash軟件操作不熟這樣就有很多頁面效果無法實現(xiàn)。

3.關(guān)于css層疊樣式表的運用不熟，運用Div+css布局頁面方法掌握還沒到位。4.布局頁面時div層與表格之間轉(zhuǎn)化后會出現(xiàn)便面變形混亂的情況，但是如果不轉(zhuǎn)化某些頁面效果的實現(xiàn)將無法完全實現(xiàn)。

5.關(guān)于與用戶實現(xiàn)交互的效果沒能做出，比如用戶登錄的對話框、對用戶的調(diào)查對話等。

6.廣告條動態(tài)效果很難實現(xiàn)。

7.用Frontpage201*設(shè)計字幕的時候無法實現(xiàn)字幕的文字顏色、字體、大小等一些特殊功能。

大學計算機導(dǎo)論實踐報告大學計算機導(dǎo)論實踐報告大學計算機導(dǎo)論實踐報告六.心得體會

網(wǎng)頁的所有實現(xiàn)都可以通過代碼來完成，在我完成這個網(wǎng)頁的制作的過程中雖然有Frontpage、Dreamwaver等功能強大的可視化網(wǎng)頁制作軟件，但是我認為要成為一名真正的網(wǎng)頁制作高手，必須要學會自己寫代碼。同時對高級語言也要熟練掌握,尤其是HTML標記語言和Java語言。雖然現(xiàn)在還有很多知識不懂，但是我相信在后面的學習中我會投入更多的精力和熱情，一定能夠?qū)W好這些知識。

在使用Frontpage201*制作網(wǎng)頁的過程中遇到了許多問題，雖然大部分問題通過不斷摸索和查閱資料等方式已經(jīng)解決了，然而解決的方法不一定很高明，還有很多未解決的問題，比如對頁面布局和網(wǎng)頁維護管理方面還存在很大的問題。所以接下來我要學習的東西除了提到的高級語言學習方面，還有常用軟件的使用方面比如Photoshop、Flash等。

只有熟練掌握了各類知識才能將知識運用到實踐中，同時在實踐中也能學到不少的知識。所以這次課程設(shè)計給我的最大收獲是找到了學習的目標、明白了理論與實踐相結(jié)合的重要性。

大學計算機導(dǎo)論實踐報告大學計算機導(dǎo)論實踐報告大學計算機導(dǎo)論實踐報告附1:“美食之家”所有網(wǎng)頁預(yù)覽

index01.htm

aboutme.htm

chuancai01.1.htmchuancai02.htm

大學計算機導(dǎo)論實踐報告大學計算機導(dǎo)論實踐報告大學計算機導(dǎo)論實踐報告

chuancai03.htm

diy01.htm

-13-

chuancai04.htm

diy02.htm大學計算機導(dǎo)論實踐報告大學計算機導(dǎo)論實踐報告大學計算機導(dǎo)論實踐報告

diy03.htm

huicai01.htm

-14-

diy03.htm

huicai01.htm

lucai01.0.htm大學計算機導(dǎo)論實踐報告大學計算機導(dǎo)論實踐報告大學計算機導(dǎo)論實踐報告

lucai01.1.htm

lucai01.2.htm

lucai01.3.htm

-15-

lucai02.1.htm大學計算機導(dǎo)論實踐報告大學計算機導(dǎo)論實踐報告大學計算機導(dǎo)論實踐報告

lucai03.2.htm

lucai03.1.htm

meiwen01.htm

-16-

meiwen02.htm大學計算機導(dǎo)論實踐報告大學計算機導(dǎo)論實踐報告大學計算機導(dǎo)論實踐報告

mincai01.htm

sucai01.htm

mincai02.htm

sucai02.htm

大學計算機導(dǎo)論實踐報告大學計算機導(dǎo)論實踐報告大學計算機導(dǎo)論實踐報告

xiangcai01.htmxiangcai02.htm

xqyz01.htmxqyz02.htm

大學計算機導(dǎo)論實踐報告大學計算機導(dǎo)論實踐報告大學計算機導(dǎo)論實踐報告

yuecai01.htm

zhecai01.htm

-19-

yuecai02.htm

zhecai02.htm大學計算機導(dǎo)論實踐報告大學計算機導(dǎo)論實踐報告大學計算機導(dǎo)論實踐報告

附2：首頁index01.htm圖片展示框中的重疊圖片

以下五張圖片均保存在站點的images文件夾下，文件名分別為diy01.jpg、diy02.1.png、

diy03.1.png、鴨頭.jpg、12.jpg

鏈接地址為：images/diy01.jpg

第一張

鏈接地址為：images/diy03.1.png

第三張

鏈接地址為：images/12.jpg

第五張

-20-

鏈接地址為：images/diy02.1.png

第二張

鏈接地址為：images/鴨頭.jpg

第四張

友情提示：本文中關(guān)于《大學計算機導(dǎo)論實踐報告》給出的范例僅供您參考拓展思維使用，大學計算機導(dǎo)論實踐報告：該篇文章建議您自主創(chuàng)作。

來源：網(wǎng)絡(luò)整理 免責聲明：本文僅限學習分享，如產(chǎn)生版權(quán)問題，請聯(lián)系我們及時刪除。

《大學計算機導(dǎo)論實踐報告》由互聯(lián)網(wǎng)用戶整理提供,轉(zhuǎn)載分享請保留原作者信息,謝謝!
鏈接地址：http://www.7334dd.com/gongwen/746793.html

• 上一篇：報告總結(jié)
• 下一篇：六個一活動調(diào)研報告