大學(xué)計算機導(dǎo)論實踐報告
中南大學(xué)
大學(xué)計算機導(dǎo)論實踐報告
題目學(xué)生姓名指導(dǎo)老師學(xué)院專業(yè)班級學(xué)生學(xué)號
201*年12月16日
大學(xué)計算機基礎(chǔ)實踐報告
1.任務(wù)內(nèi)容1.1.題目內(nèi)容
學(xué)習(xí)掌握中文演示軟件PowerPoint201*的操作及使用,并用此軟件實際一份綜合演示報告。
1.2.內(nèi)容主題
陜西風(fēng)景名勝展示。
2.設(shè)計的步驟2.1.所選題目分析
題目的目的是掌握PowerPoint201*的操作和使用。通過自由確定主題,利用一份完整的綜合演示報告完整表現(xiàn)出相應(yīng)主題,使用音樂、圖片等多媒體元素輔助與襯托。因此,要首先確定報告主題,然后應(yīng)該確定演示報告的組成板塊及彼此聯(lián)系,最后進(jìn)行逐個的詳細(xì)設(shè)計以及資料的收集。進(jìn)而逐步的完成演示報告,并從中熟悉PowerPoint的操作和使用。
2.2.內(nèi)容主題分析
綜合演示報告所選主題是陜西風(fēng)景名勝展示,目的是展示自然人文風(fēng)光,依次簡介和展示鐘鼓樓、大雁塔、半坡遺址、秦嶺、黃帝陵等22處風(fēng)景名勝。按照以西安為起點,按照東西南北順序依次主要通過文字與圖片結(jié)合的方式來表現(xiàn)。
2.3.頁面設(shè)計分析
首頁為封面并點名主題。第二頁為目錄頁,超鏈接至對應(yīng)頁。最后一頁為“謝謝觀賞”和超鏈接目錄。在除了第一、二頁外每頁插入動作按鈕,便于在上下兩頁以及第二頁的目錄和最后一頁間切換。在首頁插入音樂,播放方式為跨幻燈片播放與循環(huán)播放,作為背景音樂。
其余各頁為演示文稿的正文部分。通過母版設(shè)計,完善內(nèi)容版式,方便使用,同時確定頁面背景與色調(diào)。各頁基本組成為標(biāo)題、文字介紹、圖片、裝飾性藝術(shù)字、相關(guān)網(wǎng)站的超鏈接;緸橐惶幘包c一頁,共37頁。
每一頁中的各組成部分均設(shè)計有順序的動畫,依次自動出現(xiàn)。在內(nèi)容
1大學(xué)計算機基礎(chǔ)實踐報告
重疊與同一頁的分別設(shè)置退出動畫。個別使用突出動畫和動作路徑動畫。
每一頁都設(shè)置切換動畫以及與動畫演示時間配合的換片時間,實現(xiàn)自動播放。
3.采取的手法的手段3.1.制作工具
PowerPoint201*作為演示報告制作工具。Photoshop作為部分圖片的處理工具。
3.2.幻燈片母版設(shè)計
在PowerPoint201*的“視圖”菜單下打開幻燈片母版,進(jìn)行設(shè)計母版以方便現(xiàn)在和將來的幻燈片的制作。
利用現(xiàn)有版式制作自己所需新版式,如一個與背景同色標(biāo)題和多個內(nèi)容占位符組成的多張圖片展示版式,一個豎排標(biāo)題和兩個上下并列文本占位符的目錄頁版式。
然后在母版中加入每個幻燈片均擁有的公共元素,如統(tǒng)一的頁腳和鏈接到上下頁和首末頁的動作按鈕。
最后改變利用幻燈片設(shè)計更改幻燈片主題,如色調(diào)、字號、字體顏色、背景圖片等。
3.3.圖像音頻的插入
插入圖片的步驟:插入→圖片→選擇相應(yīng)圖片文件→點擊“確定”然后調(diào)節(jié)圖片大小與位置,圖片的處理利用Photoshop完成。插入音頻的步驟:插入→音頻→選擇“來自文件”→選擇相應(yīng)音頻文件→點擊“確定”。
然后在“自定義動畫”設(shè)置音頻播放時機與觸發(fā)方式。對于背景音樂,將背景音樂插入至首頁,然后設(shè)置為“放映時隱藏”、“循環(huán)播放,直到停止”,在“自定義動畫”中設(shè)置為第一個播放,播放時間為“之前”。
3.4.動畫的使用與幻燈片切換
在每一頁幻燈片中,依次選中某一文字、圖片等元素后,選擇“動畫”菜單,選擇所需的進(jìn)入動畫。需要突出效果的,在進(jìn)入動畫之后插入突出
2大學(xué)計算機基礎(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)、退出動畫的組合,并對退出動畫作適當(dāng)延時處理。
對需要移動的圖片插入動作路徑。
4.3.實現(xiàn)在每頁幻燈片之間任意的切換
制作目錄,并插入超鏈接至各文字標(biāo)題的對應(yīng)幻燈片,在最后一頁重復(fù)目錄。
在每一頁中插入動作按鈕,鏈接到目錄頁、結(jié)束頁、上一頁和下一頁。
3大學(xué)計算機基礎(chǔ)實踐報告
5.總結(jié)
此次課程設(shè)計通過綜合演示報告的制作,熟悉了幻燈片的綜合設(shè)計,以及WindowsXP和計算機的使用,也進(jìn)一步了解到PowerPoint201*的用途和操作,同時也學(xué)會了一些基本的文檔處理的方法和操作。
在素材收集過程中,感受到互聯(lián)網(wǎng)在信息容量和獲取中的優(yōu)勢,學(xué)會如何有效利用素材和信息。利用互聯(lián)網(wǎng)使制作過程更簡單,內(nèi)容更豐富。
利用文字與圖片、音樂、超鏈接的結(jié)合使得整個主題更加透徹的展示。而且所制作的幻燈片作為一種簡易的多媒體形式,也感受到了多媒體的魅力,將圖、文、聲、像有機的結(jié)合,更加生動吸引人。超鏈接也使得交互性變強。
設(shè)計過程充分理解課程的原理和設(shè)計技能,掌握了PowerPoint201*的基本使用。
4擴展閱讀:中南大學(xué) 大學(xué)計算機導(dǎo)論實踐報告 樊列龍 吳同茂
中南大學(xué)
大學(xué)計算機導(dǎo)論實踐報告
題目網(wǎng)頁制作實踐美食之家學(xué)生姓名指導(dǎo)教師學(xué)院專業(yè)班級學(xué)生學(xué)號
樊列龍胡揚吳同茂信息科學(xué)與工程學(xué)院
1132班0909113224
201*年12月12日大學(xué)計算機導(dǎo)論實踐報告大學(xué)計算機導(dǎo)論實踐報告大學(xué)計算機導(dǎo)論實踐報告
Contents目錄
一.主題內(nèi)容
1.網(wǎng)站屬性簡介...................................................................................................12.關(guān)于“美食之家”網(wǎng)站簡介...........................................................................1二.實驗?zāi)繕?biāo)..............................................................................................................1三.實驗準(zhǔn)備..............................................................................................................1四.實驗步驟..............................................................................................................21.實驗設(shè)計站點簡介............................................................................................22.關(guān)于“美食之家”網(wǎng)頁簡介...........................................................................23.搭建站點...........................................................................................................24.設(shè)計首頁及各個網(wǎng)頁的框架...........................................................................35.設(shè)計頁面整體風(fēng)格............................................................................................46.收集網(wǎng)頁素材...................................................................................................47.制作網(wǎng)頁............................................................................................................58.鏈接和效果的檢查和網(wǎng)站的測試....................................................................10五.待解決的問題.......................................................................................................10六.心得體會...............................................................................................................11附:“美食之家”所有網(wǎng)頁預(yù)覽..............................................................................12
首頁index01.htm圖片展示框中的重疊圖片............................................................20
大學(xué)計算機導(dǎo)論實踐報告大學(xué)計算機導(dǎo)論實踐報告大學(xué)計算機導(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)繕?biāo)
1、初步了解html標(biāo)記語言的結(jié)構(gòu)和語法規(guī)則。2、了解與網(wǎng)站搭建相關(guān)的知識領(lǐng)域。3、掌握Frontpage的基本操作。
4、通過遷移word文檔和Excel表格的操作,進(jìn)一步了解office辦公軟件。5、培養(yǎng)快速接受新知識,并將其轉(zhuǎn)化為可視的知識界面的能力。
三.實驗準(zhǔn)備
1、安裝Frontpage201*、PhotoshopCS4、Flash8、DreamwaverCS5軟件。2、在圖書館借閱相關(guān)書籍和在互聯(lián)網(wǎng)上查詢Fronpage的使用方法。3、制定時間計劃,按時完成相關(guān)的任務(wù)。
大學(xué)計算機導(dǎo)論實踐報告大學(xué)計算機導(dǎo)論實踐報告大學(xué)計算機導(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)于該圖標(biāo)的含義在站點根目錄下的“aboutme.html”文件中有詳細(xì)的解釋。
圖4.2logo
3.搭建站點
在網(wǎng)頁制作的過程中,第一步要做的是搭建一個站點。首先在Frontpage中新建一個站點保存在熟悉的路徑中(如果不新建軟件會默認(rèn)在C盤中自動建立一個站點)。
在站點創(chuàng)建完成之后,需要系統(tǒng)有效地管理站點。
首先,在站點中創(chuàng)建合適名字的文件夾。例如:我的圖片文件統(tǒng)一保存在“images”文件夾下面;我的音樂文件和視頻文件統(tǒng)一保存在“medias”文件夾下面;還有一些文件夾系統(tǒng)會自動生成,同樣可以改變文件的位置,要注意的是在改變文件位置的時候,網(wǎng)頁中的鏈接路徑也要相應(yīng)地改變,否則將出現(xiàn)鏈接錯誤的情況。
另外,為保存的文件和網(wǎng)頁取一個恰當(dāng)?shù)拿Q也十分重要。一般來說文件和網(wǎng)頁的命名要簡潔且有意義,最好是英文命名。例如我的主頁命名為“index01.htm”。
這樣就可以系統(tǒng)地管理網(wǎng)站,當(dāng)網(wǎng)頁發(fā)布之后可以方便實行查找、修改、
大學(xué)計算機導(dǎo)論實踐報告大學(xué)計算機導(dǎo)論實踐報告大學(xué)計算機導(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)。當(dāng)然,在不同類型的頁面中盡量避免出現(xiàn)同一個框架。
圖4.4.2首頁index01的局部
大學(xué)計算機導(dǎo)論實踐報告大學(xué)計算機導(dǎo)論實踐報告大學(xué)計算機導(dǎo)論實踐報告5.設(shè)計頁面整體風(fēng)格
不同的網(wǎng)站甚至同一網(wǎng)站不同的頁面有不同的風(fēng)格,因此網(wǎng)頁風(fēng)格的設(shè)置同樣十分重要。我在設(shè)計網(wǎng)頁的過程中考慮到頁面的數(shù)量和水平限制盡量避免特別出眾的頁面風(fēng)格類型,而是考慮到盡量使用不同風(fēng)格的頁面類型。
頁面風(fēng)格的實現(xiàn)方式有多種,例如:背景顏色、背景圖片、背景音樂、板式布局、邊框類型、動畫插入等等。我在實行頁面風(fēng)格的實現(xiàn)過程中主要采用前四種。例如“index01.htm(圖4.4.2)”、“xiangcai01.htm”“diy01.htm”、“aboutme.htm(見圖4.5)”這四個網(wǎng)頁通過上面的幾種方式實現(xiàn)了了不同的風(fēng)格。
圖4.5夜景風(fēng)格
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)站的源代碼也學(xué)到了許多網(wǎng)頁制作的技巧和網(wǎng)頁布局類型的知識以及網(wǎng)頁特效的實例。
大學(xué)計算機導(dǎo)論實踐報告大學(xué)計算機導(dǎo)論實踐報告大學(xué)計算機導(dǎo)論實踐報告7.制作網(wǎng)頁
1)根據(jù)已制定的草圖布局頁面
在上面的過程中已經(jīng)做好制作網(wǎng)頁的大部分準(zhǔn)備工作,接下來就是讓設(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為用戶制定的可視化操作界面可簡單方便地進(jìn)行操作,與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)
大學(xué)計算機導(dǎo)論實踐報告大學(xué)計算機導(dǎo)論實踐報告大學(xué)計算機導(dǎo)論實踐報告頁”diy02.htm”中代碼為大學(xué)計算機導(dǎo)論實踐報告大學(xué)計算機導(dǎo)論實踐報告大學(xué)計算機導(dǎo)論實踐報告5)圖文混排①插入圖片
插入圖片看似很簡單,但是在實際操作的過程中我還是遇到了很多問題。
例如:圖片的插入位置。如果直接在網(wǎng)頁原始層或者表格中插入圖片,圖片的位置放置方式是有限的,不能任意擺放圖片的位置。通過反復(fù)的試驗,最后發(fā)現(xiàn)可以通過插入層的方式來定位圖片的位置,因為層的位置在網(wǎng)頁中是可以任意改變的。
②修改圖片和文字屬性
在圖文混排的過程中,設(shè)置圖片和文字的屬性對于美化網(wǎng)頁外觀、優(yōu)化網(wǎng)頁屬性起到極其重要的作用。
例如:在插入一張圖片后,為了使制作的頁面更加美觀和符合用戶進(jìn)行瀏覽的習(xí)慣,往往會對圖片的大小進(jìn)行修改。但是如果僅僅修改圖片的顯示大小是遠(yuǎn)遠(yuǎn)不夠的,如果一張原本100KB的圖片在改變顯示大小之后他占的存儲空間仍然為100KB,會使得用戶瀏覽網(wǎng)頁的速度減慢。這樣顯然是不合適的。所以在編輯時,我對圖片采取重新取樣(圖7.4.5)的方式解決這個問題。
圖7.4.5重新取樣
6)超鏈接
超鏈接有內(nèi)部鏈接外部鏈接之分。內(nèi)部鏈接主要是通過設(shè)定錨點來實現(xiàn)的,外部鏈接需要指出鏈接的地址。只要給出正確有效的鏈接地址,從理論上說是可以對任意的圖像和文字進(jìn)行鏈接。
由于互聯(lián)網(wǎng)是由一個個網(wǎng)頁通過鏈接組成的,在網(wǎng)頁制作的過程中會有大量的鏈接,如果每一個鏈接都由手動設(shè)置將會占用大量的時間。為了解決這個問題,我在制作的過程中采用了將相同框架下的重復(fù)鏈接通過復(fù)制的方式減少了鏈接的工作量。
鏈接的屬性修改從一開始就困擾著我,例如Frontpage默認(rèn)的鏈接是有下劃線、瀏覽前為藍(lán)色、瀏覽后為紅色。然而我在設(shè)置鏈接的時候希望只是在鼠標(biāo)經(jīng)過連接時出現(xiàn)下劃線,瀏覽后也不希望它改變顏色。在Frontpage沒能找到相應(yīng)的設(shè)置(應(yīng)該有這個設(shè)置),但是我記得在DreamwaverCS5中有相應(yīng)的設(shè)置,
大學(xué)計算機導(dǎo)論實踐報告大學(xué)計算機導(dǎo)論實踐報告大學(xué)計算機導(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圖標(biāo)的鼠標(biāo)跟蹤效果
當(dāng)用戶移動鼠標(biāo)的時候,在鼠標(biāo)的旁邊會出現(xiàn)本網(wǎng)站的一個logo的圖標(biāo)。這個設(shè)置有利于宣傳網(wǎng)站文化。
③時鐘鼠標(biāo)跟蹤效果
時鐘跟蹤效果是一個用戶友好型的網(wǎng)頁特效,用戶瀏覽網(wǎng)頁的時候可以方便地查看時間,同時這個效果可以增強網(wǎng)頁頁面的動態(tài)效果。
-8-
圖7.4.7.1圖片展框
圖7.4.7.3時鐘鼠標(biāo)跟蹤效果大學(xué)計算機導(dǎo)論實踐報告大學(xué)計算機導(dǎo)論實踐報告大學(xué)計算機導(dǎo)論實踐報告
④燭光效果頁面
當(dāng)用戶瀏覽網(wǎng)頁時,頁面會模擬夜晚的效果,這時候鼠標(biāo)旁邊會出現(xiàn)一支蠟燭,在蠟燭的周圍會出現(xiàn)局部的光亮。就像一個人在夜晚,拿著蠟燭閱讀墻壁上的畫卷一樣(圖7.4.7.4)。
我把這個效果設(shè)計在“美文欣賞”的頁面中,配上恰當(dāng)?shù)谋尘耙魳,可以讓讀者在幽靜的情景氣氛中盡享閱讀的帶來的美感。
圖7.4.7.4燭光效果頁面
⑤彈框的設(shè)置
當(dāng)用戶打開某個特定的網(wǎng)頁的時候,網(wǎng)站會自動彈出一個對話框,提醒用戶正在進(jìn)行的操作,例如在我設(shè)計的網(wǎng)頁中當(dāng)打開“aboutme”或者logo圖標(biāo)的時候會彈出一個對話框“歡飲來到美食之家。!”(圖7.4.7.5)。
圖7.4.7.5一個簡單的彈框
8)滾動字幕設(shè)計
滾動字幕可用于通知、申明、提示等情況下,有助于用戶更多地了解網(wǎng)站
內(nèi)容等信息。在字幕設(shè)計屬性中可以更改背景顏色和重復(fù)次數(shù)等屬性。
9)meta語句的的設(shè)置
meta語句可以用來定義和描述很多內(nèi)容,比如大學(xué)計算機導(dǎo)論實踐報告大學(xué)計算機導(dǎo)論實踐報告大學(xué)計算機導(dǎo)論實踐報告http-equiv="Content-Type"content="text/html;charset=gb2312">這句話描述了網(wǎng)頁顯示為簡體中文GB2312標(biāo)準(zhǔn)。當(dāng)網(wǎng)站發(fā)布之后meta語句可以定義關(guān)鍵字和內(nèi)容以便用戶可以在收索引擎中收索的網(wǎng)站的相關(guān)信息。除了這些meta語句還可以實現(xiàn)一些例如作者信息(auther)、自動刷新頁面(refresh)等功能。
8.鏈接和效果的檢查和網(wǎng)站的測試
當(dāng)網(wǎng)站創(chuàng)作基本完成之后,還要檢查鏈接和代碼是否正確和是否有效以對及網(wǎng)站進(jìn)行測試。如果人工進(jìn)行逐條檢查,無疑工作量是很大的,并且正確率和完整程度不高。為了解決這個問題我將已經(jīng)制作好的網(wǎng)站放到DreamwaverCS5中進(jìn)行檢查和測試。測試制作的網(wǎng)頁放在不同的瀏覽器環(huán)境下地瀏覽效果,并進(jìn)行修改。DreamwaverCS5提供了相關(guān)的功能。最后檢查修改完成后保存。
五.待解決的問題
1.在我制作的網(wǎng)頁中插入了mp3格式音樂的本地文件鏈接,但是這樣一來我的站點的文件就會很大,因此我考慮是否可以將音樂鏈接到互聯(lián)網(wǎng)上通過訪問其他網(wǎng)站進(jìn)行音樂欣賞。但是這樣一來,用戶打開鏈接后還需要跳轉(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)字幕的文字顏色、字體、大小等一些特殊功能。
大學(xué)計算機導(dǎo)論實踐報告大學(xué)計算機導(dǎo)論實踐報告大學(xué)計算機導(dǎo)論實踐報告六.心得體會
網(wǎng)頁的所有實現(xiàn)都可以通過代碼來完成,在我完成這個網(wǎng)頁的制作的過程中雖然有Frontpage、Dreamwaver等功能強大的可視化網(wǎng)頁制作軟件,但是我認(rèn)為要成為一名真正的網(wǎng)頁制作高手,必須要學(xué)會自己寫代碼。同時對高級語言也要熟練掌握,尤其是HTML標(biāo)記語言和Java語言。雖然現(xiàn)在還有很多知識不懂,但是我相信在后面的學(xué)習(xí)中我會投入更多的精力和熱情,一定能夠?qū)W好這些知識。
在使用Frontpage201*制作網(wǎng)頁的過程中遇到了許多問題,雖然大部分問題通過不斷摸索和查閱資料等方式已經(jīng)解決了,然而解決的方法不一定很高明,還有很多未解決的問題,比如對頁面布局和網(wǎng)頁維護管理方面還存在很大的問題。所以接下來我要學(xué)習(xí)的東西除了提到的高級語言學(xué)習(xí)方面,還有常用軟件的使用方面比如Photoshop、Flash等。
只有熟練掌握了各類知識才能將知識運用到實踐中,同時在實踐中也能學(xué)到不少的知識。所以這次課程設(shè)計給我的最大收獲是找到了學(xué)習(xí)的目標(biāo)、明白了理論與實踐相結(jié)合的重要性。
大學(xué)計算機導(dǎo)論實踐報告大學(xué)計算機導(dǎo)論實踐報告大學(xué)計算機導(dǎo)論實踐報告附1:“美食之家”所有網(wǎng)頁預(yù)覽
index01.htm
aboutme.htm
chuancai01.1.htmchuancai02.htm
大學(xué)計算機導(dǎo)論實踐報告大學(xué)計算機導(dǎo)論實踐報告大學(xué)計算機導(dǎo)論實踐報告
chuancai03.htm
diy01.htm
-13-
chuancai04.htm
diy02.htm大學(xué)計算機導(dǎo)論實踐報告大學(xué)計算機導(dǎo)論實踐報告大學(xué)計算機導(dǎo)論實踐報告
diy03.htm
huicai01.htm
-14-
diy03.htm
huicai01.htm
lucai01.0.htm大學(xué)計算機導(dǎo)論實踐報告大學(xué)計算機導(dǎo)論實踐報告大學(xué)計算機導(dǎo)論實踐報告
lucai01.1.htm
lucai01.2.htm
lucai01.3.htm
-15-
lucai02.1.htm大學(xué)計算機導(dǎo)論實踐報告大學(xué)計算機導(dǎo)論實踐報告大學(xué)計算機導(dǎo)論實踐報告
lucai03.2.htm
lucai03.1.htm
meiwen01.htm
-16-
meiwen02.htm大學(xué)計算機導(dǎo)論實踐報告大學(xué)計算機導(dǎo)論實踐報告大學(xué)計算機導(dǎo)論實踐報告
mincai01.htm
sucai01.htm
mincai02.htm
sucai02.htm
大學(xué)計算機導(dǎo)論實踐報告大學(xué)計算機導(dǎo)論實踐報告大學(xué)計算機導(dǎo)論實踐報告
xiangcai01.htmxiangcai02.htm
xqyz01.htmxqyz02.htm
大學(xué)計算機導(dǎo)論實踐報告大學(xué)計算機導(dǎo)論實踐報告大學(xué)計算機導(dǎo)論實踐報告
yuecai01.htm
zhecai01.htm
-19-
yuecai02.htm
zhecai02.htm大學(xué)計算機導(dǎo)論實踐報告大學(xué)計算機導(dǎo)論實踐報告大學(xué)計算機導(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)于《大學(xué)計算機導(dǎo)論實踐報告》給出的范例僅供您參考拓展思維使用,大學(xué)計算機導(dǎo)論實踐報告:該篇文章建議您自主創(chuàng)作。
來源:網(wǎng)絡(luò)整理 免責(zé)聲明:本文僅限學(xué)習(xí)分享,如產(chǎn)生版權(quán)問題,請聯(lián)系我們及時刪除。