大學(xué)計(jì)算機(jī)導(dǎo)論實(shí)踐報(bào)告

中南大學(xué)

大學(xué)計(jì)算機(jī)導(dǎo)論實(shí)踐報(bào)告

題目學(xué)生姓名指導(dǎo)老師學(xué)院專業(yè)班級(jí)學(xué)生學(xué)號(hào)

201*年12月16日

大學(xué)計(jì)算機(jī)基礎(chǔ)實(shí)踐報(bào)告

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

學(xué)習(xí)掌握中文演示軟件PowerPoint201*的操作及使用，并用此軟件實(shí)際一份綜合演示報(bào)告。

1.2.內(nèi)容主題

陜西風(fēng)景名勝展示。

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

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

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

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

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

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

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

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

1

大學(xué)計(jì)算機(jī)基礎(chǔ)實(shí)踐報(bào)告

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

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

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

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

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

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

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

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

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

3.3.圖像音頻的插入

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

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

3.4.動(dòng)畫的使用與幻燈片切換

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

2

大學(xué)計(jì)算機(jī)基礎(chǔ)實(shí)踐報(bào)告

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

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

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

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

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

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

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

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

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

效果

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

對(duì)需要移動(dòng)的圖片插入動(dòng)作路徑。

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

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

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

3

大學(xué)計(jì)算機(jī)基礎(chǔ)實(shí)踐報(bào)告

5.總結(jié)

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

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

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

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

4

擴(kuò)展閱讀：中南大學(xué) 大學(xué)計(jì)算機(jī)導(dǎo)論實(shí)踐報(bào)告 樊列龍 吳同茂

中南大學(xué)

大學(xué)計(jì)算機(jī)導(dǎo)論實(shí)踐報(bào)告

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

樊列龍

胡揚(yáng)吳同茂信息科學(xué)與工程學(xué)院

1132班0909113224

201*年12月12日大學(xué)計(jì)算機(jī)導(dǎo)論實(shí)踐報(bào)告大學(xué)計(jì)算機(jī)導(dǎo)論實(shí)踐報(bào)告大學(xué)計(jì)算機(jī)導(dǎo)論實(shí)踐報(bào)告

Contents目錄

一.主題內(nèi)容

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

首頁(yè)index01.htm圖片展示框中的重疊圖片............................................................20

大學(xué)計(jì)算機(jī)導(dǎo)論實(shí)踐報(bào)告大學(xué)計(jì)算機(jī)導(dǎo)論實(shí)踐報(bào)告大學(xué)計(jì)算機(jī)導(dǎo)論實(shí)踐報(bào)告

一.主題內(nèi)容

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

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

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

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

二.實(shí)驗(yàn)?zāi)繕?biāo)

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

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

三.實(shí)驗(yàn)準(zhǔn)備

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

大學(xué)計(jì)算機(jī)導(dǎo)論實(shí)踐報(bào)告大學(xué)計(jì)算機(jī)導(dǎo)論實(shí)踐報(bào)告大學(xué)計(jì)算機(jī)導(dǎo)論實(shí)踐報(bào)告四.實(shí)驗(yàn)步驟

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

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

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

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

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

圖4.2logo

3.搭建站點(diǎn)

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

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

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

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

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

大學(xué)計(jì)算機(jī)導(dǎo)論實(shí)踐報(bào)告大學(xué)計(jì)算機(jī)導(dǎo)論實(shí)踐報(bào)告大學(xué)計(jì)算機(jī)導(dǎo)論實(shí)踐報(bào)告添加、替換等操作。

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

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

圖4.4.1設(shè)計(jì)草圖

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

圖4.4.2首頁(yè)index01的局部

大學(xué)計(jì)算機(jī)導(dǎo)論實(shí)踐報(bào)告大學(xué)計(jì)算機(jī)導(dǎo)論實(shí)踐報(bào)告大學(xué)計(jì)算機(jī)導(dǎo)論實(shí)踐報(bào)告5.設(shè)計(jì)頁(yè)面整體風(fēng)格

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

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

圖4.5夜景風(fēng)格

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

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

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

大學(xué)計(jì)算機(jī)導(dǎo)論實(shí)踐報(bào)告大學(xué)計(jì)算機(jī)導(dǎo)論實(shí)踐報(bào)告大學(xué)計(jì)算機(jī)導(dǎo)論實(shí)踐報(bào)告7.制作網(wǎng)頁(yè)

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

在上面的過(guò)程中已經(jīng)做好制作網(wǎng)頁(yè)的大部分準(zhǔn)備工作，接下來(lái)就是讓設(shè)計(jì)

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

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

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

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

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

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

②背景顏色的選定

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

大學(xué)計(jì)算機(jī)導(dǎo)論實(shí)踐報(bào)告大學(xué)計(jì)算機(jī)導(dǎo)論實(shí)踐報(bào)告大學(xué)計(jì)算機(jī)導(dǎo)論實(shí)踐報(bào)告頁(yè)”diy02.htm”中代碼為大學(xué)計(jì)算機(jī)導(dǎo)論實(shí)踐報(bào)告大學(xué)計(jì)算機(jī)導(dǎo)論實(shí)踐報(bào)告大學(xué)計(jì)算機(jī)導(dǎo)論實(shí)踐報(bào)告5）圖文混排①插入圖片

插入圖片看似很簡(jiǎn)單，但是在實(shí)際操作的過(guò)程中我還是遇到了很多問(wèn)題。

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

②修改圖片和文字屬性

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

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

圖7.4.5重新取樣

6）超鏈接

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

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

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

大學(xué)計(jì)算機(jī)導(dǎo)論實(shí)踐報(bào)告大學(xué)計(jì)算機(jī)導(dǎo)論實(shí)踐報(bào)告大學(xué)計(jì)算機(jī)導(dǎo)論實(shí)踐報(bào)告所以我就想能不能通過(guò)DreamwaverCS5來(lái)找到代碼。結(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)過(guò)修改后復(fù)制粘貼實(shí)現(xiàn)了上述功能。

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

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

②帶logo圖標(biāo)的鼠標(biāo)跟蹤效果

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

③時(shí)鐘鼠標(biāo)跟蹤效果

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

-8-

圖7.4.7.1圖片展框

圖7.4.7.3時(shí)鐘鼠標(biāo)跟蹤效果大學(xué)計(jì)算機(jī)導(dǎo)論實(shí)踐報(bào)告大學(xué)計(jì)算機(jī)導(dǎo)論實(shí)踐報(bào)告大學(xué)計(jì)算機(jī)導(dǎo)論實(shí)踐報(bào)告

④燭光效果頁(yè)面

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

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

圖7.4.7.4燭光效果頁(yè)面

⑤彈框的設(shè)置

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

圖7.4.7.5一個(gè)簡(jiǎn)單的彈框

8）滾動(dòng)字幕設(shè)計(jì)

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

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

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

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

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

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

五.待解決的問(wèn)題

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

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

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

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

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

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

大學(xué)計(jì)算機(jī)導(dǎo)論實(shí)踐報(bào)告大學(xué)計(jì)算機(jī)導(dǎo)論實(shí)踐報(bào)告大學(xué)計(jì)算機(jī)導(dǎo)論實(shí)踐報(bào)告六.心得體會(huì)

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

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

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

大學(xué)計(jì)算機(jī)導(dǎo)論實(shí)踐報(bào)告大學(xué)計(jì)算機(jī)導(dǎo)論實(shí)踐報(bào)告大學(xué)計(jì)算機(jī)導(dǎo)論實(shí)踐報(bào)告附1:“美食之家”所有網(wǎng)頁(yè)預(yù)覽

index01.htm

aboutme.htm

chuancai01.1.htmchuancai02.htm

大學(xué)計(jì)算機(jī)導(dǎo)論實(shí)踐報(bào)告大學(xué)計(jì)算機(jī)導(dǎo)論實(shí)踐報(bào)告大學(xué)計(jì)算機(jī)導(dǎo)論實(shí)踐報(bào)告

chuancai03.htm

diy01.htm

-13-

chuancai04.htm

diy02.htm大學(xué)計(jì)算機(jī)導(dǎo)論實(shí)踐報(bào)告大學(xué)計(jì)算機(jī)導(dǎo)論實(shí)踐報(bào)告大學(xué)計(jì)算機(jī)導(dǎo)論實(shí)踐報(bào)告

diy03.htm

huicai01.htm

-14-

diy03.htm

huicai01.htm

lucai01.0.htm大學(xué)計(jì)算機(jī)導(dǎo)論實(shí)踐報(bào)告大學(xué)計(jì)算機(jī)導(dǎo)論實(shí)踐報(bào)告大學(xué)計(jì)算機(jī)導(dǎo)論實(shí)踐報(bào)告

lucai01.1.htm

lucai01.2.htm

lucai01.3.htm

-15-

lucai02.1.htm大學(xué)計(jì)算機(jī)導(dǎo)論實(shí)踐報(bào)告大學(xué)計(jì)算機(jī)導(dǎo)論實(shí)踐報(bào)告大學(xué)計(jì)算機(jī)導(dǎo)論實(shí)踐報(bào)告

lucai03.2.htm

lucai03.1.htm

meiwen01.htm

-16-

meiwen02.htm大學(xué)計(jì)算機(jī)導(dǎo)論實(shí)踐報(bào)告大學(xué)計(jì)算機(jī)導(dǎo)論實(shí)踐報(bào)告大學(xué)計(jì)算機(jī)導(dǎo)論實(shí)踐報(bào)告

mincai01.htm

sucai01.htm

mincai02.htm

sucai02.htm

大學(xué)計(jì)算機(jī)導(dǎo)論實(shí)踐報(bào)告大學(xué)計(jì)算機(jī)導(dǎo)論實(shí)踐報(bào)告大學(xué)計(jì)算機(jī)導(dǎo)論實(shí)踐報(bào)告

xiangcai01.htmxiangcai02.htm

xqyz01.htmxqyz02.htm

大學(xué)計(jì)算機(jī)導(dǎo)論實(shí)踐報(bào)告大學(xué)計(jì)算機(jī)導(dǎo)論實(shí)踐報(bào)告大學(xué)計(jì)算機(jī)導(dǎo)論實(shí)踐報(bào)告

yuecai01.htm

zhecai01.htm

-19-

yuecai02.htm

zhecai02.htm大學(xué)計(jì)算機(jī)導(dǎo)論實(shí)踐報(bào)告大學(xué)計(jì)算機(jī)導(dǎo)論實(shí)踐報(bào)告大學(xué)計(jì)算機(jī)導(dǎo)論實(shí)踐報(bào)告

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

以下五張圖片均保存在站點(diǎn)的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)于《大學(xué)計(jì)算機(jī)導(dǎo)論實(shí)踐報(bào)告》給出的范例僅供您參考拓展思維使用，大學(xué)計(jì)算機(jī)導(dǎo)論實(shí)踐報(bào)告：該篇文章建議您自主創(chuàng)作。

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

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

• 上一篇：報(bào)告總結(jié)
• 下一篇：六個(gè)一活動(dòng)調(diào)研報(bào)告