多媒體課件設(shè)計(jì)報(bào)告格式.doc

“多媒體課件設(shè)計(jì)”第二課堂設(shè)計(jì)報(bào)告和諧校園學(xué)生姓名袁薇學(xué)生學(xué)號(hào)2010543218指導(dǎo)教師殷鵬專業(yè)班級(jí)10信息2班所屬院系信息學(xué)院二一二年六月目 錄1 前言 1 1.1 設(shè)計(jì)目的 1 1.2 設(shè)計(jì)特點(diǎn) 1 1.3 設(shè)計(jì)簡(jiǎn)介 1 2 設(shè)計(jì)環(huán)境 2 2.1 運(yùn)行環(huán)境 2 2.2 開發(fā)環(huán)境2 3 課件主要內(nèi)容 2 3.1 家門口 23.2 享家生活 2 3.3 雜七雜八 2 3.4 翻翻衣櫥 23.5 門牌號(hào) 24 設(shè)計(jì)心得 3 課件名稱 和諧校園學(xué)生姓名：袁薇1 前言 當(dāng)今社會(huì)，大家處處提倡和諧，構(gòu)建和諧社會(huì)。我們學(xué)校也不例外，早早提出了要構(gòu)建和諧商院的口號(hào)。構(gòu)建和諧商院，既是一個(gè)歷史發(fā)展過程，又是一個(gè)復(fù)雜系統(tǒng)過程，可以從多方面多角度去探索和實(shí)踐。但有一點(diǎn)是肯定的，和諧校園的構(gòu)建有五個(gè)基本要素人、事、物、景、情的和諧。其中人的和諧是關(guān)鍵，事的和諧是核心，物的和諧是保障，景的和諧是窗口，情的和諧是基礎(chǔ)。從這個(gè)意義上說，我們校園中的每個(gè)人都需要有要構(gòu)建和諧校園的意識(shí)，并要在自己身上有所體現(xiàn)；在做事情時(shí)，也要秉著和諧的觀念來完成；面對(duì)學(xué)校的優(yōu)美環(huán)境，我們要學(xué)會(huì)欣賞，而不是肆意的踐踏。1.1 設(shè)計(jì)目的面對(duì)我們會(huì)生活四年的大學(xué)校園，心中總是充滿無限感慨，所以希望能夠借此機(jī)會(huì)來記錄我們美麗的校園和大學(xué)生活1.2 設(shè)計(jì)特點(diǎn)簡(jiǎn)潔明了，清新大方1.3 設(shè)計(jì)簡(jiǎn)介整個(gè)網(wǎng)頁(yè)設(shè)計(jì)分為家門口、享家生活、雜七雜八、翻翻衣櫥、門牌號(hào)五個(gè)板塊，在網(wǎng)頁(yè)的首頁(yè)還插入了和諧之美等七篇精美短文，來歌頌我們美麗的校園和可愛可敬的老師們。同時(shí)還選取了校園的幾處美景來使得整個(gè)網(wǎng)頁(yè)更加的生動(dòng)有趣；在網(wǎng)頁(yè)的后邊部分，插入了幾個(gè)視頻，是為了讓整個(gè)網(wǎng)頁(yè)更具多元化。 2 設(shè)計(jì)環(huán)境2.1運(yùn)行環(huán)境Windows XP Windows 7等2.2開發(fā)環(huán)境使用Dreamweaver MX 編輯網(wǎng)頁(yè)3 課件主要內(nèi)容3.1 家門口由幾張各個(gè)高校的照片，引入網(wǎng)頁(yè)，并且增加了和諧之美等七篇精美短文來歌頌我們美麗的校園和可愛可敬的老師們3.2 享家生活 繼續(xù)欣賞和諧之美等優(yōu)秀短文，以此來抒發(fā)對(duì)老師的仰慕和感激之情,還有回首初中、高中校園，也都還帶著種種親切之感3.3 雜七雜八同樣是幾張高校的照片來繼續(xù)帶領(lǐng)大家繼續(xù)領(lǐng)略各個(gè)學(xué)校的美景3.4翻翻衣櫥 通過一個(gè)發(fā)生在我們身邊的視頻來看看周圍的大家是如何為構(gòu)建和諧校園做自己的貢獻(xiàn)。3.5門牌號(hào)繼續(xù)通過視頻來分享發(fā)生在身邊的和諧美景4 設(shè)計(jì)心得網(wǎng)頁(yè)設(shè)計(jì)伴隨著網(wǎng)絡(luò)的快速發(fā)展而快速興起，作為上網(wǎng)的主要依托，由于人們使用網(wǎng)絡(luò)的頻繁而變得非常重要。生活中我每天上網(wǎng)都要接觸到網(wǎng)頁(yè)，原來沒有留意過網(wǎng)頁(yè)的設(shè)計(jì)，但是經(jīng)過這段時(shí)間的學(xué)習(xí)了解，現(xiàn)在我打開一個(gè)網(wǎng)頁(yè)都會(huì) 習(xí)慣性的先看看排版、布局和色彩運(yùn)用。 通過老師的講解和對(duì)課本的翻閱， 我學(xué)習(xí)到了一些關(guān)于建設(shè)網(wǎng)站和制作網(wǎng)頁(yè)的知識(shí)，對(duì)網(wǎng)頁(yè)制作的基礎(chǔ)知識(shí)也有了一定的掌握。通過 Dreamweaver 制作網(wǎng)頁(yè)，我用到了一些基本的功能：圖片插入和對(duì)齊設(shè)置；文字的格式、顏色、背景顏色的設(shè)置等。但是在自己嘗試著做的時(shí)候，總是出現(xiàn)這里那里的問題。不是圖 片不能固定在自己想要的位置， 就是滾動(dòng)文本的顯示區(qū)域不知道為什么撐過了頁(yè) 面，還有就是不同分辨率、不同瀏覽器都會(huì)對(duì)瀏覽網(wǎng)頁(yè)產(chǎn)生影響。而且在 CSS 方面，我總是不太熟悉各種代碼是控制哪些東西的。除了查找解決問題我還總結(jié) 了經(jīng)驗(yàn)。例如：1、命名站點(diǎn)或者文件夾的的時(shí)候一定要注意，最好用相應(yīng)的英語或者漢語拼音，要見名知意，如圖片文件夾用 image 或者 tu，這樣可以避免頁(yè)面調(diào)用時(shí)不正確的現(xiàn)象發(fā)生。2、調(diào)用 Style 時(shí)可以單擊鼠標(biāo)右鍵選擇 Custon Style 來調(diào)用 Style 標(biāo)準(zhǔn)， 也可以在狀態(tài)欄中的元素列表上單擊右鍵來調(diào)用Style。雖然不同的方法達(dá)到的效果看似一樣，但實(shí)際上產(chǎn)生的 HTML 代碼則完全不同。 在這個(gè)過程中，我同樣認(rèn)識(shí)到網(wǎng)頁(yè)設(shè)計(jì)不是一門學(xué)科的獨(dú)秀，而是多種課程的綜 合，它是 Flash、Photoshop 等網(wǎng)頁(yè)軟件的綜合應(yīng)用。例如 Flash 提供了功能齊 全的繪圖和編輯圖形工具。可以直接在編輯區(qū)里繪畫，編輯修改非常靈活，它的另一大特點(diǎn)是“交互性”強(qiáng)。在動(dòng)畫播放時(shí)，可以用鼠標(biāo)或鍵盤對(duì)動(dòng)畫的播放進(jìn)行控制，可以很直觀的反映出效果。頁(yè)面設(shè)計(jì)應(yīng)以美觀、大方、簡(jiǎn)潔為原則，保持一致的風(fēng)格。為了達(dá)到最佳的視覺表現(xiàn)效果，應(yīng)講究整體布局的合理性，使瀏覽者有一個(gè)流暢的視覺體驗(yàn)。網(wǎng)頁(yè)最主要的功能就是給每個(gè)上網(wǎng)者提供一種形式，讓他們能夠了解網(wǎng)站提供的信息。要研究網(wǎng)頁(yè)設(shè)計(jì)，就需要站在用戶的角度來看。用戶是一個(gè)網(wǎng)站成敗的關(guān)鍵。如果用戶要花很多時(shí)間進(jìn)入網(wǎng)站，很有可能他會(huì)立即關(guān)掉網(wǎng)站，或者網(wǎng)站操作很不方便用戶也會(huì)馬上離開，這種網(wǎng)站是很失敗的設(shè)計(jì)，只會(huì)讓用戶失望的離去。所以網(wǎng)頁(yè)容量即包括圖像在內(nèi)的網(wǎng)頁(yè)字節(jié)數(shù)最好不要超過50K。還涉及到界面弱化的問題。一個(gè)好的界面設(shè)計(jì)它的界面是弱化的，它突出的是功能，著重體現(xiàn)的是網(wǎng)站業(yè)提供給使用者主要是什么。這就涉及到瀏覽順序、功能分區(qū)等等。要讓訪客在0.5秒內(nèi)就能把握網(wǎng)站的行業(yè)性質(zhì)，1秒內(nèi)就知道該從哪個(gè)地方開始使用這個(gè)網(wǎng)站，能點(diǎn)一次的，絕不點(diǎn)第二次。 當(dāng)然上面說的是大多數(shù)功能性網(wǎng)站，對(duì)于宣傳展示性網(wǎng)站，諸如加特效的或 Flash 網(wǎng)站，可能就不得不花哨一些，但不能太過分。網(wǎng)站不是動(dòng)畫片，在效率越來越高，社會(huì)心理越來越浮躁的中國(guó)，人們的耐心越來越小，心理承受能力越來越低。效果可以體現(xiàn)意境，點(diǎn)到為止。 下面簡(jiǎn)單介紹下網(wǎng)頁(yè)設(shè)計(jì)的理念和要點(diǎn)。網(wǎng)頁(yè)設(shè)計(jì)理念：（1）內(nèi)容決定 形式：先把內(nèi)容充實(shí)上，再分區(qū)塊，再定色調(diào)，再處理細(xì)節(jié)。（2）先整體， 后局部，最后回歸到整體：全局考慮，把能填上的都填上，占位置。然后定基調(diào)，分模塊設(shè)計(jì)。最后調(diào)整不滿意的幾個(gè)局部細(xì)節(jié)。（3）功能決定設(shè)計(jì)方向: 看網(wǎng)站的用途，決定設(shè)計(jì)思路。商業(yè)性的就要突出贏利目的；政府型的就要突出形象和權(quán)威性的文章；教育性的，就要突出師資和課程。 網(wǎng)頁(yè)設(shè)計(jì)的兩大要點(diǎn)是：整體風(fēng)格和色彩搭配。 一、確定網(wǎng)站的整體風(fēng)格: 1、將標(biāo)志 logo，盡可能的放在頁(yè)面最突出的位置。2、突出標(biāo)準(zhǔn)色彩。3、總結(jié)一句能反映網(wǎng)站精髓的宣傳標(biāo)語。4、相同類型的圖像采用相同效果，比如說標(biāo)題字都采用陰影效果，那么在網(wǎng)站中出現(xiàn)的所有標(biāo)題字的陰影效果的設(shè)置應(yīng)該是完全一致的。 二、網(wǎng)頁(yè)色彩的搭配: 1、用一種色彩。指選定一種色彩，然后調(diào)整透明 度或飽和度，這樣頁(yè)面看起來色彩統(tǒng)一，有層次感。2、用兩種色彩。先選定 一種色彩，然后選擇它的對(duì)比色。3、用一個(gè)色系。就是用一個(gè)感覺的色彩， 例如淡藍(lán)，淡黃，淡綠；或者土黃，土灰，土藍(lán)。在網(wǎng)頁(yè)配色中，還要切記 一些誤區(qū)：1、不要將所有顏色都用到，盡量控制在三至五種色彩以內(nèi)。2、 背景和前文的對(duì)比盡量要大(絕對(duì)不要用花紋繁復(fù)的圖案作背景)，以便突出主要文字內(nèi)容。 針對(duì)我所學(xué)的平面設(shè)計(jì)方向，那么這次應(yīng)用到了創(chuàng)意思維，版面設(shè)計(jì)，色彩配置。圖形創(chuàng)意等方面